@copart/ops-tool-kit 1.12.0-alpha.4 → 1.12.0-alpha.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +11 -11
  2. package/bin/cli.js +19 -19
  3. package/changelog.md +40 -40
  4. package/dist/ops-tool-kit.js +370 -178
  5. package/dist/ops-tool-kit.js.map +1 -1
  6. package/package.json +113 -112
package/dist/ops-tool-kit.js CHANGED
@@ -32,7 +32,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
32
32
  var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
33
33
 
34
34
  const name$r = "@copart/ops-tool-kit";
35
- const version$7 = "1.12.0-alpha.4";
35
+ const version$7 = "1.12.0-alpha.6";
36
36
  const main$1 = "dist/ops-tool-kit.js";
37
37
  const style = "dist/ops-tool-kit.css";
38
38
  const files = [
@@ -86,7 +86,8 @@ const devDependencies$1 = {
86
86
  rollup: "^2.22.1",
87
87
  "rollup-plugin-analyzer": "^3.3.0",
88
88
  "rollup-plugin-filesize": "9.0.2",
89
- "rollup-plugin-postcss": "^3.1.3"
89
+ "rollup-plugin-postcss": "^3.1.3",
90
+ "@rollup/plugin-replace": "5.0.5"
90
91
  };
91
92
  const peerDependencies = {
92
93
  "@copart/core-components": "2.3.0-alpha.filters.6",
@@ -226,10 +227,10 @@ function styleInject(css, ref) {
226
227
  }
227
228
  }
228
229
 
229
- var css_248z$r = ":root {\r\n --mainFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\r\n --primaryFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\r\n\r\n --white: #ffffff;\r\n --gray: #f1f1f1;\r\n --grey: #f1f1f1;\r\n --black: #000000;\r\n --blue: #1d5ab9;\r\n --blueDark: #0b2854;\r\n --red: #ee2727;\r\n --green: #7dc033;\r\n --greenDark: #64b50a;\r\n --charcoal: #323742;\r\n --blue: #1d5ab9;\r\n --blueGrey: #8d9fb1;\r\n --lightBlue: #a3d1ff;\r\n --veryLightBlue: #f2f7ff;\r\n --lightBlueGrey: #d6dfe8;\r\n --paleGrey: #ecf0f1;\r\n --lightGrey: #f1f1f1;\r\n --copartBlue: #1d5ab9;\r\n\r\n --primaryBlue: rgb(12, 92, 184);\r\n --primaryBlue0: rgb(11, 81, 161);\r\n --primaryBlue1: rgba(12, 92, 184, 0.2);\r\n --primaryBlue2: rgba(12, 92, 184, 0.4);\r\n --primaryBlue3: rgba(12, 92, 184, 0.6);\r\n --primaryBlue4: rgba(12, 92, 184, 0.8);\r\n\r\n --secondaryBlue: rgb(74, 144, 226);\r\n --secondaryBlue0: rgb(52, 122, 202);\r\n --secondaryBlue1: rgba(74, 144, 226, 0.2);\r\n --secondaryBlue2: rgba(74, 144, 226, 0.4);\r\n --secondaryBlue3: rgba(74, 144, 226, 0.6);\r\n --secondaryBlue4: rgba(74, 144, 226, 0.8);\r\n\r\n --darkBlue: rgb(29, 90, 185);\r\n --darkBlue1: rgba(29, 90, 185, 0.2);\r\n --darkBlue2: rgba(29, 90, 185, 0.4);\r\n --darkBlue3: rgba(29, 90, 185, 0.6);\r\n --darkBlue4: rgba(29, 90, 185, 0.8);\r\n\r\n --primaryRed: rgba(224, 26, 26, 1);\r\n --primaryRed0: rgb(201, 16, 16);\r\n --primaryRed1: rgba(224, 26, 26, 0.2);\r\n --primaryRed2: rgba(224, 26, 26, 0.4);\r\n --primaryRed3: rgba(224, 26, 26, 0.6);\r\n --primaryRed4: rgba(224, 26, 26, 0.8);\r\n\r\n --primaryOrange: rgba(253, 184, 39, 1);\r\n --primaryOrange0: rgb(236, 171, 29);\r\n --primaryOrange1: rgba(253, 184, 39, 0.2);\r\n --primaryOrange2: rgba(253, 184, 39, 0.4);\r\n --primaryOrange3: rgba(253, 184, 39, 0.6);\r\n --primaryOrange4: rgba(253, 184, 39, 0.8);\r\n\r\n --primaryGreen: rgba(29, 206, 109, 1);\r\n --primaryGreen0: rgb(27, 187, 99);\r\n --primaryGreen1: rgba(29, 206, 109, 0.2);\r\n --primaryGreen2: rgba(29, 206, 109, 0.4);\r\n --primaryGreen3: rgba(29, 206, 109, 0.6);\r\n --primaryGreen4: rgba(29, 206, 109, 0.8);\r\n}\r\n\r\ni.styles_index--fabric {\r\n font-style: normal;\r\n}\r\n";
230
+ var css_248z$r = ":root {\n --mainFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\n --primaryFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\n\n --white: #ffffff;\n --gray: #f1f1f1;\n --grey: #f1f1f1;\n --black: #000000;\n --blue: #1d5ab9;\n --blueDark: #0b2854;\n --red: #ee2727;\n --green: #7dc033;\n --greenDark: #64b50a;\n --charcoal: #323742;\n --blue: #1d5ab9;\n --blueGrey: #8d9fb1;\n --lightBlue: #a3d1ff;\n --veryLightBlue: #f2f7ff;\n --lightBlueGrey: #d6dfe8;\n --paleGrey: #ecf0f1;\n --lightGrey: #f1f1f1;\n --copartBlue: #1d5ab9;\n\n --primaryBlue: rgb(12, 92, 184);\n --primaryBlue0: rgb(11, 81, 161);\n --primaryBlue1: rgba(12, 92, 184, 0.2);\n --primaryBlue2: rgba(12, 92, 184, 0.4);\n --primaryBlue3: rgba(12, 92, 184, 0.6);\n --primaryBlue4: rgba(12, 92, 184, 0.8);\n\n --secondaryBlue: rgb(74, 144, 226);\n --secondaryBlue0: rgb(52, 122, 202);\n --secondaryBlue1: rgba(74, 144, 226, 0.2);\n --secondaryBlue2: rgba(74, 144, 226, 0.4);\n --secondaryBlue3: rgba(74, 144, 226, 0.6);\n --secondaryBlue4: rgba(74, 144, 226, 0.8);\n\n --darkBlue: rgb(29, 90, 185);\n --darkBlue1: rgba(29, 90, 185, 0.2);\n --darkBlue2: rgba(29, 90, 185, 0.4);\n --darkBlue3: rgba(29, 90, 185, 0.6);\n --darkBlue4: rgba(29, 90, 185, 0.8);\n\n --primaryRed: rgba(224, 26, 26, 1);\n --primaryRed0: rgb(201, 16, 16);\n --primaryRed1: rgba(224, 26, 26, 0.2);\n --primaryRed2: rgba(224, 26, 26, 0.4);\n --primaryRed3: rgba(224, 26, 26, 0.6);\n --primaryRed4: rgba(224, 26, 26, 0.8);\n\n --primaryOrange: rgba(253, 184, 39, 1);\n --primaryOrange0: rgb(236, 171, 29);\n --primaryOrange1: rgba(253, 184, 39, 0.2);\n --primaryOrange2: rgba(253, 184, 39, 0.4);\n --primaryOrange3: rgba(253, 184, 39, 0.6);\n --primaryOrange4: rgba(253, 184, 39, 0.8);\n\n --primaryGreen: rgba(29, 206, 109, 1);\n --primaryGreen0: rgb(27, 187, 99);\n --primaryGreen1: rgba(29, 206, 109, 0.2);\n --primaryGreen2: rgba(29, 206, 109, 0.4);\n --primaryGreen3: rgba(29, 206, 109, 0.6);\n --primaryGreen4: rgba(29, 206, 109, 0.8);\n}\n\ni.styles_index--fabric {\n font-style: normal;\n}\n";
230
231
  styleInject(css_248z$r);
231
232
 
232
- var css_248z$q = "* {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n -webkit-font-smoothing: subpixel-antialiased;\r\n box-sizing: border-box;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\nhtml,\r\nhtml a {\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n* {\r\n padding: 0;\r\n margin: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n:root {\r\n font-family: var(--mainFont);\r\n font-family: var(--mainFont);\r\n font-size: 16px;\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\nbody {\r\n overflow: hidden;\r\n font-size: 1rem;\r\n font-family: var(--mainFont);\r\n font-family: var(--mainFont);\r\n}\r\n\r\na:link,a:visited {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\na:-webkit-any-link {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\na:-moz-any-link {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\na:any-link {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n.styles_reset--material-icons.styles_reset--md-18 {\r\n font-size: 18px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-24 {\r\n font-size: 24px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-28 {\r\n font-size: 28px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-36 {\r\n font-size: 36px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-48 {\r\n font-size: 48px;\r\n}\r\n";
233
+ var css_248z$q = "* {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: subpixel-antialiased;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n}\n\nhtml,\nhtml a {\n -webkit-font-smoothing: antialiased;\n}\n\n* {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n}\n\n:root {\n font-family: var(--mainFont);\n font-family: var(--mainFont);\n font-size: 16px;\n -webkit-font-smoothing: antialiased;\n}\n\nbody {\n overflow: hidden;\n font-size: 1rem;\n font-family: var(--mainFont);\n font-family: var(--mainFont);\n}\n\na:link,a:visited {\n color: inherit;\n text-decoration: none;\n}\n\na:-webkit-any-link {\n color: inherit;\n text-decoration: none;\n}\n\na:-moz-any-link {\n color: inherit;\n text-decoration: none;\n}\n\na:any-link {\n color: inherit;\n text-decoration: none;\n}\n\n.styles_reset--material-icons.styles_reset--md-18 {\n font-size: 18px;\n}\n.styles_reset--material-icons.styles_reset--md-24 {\n font-size: 24px;\n}\n.styles_reset--material-icons.styles_reset--md-28 {\n font-size: 28px;\n}\n.styles_reset--material-icons.styles_reset--md-36 {\n font-size: 36px;\n}\n.styles_reset--material-icons.styles_reset--md-48 {\n font-size: 48px;\n}\n";
233
234
  styleInject(css_248z$q);
234
235
 
235
236
  function _iterableToArrayLimit(arr, i) {
@@ -852,7 +853,7 @@ var b$1 = "function" === typeof Symbol && Symbol.for,
852
853
  d = b$1 ? Symbol.for("react.portal") : 60106,
853
854
  e = b$1 ? Symbol.for("react.fragment") : 60107,
854
855
  f = b$1 ? Symbol.for("react.strict_mode") : 60108,
855
- g$1 = b$1 ? Symbol.for("react.profiler") : 60114,
856
+ g = b$1 ? Symbol.for("react.profiler") : 60114,
856
857
  h$1 = b$1 ? Symbol.for("react.provider") : 60109,
857
858
  k$1 = b$1 ? Symbol.for("react.context") : 60110,
858
859
  l = b$1 ? Symbol.for("react.async_mode") : 60111,
@@ -875,7 +876,7 @@ function z$1(a) {
875
876
  case l:
876
877
  case m:
877
878
  case e:
878
- case g$1:
879
+ case g:
879
880
  case f:
880
881
  case p:
881
882
  return a;
@@ -909,7 +910,7 @@ var Fragment = e;
909
910
  var Lazy = t;
910
911
  var Memo = r;
911
912
  var Portal = d;
912
- var Profiler = g$1;
913
+ var Profiler = g;
913
914
  var StrictMode = f;
914
915
  var Suspense = p;
915
916
  var isAsyncMode = function (a) {
@@ -941,7 +942,7 @@ var isPortal = function (a) {
941
942
  return z$1(a) === d;
942
943
  };
943
944
  var isProfiler = function (a) {
944
- return z$1(a) === g$1;
945
+ return z$1(a) === g;
945
946
  };
946
947
  var isStrictMode = function (a) {
947
948
  return z$1(a) === f;
@@ -950,7 +951,7 @@ var isSuspense = function (a) {
950
951
  return z$1(a) === p;
951
952
  };
952
953
  var isValidElementType = function (a) {
953
- return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g$1 || a === f || a === p || a === q$1 || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h$1 || a.$$typeof === k$1 || a.$$typeof === n || a.$$typeof === w$1 || a.$$typeof === x$1 || a.$$typeof === y || a.$$typeof === v);
954
+ return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q$1 || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h$1 || a.$$typeof === k$1 || a.$$typeof === n || a.$$typeof === w$1 || a.$$typeof === x$1 || a.$$typeof === y || a.$$typeof === v);
954
955
  };
955
956
  var typeOf = z$1;
956
957
 
@@ -2785,6 +2786,12 @@ var createOpsStorage = function createOpsStorage() {
2785
2786
  var appAuthName = appData ? appData.appAuthName : (_window$toolkitEnv4 = window.toolkitEnv) !== null && _window$toolkitEnv4 !== void 0 && _window$toolkitEnv4.APP_AUTH_NAME ? window.toolkitEnv.APP_AUTH_NAME : process.env.APP_AUTH_NAME;
2786
2787
  return appAuthName ? storage$1.getLocalItem("".concat(appAuthName, ":permissions")) : [];
2787
2788
  },
2789
+ get appScopesAndFunctions() {
2790
+ return getLocalItem('appScopesAndFunctions') || [];
2791
+ },
2792
+ get userAppScopes() {
2793
+ return getLocalItem('login', 'userAppScopes') || [];
2794
+ },
2788
2795
  get coreConfig() {
2789
2796
  return getLocalItem('opsportal-core:config');
2790
2797
  },
@@ -2905,7 +2912,7 @@ var DEFAULT_BREADCRUMBS_CONTEXT = {
2905
2912
  error: 'You tried to use Breadcrumbs outside of its context.'
2906
2913
  };
2907
2914
 
2908
- var css_248z$p = ".utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Breadcrumbs {\r\n /* height: 36px;\r\n background: #3c4656; */\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\r\n display: flex;\r\n}\r\n\r\n#notCrumbs {\r\n height: 100%;\r\n margin-right: 12px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\r\n cursor: pointer;\r\n height: 100%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 16px;\r\n font-weight: 300;\r\n letter-spacing: 0;\r\n /* transition: all 0.2s; */\r\n position: relative;\r\n top: -2px;\r\n color: rgba(255, 255, 255, 0.8);\r\n grid-gap: 6px;\r\n gap: 6px;\r\n margin-left: 5px;\r\n opacity: 1;\r\n}\r\n\r\n@-webkit-keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-6px);\r\n transform: translateX(-6px);\r\n /* transform: scale(0.9); */\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0px);\r\n transform: translateX(0px);\r\n /* transform: scale(1); */\r\n }\r\n}\r\n\r\n@keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-6px);\r\n transform: translateX(-6px);\r\n /* transform: scale(0.9); */\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0px);\r\n transform: translateX(0px);\r\n /* transform: scale(1); */\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\r\n -webkit-animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\r\n animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\r\n -webkit-animation-duration: 0.2s;\r\n animation-duration: 0.2s;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb::before {\r\n content: '\\f054';\r\n color: rgba(255, 255, 255, 0.4);\r\n display: inline-block;\r\n font-family: 'Font Awesome 6 Pro';\r\n font-size: 16px;\r\n margin: 0 6px;\r\n position: relative;\r\n top: 2px;\r\n}\r\n\r\n/* .Crumb:first-of-type {\r\n margin-left: 12px;\r\n font-weight: 400;\r\n} */\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:hover {\r\n /* background: rgba(0, 0, 0, 0.15); */\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:last-of-type):not(:hover) {\r\n /* opacity: 0.75; */\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type {\r\n font-weight: 700;\r\n opacity: 1;\r\n color: rgba(255, 255, 255, 1);\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type::before {\r\n font-weight: 300;\r\n /* opacity: 0.8; */\r\n}\r\n\r\n/* .crumbSpacer {} */\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\r\n /* margin: 10px; */\r\n flex-grow: 2;\r\n font-size: 14px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--notCrumbs {\r\n height: 100%;\r\n display: flex;\r\n margin-right: 0px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--entityIndicator {\r\n height: 100%;\r\n display: flex;\r\n margin-right: 0px !important;\r\n}";
2915
+ var css_248z$p = ".utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Breadcrumbs {\n /* height: 36px;\n background: #3c4656; */\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\n display: flex;\n}\n\n#notCrumbs {\n height: 100%;\n margin-right: 12px;\n display: flex;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\n cursor: pointer;\n height: 100%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 300;\n letter-spacing: 0;\n /* transition: all 0.2s; */\n position: relative;\n top: -2px;\n color: rgba(255, 255, 255, 0.8);\n grid-gap: 6px;\n gap: 6px;\n margin-left: 5px;\n opacity: 1;\n}\n\n@-webkit-keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-6px);\n transform: translateX(-6px);\n /* transform: scale(0.9); */\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0px);\n transform: translateX(0px);\n /* transform: scale(1); */\n }\n}\n\n@keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-6px);\n transform: translateX(-6px);\n /* transform: scale(0.9); */\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0px);\n transform: translateX(0px);\n /* transform: scale(1); */\n }\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\n -webkit-animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\n animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\n -webkit-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb::before {\n content: '\\f054';\n color: rgba(255, 255, 255, 0.4);\n display: inline-block;\n font-family: 'Font Awesome 6 Pro';\n font-size: 16px;\n margin: 0 6px;\n position: relative;\n top: 2px;\n}\n\n/* .Crumb:first-of-type {\n margin-left: 12px;\n font-weight: 400;\n} */\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:hover {\n /* background: rgba(0, 0, 0, 0.15); */\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:last-of-type):not(:hover) {\n /* opacity: 0.75; */\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type {\n font-weight: 700;\n opacity: 1;\n color: rgba(255, 255, 255, 1);\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type::before {\n font-weight: 300;\n /* opacity: 0.8; */\n}\n\n/* .crumbSpacer {} */\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\n /* margin: 10px; */\n flex-grow: 2;\n font-size: 14px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--notCrumbs {\n height: 100%;\n display: flex;\n margin-right: 0px !important;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--entityIndicator {\n height: 100%;\n display: flex;\n margin-right: 0px !important;\n}";
2909
2916
  styleInject(css_248z$p);
2910
2917
 
2911
2918
  var Context = createContext(DEFAULT_BREADCRUMBS_CONTEXT);
@@ -3666,12 +3673,12 @@ function nonStandardBrowserEnv() {
3666
3673
 
3667
3674
  // btoa polyfill for IE<10 courtesy https://github.com/davidchambers/Base64.js
3668
3675
  var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
3669
- function E() {
3676
+ function E$1() {
3670
3677
  this.message = 'String contains an invalid character';
3671
3678
  }
3672
- E.prototype = new Error();
3673
- E.prototype.code = 5;
3674
- E.prototype.name = 'InvalidCharacterError';
3679
+ E$1.prototype = new Error();
3680
+ E$1.prototype.code = 5;
3681
+ E$1.prototype.name = 'InvalidCharacterError';
3675
3682
  function btoa$2(input) {
3676
3683
  var str = String(input);
3677
3684
  var output = '';
@@ -3686,7 +3693,7 @@ function btoa$2(input) {
3686
3693
  output += map.charAt(63 & block >> 8 - idx % 1 * 8)) {
3687
3694
  charCode = str.charCodeAt(idx += 3 / 4);
3688
3695
  if (charCode > 0xFF) {
3689
- throw new E();
3696
+ throw new E$1();
3690
3697
  }
3691
3698
  block = block << 8 | charCode;
3692
3699
  }
@@ -5446,17 +5453,54 @@ var getHeaders$1 = function getHeaders() {
5446
5453
  };
5447
5454
  };
5448
5455
  var getPermissions = /*#__PURE__*/function () {
5449
- var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(appName) {
5450
- var _storage$getLocalItem, _storage$getLocalItem2, permissions, endpoint, response, appDetails;
5456
+ var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(appName, useAppScopes) {
5457
+ var permissions, userAppScopes, allAppScopesAndFunctions, currentAppScopesAndFunctions, _currentAppScopesAndF, appFunctions, appFunctionsMap, _storage$getLocalItem, _storage$getLocalItem2, endpoint, response, appDetails;
5451
5458
  return _regeneratorRuntime().wrap(function _callee$(_context) {
5452
5459
  while (1) switch (_context.prev = _context.next) {
5453
5460
  case 0:
5454
5461
  _context.prev = 0;
5455
5462
  permissions = [];
5463
+ if (!useAppScopes) {
5464
+ _context.next = 9;
5465
+ break;
5466
+ }
5467
+ userAppScopes = Array.isArray(storage.userAppScopes) ? storage.userAppScopes : [];
5468
+ allAppScopesAndFunctions = storage.appScopesAndFunctions;
5469
+ currentAppScopesAndFunctions = allAppScopesAndFunctions.find(function (scope) {
5470
+ return scope.appName === appName;
5471
+ });
5472
+ if (currentAppScopesAndFunctions) {
5473
+ appFunctions = {}, appFunctionsMap = {};
5474
+ (_currentAppScopesAndF = currentAppScopesAndFunctions.scopes) === null || _currentAppScopesAndF === void 0 ? void 0 : _currentAppScopesAndF.forEach(function (scope) {
5475
+ var scopeName = scope.appscope;
5476
+ var userHasScope = userAppScopes.find(function (appScope) {
5477
+ return appScope.appName === appName && appScope.scopeName === scopeName;
5478
+ });
5479
+ if (userHasScope) {
5480
+ scope.applicationFunctions.forEach(function (appFunc) {
5481
+ if (!appFunctionsMap[appFunc]) {
5482
+ appFunctionsMap[appFunc] = true;
5483
+ appFunctions[appFunc] = {
5484
+ name: appFunc,
5485
+ description: appFunc,
5486
+ hierarchyDetails: userHasScope.hierarchies
5487
+ };
5488
+ } else {
5489
+ var _appFunctions$appFunc;
5490
+ (_appFunctions$appFunc = appFunctions[appFunc]) === null || _appFunctions$appFunc === void 0 ? void 0 : _appFunctions$appFunc.hierarchyDetails.concat(userHasScope.hierarchies);
5491
+ }
5492
+ });
5493
+ }
5494
+ });
5495
+ permissions = Object.values(appFunctions);
5496
+ }
5497
+ _context.next = 15;
5498
+ break;
5499
+ case 9:
5456
5500
  endpoint = (_storage$getLocalItem = storage.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem === void 0 ? void 0 : (_storage$getLocalItem2 = _storage$getLocalItem.endpoints) === null || _storage$getLocalItem2 === void 0 ? void 0 : _storage$getLocalItem2.g2AppPermissions;
5457
- _context.next = 5;
5501
+ _context.next = 12;
5458
5502
  return fetcher.get("".concat(endpoint).concat(appName), getHeaders$1());
5459
- case 5:
5503
+ case 12:
5460
5504
  response = _context.sent;
5461
5505
  appDetails = response.data.applications.find(function (app) {
5462
5506
  return app.name === appName;
@@ -5464,25 +5508,26 @@ var getPermissions = /*#__PURE__*/function () {
5464
5508
  if (appDetails) {
5465
5509
  permissions = appDetails.applicationFunctions;
5466
5510
  }
5511
+ case 15:
5467
5512
  storage.setLocalItem("".concat(appName, ":permissions"), permissions);
5468
5513
  return _context.abrupt("return", permissions);
5469
- case 12:
5470
- _context.prev = 12;
5514
+ case 19:
5515
+ _context.prev = 19;
5471
5516
  _context.t0 = _context["catch"](0);
5472
5517
  if (!(_context.t0.response && JSON.stringify(_context.t0.response.data).includes('503'))) {
5473
- _context.next = 18;
5518
+ _context.next = 25;
5474
5519
  break;
5475
5520
  }
5476
5521
  return _context.abrupt("return", Promise.reject(new Error('Fetch Error, Please make sure you are on the Copart network')));
5477
- case 18:
5522
+ case 25:
5478
5523
  Promise.reject(_context.t0);
5479
- case 19:
5524
+ case 26:
5480
5525
  case "end":
5481
5526
  return _context.stop();
5482
5527
  }
5483
- }, _callee, null, [[0, 12]]);
5528
+ }, _callee, null, [[0, 19]]);
5484
5529
  }));
5485
- return function getPermissions(_x) {
5530
+ return function getPermissions(_x, _x2) {
5486
5531
  return _ref.apply(this, arguments);
5487
5532
  };
5488
5533
  }();
@@ -5589,17 +5634,17 @@ var getDefaultYard = function getDefaultYard(country) {
5589
5634
  var stack = (_window$toolkitEnv = window.toolkitEnv) !== null && _window$toolkitEnv !== void 0 && _window$toolkitEnv.STACK ? window.toolkitEnv.STACK : process.env.STACK;
5590
5635
  if (stack === 'uk') {
5591
5636
  return {
5592
- name: "COPART UK",
5637
+ name: 'COPART UK',
5593
5638
  number: 400,
5594
- userSecurityLevel: "1",
5639
+ userSecurityLevel: '1',
5595
5640
  address: {
5596
- city: "WOOTTON",
5597
- country: "GBR",
5598
- line1: "ACREY FIELDS",
5599
- state: "GB",
5641
+ city: 'WOOTTON',
5642
+ country: 'GBR',
5643
+ line1: 'ACREY FIELDS',
5644
+ state: 'GB',
5600
5645
  zip: {
5601
- zip1: "MK43",
5602
- zip2: ""
5646
+ zip1: 'MK43',
5647
+ zip2: ''
5603
5648
  }
5604
5649
  }
5605
5650
  };
@@ -5607,60 +5652,60 @@ var getDefaultYard = function getDefaultYard(country) {
5607
5652
  switch (country) {
5608
5653
  case 'IN':
5609
5654
  return {
5610
- name: "CITC",
5655
+ name: 'CITC',
5611
5656
  number: 8003,
5612
5657
  address: {
5613
- city: "HYDERABAD",
5614
- country: "IND",
5615
- line1: "PSR PRIME TOWERS 5TH FLOOR",
5616
- line2: "SURVEY NO 126P, GACHIBOWLI",
5617
- state: "TS",
5658
+ city: 'HYDERABAD',
5659
+ country: 'IND',
5660
+ line1: 'PSR PRIME TOWERS 5TH FLOOR',
5661
+ line2: 'SURVEY NO 126P, GACHIBOWLI',
5662
+ state: 'TS',
5618
5663
  zip: {
5619
- zip1: "500032"
5664
+ zip1: '500032'
5620
5665
  }
5621
5666
  }
5622
5667
  };
5623
5668
  case 'US':
5624
5669
  return {
5625
- name: "CORPORATE",
5670
+ name: 'CORPORATE',
5626
5671
  number: 700,
5627
5672
  address: {
5628
- city: "DALLAS",
5629
- country: "USA",
5630
- line1: "14185 DALLAS PARKWAY #300",
5631
- state: "TX",
5673
+ city: 'DALLAS',
5674
+ country: 'USA',
5675
+ line1: '14185 DALLAS PARKWAY #300',
5676
+ state: 'TX',
5632
5677
  zip: {
5633
- zip1: "75254"
5678
+ zip1: '75254'
5634
5679
  }
5635
5680
  }
5636
5681
  };
5637
5682
  case 'UK':
5638
5683
  return {
5639
- name: "COPART UK",
5684
+ name: 'COPART UK',
5640
5685
  number: 400,
5641
- userSecurityLevel: "1",
5686
+ userSecurityLevel: '1',
5642
5687
  address: {
5643
- city: "WOOTTON",
5644
- country: "GBR",
5645
- line1: "ACREY FIELDS",
5646
- state: "GB",
5688
+ city: 'WOOTTON',
5689
+ country: 'GBR',
5690
+ line1: 'ACREY FIELDS',
5691
+ state: 'GB',
5647
5692
  zip: {
5648
- zip1: "MK43",
5649
- zip2: ""
5693
+ zip1: 'MK43',
5694
+ zip2: ''
5650
5695
  }
5651
5696
  }
5652
5697
  };
5653
5698
  default:
5654
5699
  return {
5655
- name: "CORPORATE",
5700
+ name: 'CORPORATE',
5656
5701
  number: 700,
5657
5702
  address: {
5658
- city: "DALLAS",
5659
- country: "USA",
5660
- line1: "14185 DALLAS PARKWAY #300",
5661
- state: "TX",
5703
+ city: 'DALLAS',
5704
+ country: 'USA',
5705
+ line1: '14185 DALLAS PARKWAY #300',
5706
+ state: 'TX',
5662
5707
  zip: {
5663
- zip1: "75254"
5708
+ zip1: '75254'
5664
5709
  }
5665
5710
  }
5666
5711
  };
@@ -5735,13 +5780,14 @@ var storeLoginData = function storeLoginData(data) {
5735
5780
  redirectTo: 'home',
5736
5781
  attemptFailed: false,
5737
5782
  sessionExpired: false,
5738
- hasCasAccess: data.hasCasAccess
5783
+ hasCasAccess: data.hasCasAccess,
5784
+ entity_auth_scope: data.entity_auth_scope
5739
5785
  });
5740
5786
  };
5741
5787
  var setupLogin = /*#__PURE__*/function () {
5742
5788
  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(loginData) {
5743
5789
  var _window$toolkitEnv3;
5744
- var stack, hasCasAccess, yardList, entitySamID, entityID, entityCasID, userDetails, noCasAccess, userCountryCode, defaultYard;
5790
+ var stack, hasCasAccess, yardList, entitySamID, entityID, entityCasID, userDetails, noCasAccess, userCountryCode, defaultYard, _storage$getLocalItem, _storage$getLocalItem2, endpoint, appFunctions;
5745
5791
  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
5746
5792
  while (1) switch (_context2.prev = _context2.next) {
5747
5793
  case 0:
@@ -5813,11 +5859,26 @@ var setupLogin = /*#__PURE__*/function () {
5813
5859
  loginData.hasCasAccess = hasCasAccess;
5814
5860
  case 44:
5815
5861
  storeLoginData(loginData);
5816
- case 45:
5862
+ _context2.prev = 45;
5863
+ endpoint = (_storage$getLocalItem = storage$1.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem === void 0 ? void 0 : (_storage$getLocalItem2 = _storage$getLocalItem.endpoints) === null || _storage$getLocalItem2 === void 0 ? void 0 : _storage$getLocalItem2.appScopesAWS;
5864
+ _context2.next = 49;
5865
+ return fetcher.get(endpoint).then(function (res) {
5866
+ return res.data;
5867
+ });
5868
+ case 49:
5869
+ appFunctions = _context2.sent;
5870
+ storage$1.setLocalItem('appScopesAndFunctions', appFunctions);
5871
+ _context2.next = 56;
5872
+ break;
5873
+ case 53:
5874
+ _context2.prev = 53;
5875
+ _context2.t1 = _context2["catch"](45);
5876
+ console.log(_context2.t1);
5877
+ case 56:
5817
5878
  case "end":
5818
5879
  return _context2.stop();
5819
5880
  }
5820
- }, _callee2, null, [[17, 27]]);
5881
+ }, _callee2, null, [[17, 27], [45, 53]]);
5821
5882
  }));
5822
5883
  return function setupLogin(_x) {
5823
5884
  return _ref2.apply(this, arguments);
@@ -9270,6 +9331,73 @@ var getInnovationHubToken = /*#__PURE__*/function () {
9270
9331
  };
9271
9332
  }();
9272
9333
 
9334
+ var getHierarchyDetails = function getHierarchyDetails(hierarchies, hierarchyId) {
9335
+ var hierarchy = hierarchies[hierarchyId];
9336
+ var isHierarchyFromCurrentCountry = hierarchy && hierarchy.countryCode === storage.getSessionItem('dashboard', 'selectedCountryA3code');
9337
+ return isHierarchyFromCurrentCountry ? {
9338
+ id: hierarchy.hierarchyId,
9339
+ level: hierarchy.levelName,
9340
+ name: hierarchy.hierarchyName
9341
+ } : null;
9342
+ };
9343
+ var getUserScopes = /*#__PURE__*/function () {
9344
+ var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
9345
+ var _storage$getLocalItem, _storage$getLocalItem2;
9346
+ var endpoint, hierarchies, scopeData, scopeList, filteredScopeList;
9347
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
9348
+ while (1) switch (_context.prev = _context.next) {
9349
+ case 0:
9350
+ endpoint = (_storage$getLocalItem = storage.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem === void 0 ? void 0 : (_storage$getLocalItem2 = _storage$getLocalItem.endpoints) === null || _storage$getLocalItem2 === void 0 ? void 0 : _storage$getLocalItem2.hierarchiesAWS;
9351
+ _context.prev = 1;
9352
+ _context.next = 4;
9353
+ return fetcher.get(endpoint).then(function (res) {
9354
+ return res.data;
9355
+ });
9356
+ case 4:
9357
+ hierarchies = _context.sent;
9358
+ storage.setLocalItem('hierarchies', hierarchies);
9359
+ _context.next = 12;
9360
+ break;
9361
+ case 8:
9362
+ _context.prev = 8;
9363
+ _context.t0 = _context["catch"](1);
9364
+ console.log(_context.t0);
9365
+ hierarchies = storage.getLocalItem('hierarchies');
9366
+ case 12:
9367
+ scopeData = storage.getLocalItem('login', 'entity_auth_scope');
9368
+ scopeList = typeof scopeData === 'string' ? scopeData === null || scopeData === void 0 ? void 0 : scopeData.split(',') : [];
9369
+ filteredScopeList = [];
9370
+ scopeList.forEach(function (scope) {
9371
+ var _scopeInfo$;
9372
+ var scopeInfo = scope === null || scope === void 0 ? void 0 : scope.split('|');
9373
+ var hierarchyList = (_scopeInfo$ = scopeInfo[2]) === null || _scopeInfo$ === void 0 ? void 0 : _scopeInfo$.split(':');
9374
+ var hierarchiesWithDetails = [];
9375
+ hierarchyList.forEach(function (hierarchy) {
9376
+ var details = getHierarchyDetails(hierarchies, Number(hierarchy));
9377
+ if (details) {
9378
+ hierarchiesWithDetails.push(details);
9379
+ }
9380
+ });
9381
+ if (hierarchiesWithDetails.length > 0) {
9382
+ filteredScopeList.push({
9383
+ appName: scopeInfo[0],
9384
+ scopeName: scopeInfo[1],
9385
+ hierarchies: hierarchiesWithDetails
9386
+ });
9387
+ }
9388
+ });
9389
+ return _context.abrupt("return", filteredScopeList);
9390
+ case 17:
9391
+ case "end":
9392
+ return _context.stop();
9393
+ }
9394
+ }, _callee, null, [[1, 8]]);
9395
+ }));
9396
+ return function getUserScopes() {
9397
+ return _ref.apply(this, arguments);
9398
+ };
9399
+ }();
9400
+
9273
9401
  fetcher.login = login;
9274
9402
  fetcher.oktaLogin = oktaLogin;
9275
9403
  fetcher.getConfig = getConfig;
@@ -9285,6 +9413,7 @@ fetcher.getPrintersForYard = getPrintersForYard;
9285
9413
  fetcher.getPermissions = getPermissions;
9286
9414
  fetcher.getCoreAppPermissions = getCoreAppPermissions;
9287
9415
  fetcher.getInnovationHubToken = getInnovationHubToken;
9416
+ fetcher.getUserScopes = getUserScopes;
9288
9417
 
9289
9418
  var getRouteName = function getRouteName() {
9290
9419
  return window.location.pathname.split('/').splice(1)[0];
@@ -9321,7 +9450,7 @@ var isChrome = function isChrome() {
9321
9450
  return isChromium && !isEdge;
9322
9451
  };
9323
9452
 
9324
- var css_248z$o = ".utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--ConfigFetcher {\r\n}\r\n\r\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner {\r\n margin: 80px 0 40px;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner * {\r\n width: 60px;\r\n height: 60px;\r\n}\r\n";
9453
+ var css_248z$o = ".utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--ConfigFetcher {\n}\n\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner {\n margin: 80px 0 40px;\n width: 100%;\n height: 100%;\n}\n\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner * {\n width: 60px;\n height: 60px;\n}\n";
9325
9454
  styleInject(css_248z$o);
9326
9455
 
9327
9456
  var ConfigFetcher = /*#__PURE__*/function (_React$Component) {
@@ -21035,7 +21164,7 @@ var generateFeedbackEmail = function generateFeedbackEmail(props) {
21035
21164
  return "\n Feedback: ".concat(props.feedback, "\n <br/>\n Email: ").concat(props.email, "\n <br/>\n Url: ").concat(location.href, "\n <br/>\n Selected Yard: ").concat(props.selectedYard, "\n <br/>\n Home Yard: ").concat(props.homeYard, "\n <br/>\n User Agent: ").concat(navigator.userAgent, "\n <br/>\n <small><i>Sent from opsportal-core.</i></small>\n ");
21036
21165
  };
21037
21166
 
21038
- var css_248z$n = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQLink_FAQLink--FAQLink {\r\n color: #0d5db8;\r\n font-size: 15px;\r\n}\r\n";
21167
+ var css_248z$n = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQLink_FAQLink--FAQLink {\n color: #0d5db8;\n font-size: 15px;\n}\n";
21039
21168
  styleInject(css_248z$n);
21040
21169
 
21041
21170
  var FAQLink = function FAQLink() {
@@ -21050,7 +21179,7 @@ var FAQLink = function FAQLink() {
21050
21179
  }, locale('FAQs'));
21051
21180
  };
21052
21181
 
21053
- var css_248z$m = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--FAQText {\r\n text-align: center;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--text {\r\n font-weight: bold;\r\n}\r\n";
21182
+ var css_248z$m = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--FAQText {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--text {\n font-weight: bold;\n}\n";
21054
21183
  styleInject(css_248z$m);
21055
21184
 
21056
21185
  var FAQText = function FAQText() {
@@ -21061,7 +21190,7 @@ var FAQText = function FAQText() {
21061
21190
  }, locale('Please see'), " ", /*#__PURE__*/React__namespace.createElement(FAQLink, null), " ", locale('for frequently asked questions')));
21062
21191
  };
21063
21192
 
21064
- var css_248z$l = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--emailInputBox {\r\n margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox {\r\n display: flex;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox > div {\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:first-of-type {\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:nth-of-type(2) {\r\n margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackBox {\r\n margin-bottom: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--bottomBox {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n margin-top: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--FeedbackDialog .ms-Dialog-inner {\r\n height: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n height: 40px;\r\n font-size: 16px;\r\n font-weight: 500;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle > span > i {\r\n margin: 5px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackDialogContent {\r\n width: 60vw;\r\n max-width: 600px;\r\n padding: 10px 20px;\r\n}\r\n";
21193
+ var css_248z$l = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--emailInputBox {\n margin-bottom: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox {\n display: flex;\n margin-bottom: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox > div {\n width: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:first-of-type {\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:nth-of-type(2) {\n margin-left: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackBox {\n margin-bottom: 13px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--bottomBox {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-top: 25px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--FeedbackDialog .ms-Dialog-inner {\n height: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle {\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 40px;\n font-size: 16px;\n font-weight: 500;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle > span > i {\n margin: 5px;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackDialogContent {\n width: 60vw;\n max-width: 600px;\n padding: 10px 20px;\n}\n";
21065
21194
  styleInject(css_248z$l);
21066
21195
 
21067
21196
  var DialogTitle = function DialogTitle() {
@@ -21281,7 +21410,7 @@ FeedbackDialog.defaultProps = {
21281
21410
  }
21282
21411
  };
21283
21412
 
21284
- var css_248z$k = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\r\n background-color: var(--blue);\r\n background-color: var(--blue);\r\n height: 48px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n white-space: nowrap;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\r\n width: 100%;\r\n display: flex;\r\n justify-content: start;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarIcons {\r\n margin: 0 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\r\n display: flex;\r\n align-items: center;\r\n flex-direction: column;\r\n margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\r\n display: flex;\r\n flex-direction: column;\r\n margin: 3px 0 0 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\r\n color: white;\r\n font-size: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\r\n color: white;\r\n cursor: pointer;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n margin: 8px !important;\r\n position: relative;\r\n width: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--logout {\r\n margin-right: 24px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items i {\r\n color: #fff;\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--lightBulbIcon i {\r\n color: #ffff00;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--language {\r\n width: auto;\r\n grid-gap: 4px;\r\n grid-gap: 5px;\r\n gap: 5px;\r\n display: flex;\r\n font-size: 14px;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard {\r\n width: auto;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n background: #fff;\r\n color: #1D5AB9;\r\n font-weight: 600;\r\n border-radius: 4px;\r\n font-size: 14px;\r\n grid-gap: 8px;\r\n grid-gap: 8px;\r\n gap: 8px;\r\n padding: 2px 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard span i {\r\n color: #1D5AB9;\r\n font-size: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n font-size: 14px;\r\n font-weight: 400;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\r\n display: flex;\r\n color: white;\r\n font-size: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\r\n color: white;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n width: 6rem;\r\n margin-top: 0rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\r\n margin-top: 0.6rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\r\n margin-top: 0.4rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\r\n margin-top: -0.2rem;\r\n margin-left: 2rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n display: inline;\r\n display: initial;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Open Sans';\r\n font-style: italic;\r\n font-weight: 600;\r\n src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\r\n format('woff2');\r\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\r\n color: #fff;\r\n font-family: 'Open Sans', sans-serif;\r\n font-weight: 600;\r\n font-style: italic;\r\n font-size: 14px;\r\n position: relative;\r\n left: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\r\n display: flex;\r\n color: white;\r\n font-size: 13px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon {\r\n /* margin-left: 10px;\r\n margin-right: 7px; */\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n background: #fff;\r\n color: #1D5AB9;\r\n font-weight: 600;\r\n border-radius: 4px;\r\n box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.4), 0px 1.6px 3.6px 0px rgba(0, 0, 0, 0.13), 0px 0.3px 0.9px 0px rgba(0, 0, 0, 0.10);\r\n font-size: 14px;\r\n grid-gap: 8px;\r\n gap: 8px;\r\n margin: 0 8px;\r\n padding: 6px 20px 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span i {\r\n font-size: 18px;\r\n color: #1D5AB9;\r\n}\r\n\r\n/* .searchIcon > div {\r\n margin-left: 7px;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper i {\r\n color: #fff;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper span {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\r\n color: white;\r\n cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n background-color: white;\r\n border-radius: 20px;\r\n margin: 5px;\r\n padding: 0px 10px;\r\n height: 25px;\r\n font-weight: bold;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\r\n border: 1px solid #1d5ab9;\r\n justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\r\n color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n background-color: white;\r\n border-radius: 20px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\r\n color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\r\n color: red;\r\n margin: 5px 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\r\n margin-right: 5px;\r\n margin-left: 5px;\r\n width: 24px;\r\n height: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\r\n margin-left: 5px;\r\n display: inline-flex;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\r\n font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\r\n line-height: unset;\r\n font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\r\n color: green;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n color: red;\r\n}\r\n\r\n/* .userMenu {\r\n margin-left: 10px !important;\r\n margin-right: 5px !important;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n margin-left: 10px !important;\r\n margin-right: 10px !important;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n margin-left: 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\r\n margin: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\r\n cursor: pointer;\r\n position: relative;\r\n top: -2px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\r\n color: #fff;\r\n font-size: 22px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot {\r\n background-color: #ef5350;\r\n border-radius: 50%;\r\n position: absolute;\r\n top: 3px;\r\n left: 13px;\r\n width: 10px;\r\n height: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip{\r\n position: absolute;\r\n background: #fff;\r\n padding: 8px;\r\n right: 30px;\r\n top: -2px;\r\n border-radius: 2px;\r\n font-weight: 400;\r\n font-size: 12px;\r\n cursor: auto;\r\n color: #000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip::before{\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 100%;\r\n margin-top: -5px;\r\n border-width: 5px;\r\n border-style: solid;\r\n border-color: transparent transparent transparent #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip i{\r\n color: #000;\r\n font-size: 12px;\r\n margin-left: 5px;\r\n position: relative;\r\n top: 1px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\r\n position: absolute;\r\n display: flex;\r\n height: calc(100vh - 48px);\r\n width: 100vw;\r\n bottom: 0;\r\n z-index: 10000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\r\n background-color: rgba(0,0,0,.5);\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: absolute;\r\n top: 2px;\r\n right: 358px;\r\n height: 38px;\r\n width: 38px;\r\n background-color: white;\r\n z-index: 11000;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--profile {\r\n padding: 5px 7px;\r\n background: #fff;\r\n border-radius: 50%;\r\n font-weight: 600;\r\n color: #1d5ab9;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchContainer {\r\n background: rgba(255, 255, 255, 0.40);\r\n -webkit-backdrop-filter: blur(20px);\r\n backdrop-filter: blur(20px);\r\n position: absolute;\r\n top: 50px;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 999;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper{\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 48px;\r\n width: 100vw;\r\n background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n width: 400px;\r\n max-width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 48px);\r\n /* padding: 15px; */\r\n background-color: white;\r\n overflow-y: auto;\r\n}\r\n\r\n@media only screen and (max-width: 1024px) {\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n margin-right: 2px;\r\n }\r\n\r\n /* .searchIcon {\r\n margin-left: 5px;\r\n margin-right: 2px;\r\n }\r\n\r\n .searchIcon > div {\r\n margin-left: 2px;\r\n } */\r\n\r\n /* .userMenu {\r\n margin-left: 3px !important;\r\n margin-right: 3px !important;\r\n } */\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n margin-left: 3px !important;\r\n margin-right: 3px !important;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n margin-left: 2px;\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper\r\n{\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 48px;\r\n width: 100vw;\r\n background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv\r\n{\r\n width: 400px;\r\n max-width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: 100%;\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader{\r\n font-size: 18px;\r\n font-weight: 600;\r\n padding-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper{\r\n display: flex;\r\n flex-direction: column;\r\n grid-gap: 5px;\r\n gap: 5px;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\r\n background-color: #ef5350;\r\n color: white;\r\n font-size: 12px;\r\n width: 1rem;\r\n border-radius: 50%;\r\n position: absolute;\r\n top: -5px;\r\n left: 11px;\r\n height: 1rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--twoChars {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--threeChars {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper {\r\n cursor: pointer;\r\n margin-left: 12px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\r\n width: 0px;\r\n height: 0px;\r\n border-left: 8px solid transparent;\r\n border-right: 8px solid transparent;\r\n border-bottom: 11px solid white;\r\n position: absolute;\r\n bottom: -13px;\r\n right: 5px;\r\n}\r\n\r\n/* .arrowTipContainer.ideaNoteArrow {\r\n right: 16px;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow {\r\n right: 3px;\r\n bottom: -9px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow {\r\n bottom: -12px;\r\n right: 8px;\r\n border-left: 7px solid transparent;\r\n border-right: 7px solid transparent;\r\n border-bottom: 10px solid white;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv {\r\n width: 85%;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\r\n left: 12px;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\r\n right: 5px;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer iframe {\r\n width: 85% !important;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n display: none;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n width: 85%;\r\n }\r\n}";
21413
+ var css_248z$k = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\n background-color: var(--blue);\n background-color: var(--blue);\n height: 48px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n white-space: nowrap;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\n width: 100%;\n display: flex;\n justify-content: start;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarIcons {\n margin: 0 12px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\n display: flex;\n align-items: center;\n flex-direction: column;\n margin-left: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\n display: flex;\n flex-direction: column;\n margin: 3px 0 0 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\n color: white;\n font-size: 11px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\n color: white;\n cursor: pointer;\n font-size: 18px;\n display: flex;\n justify-content: center;\n margin: 8px !important;\n position: relative;\n width: 25px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--logout {\n margin-right: 24px !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items i {\n color: #fff;\n font-size: 20px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--lightBulbIcon i {\n color: #ffff00;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--language {\n width: auto;\n grid-gap: 4px;\n grid-gap: 5px;\n gap: 5px;\n display: flex;\n font-size: 14px;\n font-weight: 600;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard {\n width: auto;\n cursor: pointer;\n display: flex;\n align-items: center;\n background: #fff;\n color: #1D5AB9;\n font-weight: 600;\n border-radius: 4px;\n font-size: 14px;\n grid-gap: 8px;\n grid-gap: 8px;\n gap: 8px;\n padding: 2px 8px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard span i {\n color: #1D5AB9;\n font-size: 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\n font-size: 14px;\n font-weight: 400;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\n display: flex;\n color: white;\n font-size: 13px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\n color: white;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\n width: 6rem;\n margin-top: 0rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\n margin-top: 0.6rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\n margin-top: 0.4rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\n margin-top: -0.2rem;\n margin-left: 2rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\n display: inline;\n display: initial;\n}\n\n@font-face {\n font-family: 'Open Sans';\n font-style: italic;\n font-weight: 600;\n src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\n format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\n color: #fff;\n font-family: 'Open Sans', sans-serif;\n font-weight: 600;\n font-style: italic;\n font-size: 14px;\n position: relative;\n left: 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\n display: flex;\n color: white;\n font-size: 13px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon {\n /* margin-left: 10px;\n margin-right: 7px; */\n cursor: pointer;\n display: flex;\n align-items: center;\n background: #fff;\n color: #1D5AB9;\n font-weight: 600;\n border-radius: 4px;\n box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.4), 0px 1.6px 3.6px 0px rgba(0, 0, 0, 0.13), 0px 0.3px 0.9px 0px rgba(0, 0, 0, 0.10);\n font-size: 14px;\n grid-gap: 8px;\n gap: 8px;\n margin: 0 8px;\n padding: 6px 20px 7px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span {\n display: flex;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span i {\n font-size: 18px;\n color: #1D5AB9;\n}\n\n/* .searchIcon > div {\n margin-left: 7px;\n} */\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper i {\n color: #fff;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper span {\n display: flex;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\n color: white;\n cursor: default;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\n background-color: white;\n border-radius: 20px;\n margin: 5px;\n padding: 0px 10px;\n height: 25px;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\n border: 1px solid #1d5ab9;\n justify-content: flex-start;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\n color: black;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\n background-color: white;\n border-radius: 20px;\n display: flex;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\n color: green;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\n color: green;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\n color: red;\n margin: 5px 0px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\n margin-right: 5px;\n margin-left: 5px;\n width: 24px;\n height: 24px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\n margin-left: 5px;\n display: inline-flex;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\n font-size: 16px;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\n line-height: unset;\n font-size: 16px;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\n color: green;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\n color: red;\n}\n\n/* .userMenu {\n margin-left: 10px !important;\n margin-right: 5px !important;\n} */\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\n margin-left: 10px !important;\n margin-right: 10px !important;\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\n margin-left: 7px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\n margin: 0 !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\n cursor: pointer;\n position: relative;\n top: -2px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\n color: #fff;\n font-size: 22px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot {\n background-color: #ef5350;\n border-radius: 50%;\n position: absolute;\n top: 3px;\n left: 13px;\n width: 10px;\n height: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip{\n position: absolute;\n background: #fff;\n padding: 8px;\n right: 30px;\n top: -2px;\n border-radius: 2px;\n font-weight: 400;\n font-size: 12px;\n cursor: auto;\n color: #000;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip::before{\n content: \"\";\n position: absolute;\n top: 50%;\n left: 100%;\n margin-top: -5px;\n border-width: 5px;\n border-style: solid;\n border-color: transparent transparent transparent #fff;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip i{\n color: #000;\n font-size: 12px;\n margin-left: 5px;\n position: relative;\n top: 1px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\n position: absolute;\n display: flex;\n height: calc(100vh - 48px);\n width: 100vw;\n bottom: 0;\n z-index: 10000;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\n background-color: rgba(0,0,0,.5);\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 2px;\n right: 358px;\n height: 38px;\n width: 38px;\n background-color: white;\n z-index: 11000;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--profile {\n padding: 5px 7px;\n background: #fff;\n border-radius: 50%;\n font-weight: 600;\n color: #1d5ab9;\n font-size: 12px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchContainer {\n background: rgba(255, 255, 255, 0.40);\n -webkit-backdrop-filter: blur(20px);\n backdrop-filter: blur(20px);\n position: absolute;\n top: 50px;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 999;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper{\n position: absolute;\n z-index: 10000;\n height: 100vh;\n top: 48px;\n width: 100vw;\n background-color: rgba(0,0,0,.5);\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\n width: 400px;\n max-width: 400px;\n position: absolute;\n right: 0;\n height: calc(100vh - 48px);\n /* padding: 15px; */\n background-color: white;\n overflow-y: auto;\n}\n\n@media only screen and (max-width: 1024px) {\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\n margin-right: 2px;\n }\n\n /* .searchIcon {\n margin-left: 5px;\n margin-right: 2px;\n }\n\n .searchIcon > div {\n margin-left: 2px;\n } */\n\n /* .userMenu {\n margin-left: 3px !important;\n margin-right: 3px !important;\n } */\n\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\n margin-left: 3px !important;\n margin-right: 3px !important;\n }\n\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\n margin-left: 2px;\n }\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper\n{\n position: absolute;\n z-index: 10000;\n height: 100vh;\n top: 48px;\n width: 100vw;\n background-color: rgba(0,0,0,.5);\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv\n{\n width: 400px;\n max-width: 400px;\n position: absolute;\n right: 0;\n height: 100%;\n padding: 15px;\n background-color: white;\n overflow-y: auto;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader{\n font-size: 18px;\n font-weight: 600;\n padding-bottom: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper{\n display: flex;\n flex-direction: column;\n grid-gap: 5px;\n gap: 5px;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\n background-color: #ef5350;\n color: white;\n font-size: 12px;\n width: 1rem;\n border-radius: 50%;\n position: absolute;\n top: -5px;\n left: 11px;\n height: 1rem;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--twoChars {\n width: 1.1rem;\n height: 1.1rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--threeChars {\n width: 1.3rem;\n height: 1.3rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper {\n cursor: pointer;\n margin-left: 12px;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\n width: 0px;\n height: 0px;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n border-bottom: 11px solid white;\n position: absolute;\n bottom: -13px;\n right: 5px;\n}\n\n/* .arrowTipContainer.ideaNoteArrow {\n right: 16px;\n} */\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow {\n right: 3px;\n bottom: -9px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow {\n bottom: -12px;\n right: 8px;\n border-left: 7px solid transparent;\n border-right: 7px solid transparent;\n border-bottom: 10px solid white;\n}\n\n@media (max-width: 768px) {\n .utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv {\n width: 85%;\n }\n .utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\n left: 12px;\n }\n .utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\n right: 5px;\n }\n .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer iframe {\n width: 85% !important;\n }\n .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\n display: none;\n }\n .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\n width: 85%;\n }\n}";
21285
21414
  styleInject(css_248z$k);
21286
21415
 
21287
21416
  var LogOutMenu = function LogOutMenu(_ref) {
@@ -21308,7 +21437,7 @@ var LogOutMenu = function LogOutMenu(_ref) {
21308
21437
  }));
21309
21438
  };
21310
21439
 
21311
- var css_248z$j = ".utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\r\n width: 100%;\r\n display: flex;\r\n padding: 36px 48px;\r\n border-bottom: 1px solid #EDEBE9;\r\n margin-bottom: 12px;\r\n grid-gap: 24px;\r\n gap: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details h3 {\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details p {\r\n font-size: 12px;\r\n font-style: normal;\r\n font-weight: 350;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton {\r\n display: flex;\r\n align-items: center;\r\n padding: 7px 20px;\r\n grid-gap: 6px;\r\n grid-gap: 6px;\r\n gap: 6px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton i {\r\n color: #FFF;\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button {\r\n padding: 7px 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button span {\r\n grid-gap: 6px;\r\n gap: 6px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\r\n padding: 24px 36px;\r\n flex-direction: column;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton {\r\n padding: 0;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton > span {\r\n width: 100%;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton > span > button {\r\n width: 100%;\r\n }\r\n}";
21440
+ var css_248z$j = ".utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\n width: 100%;\n display: flex;\n padding: 24px 48px;\n border-bottom: 1px solid #EDEBE9;\n grid-gap: 24px;\n gap: 24px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details h3 {\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details p {\n font-size: 12px;\n font-style: normal;\n font-weight: 350;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton {\n display: flex;\n align-items: center;\n padding: 7px 20px;\n grid-gap: 6px;\n grid-gap: 6px;\n gap: 6px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton i {\n color: #FFF;\n font-size: 20px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button {\n padding: 7px 25px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button span {\n grid-gap: 6px;\n gap: 6px;\n}\n\n@media (max-width: 768px) {\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\n padding: 24px 36px;\n flex-direction: column;\n }\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton {\n padding: 0;\n }\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton > span {\n width: 100%;\n }\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton > span > button {\n width: 100%;\n }\n}";
21312
21441
  styleInject(css_248z$j);
21313
21442
 
21314
21443
  var ProfileDetails = function ProfileDetails(_ref) {
@@ -21332,7 +21461,7 @@ var ProfileDetails = function ProfileDetails(_ref) {
21332
21461
  }), /*#__PURE__*/React__default["default"].createElement("span", null, "Logout"))));
21333
21462
  };
21334
21463
 
21335
- var css_248z$i = ".utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper {\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 48px;\r\n width: 100vw;\r\n background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar {\r\n width: 85%;\r\n max-width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 48px);\r\n background-color: white;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n color: #323130;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem {\r\n width: 100%;\r\n padding: 7px 15px;\r\n display: flex;\r\n justify-content: space-between;\r\n color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemIcon {\r\n width: 25px;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem i {\r\n color: #323130;\r\n font-size: 20px;\r\n}\r\n\r\n/* .mobileMenuSidebarWrapper .mobileMenuSidebar .mobileMenuItem.lightbulb i {\r\n color: #ffff00;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemName {\r\n display: flex;\r\n grid-gap: 15px;\r\n gap: 15px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemName p {\r\n font-size: 16px;\r\n}";
21464
+ var css_248z$i = ".utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper {\n position: absolute;\n z-index: 10000;\n height: 100vh;\n top: 48px;\n width: 100vw;\n background-color: rgba(0,0,0,.5);\n}\n\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar {\n width: 85%;\n max-width: 400px;\n position: absolute;\n right: 0;\n height: calc(100vh - 48px);\n background-color: white;\n overflow-y: auto;\n overflow-x: hidden;\n color: #323130;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem {\n width: 100%;\n padding: 7px 15px;\n display: flex;\n justify-content: space-between;\n color: #323130;\n}\n\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemIcon {\n width: 25px;\n display: flex;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem i {\n color: #323130;\n font-size: 20px;\n}\n\n/* .mobileMenuSidebarWrapper .mobileMenuSidebar .mobileMenuItem.lightbulb i {\n color: #ffff00;\n} */\n\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemName {\n display: flex;\n grid-gap: 15px;\n gap: 15px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemName p {\n font-size: 16px;\n}";
21336
21465
  styleInject(css_248z$i);
21337
21466
 
21338
21467
  var MobileMenu = function MobileMenu(props) {
@@ -21366,7 +21495,7 @@ var MobileMenu = function MobileMenu(props) {
21366
21495
  })));
21367
21496
  };
21368
21497
 
21369
- var css_248z$h = ".utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo {\r\n max-width: 80px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew {\r\n max-width: 120px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--logoLink {\r\n line-height: 0;\r\n}\r\n";
21498
+ var css_248z$h = ".utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo {\n max-width: 80px;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew {\n max-width: 120px;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--logoLink {\n line-height: 0;\n}\n";
21370
21499
  styleInject(css_248z$h);
21371
21500
 
21372
21501
  var _styleModuleImportMap$7 = {
@@ -21587,7 +21716,7 @@ var unEscapeChars = function unEscapeChars(str) {
21587
21716
  }) : null;
21588
21717
  };
21589
21718
 
21590
- var css_248z$g = ".utilities_ops-app-frame_Help_Help--backdrop {\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 48px;\r\n width: 100vw;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--miHelpSideBar {\r\n width: 400px;\r\n max-width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 48px);\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n color: #323130;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--title {\r\n font-weight: 600;\r\n font-size: 28px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header {\r\n margin-bottom: 10px;\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close i,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close i {\r\n font-size: 14px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeader {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle {\r\n font-weight: 600;\r\n font-size: 20px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle .utilities_ops-app-frame_Help_Help--back {\r\n color: #1d5ab9;\r\n margin-right: 5px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link {\r\n font-weight: 400;\r\n font-size: 14px;\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link i {\r\n font-size: 10px;\r\n position: relative;\r\n top: -5px;\r\n left: 3px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper {\r\n margin-top: 20px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3 i {\r\n color: #1d5ab9;\r\n font-size: 10px;\r\n position: relative;\r\n top: -8px;\r\n cursor: pointer;\r\n left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul {\r\n list-style: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li {\r\n font-weight: 400;\r\n font-size: 14px;\r\n margin: 6px 0;\r\n display: flex;\r\n cursor: pointer;\r\n width: -webkit-fit-content;\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n align-items: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li:hover,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li:hover {\r\n color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li img,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li img {\r\n width: 17px;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper .utilities_ops-app-frame_Help_Help--viewMore {\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n font-weight: 400;\r\n font-size: 14px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper {\r\n width: 100%;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper span {\r\n position: absolute;\r\n width: 29px;\r\n height: 29px;\r\n background: #f3f2f1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n bottom: 1.5px;\r\n right: 2px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--mihelpSearch {\r\n width: 100%;\r\n margin-top: 15px;\r\n padding: 0px 10px;\r\n height: 32px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult {\r\n width: 100%;\r\n margin-top: 20px;\r\n border-bottom: 1px solid #dcdcdc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult p {\r\n margin-top: 13px;\r\n margin-bottom: 30px;\r\n text-overflow: ellipsis;\r\n width: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper {\r\n position: absolute;\r\n background: rgba(0, 0, 0, 0.5);\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper svg {\r\n position: absolute;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--overFlowHidden {\r\n overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--nonInteractive {\r\n opacity: 0.3;\r\n pointer-events: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitlewrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeswrapper {\r\n color: #cbcbcb;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like {\r\n margin-left: 10px;\r\n font-size: 10px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like i {\r\n font-size: 14px;\r\n margin-right: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle img {\r\n width: 18px;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span {\r\n font-weight: 600;\r\n font-size: 18px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span:hover {\r\n color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper {\r\n width: 100%;\r\n margin-top: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper h3 {\r\n font-weight: 300;\r\n font-size: 34px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--faqsList {\r\n width: 100%;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category h3 {\r\n color: #1d5ab9;\r\n font-weight: 600;\r\n font-size: 24px;\r\n margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian {\r\n border-top: 1px solid #dcdcdc;\r\n padding-top: 13px;\r\n margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question {\r\n font-weight: 400;\r\n font-size: 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question span {\r\n transition: all 0.2s ease-out;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--answer {\r\n font-weight: 400;\r\n font-size: 14px;\r\n height: auto;\r\n max-height: 0;\r\n transition: max-height 0.2s ease-out;\r\n overflow: hidden;\r\n margin-top: 13px;\r\n white-space: normal;\r\n}\r\n\r\n/* .accordian .answer span {\r\n white-space: break-spaces;\r\n } */\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote .utilities_ops-app-frame_Help_Help--releaseNoteContent {\r\n margin-top: 10px;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle {\r\n width: 100%;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle .utilities_ops-app-frame_Help_Help--helpArticleWrapper {\r\n margin-top: 10px;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--articleFooter {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-top: 30px;\r\n padding-bottom: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--likeTxt {\r\n font-weight: 600;\r\n font-size: 14px;\r\n margin-right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--thanksText {\r\n color: rgb(45, 206, 137);\r\n font-weight: bold;\r\n font-size: 16px;\r\n margin-left: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper textarea {\r\n width: 300px;\r\n height: 100px;\r\n resize: none;\r\n display: block;\r\n margin-bottom: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper h5 {\r\n font-size: 18px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper span {\r\n background-color: rgb(29, 90, 185);\r\n color: #fff;\r\n padding: 6px 12px;\r\n cursor: pointer;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n color: #2dce89;\r\n margin-right: 6px;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg {\r\n border: 1px solid #2dce89 !important;\r\n padding: 5px;\r\n height: 30px;\r\n width: 30px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover {\r\n background-color: #2dce89;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg path,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover path {\r\n fill: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike {\r\n color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike svg {\r\n border: 1px solid #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--dislike svg:hover {\r\n background-color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper {\r\n font-style: italic;\r\n /* font-weight: 700; */\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper b {\r\n font-weight: 700;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper span {\r\n font-weight: 400;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper {\r\n width: 100%;\r\n border-top: 1px solid #edebe9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper {\r\n width: 100%;\r\n border: 1px solid #dcdcdc;\r\n padding: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n margin-top: 50px;\r\n position: relative;\r\n text-align: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper.utilities_ops-app-frame_Help_Help--noFlex {\r\n display: block;\r\n text-align: left;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h2 {\r\n font-size: 34px !important;\r\n margin-bottom: 6px !important;\r\n margin-top: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p {\r\n font-size: 14px !important;\r\n margin-bottom: 3px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p img {\r\n position: relative;\r\n top: 2px;\r\n margin-left: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn {\r\n background-color: #1d5ab9;\r\n color: #fff;\r\n padding: 6px 12px;\r\n font-weight: 600;\r\n font-size: 12px;\r\n cursor: pointer;\r\n margin-top: 7px;\r\n border-radius: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn.utilities_ops-app-frame_Help_Help--disable {\r\n pointer-events: none;\r\n cursor: default;\r\n background-color: #ccc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n position: absolute;\r\n top: 0px;\r\n right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h3 {\r\n font-weight: 800 !important;\r\n font-size: 20px !important;\r\n line-height: 27px !important;\r\n color: #1d5ab9 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper label,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper label {\r\n font-weight: 600;\r\n font-size: 14px;\r\n color: #000100;\r\n margin: 10px 0;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper textarea {\r\n resize: none;\r\n height: 125px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--highlightRed {\r\n font-weight: 600;\r\n color: #f5365c;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--successMsg {\r\n color: #1d5ab9;\r\n font-size: 20px !important;\r\n margin-top: 12px;\r\n margin-bottom: 20px !important;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent {\r\n max-width: 700px;\r\n min-width: 600px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n background: #edebe9;\r\n padding: 10px 20px;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogBody {\r\n padding: 20px 20px 30px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader h3 {\r\n font-weight: 600;\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span {\r\n font-weight: 600;\r\n font-size: 14px;\r\n -webkit-text-decoration-line: underline;\r\n text-decoration-line: underline;\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span i {\r\n font-size: 10px;\r\n position: relative;\r\n top: -6px;\r\n right: -1px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive {\r\n padding: 22px;\r\n background-color: #1d5ab9;\r\n color: #fff;\r\n font-size: 32px !important;\r\n width: 100% !important;\r\n border-radius: 10px;\r\n align-items: center !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive:hover{\r\n color: #fff !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive img {\r\n width: 65px !important;\r\n margin-right: 25px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--releaseTitle {\r\n flex: 1;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--checkNow {\r\n font-weight: 700;\r\n font-size: 14px;\r\n align-self: end;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .utilities_ops-app-frame_Help_Help--miHelpSideBar {\r\n width: 85%;\r\n }\r\n}\r\n";
21719
+ var css_248z$g = ".utilities_ops-app-frame_Help_Help--backdrop {\n position: absolute;\n z-index: 10000;\n height: 100vh;\n top: 48px;\n width: 100vw;\n background-color: rgba(0, 0, 0, 0.5);\n}\n\n.utilities_ops-app-frame_Help_Help--miHelpSideBar {\n width: 400px;\n max-width: 400px;\n position: absolute;\n right: 0;\n height: calc(100vh - 48px);\n padding: 15px;\n background-color: white;\n overflow-y: auto;\n overflow-x: hidden;\n color: #323130;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_Help_Help--title {\n font-weight: 600;\n font-size: 28px;\n}\n\n.utilities_ops-app-frame_Help_Help--header {\n margin-bottom: 10px;\n display: flex;\n justify-content: space-between;\n}\n\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close,\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\n position: relative;\n}\n\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close i,\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close i {\n font-size: 14px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--subHeader {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.utilities_ops-app-frame_Help_Help--subHeaderTitle {\n font-weight: 600;\n font-size: 20px;\n display: flex;\n}\n\n.utilities_ops-app-frame_Help_Help--subHeaderTitle .utilities_ops-app-frame_Help_Help--back {\n color: #1d5ab9;\n margin-right: 5px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--link {\n font-weight: 400;\n font-size: 14px;\n color: #1d5ab9;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--link i {\n font-size: 10px;\n position: relative;\n top: -5px;\n left: 3px;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper {\n margin-top: 20px;\n position: relative;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3,\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\n font-weight: 400;\n font-size: 24px;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3 i {\n color: #1d5ab9;\n font-size: 10px;\n position: relative;\n top: -8px;\n cursor: pointer;\n left: 5px;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul,\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul {\n list-style: none;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li,\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li {\n font-weight: 400;\n font-size: 14px;\n margin: 6px 0;\n display: flex;\n cursor: pointer;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n align-items: flex-start;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li:hover,\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li:hover {\n color: #1d5ab9;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li img,\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li img {\n width: 17px;\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper .utilities_ops-app-frame_Help_Help--viewMore {\n color: #1d5ab9;\n cursor: pointer;\n font-weight: 400;\n font-size: 14px;\n}\n\n.utilities_ops-app-frame_Help_Help--searchWrapper {\n width: 100%;\n position: relative;\n}\n\n.utilities_ops-app-frame_Help_Help--searchWrapper span {\n position: absolute;\n width: 29px;\n height: 29px;\n background: #f3f2f1;\n display: flex;\n align-items: center;\n justify-content: center;\n bottom: 1.5px;\n right: 2px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--mihelpSearch {\n width: 100%;\n margin-top: 15px;\n padding: 0px 10px;\n height: 32px;\n}\n\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper {\n width: 100%;\n}\n\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper h3 {\n font-weight: 400;\n font-size: 24px;\n margin-top: 8px;\n}\n\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult {\n width: 100%;\n margin-top: 20px;\n border-bottom: 1px solid #dcdcdc;\n}\n\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult p {\n margin-top: 13px;\n margin-bottom: 30px;\n text-overflow: ellipsis;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.utilities_ops-app-frame_Help_Help--spinnerWrapper {\n position: absolute;\n background: rgba(0, 0, 0, 0.5);\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_Help_Help--spinnerWrapper svg {\n position: absolute;\n}\n\n.utilities_ops-app-frame_Help_Help--overFlowHidden {\n overflow: hidden;\n}\n\n.utilities_ops-app-frame_Help_Help--nonInteractive {\n opacity: 0.3;\n pointer-events: none;\n}\n\n.utilities_ops-app-frame_Help_Help--searchTitlewrapper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.utilities_ops-app-frame_Help_Help--likeswrapper {\n color: #cbcbcb;\n display: flex;\n}\n\n.utilities_ops-app-frame_Help_Help--like {\n margin-left: 10px;\n font-size: 10px;\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_Help_Help--like i {\n font-size: 14px;\n margin-right: 2px;\n}\n\n.utilities_ops-app-frame_Help_Help--searchTitle {\n display: flex;\n}\n\n.utilities_ops-app-frame_Help_Help--searchTitle img {\n width: 18px;\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_Help_Help--searchTitle span {\n font-weight: 600;\n font-size: 18px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--searchTitle span:hover {\n color: #1d5ab9;\n}\n\n.utilities_ops-app-frame_Help_Help--faqContentWrapper {\n width: 100%;\n margin-top: 12px;\n}\n\n.utilities_ops-app-frame_Help_Help--faqContentWrapper h3 {\n font-weight: 300;\n font-size: 34px;\n}\n\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--faqsList {\n width: 100%;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category {\n width: 100%;\n}\n\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category h3 {\n color: #1d5ab9;\n font-weight: 600;\n font-size: 24px;\n margin-top: 18px;\n}\n\n.utilities_ops-app-frame_Help_Help--accordian {\n border-top: 1px solid #dcdcdc;\n padding-top: 13px;\n margin-top: 18px;\n}\n\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question {\n font-weight: 400;\n font-size: 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question span {\n transition: all 0.2s ease-out;\n display: flex;\n}\n\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--answer {\n font-weight: 400;\n font-size: 14px;\n height: auto;\n max-height: 0;\n transition: max-height 0.2s ease-out;\n overflow: hidden;\n margin-top: 13px;\n white-space: normal;\n}\n\n/* .accordian .answer span {\n white-space: break-spaces;\n } */\n\n.utilities_ops-app-frame_Help_Help--releaseNote {\n width: 100%;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNote h3 {\n font-weight: 400;\n font-size: 24px;\n margin-top: 13px;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNote .utilities_ops-app-frame_Help_Help--releaseNoteContent {\n margin-top: 10px;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_Help_Help--helpArticle {\n width: 100%;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_Help_Help--helpArticle h3 {\n font-weight: 400;\n font-size: 24px;\n margin-top: 13px;\n}\n\n.utilities_ops-app-frame_Help_Help--helpArticle .utilities_ops-app-frame_Help_Help--helpArticleWrapper {\n margin-top: 10px;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_Help_Help--articleFooter {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 30px;\n padding-bottom: 12px;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper {\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--likeTxt {\n font-weight: 600;\n font-size: 14px;\n margin-right: 10px;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--thanksText {\n color: rgb(45, 206, 137);\n font-weight: bold;\n font-size: 16px;\n margin-left: 10px;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper {\n display: flex;\n flex-direction: column;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper textarea {\n width: 300px;\n height: 100px;\n resize: none;\n display: block;\n margin-bottom: 11px;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper h5 {\n font-size: 18px;\n margin-bottom: 10px;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper span {\n background-color: rgb(29, 90, 185);\n color: #fff;\n padding: 6px 12px;\n cursor: pointer;\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_Help_Help--likebtnWrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n color: #2dce89;\n margin-right: 6px;\n font-size: 12px;\n}\n\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg {\n border: 1px solid #2dce89 !important;\n padding: 5px;\n height: 30px;\n width: 30px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg,\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover {\n background-color: #2dce89;\n}\n\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg path,\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover path {\n fill: #fff;\n}\n\n.utilities_ops-app-frame_Help_Help--dislike {\n color: #f5365c !important;\n}\n\n.utilities_ops-app-frame_Help_Help--dislike svg {\n border: 1px solid #f5365c !important;\n}\n\n.utilities_ops-app-frame_Help_Help--dislike.utilities_ops-app-frame_Help_Help--active svg,\n.utilities_ops-app-frame_Help_Help--dislike svg:hover {\n background-color: #f5365c !important;\n}\n\n.utilities_ops-app-frame_Help_Help--dateWrapper {\n font-style: italic;\n /* font-weight: 700; */\n font-size: 12px;\n}\n\n.utilities_ops-app-frame_Help_Help--dateWrapper b {\n font-weight: 700;\n}\n\n.utilities_ops-app-frame_Help_Help--dateWrapper span {\n font-weight: 400;\n}\n\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper {\n width: 100%;\n border-top: 1px solid #edebe9;\n}\n\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\n font-weight: 400;\n font-size: 24px;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper {\n width: 100%;\n border: 1px solid #dcdcdc;\n padding: 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 50px;\n position: relative;\n text-align: center;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper.utilities_ops-app-frame_Help_Help--noFlex {\n display: block;\n text-align: left;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h2 {\n font-size: 34px !important;\n margin-bottom: 6px !important;\n margin-top: 0 !important;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p {\n font-size: 14px !important;\n margin-bottom: 3px !important;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p img {\n position: relative;\n top: 2px;\n margin-left: 2px;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn {\n background-color: #1d5ab9;\n color: #fff;\n padding: 6px 12px;\n font-weight: 600;\n font-size: 12px;\n cursor: pointer;\n margin-top: 7px;\n border-radius: 2px;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn.utilities_ops-app-frame_Help_Help--disable {\n pointer-events: none;\n cursor: default;\n background-color: #ccc;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\n position: absolute;\n top: 0px;\n right: 10px;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h3 {\n font-weight: 800 !important;\n font-size: 20px !important;\n line-height: 27px !important;\n color: #1d5ab9 !important;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper,\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper {\n width: 100%;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper label,\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper label {\n font-weight: 600;\n font-size: 14px;\n color: #000100;\n margin: 10px 0;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper textarea {\n resize: none;\n height: 125px;\n margin-bottom: 20px;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--highlightRed {\n font-weight: 600;\n color: #f5365c;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--successMsg {\n color: #1d5ab9;\n font-size: 20px !important;\n margin-top: 12px;\n margin-bottom: 20px !important;\n font-weight: 600;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent {\n max-width: 700px;\n min-width: 600px;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader {\n width: 100%;\n display: flex;\n justify-content: space-between;\n background: #edebe9;\n padding: 10px 20px;\n align-items: center;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogBody {\n padding: 20px 20px 30px;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader h3 {\n font-weight: 600;\n font-size: 20px;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span {\n font-weight: 600;\n font-size: 14px;\n -webkit-text-decoration-line: underline;\n text-decoration-line: underline;\n color: #1d5ab9;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span i {\n font-size: 10px;\n position: relative;\n top: -6px;\n right: -1px;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNoteActive {\n padding: 22px;\n background-color: #1d5ab9;\n color: #fff;\n font-size: 32px !important;\n width: 100% !important;\n border-radius: 10px;\n align-items: center !important;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNoteActive:hover{\n color: #fff !important;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNoteActive img {\n width: 65px !important;\n margin-right: 25px !important;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--releaseTitle {\n flex: 1;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--checkNow {\n font-weight: 700;\n font-size: 14px;\n align-self: end;\n}\n\n@media (max-width: 767px) {\n .utilities_ops-app-frame_Help_Help--miHelpSideBar {\n width: 85%;\n }\n}\n";
21591
21720
  styleInject(css_248z$g);
21592
21721
 
21593
21722
  var _styleModuleImportMap$6 = {
@@ -21788,7 +21917,7 @@ var SearchResults = function SearchResults(_ref) {
21788
21917
  })));
21789
21918
  };
21790
21919
 
21791
- var css_248z$f = "/*!\r\n\tTheme Name: Hello Elementor\r\n\tTheme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash\r\n\tDescription: A plain-vanilla & lightweight theme for Elementor page builder\r\n\tAuthor: Elementor Team\r\n\tAuthor URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash\r\n\tVersion: 2.4.1\r\n\tStable tag: 2.4.1\r\n\tRequires at least: 4.7\r\n\tTested up to: 5.6\r\n\tRequires PHP: 5.6\r\n\tLicense: GNU General Public License v3 or later.\r\n\tLicense URI: https://www.gnu.org/licenses/gpl-3.0.html\r\n\tText Domain: hello-elementor\r\n\tTags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready\r\n*/\r\n/*!\r\n * Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License\r\n*/\r\n/* html {\r\n line-height: 1.15;\r\n -webkit-text-size-adjust: 100%\r\n}\r\n\r\n*,:after,:before {\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box\r\n} */\r\n\r\n/* body {\r\n margin: 0;\r\n font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: #333;\r\n background-color: #fff;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale\r\n} */\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n margin-top: .5rem;\r\n margin-bottom: 1rem;\r\n font-family: inherit;\r\n font-weight: 500;\r\n line-height: 1.2;\r\n color: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1 {\r\n font-size: 2.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2 {\r\n font-size: 2rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3 {\r\n font-size: 1.75rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4 {\r\n font-size: 1.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5 {\r\n font-size: 1.25rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n font-size: 1rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent p {\r\n margin-top: 0;\r\n margin-bottom: .9rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent hr {\r\n box-sizing: content-box;\r\n height: 0;\r\n overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent pre {\r\n font-family: monospace,monospace;\r\n font-size: 1em;\r\n white-space: pre-wrap\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a {\r\n background-color: transparent;\r\n text-decoration: none;\r\n color: var(--e-global-color-text);\r\n color: var(--e-global-color-text )\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:active,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:hover {\r\n color: #1d5ab9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):hover {\r\n color: inherit;\r\n text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus {\r\n outline: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent abbr[title] {\r\n border-bottom: none;\r\n -webkit-text-decoration: underline dotted;\r\n text-decoration: underline dotted\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent b,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent strong {\r\n font-weight: bolder\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent code,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent kbd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent samp {\r\n font-family: monospace,monospace;\r\n font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent small {\r\n font-size: 80%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n font-size: 75%;\r\n line-height: 0;\r\n position: relative;\r\n vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub {\r\n bottom: -.25em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n top: -.5em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent img {\r\n border-style: none;\r\n height: auto;\r\n max-width: 100%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent details {\r\n display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent summary {\r\n display: list-item\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent figcaption {\r\n font-size: 16px;\r\n color: #333;\r\n line-height: 1.4;\r\n font-style: italic;\r\n font-weight: 400\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [hidden],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent template {\r\n display: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent .utilities_ops-app-frame_Help_wordpressStyles--sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0,0,0,0);\r\n white-space: nowrap;\r\n border: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent label {\r\n display: inline-block;\r\n line-height: 1;\r\n vertical-align: middle\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent optgroup,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n font-family: inherit;\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n margin: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n width: 100%;\r\n border: 1px solid #666;\r\n border-radius: 3px;\r\n padding: .5rem 1rem;\r\n transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea:focus {\r\n border-color: #333;\r\n outline: 0 none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input {\r\n overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n text-transform: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n width: auto;\r\n -webkit-appearance: button\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button::-moz-focus-inner {\r\n border-style: none;\r\n padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:-moz-focusring {\r\n outline: 1px dotted ButtonText\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n display: inline-block;\r\n font-weight: 400;\r\n color: #c36;\r\n text-align: center;\r\n white-space: nowrap;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n background-color: transparent;\r\n border: 1px solid #c36;\r\n padding: .5rem 1rem;\r\n font-size: 1rem;\r\n border-radius: 3px;\r\n transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus {\r\n outline: 5px auto -webkit-focus-ring-color\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:hover {\r\n color: #fff;\r\n background-color: #c36;\r\n text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:not(:disabled) {\r\n cursor: pointer\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent fieldset {\r\n padding: .35em .75em .625em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent legend {\r\n box-sizing: border-box;\r\n color: inherit;\r\n display: table;\r\n max-width: 100%;\r\n padding: 0;\r\n white-space: normal\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent progress {\r\n vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n overflow: auto;\r\n resize: vertical\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=checkbox],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=radio] {\r\n box-sizing: border-box;\r\n padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-inner-spin-button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-outer-spin-button {\r\n height: auto\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search] {\r\n -webkit-appearance: textfield;\r\n outline-offset: -2px\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search]::-webkit-search-decoration {\r\n -webkit-appearance: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ::-webkit-file-upload-button {\r\n -webkit-appearance: button;\r\n font: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table {\r\n background-color: transparent;\r\n width: 100%;\r\n margin-bottom: 15px;\r\n font-size: .9em;\r\n border-spacing: 0;\r\n border-collapse: collapse\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n padding: 15px;\r\n line-height: 1.5;\r\n vertical-align: top;\r\n border: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n font-weight: 700\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tfoot th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead th {\r\n font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child th {\r\n border-top: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>th {\r\n background-color: #f7f7f7\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>th {\r\n background-color: #e9e9e9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody+tbody {\r\n border-top: 2px solid #ccc\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table {\r\n font-size:.8em\r\n }\r\n\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n padding: 7px;\r\n line-height: 1.3\r\n }\r\n\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n font-weight: 400\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dl,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dt,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent li,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ol,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ul {\r\n margin-top: 0;\r\n margin-bottom: 0;\r\n border: 0;\r\n outline: 0;\r\n font-size: 100%;\r\n vertical-align: baseline;\r\n background: transparent\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticle{\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--nonInteractive {\r\n opacity: 0.3;\r\n pointer-events: none;\r\n }\r\n";
21920
+ var css_248z$f = "/*!\n\tTheme Name: Hello Elementor\n\tTheme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash\n\tDescription: A plain-vanilla & lightweight theme for Elementor page builder\n\tAuthor: Elementor Team\n\tAuthor URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash\n\tVersion: 2.4.1\n\tStable tag: 2.4.1\n\tRequires at least: 4.7\n\tTested up to: 5.6\n\tRequires PHP: 5.6\n\tLicense: GNU General Public License v3 or later.\n\tLicense URI: https://www.gnu.org/licenses/gpl-3.0.html\n\tText Domain: hello-elementor\n\tTags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready\n*/\n/*!\n * Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License\n*/\n/* html {\n line-height: 1.15;\n -webkit-text-size-adjust: 100%\n}\n\n*,:after,:before {\n -webkit-box-sizing: border-box;\n box-sizing: border-box\n} */\n\n/* body {\n margin: 0;\n font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #333;\n background-color: #fff;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale\n} */\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\n margin-top: .5rem;\n margin-bottom: 1rem;\n font-family: inherit;\n font-weight: 500;\n line-height: 1.2;\n color: inherit\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1 {\n font-size: 2.5rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2 {\n font-size: 2rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3 {\n font-size: 1.75rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4 {\n font-size: 1.5rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5 {\n font-size: 1.25rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\n font-size: 1rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent p {\n margin-top: 0;\n margin-bottom: .9rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent hr {\n box-sizing: content-box;\n height: 0;\n overflow: visible\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent pre {\n font-family: monospace,monospace;\n font-size: 1em;\n white-space: pre-wrap\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a {\n background-color: transparent;\n text-decoration: none;\n color: var(--e-global-color-text);\n color: var(--e-global-color-text )\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:active,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:hover {\n color: #1d5ab9\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):hover {\n color: inherit;\n text-decoration: none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus {\n outline: 0\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent abbr[title] {\n border-bottom: none;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent b,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent strong {\n font-weight: bolder\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent code,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent kbd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent samp {\n font-family: monospace,monospace;\n font-size: 1em\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent small {\n font-size: 80%\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub {\n bottom: -.25em\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\n top: -.5em\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent img {\n border-style: none;\n height: auto;\n max-width: 100%\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent details {\n display: block\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent summary {\n display: list-item\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent figcaption {\n font-size: 16px;\n color: #333;\n line-height: 1.4;\n font-style: italic;\n font-weight: 400\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [hidden],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent template {\n display: none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent .utilities_ops-app-frame_Help_wordpressStyles--sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0,0,0,0);\n white-space: nowrap;\n border: 0\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent label {\n display: inline-block;\n line-height: 1;\n vertical-align: middle\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent optgroup,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\n font-family: inherit;\n font-size: 1rem;\n line-height: 1.5;\n margin: 0\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\n width: 100%;\n border: 1px solid #666;\n border-radius: 3px;\n padding: .5rem 1rem;\n transition: all .3s\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea:focus {\n border-color: #333;\n outline: 0 none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input {\n overflow: visible\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\n text-transform: none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\n width: auto;\n -webkit-appearance: button\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button::-moz-focus-inner {\n border-style: none;\n padding: 0\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:-moz-focusring {\n outline: 1px dotted ButtonText\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\n display: inline-block;\n font-weight: 400;\n color: #c36;\n text-align: center;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: transparent;\n border: 1px solid #c36;\n padding: .5rem 1rem;\n font-size: 1rem;\n border-radius: 3px;\n transition: all .3s\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus {\n outline: 5px auto -webkit-focus-ring-color\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:hover {\n color: #fff;\n background-color: #c36;\n text-decoration: none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:not(:disabled) {\n cursor: pointer\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent fieldset {\n padding: .35em .75em .625em\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent legend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent progress {\n vertical-align: baseline\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\n overflow: auto;\n resize: vertical\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=checkbox],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=radio] {\n box-sizing: border-box;\n padding: 0\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-inner-spin-button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-outer-spin-button {\n height: auto\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search] {\n -webkit-appearance: textfield;\n outline-offset: -2px\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search]::-webkit-search-decoration {\n -webkit-appearance: none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\n display: block\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table {\n background-color: transparent;\n width: 100%;\n margin-bottom: 15px;\n font-size: .9em;\n border-spacing: 0;\n border-collapse: collapse\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\n padding: 15px;\n line-height: 1.5;\n vertical-align: top;\n border: 1px solid #ccc\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\n font-weight: 700\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tfoot th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead th {\n font-size: 1em\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child th {\n border-top: 1px solid #ccc\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>th {\n background-color: #f7f7f7\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>th {\n background-color: #e9e9e9\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody+tbody {\n border-top: 2px solid #ccc\n}\n\n@media (max-width: 767px) {\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table {\n font-size:.8em\n }\n\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\n padding: 7px;\n line-height: 1.3\n }\n\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\n font-weight: 400\n }\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dl,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dt,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent li,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ol,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ul {\n margin-top: 0;\n margin-bottom: 0;\n border: 0;\n outline: 0;\n font-size: 100%;\n vertical-align: baseline;\n background: transparent\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticle{\n width: 100%;\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--nonInteractive {\n opacity: 0.3;\n pointer-events: none;\n }\n";
21792
21921
  styleInject(css_248z$f);
21793
21922
 
21794
21923
  var css_248z$e = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n:root {\n --wp-admin-theme-color: #007cba;\n --wp-admin-theme-color--rgb: 0, 124, 186;\n --wp-admin-theme-color-darker-10: #006ba1;\n --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;\n --wp-admin-theme-color-darker-20: #005a87;\n --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;\n --wp-admin-border-width-focus: 2px;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n :root {\n --wp-admin-border-width-focus: 1.5px;\n }\n}\n\n:root {\n /* stylelint-disable function-comma-space-after */\n /* stylelint-enable function-comma-space-after */\n}\n:root .has-pale-pink-background-color {\n background-color: #f78da7;\n}\n:root .has-vivid-red-background-color {\n background-color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-background-color {\n background-color: #ff6900;\n}\n:root .has-luminous-vivid-amber-background-color {\n background-color: #fcb900;\n}\n:root .has-light-green-cyan-background-color {\n background-color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-background-color {\n background-color: #00d084;\n}\n:root .has-pale-cyan-blue-background-color {\n background-color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-background-color {\n background-color: #0693e3;\n}\n:root .has-vivid-purple-background-color {\n background-color: #9b51e0;\n}\n:root .has-white-background-color {\n background-color: #fff;\n}\n:root .has-very-light-gray-background-color {\n background-color: #eee;\n}\n:root .has-cyan-bluish-gray-background-color {\n background-color: #abb8c3;\n}\n:root .has-very-dark-gray-background-color {\n background-color: #313131;\n}\n:root .has-black-background-color {\n background-color: #000;\n}\n:root .has-pale-pink-color {\n color: #f78da7;\n}\n:root .has-vivid-red-color {\n color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-color {\n color: #ff6900;\n}\n:root .has-luminous-vivid-amber-color {\n color: #fcb900;\n}\n:root .has-light-green-cyan-color {\n color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-color {\n color: #00d084;\n}\n:root .has-pale-cyan-blue-color {\n color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-color {\n color: #0693e3;\n}\n:root .has-vivid-purple-color {\n color: #9b51e0;\n}\n:root .has-white-color {\n color: #fff;\n}\n:root .has-very-light-gray-color {\n color: #eee;\n}\n:root .has-cyan-bluish-gray-color {\n color: #abb8c3;\n}\n:root .has-very-dark-gray-color {\n color: #313131;\n}\n:root .has-black-color {\n color: #000;\n}\n:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {\n background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);\n}\n:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);\n}\n:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {\n background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);\n}\n:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {\n background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);\n}\n:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {\n background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);\n}\n:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {\n background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);\n}\n:root .has-cool-to-warm-spectrum-gradient-background {\n background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);\n}\n:root .has-blush-light-purple-gradient-background {\n background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);\n}\n:root .has-blush-bordeaux-gradient-background {\n background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);\n}\n:root .has-purple-crush-gradient-background {\n background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);\n}\n:root .has-luminous-dusk-gradient-background {\n background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);\n}\n:root .has-hazy-dawn-gradient-background {\n background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);\n}\n:root .has-pale-ocean-gradient-background {\n background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);\n}\n:root .has-electric-grass-gradient-background {\n background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);\n}\n:root .has-subdued-olive-gradient-background {\n background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);\n}\n:root .has-atomic-cream-gradient-background {\n background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);\n}\n:root .has-nightshade-gradient-background {\n background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);\n}\n:root .has-midnight-gradient-background {\n background: linear-gradient(135deg, #020381 0%, #2874fc 100%);\n}\n\n.has-small-font-size {\n font-size: 0.8125em;\n}\n\n.has-regular-font-size,\n.has-normal-font-size {\n font-size: 1em;\n}\n\n.has-medium-font-size {\n font-size: 1.25em;\n}\n\n.has-large-font-size {\n font-size: 2.25em;\n}\n\n.has-larger-font-size,\n.has-huge-font-size {\n font-size: 2.625em;\n}\n\n.has-text-align-center {\n text-align: center;\n}\n\n.has-text-align-left {\n /*rtl:ignore*/\n text-align: left;\n}\n\n.has-text-align-right {\n /*rtl:ignore*/\n text-align: right;\n}\n\n#end-resizable-editor-section {\n display: none;\n}\n\n.aligncenter {\n clear: both;\n}\n\n.items-justified-left {\n justify-content: flex-start;\n}\n\n.items-justified-center {\n justify-content: center;\n}\n\n.items-justified-right {\n justify-content: flex-end;\n}\n\n.items-justified-space-between {\n justify-content: space-between;\n}\n\n.screen-reader-text {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal !important;\n}\n\n.screen-reader-text:focus {\n background-color: #ddd;\n clip: auto !important;\n -webkit-clip-path: none;\n clip-path: none;\n color: #444;\n display: block;\n font-size: 1em;\n height: auto;\n left: 5px;\n line-height: normal;\n padding: 15px 23px 14px;\n text-decoration: none;\n top: 5px;\n width: auto;\n z-index: 100000;\n}";
@@ -22931,7 +23060,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
22931
23060
  }))));
22932
23061
  };
22933
23062
 
22934
- var css_248z$b = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton {\r\n cursor: pointer;\r\n}\r\n\r\nbutton.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton[type='button'] {\r\n /* materia-ui hack. */\r\n padding: 0 !important;\r\n}\r\n";
23063
+ var css_248z$b = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton {\n cursor: pointer;\n}\n\nbutton.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton[type='button'] {\n /* materia-ui hack. */\n padding: 0 !important;\n}\n";
22935
23064
  styleInject(css_248z$b);
22936
23065
 
22937
23066
  var FeedbackButton = function FeedbackButton(props) {
@@ -23040,7 +23169,7 @@ var printerFields = [_objectSpread2(_objectSpread2({}, defaultAutoSelectProps),
23040
23169
  label: 'Bar Code Printer'
23041
23170
  })];
23042
23171
 
23043
- var css_248z$a = ".utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--PrinterSettings {\r\n margin: 0 9px !important;\r\n padding-right: 0;\r\n width: 100% !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-5 {\r\n width: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-2 {\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-1 {\r\n width: 100%;\r\n margin: 8px 0;\r\n}\r\n";
23172
+ var css_248z$a = ".utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--PrinterSettings {\n margin: 0 9px !important;\n padding-right: 0;\n width: 100% !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-5 {\n width: 20%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-2 {\n width: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-1 {\n width: 100%;\n margin: 6px 0;\n}\n";
23044
23173
  styleInject(css_248z$a);
23045
23174
 
23046
23175
  // Properly populate printer options before feeding to autoselect
@@ -23176,7 +23305,7 @@ var getLanguages = function getLanguages() {
23176
23305
  }[selectedCountry];
23177
23306
  };
23178
23307
 
23179
- var css_248z$9 = "/* Simple Grid */\r\n[class*='col-'] {\r\n float: left;\r\n min-height: 1px;\r\n /* padding-right: 10px; */\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\r\n width: 100%;\r\n max-width: 1300px;\r\n min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */\r\n margin: 0 auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid:after {\r\n content: '';\r\n display: table;\r\n clear: both;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid-pad {\r\n padding-top: 20px;\r\n padding-left: 20px; /* grid-space to left */\r\n padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-right {\r\n float: right;\r\n}\r\n\r\n/* Content Columns */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-1 {\r\n width: 100%;\r\n margin: 8px 0;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-8-12 {\r\n width: 66.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-2,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-6-12 {\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-12 {\r\n width: 33.33%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-4,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-12 {\r\n width: 25%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-5 {\r\n width: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-6,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-12 {\r\n width: 16.667%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-7 {\r\n width: 14.28%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-7 {\r\n width: 28.56%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-4 {\r\n width: 75%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-7 {\r\n width: 42.84%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-7 {\r\n width: 57.12%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-8 {\r\n width: 12.5%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-9 {\r\n width: 11.1%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-10 {\r\n width: 10%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-10 {\r\n width: 30%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-11 {\r\n width: 9.09%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-12 {\r\n width: 8.33%;\r\n}\r\n\r\n/* Layout Columns */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-11-12 {\r\n width: 91.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-10-12 {\r\n width: 83.333%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-9-12 {\r\n width: 75%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-5-12 {\r\n width: 41.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-7-12 {\r\n width: 58.33%;\r\n}\r\n\r\n/* Pushing blocks */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-8-12 {\r\n margin-left: 66.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-2,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-6-12 {\r\n margin-left: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-4-12 {\r\n margin-left: 33.33%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-4,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-3-12 {\r\n margin-left: 25%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-5 {\r\n margin-left: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-6,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-12 {\r\n margin-left: 16.667%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-7 {\r\n margin-left: 14.28%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-8 {\r\n margin-left: 12.5%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-9 {\r\n margin-left: 11.1%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-10 {\r\n margin-left: 10%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-11 {\r\n margin-left: 9.09%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-12 {\r\n margin-left: 8.33%;\r\n}\r\n\r\n@media handheld, only screen and (max-width: 767px) {\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\r\n width: 100%;\r\n min-width: 0;\r\n margin-left: 0;\r\n margin-right: 0;\r\n padding-left: 20px; /* grid-space to left */\r\n padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */\r\n }\r\n\r\n [class*='col-'] {\r\n width: auto;\r\n float: none;\r\n margin: 0;\r\n padding-left: 0;\r\n /* padding-right: 10px; */\r\n }\r\n\r\n /* Mobile Layout */\r\n\r\n [class*='mobile-col-'] {\r\n float: left;\r\n margin: 0 0 10px;\r\n padding-left: 0;\r\n padding-right: 10px; /* column-space */\r\n padding-bottom: 0;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-1 {\r\n width: 100%;\r\n margin: 8px 0;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-3,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-8-12 {\r\n width: 66.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-2,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-6-12 {\r\n width: 50%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-3,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-4-12 {\r\n width: 33.33%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-4,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-3-12 {\r\n width: 25%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-5 {\r\n width: 20%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-6,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-12 {\r\n width: 16.667%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-7 {\r\n width: 14.28%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-8 {\r\n width: 12.5%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-9 {\r\n width: 11.1%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-10 {\r\n width: 10%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-11 {\r\n width: 9.09%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-12 {\r\n width: 8.33%;\r\n }\r\n\r\n /* Layout Columns */\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-11-12 {\r\n width: 91.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-10-12 {\r\n width: 83.333%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-9-12 {\r\n width: 75%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-5-12 {\r\n width: 41.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-7-12 {\r\n width: 58.33%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--hide-on-mobile {\r\n display: none !important;\r\n width: 0;\r\n height: 0;\r\n }\r\n}\r\n\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--SettingsView {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 0 20px 20px;\r\n margin-top: 65px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm {\r\n width: 100%;\r\n max-width: 1300px;\r\n /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; */\r\n max-width: 800px;\r\n margin: 0 auto;\r\n height: 100%;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm form {\r\n margin: 0 15px;\r\n height: 70%;\r\n overflow-y: auto;\r\n scrollbar-width: none;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader {\r\n display: flex;\r\n align-items: end;\r\n margin: 16px 0 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader i{\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader p {\r\n font-size: 18px;\r\n font-weight: 400;\r\n margin-left: 15px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--header {\r\n width: 100%;\r\n height: 40px;\r\n padding: 0 15px;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: flex-start;\r\n align-items: center;\r\n background: var(--primaryBlue);\r\n background: var(--primaryBlue);\r\n outline: 1px solid var(--primaryBlue);\r\n outline: 1px solid var(--primaryBlue);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\r\n font-size: 15.9px;\r\n font-weight: 500;\r\n color: var(--white);\r\n color: var(--white);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--sectionTitle {\r\n font-weight: 500;\r\n margin-top: 8px;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--body {\r\n padding: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox {\r\n display: flex;\r\n width: 100%;\r\n justify-content: center;\r\n position: absolute;\r\n bottom: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span {\r\n width: 80%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span {\r\n grid-gap: 6px;\r\n gap: 6px;\r\n width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span i {\r\n color: #fff;\r\n font-size: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--saveTxt {\r\n font-size: 16px;\r\n font-weight: 600;\r\n width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\r\n padding-right: 0px;\r\n width: 100%;\r\n margin: 0 9px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--labeledGhost {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings {\r\n padding-right: 0px;\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n font-weight: 500;\r\n color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--smallInfo {\r\n margin-top: 2px;\r\n margin-bottom: 12px;\r\n font-size: 14px;\r\n opacity: 0.5;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\r\n display: flex;\r\n width: 100%;\r\n justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--textField {\r\n position: relative;\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop{\r\n width: 100%;\r\n height: 100%;\r\n position: fixed;\r\n z-index: 100;\r\n left:0;\r\n top:0;\r\n background-color: rgba(0,0,0,0.1);\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner{\r\n position: absolute;\r\n background: rgba(0, 0, 0, 0.5);\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr{\r\n padding: 10px;\r\n margin-bottom: 5px;\r\n width: 100%;\r\n outline: none;\r\n border: none;\r\n border-bottom: 1px solid #ddd;\r\n overflow: auto;\r\n}";
23308
+ var css_248z$9 = "/* Simple Grid */\n[class*='col-'] {\n float: left;\n min-height: 1px;\n /* padding-right: 10px; */\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\n width: 100%;\n max-width: 1300px;\n min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */\n margin: 0 auto;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid-pad {\n padding-top: 20px;\n padding-left: 20px; /* grid-space to left */\n padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-right {\n float: right;\n}\n\n/* Content Columns */\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-1 {\n width: 100%;\n margin: 6px 0;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-3,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-8-12 {\n width: 66.66%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-2,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-6-12 {\n width: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-3,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-12 {\n width: 33.33%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-4,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-12 {\n width: 25%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-5 {\n width: 20%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-6,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-12 {\n width: 16.667%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-7 {\n width: 14.28%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-7 {\n width: 28.56%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-4 {\n width: 75%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-7 {\n width: 42.84%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-7 {\n width: 57.12%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-8 {\n width: 12.5%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-9 {\n width: 11.1%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-10 {\n width: 10%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-10 {\n width: 30%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-11 {\n width: 9.09%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-12 {\n width: 8.33%;\n}\n\n/* Layout Columns */\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-11-12 {\n width: 91.66%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-10-12 {\n width: 83.333%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-9-12 {\n width: 75%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-5-12 {\n width: 41.66%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-7-12 {\n width: 58.33%;\n}\n\n/* Pushing blocks */\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-3,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-8-12 {\n margin-left: 66.66%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-2,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-6-12 {\n margin-left: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-3,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-4-12 {\n margin-left: 33.33%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-4,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-3-12 {\n margin-left: 25%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-5 {\n margin-left: 20%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-6,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-12 {\n margin-left: 16.667%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-7 {\n margin-left: 14.28%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-8 {\n margin-left: 12.5%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-9 {\n margin-left: 11.1%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-10 {\n margin-left: 10%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-11 {\n margin-left: 9.09%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-12 {\n margin-left: 8.33%;\n}\n\n@media handheld, only screen and (max-width: 767px) {\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\n width: 100%;\n min-width: 0;\n margin-left: 0;\n margin-right: 0;\n padding-left: 20px; /* grid-space to left */\n padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */\n }\n\n [class*='col-'] {\n width: auto;\n float: none;\n margin: 0;\n padding-left: 0;\n /* padding-right: 10px; */\n }\n\n /* Mobile Layout */\n\n [class*='mobile-col-'] {\n float: left;\n margin: 0 0 10px;\n padding-left: 0;\n padding-right: 10px; /* column-space */\n padding-bottom: 0;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-1 {\n width: 100%;\n margin: 8px 0;\n }\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-3,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-8-12 {\n width: 66.66%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-2,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-6-12 {\n width: 50%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-3,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-4-12 {\n width: 33.33%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-4,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-3-12 {\n width: 25%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-5 {\n width: 20%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-6,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-12 {\n width: 16.667%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-7 {\n width: 14.28%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-8 {\n width: 12.5%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-9 {\n width: 11.1%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-10 {\n width: 10%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-11 {\n width: 9.09%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-12 {\n width: 8.33%;\n }\n\n /* Layout Columns */\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-11-12 {\n width: 91.66%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-10-12 {\n width: 83.333%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-9-12 {\n width: 75%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-5-12 {\n width: 41.66%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-7-12 {\n width: 58.33%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--hide-on-mobile {\n display: none !important;\n width: 0;\n height: 0;\n }\n}\n\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--SettingsView {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 0 20px 20px;\n margin-top: 65px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm {\n width: 100%;\n max-width: 1300px;\n /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; */\n max-width: 800px;\n margin: 0 auto;\n height: 100%;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm form {\n margin: 0 15px;\n height: 80%;\n overflow-y: auto;\n scrollbar-width: none;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader {\n display: flex;\n align-items: end;\n margin: 12px 0 6px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader i{\n font-size: 20px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader p {\n font-size: 18px;\n font-weight: 400;\n margin-left: 15px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--header {\n width: 100%;\n height: 40px;\n padding: 0 15px;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n background: var(--primaryBlue);\n background: var(--primaryBlue);\n outline: 1px solid var(--primaryBlue);\n outline: 1px solid var(--primaryBlue);\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\n font-size: 15.9px;\n font-weight: 500;\n color: var(--white);\n color: var(--white);\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--sectionTitle {\n font-weight: 500;\n margin-top: 8px;\n margin-bottom: 8px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--body {\n padding: 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox {\n display: flex;\n width: 100%;\n justify-content: center;\n position: absolute;\n bottom: 25px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span {\n width: 80%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button {\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span {\n grid-gap: 6px;\n gap: 6px;\n width: auto;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span i {\n color: #fff;\n font-size: 18px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--saveTxt {\n font-size: 16px;\n font-weight: 600;\n width: auto;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\n padding-right: 0px;\n width: 100%;\n margin: 0 9px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--labeledGhost {\n display: flex;\n flex-direction: column;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings {\n padding-right: 0px;\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\n display: flex;\n flex-direction: column;\n justify-content: center;\n font-weight: 500;\n color: black;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--smallInfo {\n margin-top: 2px;\n margin-bottom: 12px;\n font-size: 14px;\n opacity: 0.5;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\n display: flex;\n width: 100%;\n justify-content: flex-start;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--textField {\n position: relative;\n width: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop{\n width: 100%;\n height: 100%;\n position: fixed;\n z-index: 100;\n left:0;\n top:0;\n background-color: rgba(0,0,0,0.1);\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner{\n position: absolute;\n background: rgba(0, 0, 0, 0.5);\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr{\n padding: 0 !important;\n width: 100%;\n outline: none;\n border: none;\n border-bottom: 1px solid #EDEBE9;\n overflow: auto;\n}";
23180
23309
  styleInject(css_248z$9);
23181
23310
 
23182
23311
  var getDescription$1 = function getDescription(languageOptions) {
@@ -23525,7 +23654,7 @@ var getActivePrinters = (function (printersData) {
23525
23654
  return reduceToObject(chooseActive)(toPairs$1(defaultPrinters));
23526
23655
  });
23527
23656
 
23528
- var css_248z$8 = ".utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--title {\r\n font-weight: 500;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow {\r\n display: flex;\r\n width: 100%;\r\n align-items: flex-end;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow .ms-TextField-errorMessage {\r\n position: absolute;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--textField {\r\n position: relative;\r\n display: flex;\r\n align-items: flex-end;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix {\r\n margin: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--testCallButton {\r\n margin-left: 12px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix8 {\r\n margin: auto 2px auto 0;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings input {\r\n margin-right: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--smallInfo {\r\n margin-top: 2px;\r\n opacity: 0.5;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings small {\r\n margin-bottom: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator {\r\n position: absolute;\r\n right: 5px;\r\n height: 30px;\r\n display: flex;\r\n bottom: 1px;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator .ms-Spinner-circle {\r\n max-width: 20px !important;\r\n max-height: 20px !important;\r\n right: 5px;\r\n}\r\n\r\nmaterial-icon[name='check'] {\r\n color: rgb(100, 181, 10);\r\n font-size: 12px;\r\n}\r\n\r\nmaterial-icon[name='error_outline'] {\r\n color: #a80000;\r\n font-size: 12px;\r\n}\r\n";
23657
+ var css_248z$8 = ".utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--title {\n font-weight: 500;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow {\n display: flex;\n width: 100%;\n align-items: flex-end;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow .ms-TextField-errorMessage {\n position: absolute;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--textField {\n position: relative;\n display: flex;\n align-items: flex-end;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix {\n margin: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--testCallButton {\n margin-left: 12px;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix8 {\n margin: auto 2px auto 0;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings input {\n margin-right: 12px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--smallInfo {\n margin-top: 2px;\n opacity: 0.5;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings small {\n margin-bottom: 12px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator {\n position: absolute;\n right: 5px;\n height: 30px;\n display: flex;\n bottom: 1px;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator .ms-Spinner-circle {\n max-width: 20px !important;\n max-height: 20px !important;\n right: 5px;\n}\n\nmaterial-icon[name='check'] {\n color: rgb(100, 181, 10);\n font-size: 12px;\n}\n\nmaterial-icon[name='error_outline'] {\n color: #a80000;\n font-size: 12px;\n}\n";
23529
23658
  styleInject(css_248z$8);
23530
23659
 
23531
23660
  var EMPTY_PRINTERS$1 = {
@@ -23611,7 +23740,7 @@ var saveSettings$1 = function saveSettings(self) {
23611
23740
  return /*#__PURE__*/function () {
23612
23741
  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
23613
23742
  var _yard$yard_country_co, _yard$yard_country_co2;
23614
- var printers, dashboardSessionState, oldSettings, dashboardState, cleanedDashboardState, _self$state, selectedYard, selectedRole, selectedLanguage, selectedCurrency, roles, roleOptionFromState, roleName, _roleOptionFromState$, levelId, _roleOptionFromState$2, hierarchyId, yard, securityLevel, newSettings;
23743
+ var printers, dashboardSessionState, oldSettings, dashboardState, cleanedDashboardState, _self$state, selectedYard, selectedRole, selectedLanguage, selectedCurrency, roles, roleOptionFromState, roleName, _roleOptionFromState$, levelId, _roleOptionFromState$2, hierarchyId, yard, securityLevel, userScopes, newSettings;
23615
23744
  return _regeneratorRuntime().wrap(function _callee$(_context) {
23616
23745
  while (1) switch (_context.prev = _context.next) {
23617
23746
  case 0:
@@ -23684,8 +23813,13 @@ var saveSettings$1 = function saveSettings(self) {
23684
23813
  storage$1.setLocalItem('dashboard', selectedCurrency || yard.yard_currency, 'selectedCurrency');
23685
23814
  securityLevel = pickUserSecurityLevel(getSelectedYard(selectedYard));
23686
23815
  storage$1.setSessionItem('securityLevel', Number(securityLevel));
23687
- // persist user preferences
23688
23816
  _context.next = 24;
23817
+ return fetcher.getUserScopes();
23818
+ case 24:
23819
+ userScopes = _context.sent;
23820
+ storage$1.setLocalItem('login', userScopes, 'userAppScopes');
23821
+ // persist user preferences
23822
+ _context.next = 28;
23689
23823
  return fetcher.setUserPreferences('oph', {
23690
23824
  selectedCurrency: selectedCurrency || yard.yard_currency,
23691
23825
  language: selectedLanguage || 'en',
@@ -23695,7 +23829,7 @@ var saveSettings$1 = function saveSettings(self) {
23695
23829
  yard: yard,
23696
23830
  securityLevel: securityLevel
23697
23831
  }, 'USA');
23698
- case 24:
23832
+ case 28:
23699
23833
  self.setState({
23700
23834
  oldActivePrinters: printers
23701
23835
  });
@@ -23708,7 +23842,7 @@ var saveSettings$1 = function saveSettings(self) {
23708
23842
  activePrinters: self.activePrinters
23709
23843
  };
23710
23844
  self.props.onSave(oldSettings, newSettings);
23711
- case 27:
23845
+ case 31:
23712
23846
  case "end":
23713
23847
  return _context.stop();
23714
23848
  }
@@ -23929,7 +24063,9 @@ var SettingsView$1 = /*#__PURE__*/function (_React$Component) {
23929
24063
  selectedYard: this.state.selectedYardNumber,
23930
24064
  selectedPrinterData: this.selectedPrinterData,
23931
24065
  printersData: this.state.printersData
23932
- })), /*#__PURE__*/React__default["default"].createElement("div", {
24066
+ })), /*#__PURE__*/React__default["default"].createElement("hr", {
24067
+ className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
24068
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
23933
24069
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox",
23934
24070
  "data-e2e": "saveButton"
23935
24071
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Button, {
@@ -24260,7 +24396,7 @@ var saveSettings = function saveSettings(self) {
24260
24396
  return /*#__PURE__*/function () {
24261
24397
  var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(event) {
24262
24398
  var _yard$yard_country_co, _storage$getLocalItem, _yard$yard_country_co2;
24263
- var dashboardSessionState, settingsLocalStorageState, oldSettings, printers, _self$state, selectedYard, _self$state$selectedH, selectedHierarchyOption, selectedRole, _self$state$roles, roles, roleOptionFromState, yardNumbers, yard, selectedHierarchy, getSelectedYard, pickUserSecurityLevel, securityLevel, newSettings;
24399
+ var dashboardSessionState, settingsLocalStorageState, oldSettings, printers, _self$state, selectedYard, _self$state$selectedH, selectedHierarchyOption, selectedRole, _self$state$roles, roles, roleOptionFromState, yardNumbers, yard, selectedHierarchy, userScopes, getSelectedYard, pickUserSecurityLevel, securityLevel, newSettings;
24264
24400
  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
24265
24401
  while (1) switch (_context2.prev = _context2.next) {
24266
24402
  case 0:
@@ -24327,6 +24463,11 @@ var saveSettings = function saveSettings(self) {
24327
24463
  storage$1.setLocalItem('settings', selectedHierarchyOption, 'selectedHierarchyOption');
24328
24464
  storage$1.setLocalItem('settings', selectedHierarchy, 'selectedHierarchy');
24329
24465
  storage$1.setLocalItem('lastSelectedYard', yard);
24466
+ _context2.next = 23;
24467
+ return fetcher.getUserScopes();
24468
+ case 23:
24469
+ userScopes = _context2.sent;
24470
+ storage$1.setLocalItem('login', userScopes, 'userAppScopes');
24330
24471
  getSelectedYard = function getSelectedYard() {
24331
24472
  var yardList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
24332
24473
  return yardList.find(function (yard) {
@@ -24339,7 +24480,7 @@ var saveSettings = function saveSettings(self) {
24339
24480
  securityLevel = compose(pickUserSecurityLevel, getSelectedYard)((_storage$getLocalItem = storage$1.getLocalItem('login')) === null || _storage$getLocalItem === void 0 ? void 0 : _storage$getLocalItem.yardList);
24340
24481
  storage$1.setSessionItem('securityLevel', securityLevel);
24341
24482
  // persist user preferences
24342
- _context2.next = 27;
24483
+ _context2.next = 31;
24343
24484
  return fetcher.setUserPreferences('oph', {
24344
24485
  selectedCurrency: yard.yard_currency,
24345
24486
  language: 'en',
@@ -24351,7 +24492,7 @@ var saveSettings = function saveSettings(self) {
24351
24492
  yard: yard,
24352
24493
  securityLevel: securityLevel
24353
24494
  }, 'GBR');
24354
- case 27:
24495
+ case 31:
24355
24496
  self.setState({
24356
24497
  oldActivePrinters: printers
24357
24498
  });
@@ -24365,7 +24506,7 @@ var saveSettings = function saveSettings(self) {
24365
24506
  activePrinters: printers
24366
24507
  };
24367
24508
  self.props.onSave(oldSettings, newSettings);
24368
- case 30:
24509
+ case 34:
24369
24510
  case "end":
24370
24511
  return _context2.stop();
24371
24512
  }
@@ -24646,7 +24787,9 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
24646
24787
  selectedYard: this.state.selectedYardNumber,
24647
24788
  selectedPrinterData: this.selectedPrinterData,
24648
24789
  printersData: this.state.printersData
24649
- })), /*#__PURE__*/React__default["default"].createElement("div", {
24790
+ })), /*#__PURE__*/React__default["default"].createElement("hr", {
24791
+ className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
24792
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
24650
24793
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox",
24651
24794
  "data-e2e": "saveButton"
24652
24795
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Button, {
@@ -24663,7 +24806,7 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
24663
24806
  return SettingsView;
24664
24807
  }(React__default["default"].Component);
24665
24808
 
24666
- var css_248z$7 = ".utilities_ops-announcements_Banner--appBarContentBox {\r\n word-break: break-all;\r\n white-space: pre-wrap;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContent {\r\n padding: 0px 5px;\r\n font-size: 13px;\r\n width: 95%;\r\n display: flex;\r\n align-items: end;\r\n grid-gap: 20px;\r\n gap: 20px\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBox {\r\n display: flex;\r\n color: #6c7a89;\r\n grid-gap: 8px;\r\n gap: 8px;\r\n width: 90%;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBox b{\r\n color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox {\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n overflow: hidden;\r\n font-weight: 600;\r\n /* autoprefixer: off */\r\n -webkit-box-orient: vertical;\r\n /* autoprefixer: on */\r\n font-size: 12px;\r\n color: #201F1E;\r\n cursor: default;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox *{\r\n display: inline;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox a{\r\n text-decoration: underline;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationBarContentBox {\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n overflow: hidden;\r\n width: 95%;\r\n font-weight: 600;\r\n /* autoprefixer: off */\r\n -webkit-box-orient: vertical;\r\n /* autoprefixer: on */\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox {\r\n display: flex;\r\n color: #6c7a89;\r\n grid-gap: 6px;\r\n gap: 6px;\r\n font-size: 12px;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox b{\r\n color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox i{\r\n font-size: 16px !important;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--navBtnContainer {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n grid-gap: 5px;\r\n gap: 5px;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--navBtnContainer .utilities_ops-announcements_Banner--notificationLeftBtn i{\r\n position: relative;\r\n right: -4px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer {\r\n display: flex;\r\n flex-direction: row;\r\n padding: 10px 10px;\r\n grid-gap: 5px;\r\n gap: 5px;\r\n min-height: 40px;\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer i{\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--navBtnContainer i{\r\n font-size: 16px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar {\r\n flex-direction: column;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--arrowTipContainer {\r\n width: 0px;\r\n height: 0px;\r\n border-left: 8px solid transparent;\r\n border-right: 8px solid transparent;\r\n border-bottom: 13px solid white;\r\n position: absolute;\r\n top: 51px;\r\n right: 50px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--appBarContentWrapper {\r\n padding: 0px 5px;\r\n font-size: 12px;\r\n flex: 1 1 0%;\r\n display: flex;\r\n flex-direction: column;\r\n grid-gap: 4px;\r\n gap: 4px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--appBarContentWrapper b{\r\n color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--feedUrl {\r\n text-decoration: none !important;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--feedUrl i {\r\n font-size: 14px;\r\n cursor: pointer;\r\n color: #1d5ab9;\r\n left: 2px;\r\n position: relative;\r\n top: 2px;\r\n margin-right: 3px;\r\n}\r\n";
24809
+ var css_248z$7 = ".utilities_ops-announcements_Banner--appBarContentBox {\n word-break: break-all;\n white-space: pre-wrap;\n font-weight: 600;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContent {\n padding: 0px 5px;\n font-size: 13px;\n width: 95%;\n display: flex;\n align-items: end;\n grid-gap: 20px;\n gap: 20px\n}\n\n.utilities_ops-announcements_Banner--tabNotificationInfoBox {\n display: flex;\n color: #6c7a89;\n grid-gap: 8px;\n gap: 8px;\n width: 90%;\n font-size: 12px;\n}\n\n.utilities_ops-announcements_Banner--tabNotificationInfoBox b{\n color: #171717;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContentBox {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n overflow: hidden;\n font-weight: 600;\n /* autoprefixer: off */\n -webkit-box-orient: vertical;\n /* autoprefixer: on */\n font-size: 12px;\n color: #201F1E;\n cursor: default;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContentBox *{\n display: inline;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContentBox a{\n text-decoration: underline;\n}\n\n.utilities_ops-announcements_Banner--tabNotificationBarContentBox {\n display: -webkit-box;\n -webkit-line-clamp: 3;\n overflow: hidden;\n width: 95%;\n font-weight: 600;\n /* autoprefixer: off */\n -webkit-box-orient: vertical;\n /* autoprefixer: on */\n font-size: 12px;\n}\n\n.utilities_ops-announcements_Banner--notificationInfoBox {\n display: flex;\n color: #6c7a89;\n grid-gap: 6px;\n gap: 6px;\n font-size: 12px;\n margin-bottom: 5px;\n}\n\n.utilities_ops-announcements_Banner--notificationInfoBox b{\n color: #171717;\n}\n\n.utilities_ops-announcements_Banner--notificationInfoBox i{\n font-size: 16px !important;\n}\n\n.utilities_ops-announcements_Banner--navBtnContainer {\n display: flex;\n flex-direction: row;\n justify-content: center;\n grid-gap: 5px;\n gap: 5px;\n font-size: 12px;\n}\n\n.utilities_ops-announcements_Banner--navBtnContainer .utilities_ops-announcements_Banner--notificationLeftBtn i{\n position: relative;\n right: -4px;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer {\n display: flex;\n flex-direction: row;\n padding: 10px 10px;\n grid-gap: 5px;\n gap: 5px;\n min-height: 40px;\n width: 100%;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer i{\n font-size: 20px;\n}\n\n.utilities_ops-announcements_Banner--navBtnContainer i{\n font-size: 16px;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar {\n flex-direction: column;\n}\n\n.utilities_ops-announcements_Banner--arrowTipContainer {\n width: 0px;\n height: 0px;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n border-bottom: 13px solid white;\n position: absolute;\n top: 51px;\n right: 50px;\n}\n\n.utilities_ops-announcements_Banner--appBarContentWrapper {\n padding: 0px 5px;\n font-size: 12px;\n flex: 1 1 0%;\n display: flex;\n flex-direction: column;\n grid-gap: 4px;\n gap: 4px;\n}\n\n.utilities_ops-announcements_Banner--appBarContentWrapper b{\n color: #171717;\n}\n\n.utilities_ops-announcements_Banner--feedUrl {\n text-decoration: none !important;\n}\n\n.utilities_ops-announcements_Banner--feedUrl i {\n font-size: 14px;\n cursor: pointer;\n color: #1d5ab9;\n left: 2px;\n position: relative;\n top: 2px;\n margin-right: 3px;\n}\n";
24667
24810
  styleInject(css_248z$7);
24668
24811
 
24669
24812
  var _nodeResolve_empty = {};
@@ -31519,10 +31662,10 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31519
31662
  props.type;
31520
31663
  var config = props.config,
31521
31664
  _props$navigateTo = props.navigateTo,
31522
- navigateTo = _props$navigateTo === void 0 ? function (url) {} : _props$navigateTo,
31523
- isMihelpEnabled = props.isMihelpEnabled,
31524
- isIdeaNoteEnabled = props.isIdeaNoteEnabled,
31525
- _props$notifications = props.notifications,
31665
+ navigateTo = _props$navigateTo === void 0 ? function (url) {} : _props$navigateTo;
31666
+ props.isMihelpEnabled;
31667
+ props.isIdeaNoteEnabled;
31668
+ var _props$notifications = props.notifications,
31526
31669
  notifications = _props$notifications === void 0 ? [] : _props$notifications;
31527
31670
  props.width;
31528
31671
  var setNotificationsVisible = props.setNotificationsVisible,
@@ -31543,7 +31686,9 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31543
31686
  mobileMenuVisible = props.mobileMenuVisible;
31544
31687
  var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
31545
31688
  var enableNewToolkitFeatures = coreAppConfig.enableNewToolkitFeatures,
31546
- showSettingsMenuByTileConfig = coreAppConfig.showSettingsMenuByTileConfig;
31689
+ showSettingsMenuByTileConfig = coreAppConfig.showSettingsMenuByTileConfig,
31690
+ enableIdeaNote = coreAppConfig.enableIdeaNote,
31691
+ enableMiHelp = coreAppConfig.enableMiHelp;
31547
31692
  var showSettingsInAppbar = false;
31548
31693
  if (isCoreRoute) {
31549
31694
  showSettingsInAppbar = enableNewToolkitFeatures;
@@ -31631,7 +31776,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31631
31776
  text: "Feedback"
31632
31777
  }));
31633
31778
  },
31634
- renderIf: !isMihelpEnabled,
31779
+ renderIf: !enableMiHelp,
31635
31780
  onClick: function onClick() {
31636
31781
  return props.toggleFeedbackDialog(true);
31637
31782
  },
@@ -31660,7 +31805,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31660
31805
  text: "MiHelp"
31661
31806
  }));
31662
31807
  },
31663
- renderIf: isMihelpEnabled,
31808
+ renderIf: enableMiHelp,
31664
31809
  render: function render() {
31665
31810
  return /*#__PURE__*/React__default["default"].createElement("span", {
31666
31811
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items"
@@ -31691,7 +31836,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31691
31836
  text: "Innov8Hub"
31692
31837
  }));
31693
31838
  },
31694
- renderIf: isIdeaNoteEnabled,
31839
+ renderIf: enableIdeaNote,
31695
31840
  render: function render() {
31696
31841
  return /*#__PURE__*/React__default["default"].createElement("div", {
31697
31842
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items utilities_ops-app-frame_AppBarComponent_AppBar--lightBulbIcon",
@@ -32341,7 +32486,7 @@ AppBar$1.defaultProps = {
32341
32486
  role: ''
32342
32487
  };
32343
32488
 
32344
- var css_248z$6 = ".utilities_ops-app-frame_Flag_Flag--Flag {\r\n margin-right: 12px;\r\n height: 22px;\r\n /* border-radius: 20px; */\r\n}\r\n\r\n/* HACK: ALL OF THIS CSS IS COMPLETELY UNSTABLE, BUT I HAVE TO SUBMIT A\r\n PR TO CORE-COMPONENTS TO MAKE IT MORE STABLE WHICH IS A LOT OF WORK\r\n SO LETS JUST NOT INLINE STYLES ANYMORE K?\r\n*/\r\n\r\n[class*='AppBar-roleAndFlag'] {\r\n align-items: center;\r\n}\r\n\r\n[class*='AppBar-roleAndFlag'] > .text.role {\r\n margin: 0 !important;\r\n}\r\n\r\n[class*='AppBar-yardNumber'] {\r\n align-items: center;\r\n}\r\n\r\n[class*='AppBar-yardNumber'] > .yardNumber {\r\n margin-left: 8px;\r\n margin-top: 0px !important;\r\n}\r\n";
32489
+ var css_248z$6 = ".utilities_ops-app-frame_Flag_Flag--Flag {\n margin-right: 12px;\n height: 22px;\n /* border-radius: 20px; */\n}\n\n/* HACK: ALL OF THIS CSS IS COMPLETELY UNSTABLE, BUT I HAVE TO SUBMIT A\n PR TO CORE-COMPONENTS TO MAKE IT MORE STABLE WHICH IS A LOT OF WORK\n SO LETS JUST NOT INLINE STYLES ANYMORE K?\n*/\n\n[class*='AppBar-roleAndFlag'] {\n align-items: center;\n}\n\n[class*='AppBar-roleAndFlag'] > .text.role {\n margin: 0 !important;\n}\n\n[class*='AppBar-yardNumber'] {\n align-items: center;\n}\n\n[class*='AppBar-yardNumber'] > .yardNumber {\n margin-left: 8px;\n margin-top: 0px !important;\n}\n";
32345
32490
  styleInject(css_248z$6);
32346
32491
 
32347
32492
  var getFlagUri = function getFlagUri() {
@@ -32356,7 +32501,7 @@ var Flag = function Flag(props) {
32356
32501
  });
32357
32502
  };
32358
32503
 
32359
- var css_248z$5 = "#utilities_ops-app-frame_CallCapsule_style--flex-iframe {\r\n width: '100%';\r\n height: '100%';\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--flex-bar {\r\n position: relative;\r\n z-index: 9999;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iframeSection {\r\n border: 1px solid #233659;\r\n border-radius: 8px !important;\r\n overflow: hidden;\r\n width: 560px;\r\n height: 610px;\r\n position: absolute;\r\n top: 53px;\r\n z-index: 100;\r\n background: #fff;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--fullScreen{\r\n border: 1px solid #233659;\r\n border-radius: 20px !important;\r\n overflow: hidden;\r\n width: 98vw;\r\n height: 610px;\r\n position: absolute;\r\n top: 53px;\r\n left: -8.7em;\r\n z-index: 100;\r\n background: #fff;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon {\r\n display: flex;\r\n background-color: #8eacdc;\r\n border-radius: 30px;\r\n justify-content: center;\r\n padding: 2px 10px;\r\n min-width: 300px;\r\n min-height: 37px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--leftPillCon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n min-width: 125px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--heading1 {\r\n font-size: 12px;\r\n font-weight: bold;\r\n color: #3c4656;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iframePopUp {\r\n display: block;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--heading6 {\r\n font-size: 10px;\r\n color: #3c4656;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--heading7{\r\n font-size: 12px;\r\n background: yellow;\r\n border-radius: 20px;\r\n padding: 0 5px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--centerPillCon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 6px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--rightPillCon{\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 6px;\r\n min-width: 152px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--statusIndicator {\r\n padding: 0 3px 5px 0;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialpadCon {\r\n position: absolute;\r\n top: 55px;\r\n width: 100%;\r\n left: 5em;\r\n max-width: 202px;\r\n padding: 15px;\r\n background: #263238;\r\n border-radius: 22.5px;\r\n box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2);\r\n z-index: 10;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--inputCon {\r\n width: 100%;\r\n margin-bottom: 5px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--inputCon input {\r\n background: #37474f;\r\n color: #cfd8dc;\r\n padding: 5px;\r\n border: none;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--inputCon input:focus {\r\n outline: none;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--btn {\r\n display: inline-block;\r\n width: calc(33.33% - 10px);\r\n font-size: 14px;\r\n background: transparent;\r\n border: none;\r\n color: #cfd8dc;\r\n padding: 10px 0;\r\n text-align: center;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--btn:hover {\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_CallCapsule_style--btn:nth-child(3n - 1) {\r\n margin: 0 15px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--visible {\r\n visibility: visible;\r\n overflow: hidden;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--hidden {\r\n visibility: hidden;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--callActionCon {\r\n display: flex;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--marginLeft {\r\n margin-left: 40px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon hr {\r\n width: 100%;\r\n margin: 0;\r\n outline: none;\r\n border: none;\r\n border-right: 1px solid #ddd;\r\n}\r\n\r\n@-webkit-keyframes utilities_ops-app-frame_CallCapsule_style--shake {\r\n 0% {\r\n -webkit-transform: translate(2px, 1px) rotate(0deg);\r\n }\r\n 10% {\r\n -webkit-transform: translate(-1px, -2px) rotate(-1deg);\r\n }\r\n 20% {\r\n -webkit-transform: translate(-3px, 0px) rotate(1deg);\r\n }\r\n 30% {\r\n -webkit-transform: translate(0px, 2px) rotate(0deg);\r\n }\r\n 40% {\r\n -webkit-transform: translate(1px, -1px) rotate(1deg);\r\n }\r\n 50% {\r\n -webkit-transform: translate(-1px, 2px) rotate(-1deg);\r\n }\r\n 60% {\r\n -webkit-transform: translate(-3px, 1px) rotate(0deg);\r\n }\r\n 70% {\r\n -webkit-transform: translate(2px, 1px) rotate(-1deg);\r\n }\r\n 80% {\r\n -webkit-transform: translate(-1px, -1px) rotate(1deg);\r\n }\r\n 90% {\r\n -webkit-transform: translate(2px, 2px) rotate(0deg);\r\n }\r\n 100% {\r\n -webkit-transform: translate(1px, -2px) rotate(-1deg);\r\n }\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--shake {\r\n -webkit-animation-name: utilities_ops-app-frame_CallCapsule_style--shake;\r\n -webkit-animation-duration: 1.3s;\r\n -webkit-transform-origin: 50% 50%;\r\n -webkit-animation-iteration-count: infinite;\r\n -webkit-animation-timing-function: linear;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--actionIcon {\r\n position: relative;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--wrapText {\r\n font-size: 9px;\r\n position: absolute;\r\n top: 22px;\r\n}\r\n\r\n.utilities_ops-app-frame_CallCapsule_style--container {\r\n max-width: 100%;\r\n max-height: 100%;\r\n position: relative;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--numberCircle {\r\n border-radius: 40%;\r\n cursor: pointer;\r\n width: 28px;\r\n height: 18px;\r\n padding: 0px 11px;\r\n background: #fff;\r\n color: #666;\r\n text-align: center;\r\n font-size: 12px;\r\n margin-bottom: 9px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--unreadCircle{\r\n border-radius: 50%;\r\n cursor: pointer;\r\n width: 16px;\r\n height: 16px;\r\n padding: 2px 2px 3px;\r\n background: #e81010;\r\n color: #fff;\r\n text-align: center;\r\n font-size: 8px;\r\n position: absolute;\r\n left: 18px;\r\n top: -3px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iconBtn{\r\n margin: 0 5px;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iconBtn:focus{\r\n outline: none !important\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--icon{\r\n color: #000;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--disabledIcon svg{\r\n opacity:0.4;\r\n cursor: not-allowed;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialog{\r\nwidth: 420px;\r\nheight: 115px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogCon{\r\n position: absolute;\r\n top: 35%;\r\n left: 36%;\r\n border: 1px solid rgb(204, 204, 204);\r\n background: rgb(255, 255, 255);\r\n overflow: auto;\r\n border-radius: 4px;\r\n outline: none;\r\n padding: 0px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogHeading{\r\n background-color: #1d5ab9;\r\n color: #fff;\r\n padding: 10px 5px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogInfo{\r\n padding: 20px 10px;\r\n text-align: center;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogBtn{\r\n margin: 5px;\r\n text-align:right;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--warningMsg {\r\n color: #fff;\r\n display: flex;\r\n background-color: #dd392b;\r\n border-radius: 7px;\r\n justify-content: center;\r\n min-width: 300px;\r\n font-size: 12px;\r\n margin: 0 25px -1px 25px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--capsuleSpinner{\r\n position: absolute;\r\n left:47%;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--opacity{\r\n opacity: 0.5;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--closeFlexIcon {\r\n position: absolute;\r\n right: 2px;\r\n top: 14px;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--callIndicator{\r\n margin-top: 7px;\r\n}";
32504
+ var css_248z$5 = "#utilities_ops-app-frame_CallCapsule_style--flex-iframe {\n width: '100%';\n height: '100%';\n}\n.utilities_ops-app-frame_CallCapsule_style--flex-bar {\n position: relative;\n z-index: 9999;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n}\n.utilities_ops-app-frame_CallCapsule_style--iframeSection {\n border: 1px solid #233659;\n border-radius: 8px !important;\n overflow: hidden;\n width: 560px;\n height: 610px;\n position: absolute;\n top: 53px;\n z-index: 100;\n background: #fff;\n}\n.utilities_ops-app-frame_CallCapsule_style--fullScreen{\n border: 1px solid #233659;\n border-radius: 20px !important;\n overflow: hidden;\n width: 98vw;\n height: 610px;\n position: absolute;\n top: 53px;\n left: -8.7em;\n z-index: 100;\n background: #fff;\n}\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon {\n display: flex;\n background-color: #8eacdc;\n border-radius: 30px;\n justify-content: center;\n padding: 2px 10px;\n min-width: 300px;\n min-height: 37px;\n}\n.utilities_ops-app-frame_CallCapsule_style--leftPillCon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n min-width: 125px;\n}\n.utilities_ops-app-frame_CallCapsule_style--heading1 {\n font-size: 12px;\n font-weight: bold;\n color: #3c4656;\n}\n.utilities_ops-app-frame_CallCapsule_style--iframePopUp {\n display: block;\n}\n.utilities_ops-app-frame_CallCapsule_style--heading6 {\n font-size: 10px;\n color: #3c4656;\n}\n.utilities_ops-app-frame_CallCapsule_style--heading7{\n font-size: 12px;\n background: yellow;\n border-radius: 20px;\n padding: 0 5px;\n}\n.utilities_ops-app-frame_CallCapsule_style--centerPillCon {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 6px;\n}\n.utilities_ops-app-frame_CallCapsule_style--rightPillCon{\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 6px;\n min-width: 152px;\n}\n.utilities_ops-app-frame_CallCapsule_style--statusIndicator {\n padding: 0 3px 5px 0;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialpadCon {\n position: absolute;\n top: 55px;\n width: 100%;\n left: 5em;\n max-width: 202px;\n padding: 15px;\n background: #263238;\n border-radius: 22.5px;\n box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2);\n z-index: 10;\n}\n.utilities_ops-app-frame_CallCapsule_style--inputCon {\n width: 100%;\n margin-bottom: 5px;\n}\n.utilities_ops-app-frame_CallCapsule_style--inputCon input {\n background: #37474f;\n color: #cfd8dc;\n padding: 5px;\n border: none;\n}\n.utilities_ops-app-frame_CallCapsule_style--inputCon input:focus {\n outline: none;\n}\n.utilities_ops-app-frame_CallCapsule_style--btn {\n display: inline-block;\n width: calc(33.33% - 10px);\n font-size: 14px;\n background: transparent;\n border: none;\n color: #cfd8dc;\n padding: 10px 0;\n text-align: center;\n cursor: pointer;\n}\n.utilities_ops-app-frame_CallCapsule_style--btn:hover {\n color: #fff;\n}\n\n.utilities_ops-app-frame_CallCapsule_style--btn:nth-child(3n - 1) {\n margin: 0 15px;\n}\n.utilities_ops-app-frame_CallCapsule_style--visible {\n visibility: visible;\n overflow: hidden;\n}\n.utilities_ops-app-frame_CallCapsule_style--hidden {\n visibility: hidden;\n}\n.utilities_ops-app-frame_CallCapsule_style--callActionCon {\n display: flex;\n}\n.utilities_ops-app-frame_CallCapsule_style--marginLeft {\n margin-left: 40px;\n}\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon hr {\n width: 100%;\n margin: 0;\n outline: none;\n border: none;\n border-right: 1px solid #ddd;\n}\n\n@-webkit-keyframes utilities_ops-app-frame_CallCapsule_style--shake {\n 0% {\n -webkit-transform: translate(2px, 1px) rotate(0deg);\n }\n 10% {\n -webkit-transform: translate(-1px, -2px) rotate(-1deg);\n }\n 20% {\n -webkit-transform: translate(-3px, 0px) rotate(1deg);\n }\n 30% {\n -webkit-transform: translate(0px, 2px) rotate(0deg);\n }\n 40% {\n -webkit-transform: translate(1px, -1px) rotate(1deg);\n }\n 50% {\n -webkit-transform: translate(-1px, 2px) rotate(-1deg);\n }\n 60% {\n -webkit-transform: translate(-3px, 1px) rotate(0deg);\n }\n 70% {\n -webkit-transform: translate(2px, 1px) rotate(-1deg);\n }\n 80% {\n -webkit-transform: translate(-1px, -1px) rotate(1deg);\n }\n 90% {\n -webkit-transform: translate(2px, 2px) rotate(0deg);\n }\n 100% {\n -webkit-transform: translate(1px, -2px) rotate(-1deg);\n }\n}\n.utilities_ops-app-frame_CallCapsule_style--shake {\n -webkit-animation-name: utilities_ops-app-frame_CallCapsule_style--shake;\n -webkit-animation-duration: 1.3s;\n -webkit-transform-origin: 50% 50%;\n -webkit-animation-iteration-count: infinite;\n -webkit-animation-timing-function: linear;\n}\n.utilities_ops-app-frame_CallCapsule_style--actionIcon {\n position: relative;\n}\n.utilities_ops-app-frame_CallCapsule_style--wrapText {\n font-size: 9px;\n position: absolute;\n top: 22px;\n}\n\n.utilities_ops-app-frame_CallCapsule_style--container {\n max-width: 100%;\n max-height: 100%;\n position: relative;\n}\n.utilities_ops-app-frame_CallCapsule_style--numberCircle {\n border-radius: 40%;\n cursor: pointer;\n width: 28px;\n height: 18px;\n padding: 0px 11px;\n background: #fff;\n color: #666;\n text-align: center;\n font-size: 12px;\n margin-bottom: 9px;\n}\n.utilities_ops-app-frame_CallCapsule_style--unreadCircle{\n border-radius: 50%;\n cursor: pointer;\n width: 16px;\n height: 16px;\n padding: 2px 2px 3px;\n background: #e81010;\n color: #fff;\n text-align: center;\n font-size: 8px;\n position: absolute;\n left: 18px;\n top: -3px;\n}\n.utilities_ops-app-frame_CallCapsule_style--iconBtn{\n margin: 0 5px;\n cursor: pointer;\n}\n.utilities_ops-app-frame_CallCapsule_style--iconBtn:focus{\n outline: none !important\n}\n.utilities_ops-app-frame_CallCapsule_style--icon{\n color: #000;\n}\n.utilities_ops-app-frame_CallCapsule_style--disabledIcon svg{\n opacity:0.4;\n cursor: not-allowed;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialog{\nwidth: 420px;\nheight: 115px;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialogCon{\n position: absolute;\n top: 35%;\n left: 36%;\n border: 1px solid rgb(204, 204, 204);\n background: rgb(255, 255, 255);\n overflow: auto;\n border-radius: 4px;\n outline: none;\n padding: 0px;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialogHeading{\n background-color: #1d5ab9;\n color: #fff;\n padding: 10px 5px;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialogInfo{\n padding: 20px 10px;\n text-align: center;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialogBtn{\n margin: 5px;\n text-align:right;\n}\n.utilities_ops-app-frame_CallCapsule_style--warningMsg {\n color: #fff;\n display: flex;\n background-color: #dd392b;\n border-radius: 7px;\n justify-content: center;\n min-width: 300px;\n font-size: 12px;\n margin: 0 25px -1px 25px;\n}\n.utilities_ops-app-frame_CallCapsule_style--capsuleSpinner{\n position: absolute;\n left:47%;\n}\n.utilities_ops-app-frame_CallCapsule_style--opacity{\n opacity: 0.5;\n}\n.utilities_ops-app-frame_CallCapsule_style--closeFlexIcon {\n position: absolute;\n right: 2px;\n top: 14px;\n cursor: pointer;\n}\n.utilities_ops-app-frame_CallCapsule_style--callIndicator{\n margin-top: 7px;\n}";
32360
32505
  styleInject(css_248z$5);
32361
32506
 
32362
32507
  var tabbable_1 = createCommonjsModule(function (module, exports) {
@@ -33899,7 +34044,7 @@ const author = "Brian McKelvey <theturtle32@gmail.com> (https://github.com/thetu
33899
34044
  const contributors = [
33900
34045
  "Iñaki Baz Castillo <ibc@aliax.net> (http://dev.sipdoc.net)"
33901
34046
  ];
33902
- const version$6 = "1.0.34";
34047
+ const version$6 = "1.0.35";
33903
34048
  const repository = {
33904
34049
  type: "git",
33905
34050
  url: "https://github.com/theturtle32/WebSocket-Node.git"
@@ -33911,7 +34056,7 @@ const engines = {
33911
34056
  const dependencies = {
33912
34057
  bufferutil: "^4.0.1",
33913
34058
  debug: "^2.2.0",
33914
- "es5-ext": "^0.10.50",
34059
+ "es5-ext": "^0.10.63",
33915
34060
  "typedarray-to-buffer": "^3.1.5",
33916
34061
  "utf-8-validate": "^5.0.2",
33917
34062
  yaeti: "^0.0.6"
@@ -34256,7 +34401,14 @@ var emailAddressAllowed = function emailAddressAllowed(emailAddress, tile) {
34256
34401
  var appFunctionIdAllowed = function appFunctionIdAllowed() {
34257
34402
  var coreAppPermissions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
34258
34403
  var permissionIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
34259
- var tile = arguments.length > 3 ? arguments[3] : undefined;
34404
+ var appScopes = arguments.length > 3 ? arguments[3] : undefined;
34405
+ var tile = arguments.length > 4 ? arguments[4] : undefined;
34406
+ if (tile.useAppScopes) {
34407
+ var userAppScopes = Array.isArray(appScopes) ? appScopes : [];
34408
+ return tile.appAuthName && userAppScopes.some(function (appScope) {
34409
+ return appScope.appName === tile.appAuthName;
34410
+ });
34411
+ }
34260
34412
  var id = tile.appFunctionId;
34261
34413
  if (!id) {
34262
34414
  return true; // not defined in config so just allow the tile to be viewed for now
@@ -34290,12 +34442,13 @@ var getUserData = function getUserData() {
34290
34442
  permissionIds: storage$1.permissionIds,
34291
34443
  allPermissionIds: storage$1.allPermissionIds,
34292
34444
  hasCasAccess: storage$1.hasCasAccess,
34293
- coreAppPermissions: storage$1.coreAppPermissions
34445
+ coreAppPermissions: storage$1.coreAppPermissions,
34446
+ appScopes: storage$1.userAppScopes
34294
34447
  };
34295
34448
  };
34296
34449
  var userHasAccess = function userHasAccess(tile) {
34297
34450
  var user = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getUserData();
34298
- return allAreTruthy([stackIsAllowed(tile.stack), yardNumberAllowed(user.activeYardNumber, tile), securityLevelAllowed(user.securityLevel, tile), emailAddressAllowed(user.emailAddress, tile), appFunctionIdAllowed(user.coreAppPermissions, user.allPermissionIds, user.permissionIds, tile), casAccessAllowed(user.hasCasAccess, tile.requireCasAccess)]);
34451
+ return allAreTruthy([stackIsAllowed(tile.stack), yardNumberAllowed(user.activeYardNumber, tile), securityLevelAllowed(user.securityLevel, tile), emailAddressAllowed(user.emailAddress, tile), appFunctionIdAllowed(user.coreAppPermissions, user.allPermissionIds, user.permissionIds, user.appScopes, tile), casAccessAllowed(user.hasCasAccess, tile.requireCasAccess)]);
34299
34452
  };
34300
34453
 
34301
34454
  var accessHelpers = /*#__PURE__*/Object.freeze({
@@ -34310,7 +34463,7 @@ var accessHelpers = /*#__PURE__*/Object.freeze({
34310
34463
  'default': userHasAccess
34311
34464
  });
34312
34465
 
34313
- var css_248z$4 = ".utilities_ops-app-frame_AppBar_AppBar--AppBar {\r\n background: var(--primaryBlue);\r\n background: var(--primaryBlue);\r\n color: var(--white);\r\n color: var(--white);\r\n height: 64px;\r\n width: 100vw;\r\n padding: 0 20px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.__AppBar-item.__AppBar-phoneUnvailable > div, .__AppBar-item.__AppBar-phoneAvailable > div {\r\n margin-bottom: 2px;\r\n}\r\n\r\nbutton[name='Clear Cookies'] {\r\n font-size: 12px;\r\n opacity: 0.5;\r\n text-transform: uppercase;\r\n color: #f00;\r\n font-weight: 700;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBar_AppBar--left {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBar_AppBar--right {\r\n display: flex;\r\n align-items: center;\r\n}\r\n";
34466
+ var css_248z$4 = ".utilities_ops-app-frame_AppBar_AppBar--AppBar {\n background: var(--primaryBlue);\n background: var(--primaryBlue);\n color: var(--white);\n color: var(--white);\n height: 64px;\n width: 100vw;\n padding: 0 20px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.__AppBar-item.__AppBar-phoneUnvailable > div, .__AppBar-item.__AppBar-phoneAvailable > div {\n margin-bottom: 2px;\n}\n\nbutton[name='Clear Cookies'] {\n font-size: 12px;\n opacity: 0.5;\n text-transform: uppercase;\n color: #f00;\n font-weight: 700;\n}\n\n.utilities_ops-app-frame_AppBar_AppBar--left {\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBar_AppBar--right {\n display: flex;\n align-items: center;\n}\n";
34314
34467
  styleInject(css_248z$4);
34315
34468
 
34316
34469
  var APP_BAR_CONFIGS = {
@@ -34871,7 +35024,7 @@ AppBar.defaultProps = {
34871
35024
  searchBarProps: {}
34872
35025
  };
34873
35026
 
34874
- var css_248z$3 = ".utilities_ops-app-frame_AuthGuard_header--header {\r\n flex-shrink: 0;\r\n display: flex;\r\n flex-direction: column;\r\n}";
35027
+ var css_248z$3 = ".utilities_ops-app-frame_AuthGuard_header--header {\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n}";
34875
35028
  styleInject(css_248z$3);
34876
35029
 
34877
35030
  var PASS_FOR_AUTHENTICATION_ROUTE = 'Route is /login or /logout.';
@@ -34984,7 +35137,7 @@ var AuthGuard = /*#__PURE__*/function (_React$PureComponent) {
34984
35137
  break;
34985
35138
  }
34986
35139
  _context.next = 23;
34987
- return fetcher.getPermissions(appTile.appAuthName);
35140
+ return fetcher.getPermissions(appTile.appAuthName, appTile.useAppScopes);
34988
35141
  case 23:
34989
35142
  // If there are rules, evaluate and act accordingly.
34990
35143
  tileConfigAccess = userHasAccess(appTile);
@@ -45454,7 +45607,7 @@ var formatNumber = function formatNumber(number) {
45454
45607
  return sign * Math.abs(number) + unitlist[unit];
45455
45608
  };
45456
45609
 
45457
- var css_248z$2 = ".utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer {\r\n display: flex;\r\n flex-direction: column;\r\n position: absolute;\r\n background: #3A4454;\r\n min-width: 50px;\r\n max-width: 50px;\r\n height: 100%;\r\n color: #ffffff;\r\n font-size: 14px;\r\n z-index: 101;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts {\r\n min-width: 100px;\r\n max-width: 100px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover {\r\n max-width: 500px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n min-width: none;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons{\r\n min-width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton{\r\n min-width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu {\r\n flex: 1;\r\n overflow-y: auto;\r\n -ms-overflow-style: none;\r\n scrollbar-width: none;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu::-webkit-scrollbar { \r\n display: none;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n display: flex;\r\n width: 100%;\r\n padding: 6px 12px 6px 12px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled {\r\n cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected {\r\n color: #323130;\r\n background-color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n margin-left: auto;\r\n margin-right: 10px;\r\n min-width: none;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n min-width: 70px;\r\n text-align: right;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu {\r\n background-color: #73A6FF;\r\n transition: background-color 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\r\n margin-left: auto;\r\n font-size: 12px;\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--selected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount {\r\n flex: 1;\r\n margin: 0 10px 0;\r\n text-align: right;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\r\n min-width: 20px;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\r\n font-size: 14px;\r\n /* width: 20px; */\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\r\n color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i{\r\n color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\r\n color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n font-size: 0px;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons i{\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n max-width: 0;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n margin-top: 2px;\r\n font-weight: 100;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n max-width: 100%;\r\n margin: 2px 10px 0 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n max-width: 100%;\r\n margin: 0 5px 0 0;\r\n font-weight: 600;\r\n margin-left: 0px;\r\n cursor: auto;\r\n cursor: initial;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n margin: 0;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\r\n margin-right: 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n padding-left: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName > span {\r\n display: inline;\r\n display: initial;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel2 {\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 {\r\n display: flex;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n padding: 6px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--statusColor {\r\n position: absolute;\r\n width: 10px;\r\n height: 95%;\r\n left: -13px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\r\n width: 13px;\r\n margin-left: 1px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\r\n width: 100%;\r\n margin-left: 1px;\r\n}";
45610
+ var css_248z$2 = ".utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer {\n display: flex;\n flex-direction: column;\n position: absolute;\n background: #3A4454;\n min-width: 50px;\n max-width: 50px;\n height: 100%;\n color: #ffffff;\n font-size: 14px;\n z-index: 101;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts {\n min-width: 100px;\n max-width: 100px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover {\n max-width: 500px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\n min-width: none;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons{\n min-width: auto;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton{\n min-width: auto;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu {\n flex: 1;\n overflow-y: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu::-webkit-scrollbar { \n display: none;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\n display: flex;\n width: 100%;\n padding: 6px 12px 6px 12px;\n border-radius: 5px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled {\n cursor: default;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected {\n color: #323130;\n background-color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\n margin-left: auto;\n margin-right: 10px;\n min-width: none;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\n min-width: 70px;\n text-align: right;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable:not(:hover) .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\n min-width: auto;\n text-align: auto;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu {\n background-color: #73A6FF;\n transition: background-color 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\n margin-left: auto;\n font-size: 12px;\n color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--selected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\n color: #323130;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount {\n flex: 1;\n margin: 0 10px 0;\n text-align: right;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\n min-width: 20px;\n display: flex;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\n font-size: 14px;\n /* width: 20px; */\n color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\n color: #A19F9D;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i{\n color: #323130;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\n color: #323130;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\n color: #A19F9D;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\n font-size: 0px;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons i{\n font-size: 12px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\n font-size: 12px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n max-width: 0;\n overflow: hidden;\n white-space: nowrap;\n margin-top: 2px;\n font-weight: 100;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n max-width: 100%;\n margin: 2px 10px 0 10px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n color: #A19F9D;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n max-width: 100%;\n margin: 0 5px 0 0;\n font-weight: 600;\n margin-left: 0px;\n cursor: auto;\n cursor: initial;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n margin: 0;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\n margin-right: 0px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\n padding-left: 12px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName > span {\n display: inline;\n display: initial;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel2 {\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 {\n display: flex;\n position: relative;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\n padding: 6px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--statusColor {\n position: absolute;\n width: 10px;\n height: 95%;\n left: -13px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\n width: 13px;\n margin-left: 1px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\n width: 100%;\n margin-left: 1px;\n}";
45458
45611
  styleInject(css_248z$2);
45459
45612
 
45460
45613
  var _styleModuleImportMap$1 = {
@@ -45467,6 +45620,7 @@ var _styleModuleImportMap$1 = {
45467
45620
  "NavItem": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem",
45468
45621
  "disabled": "utilities_ops-app-frame_NavigationBar_NavigationBar--disabled",
45469
45622
  "NavItemSelected": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected",
45623
+ "countsAvailable": "utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable",
45470
45624
  "expandedMenu": "utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu",
45471
45625
  "selected": "utilities_ops-app-frame_NavigationBar_NavigationBar--selected",
45472
45626
  "NavItemCount": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount",
@@ -45621,7 +45775,7 @@ var NavigationBar = function NavigationBar(_ref2) {
45621
45775
  onMouseLeave: function onMouseLeave() {
45622
45776
  return setHover(false);
45623
45777
  },
45624
- className: _getClassName("NavBarContainer ".concat(activeSubmenu && withCounts ? 'withCounts' : ''), _styleModuleImportMap$1, {
45778
+ className: _getClassName("NavBarContainer ".concat(activeSubmenu && withCounts ? 'withCounts' : '', " ").concat(getCounts && typeof getCounts === 'function' ? 'countsAvailable' : ''), _styleModuleImportMap$1, {
45625
45779
  "handleMissingStyleName": "warn"
45626
45780
  })
45627
45781
  }, isConfigValid ? /*#__PURE__*/React__default["default"].createElement(NavigationMenu, {
@@ -45889,7 +46043,7 @@ var NavigationMenuLevel3 = function NavigationMenuLevel3(_ref6) {
45889
46043
  }) : null, !countsLoading ? countText : null)));
45890
46044
  };
45891
46045
 
45892
- var css_248z$1 = ".utilities_ops-app-frame_AppFrame_AppFrame--AppFrame {\r\n background: var(--paleGray);\r\n background: var(--paleGray);\r\n height: 100vh;\r\n max-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n flex-basis: 0;\r\n}\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--header {\r\n flex: 0 1 auto;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n/* Wrapper that contains the app being developed. */\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--AppContainer {\r\n flex: 1 1 auto;\r\n position: relative;\r\n}\r\n";
46046
+ var css_248z$1 = ".utilities_ops-app-frame_AppFrame_AppFrame--AppFrame {\n background: var(--paleGray);\n background: var(--paleGray);\n height: 100vh;\n max-height: 100vh;\n display: flex;\n flex-direction: column;\n flex-basis: 0;\n}\n\n.utilities_ops-app-frame_AppFrame_AppFrame--header {\n flex: 0 1 auto;\n display: flex;\n flex-direction: column;\n}\n\n/* Wrapper that contains the app being developed. */\n\n.utilities_ops-app-frame_AppFrame_AppFrame--AppContainer {\n flex: 1 1 auto;\n position: relative;\n}\n";
45893
46047
  styleInject(css_248z$1);
45894
46048
 
45895
46049
  if (!storage$1.activeYardNumber) {
@@ -45980,7 +46134,8 @@ var AppFrame = function AppFrame(props) {
45980
46134
  }) : null, /*#__PURE__*/React__default["default"].createElement("div", {
45981
46135
  style: {
45982
46136
  marginLeft: props.showNavigation ? navigationWidth : '0px',
45983
- height: '100%'
46137
+ height: '100%',
46138
+ transition: 'all 0.5s ease-in-out'
45984
46139
  }
45985
46140
  }, props.children))))));
45986
46141
  };
@@ -46175,18 +46330,18 @@ AutoRefresh.defaultProps = {
46175
46330
  version: ''
46176
46331
  };
46177
46332
 
46178
- var css_248z = ".utilities_ContextualHelp_ContextualHelp--snippetContainer .utilities_ContextualHelp_ContextualHelp--snippet {\r\n padding: 5px;\r\n background-color: #fff;\r\n opacity: 1;\r\n z-index: 999;\r\n box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--snippetContainer .utilities_ContextualHelp_ContextualHelp--snippet .utilities_ContextualHelp_ContextualHelp--snippet-arrow {\r\n box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--title {\r\n font-size: 24px;\r\n color: #1d5ab9;\r\n font-weight: 600;\r\n margin-bottom: 5px;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n color: #1d5ab9;\r\n border-top: 3px solid #ccc;\r\n margin-top: 10px;\r\n font-size: 14px;\r\n padding-top: 10px;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle p {\r\n cursor: pointer;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle p i {\r\n font-size: 10px;\r\n color: #1d5ab9;\r\n position: relative;\r\n top: -3px;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle.utilities_ContextualHelp_ContextualHelp--noLink {\r\n justify-content: flex-end;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--snippetContainer .utilities_ContextualHelp_ContextualHelp--snippetArticle {\r\n background-color: #fff;\r\n opacity: 1;\r\n z-index: 999;\r\n max-width: 400px;\r\n min-width: 250px;\r\n /* max-height: 500px; */\r\n min-height: 200px;\r\n overflow: auto;\r\n padding: 15px;\r\n}\r\n";
46333
+ var css_248z = ".utilities_contextualHelp_ContextualHelp--snippetContainer .utilities_contextualHelp_ContextualHelp--snippet {\n padding: 5px;\n background-color: #fff;\n opacity: 1;\n z-index: 999;\n box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);\n}\n.utilities_contextualHelp_ContextualHelp--snippetContainer .utilities_contextualHelp_ContextualHelp--snippet .utilities_contextualHelp_ContextualHelp--snippet-arrow {\n box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);\n}\n.utilities_contextualHelp_ContextualHelp--title {\n font-size: 24px;\n color: #1d5ab9;\n font-weight: 600;\n margin-bottom: 5px;\n}\n.utilities_contextualHelp_ContextualHelp--linkedArticle {\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: #1d5ab9;\n border-top: 3px solid #ccc;\n margin-top: 10px;\n font-size: 14px;\n padding-top: 10px;\n}\n.utilities_contextualHelp_ContextualHelp--linkedArticle p {\n cursor: pointer;\n}\n.utilities_contextualHelp_ContextualHelp--linkedArticle p i {\n font-size: 10px;\n color: #1d5ab9;\n position: relative;\n top: -3px;\n}\n.utilities_contextualHelp_ContextualHelp--linkedArticle.utilities_contextualHelp_ContextualHelp--noLink {\n justify-content: flex-end;\n}\n.utilities_contextualHelp_ContextualHelp--snippetContainer .utilities_contextualHelp_ContextualHelp--snippetArticle {\n background-color: #fff;\n opacity: 1;\n z-index: 999;\n max-width: 400px;\n min-width: 250px;\n /* max-height: 500px; */\n min-height: 200px;\n overflow: auto;\n padding: 15px;\n}\n";
46179
46334
  styleInject(css_248z);
46180
46335
 
46181
46336
  var _styleModuleImportMap = {
46182
46337
  "./ContextualHelp.css": {
46183
- "snippetContainer": "utilities_ContextualHelp_ContextualHelp--snippetContainer",
46184
- "snippet": "utilities_ContextualHelp_ContextualHelp--snippet",
46185
- "snippet-arrow": "utilities_ContextualHelp_ContextualHelp--snippet-arrow",
46186
- "title": "utilities_ContextualHelp_ContextualHelp--title",
46187
- "linkedArticle": "utilities_ContextualHelp_ContextualHelp--linkedArticle",
46188
- "noLink": "utilities_ContextualHelp_ContextualHelp--noLink",
46189
- "snippetArticle": "utilities_ContextualHelp_ContextualHelp--snippetArticle"
46338
+ "snippetContainer": "utilities_contextualHelp_ContextualHelp--snippetContainer",
46339
+ "snippet": "utilities_contextualHelp_ContextualHelp--snippet",
46340
+ "snippet-arrow": "utilities_contextualHelp_ContextualHelp--snippet-arrow",
46341
+ "title": "utilities_contextualHelp_ContextualHelp--title",
46342
+ "linkedArticle": "utilities_contextualHelp_ContextualHelp--linkedArticle",
46343
+ "noLink": "utilities_contextualHelp_ContextualHelp--noLink",
46344
+ "snippetArticle": "utilities_contextualHelp_ContextualHelp--snippetArticle"
46190
46345
  }
46191
46346
  };
46192
46347
  function Snippet(_ref) {
@@ -46219,10 +46374,10 @@ function Snippet(_ref) {
46219
46374
  color: 'rgba(224, 26, 26, 0.8)'
46220
46375
  }
46221
46376
  }, "Article Not Found") : /*#__PURE__*/React__default["default"].createElement("div", {
46222
- className: "utilities_ContextualHelp_ContextualHelp--snippetArticle",
46377
+ className: "utilities_contextualHelp_ContextualHelp--snippetArticle",
46223
46378
  ref: articleRef
46224
46379
  }, /*#__PURE__*/React__default["default"].createElement("div", {
46225
- className: "utilities_ContextualHelp_ContextualHelp--title"
46380
+ className: "utilities_contextualHelp_ContextualHelp--title"
46226
46381
  }, /*#__PURE__*/React__default["default"].createElement("span", {
46227
46382
  dangerouslySetInnerHTML: {
46228
46383
  __html: article.title
@@ -46369,12 +46524,21 @@ function getPaddingObject(padding) {
46369
46524
  };
46370
46525
  }
46371
46526
  function rectToClientRect(rect) {
46527
+ const {
46528
+ x,
46529
+ y,
46530
+ width,
46531
+ height
46532
+ } = rect;
46372
46533
  return {
46373
- ...rect,
46374
- top: rect.y,
46375
- left: rect.x,
46376
- right: rect.x + rect.width,
46377
- bottom: rect.y + rect.height
46534
+ width,
46535
+ height,
46536
+ top: y,
46537
+ left: x,
46538
+ right: x + width,
46539
+ bottom: y + height,
46540
+ x,
46541
+ y
46378
46542
  };
46379
46543
  }
46380
46544
 
@@ -46563,9 +46727,10 @@ async function detectOverflow(state, options) {
46563
46727
  strategy
46564
46728
  }));
46565
46729
  const rect = elementContext === 'floating' ? {
46566
- ...rects.floating,
46567
46730
  x,
46568
- y
46731
+ y,
46732
+ width: rects.floating.width,
46733
+ height: rects.floating.height
46569
46734
  } : rects.reference;
46570
46735
  const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
46571
46736
  const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
@@ -47102,6 +47267,8 @@ async function convertValueToCoords(state, options) {
47102
47267
  const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
47103
47268
  const crossAxisMulti = rtl && isVertical ? -1 : 1;
47104
47269
  const rawValue = evaluate(options, state);
47270
+
47271
+ // eslint-disable-next-line prefer-const
47105
47272
  let {
47106
47273
  mainAxis,
47107
47274
  crossAxis,
@@ -47135,7 +47302,7 @@ async function convertValueToCoords(state, options) {
47135
47302
  * object may be passed.
47136
47303
  * @see https://floating-ui.com/docs/offset
47137
47304
  */
47138
- const offset = function (options) {
47305
+ const offset$1 = function (options) {
47139
47306
  if (options === void 0) {
47140
47307
  options = 0;
47141
47308
  }
@@ -47352,16 +47519,16 @@ const size = function (options) {
47352
47519
  widthSide = side;
47353
47520
  heightSide = alignment === 'end' ? 'top' : 'bottom';
47354
47521
  }
47355
- const overflowAvailableHeight = height - overflow[heightSide];
47356
- const overflowAvailableWidth = width - overflow[widthSide];
47522
+ const maximumClippingHeight = height - overflow.top - overflow.bottom;
47523
+ const maximumClippingWidth = width - overflow.left - overflow.right;
47524
+ const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
47525
+ const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
47357
47526
  const noShift = !state.middlewareData.shift;
47358
47527
  let availableHeight = overflowAvailableHeight;
47359
47528
  let availableWidth = overflowAvailableWidth;
47360
47529
  if (isYAxis) {
47361
- const maximumClippingWidth = width - overflow.left - overflow.right;
47362
47530
  availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
47363
47531
  } else {
47364
- const maximumClippingHeight = height - overflow.top - overflow.bottom;
47365
47532
  availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
47366
47533
  }
47367
47534
  if (noShift && !alignment) {
@@ -47450,9 +47617,8 @@ function getContainingBlock(element) {
47450
47617
  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
47451
47618
  if (isContainingBlock(currentNode)) {
47452
47619
  return currentNode;
47453
- } else {
47454
- currentNode = getParentNode(currentNode);
47455
47620
  }
47621
+ currentNode = getParentNode(currentNode);
47456
47622
  }
47457
47623
  return null;
47458
47624
  }
@@ -47643,10 +47809,10 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
47643
47809
  });
47644
47810
  }
47645
47811
  const topLayerSelectors = [':popover-open', ':modal'];
47646
- function isTopLayer(floating) {
47812
+ function isTopLayer(element) {
47647
47813
  return topLayerSelectors.some(selector => {
47648
47814
  try {
47649
- return floating.matches(selector);
47815
+ return element.matches(selector);
47650
47816
  } catch (e) {
47651
47817
  return false;
47652
47818
  }
@@ -47830,7 +47996,7 @@ function getClippingRect(_ref) {
47830
47996
  rootBoundary,
47831
47997
  strategy
47832
47998
  } = _ref;
47833
- const elementClippingAncestors = boundary === 'clippingAncestors' ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
47999
+ const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
47834
48000
  const clippingAncestors = [...elementClippingAncestors, rootBoundary];
47835
48001
  const firstClippingAncestor = clippingAncestors[0];
47836
48002
  const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
@@ -47889,6 +48055,9 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
47889
48055
  height: rect.height
47890
48056
  };
47891
48057
  }
48058
+ function isStaticPositioned(element) {
48059
+ return getComputedStyle$1(element).position === 'static';
48060
+ }
47892
48061
  function getTrueOffsetParent(element, polyfill) {
47893
48062
  if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {
47894
48063
  return null;
@@ -47902,28 +48071,40 @@ function getTrueOffsetParent(element, polyfill) {
47902
48071
  // Gets the closest ancestor positioned element. Handles some edge cases,
47903
48072
  // such as table ancestors and cross browser bugs.
47904
48073
  function getOffsetParent(element, polyfill) {
47905
- const window = getWindow(element);
47906
- if (!isHTMLElement(element) || isTopLayer(element)) {
47907
- return window;
48074
+ const win = getWindow(element);
48075
+ if (isTopLayer(element)) {
48076
+ return win;
48077
+ }
48078
+ if (!isHTMLElement(element)) {
48079
+ let svgOffsetParent = getParentNode(element);
48080
+ while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
48081
+ if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
48082
+ return svgOffsetParent;
48083
+ }
48084
+ svgOffsetParent = getParentNode(svgOffsetParent);
48085
+ }
48086
+ return win;
47908
48087
  }
47909
48088
  let offsetParent = getTrueOffsetParent(element, polyfill);
47910
- while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === 'static') {
48089
+ while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
47911
48090
  offsetParent = getTrueOffsetParent(offsetParent, polyfill);
47912
48091
  }
47913
- if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle$1(offsetParent).position === 'static' && !isContainingBlock(offsetParent))) {
47914
- return window;
48092
+ if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
48093
+ return win;
47915
48094
  }
47916
- return offsetParent || getContainingBlock(element) || window;
48095
+ return offsetParent || getContainingBlock(element) || win;
47917
48096
  }
47918
48097
  const getElementRects = async function (data) {
47919
48098
  const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
47920
48099
  const getDimensionsFn = this.getDimensions;
48100
+ const floatingDimensions = await getDimensionsFn(data.floating);
47921
48101
  return {
47922
48102
  reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
47923
48103
  floating: {
47924
48104
  x: 0,
47925
48105
  y: 0,
47926
- ...(await getDimensionsFn(data.floating))
48106
+ width: floatingDimensions.width,
48107
+ height: floatingDimensions.height
47927
48108
  }
47928
48109
  };
47929
48110
  };
@@ -47991,9 +48172,11 @@ function observeMove(element, onMove) {
47991
48172
  return refresh();
47992
48173
  }
47993
48174
  if (!ratio) {
48175
+ // If the reference is clipped, the ratio is 0. Throttle the refresh
48176
+ // to prevent an infinite loop of updates.
47994
48177
  timeoutId = setTimeout(() => {
47995
48178
  refresh(false, 1e-7);
47996
- }, 100);
48179
+ }, 1000);
47997
48180
  } else {
47998
48181
  refresh(false, ratio);
47999
48182
  }
@@ -48097,6 +48280,15 @@ function autoUpdate(reference, floating, update, options) {
48097
48280
  };
48098
48281
  }
48099
48282
 
48283
+ /**
48284
+ * Modifies the placement by translating the floating element along the
48285
+ * specified axes.
48286
+ * A number (shorthand for `mainAxis` or distance), or an axes configuration
48287
+ * object may be passed.
48288
+ * @see https://floating-ui.com/docs/offset
48289
+ */
48290
+ const offset = offset$1;
48291
+
48100
48292
  /**
48101
48293
  * Optimizes the visibility of the floating element by choosing the placement
48102
48294
  * that has the most space available automatically, without needing to specify a
@@ -48268,7 +48460,7 @@ function S({
48268
48460
  s = document.createElement("style");
48269
48461
  s.id = t, s.type = "text/css", "top" === c && i.firstChild ? i.insertBefore(s, i.firstChild) : i.appendChild(s), s.styleSheet ? s.styleSheet.cssText = e : s.appendChild(document.createTextNode(e)), b[o] = !0;
48270
48462
  }
48271
- const g = async ({
48463
+ const E = async ({
48272
48464
  elementReference: e = null,
48273
48465
  tooltipReference: t = null,
48274
48466
  tooltipArrowReference: o = null,
@@ -48453,7 +48645,7 @@ const D = ({
48453
48645
  openOnClick: w = !1,
48454
48646
  positionStrategy: b = "absolute",
48455
48647
  middlewares: S,
48456
- wrapper: E,
48648
+ wrapper: g,
48457
48649
  delayShow: A = 0,
48458
48650
  delayHide: O = 0,
48459
48651
  float: k = !1,
@@ -48501,9 +48693,9 @@ const D = ({
48501
48693
  be = React.useRef(null),
48502
48694
  {
48503
48695
  anchorRefs: Se,
48504
- setActiveAnchor: Ee
48696
+ setActiveAnchor: ge
48505
48697
  } = I(r),
48506
- ge = React.useRef(!1),
48698
+ Ee = React.useRef(!1),
48507
48699
  [Ae, _e] = React.useState([]),
48508
48700
  Oe = React.useRef(!1),
48509
48701
  Te = w || h.includes("click"),
@@ -48600,17 +48792,17 @@ const D = ({
48600
48792
  },
48601
48793
  Ie = (e = O) => {
48602
48794
  se.current && clearTimeout(se.current), se.current = setTimeout(() => {
48603
- ge.current || xe(!1);
48795
+ Ee.current || xe(!1);
48604
48796
  }, e);
48605
48797
  },
48606
48798
  je = e => {
48607
48799
  var t;
48608
48800
  if (!e) return;
48609
48801
  const o = null !== (t = e.currentTarget) && void 0 !== t ? t : e.target;
48610
- if (!(null == o ? void 0 : o.isConnected)) return Q(null), void Ee({
48802
+ if (!(null == o ? void 0 : o.isConnected)) return Q(null), void ge({
48611
48803
  current: null
48612
48804
  });
48613
- A ? $e() : xe(!0), Q(o), Ee({
48805
+ A ? $e() : xe(!0), Q(o), ge({
48614
48806
  current: o
48615
48807
  }), se.current && clearTimeout(se.current);
48616
48808
  },
@@ -48634,7 +48826,7 @@ const D = ({
48634
48826
  bottom: t
48635
48827
  })
48636
48828
  };
48637
- g({
48829
+ E({
48638
48830
  place: null !== (o = null == ye ? void 0 : ye.place) && void 0 !== o ? o : v,
48639
48831
  offset: m,
48640
48832
  elementReference: r,
@@ -48675,7 +48867,7 @@ const D = ({
48675
48867
  Ve = React.useCallback(() => {
48676
48868
  var e, t;
48677
48869
  const o = null !== (e = null == ye ? void 0 : ye.position) && void 0 !== e ? e : V;
48678
- o ? ze(o) : k ? be.current && ze(be.current) : (null == J ? void 0 : J.isConnected) && g({
48870
+ o ? ze(o) : k ? be.current && ze(be.current) : (null == J ? void 0 : J.isConnected) && E({
48679
48871
  place: null !== (t = null == ye ? void 0 : ye.place) && void 0 !== t ? t : v,
48680
48872
  offset: m,
48681
48873
  elementReference: J,
@@ -48746,10 +48938,10 @@ const D = ({
48746
48938
  listener: De
48747
48939
  });
48748
48940
  const y = () => {
48749
- ge.current = !0;
48941
+ Ee.current = !0;
48750
48942
  },
48751
48943
  h = () => {
48752
- ge.current = !1, Be();
48944
+ Ee.current = !1, Be();
48753
48945
  };
48754
48946
  return N && !ke && (null === (e = ne.current) || void 0 === e || e.addEventListener("mouseenter", y), null === (t = ne.current) || void 0 === t || t.addEventListener("mouseleave", h)), a.forEach(({
48755
48947
  event: e,
@@ -48774,7 +48966,7 @@ const D = ({
48774
48966
  }, [J, Ve, me, Se, Ae, q, H, M, Te, A, O]), React.useEffect(() => {
48775
48967
  var e, t;
48776
48968
  let o = null !== (t = null !== (e = null == ye ? void 0 : ye.anchorSelect) && void 0 !== e ? e : p) && void 0 !== t ? t : "";
48777
- !o && r && (o = `[data-tooltip-id='${r}']`);
48969
+ !o && r && (o = `[data-tooltip-id='${r.replace(/'/g, "\\'")}']`);
48778
48970
  const l = new MutationObserver(e => {
48779
48971
  const t = [],
48780
48972
  l = [];
@@ -48829,7 +49021,7 @@ const D = ({
48829
49021
  }), []), React.useEffect(() => {
48830
49022
  var e;
48831
49023
  let t = null !== (e = null == ye ? void 0 : ye.anchorSelect) && void 0 !== e ? e : p;
48832
- if (!t && r && (t = `[data-tooltip-id='${r}']`), t) try {
49024
+ if (!t && r && (t = `[data-tooltip-id='${r.replace(/'/g, "\\'")}']`), t) try {
48833
49025
  const e = Array.from(document.querySelectorAll(t));
48834
49026
  _e(e);
48835
49027
  } catch (e) {
@@ -48855,7 +49047,7 @@ const D = ({
48855
49047
  activeAnchor: J,
48856
49048
  place: ue.place,
48857
49049
  isOpen: Boolean(me && !R && Fe && Ke)
48858
- })), me && !R && Fe ? React__default["default"].createElement(E, {
49050
+ })), me && !R && Fe ? React__default["default"].createElement(g, {
48859
49051
  id: r,
48860
49052
  role: re,
48861
49053
  className: classnames("react-tooltip", B.tooltip, z.tooltip, z[u], c, `react-tooltip__place-${ue.place}`, B[Ke ? "show" : "closing"], Ke ? "react-tooltip__show" : "react-tooltip__closing", "fixed" === b && B.fixed, N && B.clickable),
@@ -48868,7 +49060,7 @@ const D = ({
48868
49060
  opacity: void 0 !== te && Ke ? te : void 0
48869
49061
  },
48870
49062
  ref: ne
48871
- }, Fe, React__default["default"].createElement(E, {
49063
+ }, Fe, React__default["default"].createElement(g, {
48872
49064
  className: classnames("react-tooltip-arrow", B.arrow, z.arrow, i, x && B.noArrow),
48873
49065
  style: {
48874
49066
  ...ue.tooltipArrowStyles,
@@ -48901,8 +49093,8 @@ const D = ({
48901
49093
  events: w = ["hover"],
48902
49094
  openOnClick: b = !1,
48903
49095
  positionStrategy: S = "absolute",
48904
- middlewares: E,
48905
- delayShow: g = 0,
49096
+ middlewares: g,
49097
+ delayShow: E = 0,
48906
49098
  delayHide: _ = 0,
48907
49099
  float: O = !1,
48908
49100
  hidden: T = !1,
@@ -48933,14 +49125,14 @@ const D = ({
48933
49125
  [oe, re] = React.useState(v),
48934
49126
  [le, ne] = React.useState(p),
48935
49127
  [ce, ie] = React.useState(m),
48936
- [se, ae] = React.useState(g),
49128
+ [se, ae] = React.useState(E),
48937
49129
  [ue, de] = React.useState(_),
48938
49130
  [pe, ve] = React.useState(O),
48939
49131
  [me, fe] = React.useState(T),
48940
49132
  [ye, he] = React.useState(f),
48941
49133
  [we, be] = React.useState(w),
48942
- [Se, Ee] = React.useState(S),
48943
- [ge, Ae] = React.useState(null),
49134
+ [Se, ge] = React.useState(S),
49135
+ [Ee, Ae] = React.useState(null),
48944
49136
  [_e, Oe] = React.useState(null),
48945
49137
  Te = React.useRef(P),
48946
49138
  {
@@ -48983,10 +49175,10 @@ const D = ({
48983
49175
  },
48984
49176
  "position-strategy": e => {
48985
49177
  var t;
48986
- Ee(null !== (t = e) && void 0 !== t ? t : S);
49178
+ ge(null !== (t = e) && void 0 !== t ? t : S);
48987
49179
  },
48988
49180
  "delay-show": e => {
48989
- ae(null === e ? g : Number(e));
49181
+ ae(null === e ? E : Number(e));
48990
49182
  },
48991
49183
  "delay-hide": e => {
48992
49184
  de(null === e ? _ : Number(e));
@@ -49017,15 +49209,15 @@ const D = ({
49017
49209
  }, [p]), React.useEffect(() => {
49018
49210
  ie(m);
49019
49211
  }, [m]), React.useEffect(() => {
49020
- ae(g);
49021
- }, [g]), React.useEffect(() => {
49212
+ ae(E);
49213
+ }, [E]), React.useEffect(() => {
49022
49214
  de(_);
49023
49215
  }, [_]), React.useEffect(() => {
49024
49216
  ve(O);
49025
49217
  }, [O]), React.useEffect(() => {
49026
49218
  fe(T);
49027
49219
  }, [T]), React.useEffect(() => {
49028
- Ee(S);
49220
+ ge(S);
49029
49221
  }, [S]), React.useEffect(() => {
49030
49222
  Te.current !== P && console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.");
49031
49223
  }, [P]), React.useEffect(() => {
@@ -49039,7 +49231,7 @@ const D = ({
49039
49231
  var e;
49040
49232
  const o = new Set(ke);
49041
49233
  let l = n;
49042
- if (!l && t && (l = `[data-tooltip-id='${t}']`), l) try {
49234
+ if (!l && t && (l = `[data-tooltip-id='${t.replace(/'/g, "\\'")}']`), l) try {
49043
49235
  document.querySelectorAll(l).forEach(e => {
49044
49236
  o.add({
49045
49237
  current: e
@@ -49096,7 +49288,7 @@ const D = ({
49096
49288
  id: t,
49097
49289
  anchorId: r,
49098
49290
  anchorSelect: n,
49099
- className: classnames(u, ge),
49291
+ className: classnames(u, Ee),
49100
49292
  classNameArrow: d,
49101
49293
  content: xe,
49102
49294
  contentWrapperRef: Ne,
@@ -49107,7 +49299,7 @@ const D = ({
49107
49299
  events: we,
49108
49300
  openOnClick: b,
49109
49301
  positionStrategy: Se,
49110
- middlewares: E,
49302
+ middlewares: g,
49111
49303
  delayShow: se,
49112
49304
  delayHide: ue,
49113
49305
  float: pe,
@@ -49228,7 +49420,7 @@ function ContextualHelp(_ref) {
49228
49420
  };
49229
49421
  }();
49230
49422
  return /*#__PURE__*/React__default["default"].createElement("div", {
49231
- className: "utilities_ContextualHelp_ContextualHelp--snippetContainer",
49423
+ className: "utilities_contextualHelp_ContextualHelp--snippetContainer",
49232
49424
  ref: snippetContainerRef
49233
49425
  }, /*#__PURE__*/React__default["default"].createElement("span", {
49234
49426
  id: "helpSnippet1",
@@ -49243,7 +49435,7 @@ function ContextualHelp(_ref) {
49243
49435
  })), /*#__PURE__*/React__default["default"].createElement(H, {
49244
49436
  anchorSelect: "#helpSnippet1",
49245
49437
  clickable: true,
49246
- className: "utilities_ContextualHelp_ContextualHelp--snippet",
49438
+ className: "utilities_contextualHelp_ContextualHelp--snippet",
49247
49439
  classNameArrow: "snippet-arrow"
49248
49440
  }, /*#__PURE__*/React__default["default"].createElement(Snippet, {
49249
49441
  article: article,