@copart/ops-tool-kit 1.12.0-alpha.21 → 1.12.0-alpha.23

package/dist/ops-tool-kit.js

@@ -32,7 +32,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
 const name$r = "@copart/ops-tool-kit";
-const version$7 = "1.12.0-alpha.21";
+const version$7 = "1.12.0-alpha.23";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -227,10 +227,10 @@ function styleInject(css, ref) {
   }
 }
 
-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";
+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";
 styleInject(css_248z$r);
 
-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";
+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";
 styleInject(css_248z$q);
 
 function _iterableToArrayLimit(arr, i) {
@@ -2912,7 +2912,7 @@ var DEFAULT_BREADCRUMBS_CONTEXT = {
   error: 'You tried to use Breadcrumbs outside of its context.'
 };
 
-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}";
+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}";
 styleInject(css_248z$p);
 
 var Context = createContext(DEFAULT_BREADCRUMBS_CONTEXT);
@@ -9464,7 +9464,7 @@ var isChrome = function isChrome() {
   return isChromium && !isEdge;
 };
 
-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";
+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";
 styleInject(css_248z$o);
 
 var ConfigFetcher = /*#__PURE__*/function (_React$Component) {
@@ -21178,7 +21178,7 @@ var generateFeedbackEmail = function generateFeedbackEmail(props) {
   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  ");
 };
 
-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";
+var css_248z$n = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQLink_FAQLink--FAQLink {\n  color: #0d5db8;\n  font-size: 15px;\n}\n";
 styleInject(css_248z$n);
 
 var FAQLink = function FAQLink() {
@@ -21193,7 +21193,7 @@ var FAQLink = function FAQLink() {
   }, locale('FAQs'));
 };
 
-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";
+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";
 styleInject(css_248z$m);
 
 var FAQText = function FAQText() {
@@ -21204,7 +21204,7 @@ var FAQText = function FAQText() {
   }, locale('Please see'), " ", /*#__PURE__*/React__namespace.createElement(FAQLink, null), " ", locale('for frequently asked questions')));
 };
 
-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";
+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";
 styleInject(css_248z$l);
 
 var DialogTitle = function DialogTitle() {
@@ -21424,7 +21424,7 @@ FeedbackDialog.defaultProps = {
   }
 };
 
-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: 8px;\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  font-size: 14px;\r\n  font-weight: 600;\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}";
+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: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\n  margin-left: 7px;\n  font-size: 14px;\n  font-weight: 600;\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  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: 510px;\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  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 - 100px); */\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: 100px;\n  width: 100vw;\n  background-color: rgba(0,0,0,.5);\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv\n{\n  width: 550px;\n  max-width: 550px;\n  position: absolute;\n  right: 0;\n  /* height: calc(100vh - 100px); */\n  background-color: white;\n  overflow-y: auto;\n  padding: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader{\n  font-size: 24px;\n  font-weight: 700;\n  padding-bottom: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper{\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  grid-gap: 10px;\n  gap: 10px;\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: -10px;\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}";
 styleInject(css_248z$k);
 
 var LogOutMenu = function LogOutMenu(_ref) {
@@ -21451,7 +21451,7 @@ var LogOutMenu = function LogOutMenu(_ref) {
   }));
 };
 
-var css_248z$j = ".utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: space-around;\r\n  padding: 20px 0;\r\n  border-bottom: 1px solid #EDEBE9;\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}";
+var css_248z$j = ".utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\n  width: 100%;\n  display: flex;\n  justify-content: space-around;\n  padding: 20px 0;\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  justify-content: flex-start;\n  word-break: break-all;\n  text-wrap: wrap;\n  padding-left: 15px;\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}";
 styleInject(css_248z$j);
 
 var ProfileDetails = function ProfileDetails(_ref) {
@@ -21475,15 +21475,19 @@ var ProfileDetails = function ProfileDetails(_ref) {
   }), /*#__PURE__*/React__default["default"].createElement("span", null, "Logout"))));
 };
 
-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}";
+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}";
 styleInject(css_248z$i);
 
 var MobileMenu = function MobileMenu(props) {
   var closeSidebar = props.closeSidebar,
     logout = props.logout,
-    items = props.items;
+    items = props.items,
+    notifications = props.notifications;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper",
+    style: {
+      top: notifications !== null && notifications !== void 0 && notifications.length ? '100px' : '48px'
+    },
     onClick: closeSidebar
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar"
@@ -21509,7 +21513,7 @@ var MobileMenu = function MobileMenu(props) {
   })));
 };
 
-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";
+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";
 styleInject(css_248z$h);
 
 var _styleModuleImportMap$7 = {
@@ -21730,7 +21734,7 @@ var unEscapeChars = function unEscapeChars(str) {
   }) : null;
 };
 
-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";
+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";
 styleInject(css_248z$g);
 
 var _styleModuleImportMap$6 = {
@@ -21931,7 +21935,7 @@ var SearchResults = function SearchResults(_ref) {
   })));
 };
 
-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";
+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";
 styleInject(css_248z$f);
 
 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}";
@@ -23074,7 +23078,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
   }))));
 };
 
-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";
+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";
 styleInject(css_248z$b);
 
 var FeedbackButton = function FeedbackButton(props) {
@@ -23214,7 +23218,7 @@ var printerFields = [_objectSpread2(_objectSpread2({}, defaultAutoSelectProps),
   label: 'Bar Code Printer'
 })];
 
-var css_248z$a = ".utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--PrinterSettings {\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: 6px 0;\r\n}\r\n";
+var css_248z$a = ".utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--PrinterSettings {\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";
 styleInject(css_248z$a);
 
 // Properly populate printer options before feeding to autoselect
@@ -23350,7 +23354,7 @@ var getLanguages = function getLanguages() {
   }[selectedCountry];
 };
 
-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: 6px 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  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\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  flex: 1 1 0;\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: 12px 0 6px;\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  margin: 20px 0;\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}\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: 0 !important;\r\n  width: 100%;\r\n  outline: none;\r\n  border: none;\r\n  border-bottom: 1px solid #EDEBE9;\r\n  overflow: auto;\r\n}";
+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  display: flex;\n  flex-direction: column;\n  width: 100%;\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  flex: 1 1 0;\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  margin: 20px 0;\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}\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}";
 styleInject(css_248z$9);
 
 var getDescription$1 = function getDescription(languageOptions) {
@@ -23699,7 +23703,7 @@ var getActivePrinters = (function (printersData) {
   return reduceToObject(chooseActive)(toPairs$1(defaultPrinters));
 });
 
-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";
+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";
 styleInject(css_248z$8);
 
 var EMPTY_PRINTERS$1 = {
@@ -24851,7 +24855,7 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
   return SettingsView;
 }(React__default["default"].Component);
 
-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: 10px 10px;\r\n  font-size: 13px;\r\n  width: 95%;\r\n  display: flex;\r\n  align-items: center;\r\n  grid-gap: 20px;\r\n  gap: 20px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBar {\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  align-items: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBar b{\r\n  color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBox {\r\n  color: white;\r\n  width: 31px;\r\n  min-height: 31px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\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  padding: 5px 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: 20px !important;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBtnContainer {\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  grid-gap: 10px;\r\n  gap: 10px;\r\n  font-size: 12px;\r\n  align-items: center;\r\n  padding: 0px 10px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBtnContainer .utilities_ops-announcements_Banner--notificationLeftBtn i{\r\n  position: relative;\r\n  right: -4px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBtnContainer .utilities_ops-announcements_Banner--notificationCountContainer {\r\n  width: 50px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\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--notificationInfoBox {\r\n  color: white;\r\n  width: 52px;\r\n  min-height: 52px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarBtn {\r\n  width: 52px;\r\n  min-height: 52px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBtnContainer i{\r\n  font-size: 22px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar {\r\n  flex-direction: column;\r\n  /* padding: 10px 10px; */\r\n  grid-gap: 0px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar i{\r\n  font-size: 16px;\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";
+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: 10px 10px;\n  font-size: 13px;\n  width: 95%;\n  display: flex;\n  align-items: center;\n  grid-gap: 20px;\n  gap: 20px;\n}\n\n.utilities_ops-announcements_Banner--tabNotificationInfoBar {\n  display: flex;\n  color: #6c7a89;\n  grid-gap: 8px;\n  gap: 8px;\n  width: 90%;\n  font-size: 12px;\n  align-items: center;\n}\n\n.utilities_ops-announcements_Banner--tabNotificationInfoBar b{\n  color: #171717;\n}\n\n.utilities_ops-announcements_Banner--tabNotificationInfoBox {\n  color: white;\n  width: 26px;\n  min-height: 26px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\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: 1;\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  padding: 5px 5px;\n  min-height: 25px;\n}\n\n.utilities_ops-announcements_Banner--notificationInfoBox b{\n  color: #171717;\n}\n\n.utilities_ops-announcements_Banner--notificationInfoBox i{\n  font-size: 20px !important;\n}\n\n.utilities_ops-announcements_Banner--notificationBtnContainer {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  grid-gap: 10px;\n  gap: 10px;\n  font-size: 12px;\n  align-items: center;\n  padding: 0px 10px;\n}\n\n.utilities_ops-announcements_Banner--notificationBtnContainer .utilities_ops-announcements_Banner--notificationLeftBtn i{\n  position: relative;\n  right: -4px;\n}\n\n.utilities_ops-announcements_Banner--notificationBtnContainer .utilities_ops-announcements_Banner--notificationCountContainer {\n  width: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\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--notificationInfoBox {\n  color: white;\n  width: 52px;\n  min-height: 52px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.utilities_ops-announcements_Banner--sideNotificationInfoBox{\n  width: 52px;\n  height: 52px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.utilities_ops-announcements_Banner--notificationBarBtn {\n  width: 52px;\n  min-height: 52px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.utilities_ops-announcements_Banner--notificationBtnContainer i{\n  font-size: 22px;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar {\n  flex-direction: column;\n  /* padding: 10px 10px; */\n  grid-gap: 0px;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar i{\n  font-size: 13px;\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  margin-top: 5px;\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";
 styleInject(css_248z$7);
 
 var _nodeResolve_empty = {};
@@ -31383,22 +31387,16 @@ var Banner = function Banner(props) {
         backgroundColor: alertBackgroundColorMapping[categoryDescription.toLowerCase()]
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      style: {
-        marginTop: '3px'
-      }
+      className: "utilities_ops-announcements_Banner--sideNotificationInfoBox"
     }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
       name: alertToIconMapping[categoryDescription.toLowerCase()],
       style: {
-        fontSize: '16px',
+        fontSize: '20px',
         color: alertInfoColorMapping[categoryDescription.toLowerCase()]
       }
     })), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "utilities_ops-announcements_Banner--appBarContentWrapper"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      style: {
-        color: '#6c7a89'
-      }
-    }, sourceApplication && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("b", null, sourceApplication), " -"), " ", timeDiff), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", null, sourceApplication && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("b", null, sourceApplication), " -"), " ", timeDiff), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "utilities_ops-announcements_Banner--appBarContentBox"
     }, /*#__PURE__*/React__default["default"].createElement("span", {
       dangerouslySetInnerHTML: {
@@ -31415,10 +31413,9 @@ var Banner = function Banner(props) {
       notification: notification,
       saveActionComponentState: saveActionComponentState
     }))), dismissibleFlag && /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "utilities_ops-announcements_Banner--sideNotificationInfoBox",
       style: {
-        cursor: 'pointer',
-        marginLeft: 'auto',
-        marginTop: '3px'
+        cursor: 'pointer'
       },
       onClick: onDismiss
     }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
@@ -31438,7 +31435,7 @@ var Banner = function Banner(props) {
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
         display: 'flex',
-        minHeight: '27px',
+        minHeight: '26px',
         alignItems: 'center'
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -32090,6 +32087,8 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
           return handleIconClick(ICONS.SETTINGS);
         },
         settingsVisible: settingsVisible
+      }), settingsVisible && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer"
       }));
     }
   }];
@@ -32104,12 +32103,7 @@ var notificationIconComp = function notificationIconComp(_ref3) {
   var notifications = _ref3.notifications,
     notificationsVisible = _ref3.notificationsVisible,
     marginStyle = _ref3.marginStyle,
-    showSearchContainer = _ref3.showSearchContainer,
-    settingsVisible = _ref3.settingsVisible,
-    handleIconClick = _ref3.handleIconClick,
-    ideaNoteVisible = _ref3.ideaNoteVisible,
-    mihelpVisible = _ref3.mihelpVisible,
-    mobileMenuVisible = _ref3.mobileMenuVisible;
+    handleIconClick = _ref3.handleIconClick;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
     style: _objectSpread2({}, marginStyle),
@@ -32127,7 +32121,7 @@ var notificationIconComp = function notificationIconComp(_ref3) {
     style: {
       fontSize: '10px'
     }
-  }, notifications.length)), notifications && notifications.length > 0 && (!mihelpVisible && !showSearchContainer && !settingsVisible && !ideaNoteVisible && !mobileMenuVisible || notificationsVisible) && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, notifications.length)), notifications && notifications.length > 0 && notificationsVisible && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer"
   }));
 };
@@ -32482,21 +32476,16 @@ var AppBar$1 = function AppBar(props) {
     role: props.selectedRole || props.role,
     yardNumber: props.selectedYard || props.yardNumber
   })), ideaNoteVisible && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer"
+    className: "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer",
+    style: {
+      top: notifications !== null && notifications !== void 0 && notifications.length ? '100px' : '48px'
+    }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide",
     onClick: function onClick() {
       return setIdeaNoteVisible(false);
     }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton"
-  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
-    name: "close",
-    variant: "material",
-    style: {
-      fontSize: '30px'
-    }
-  }))), ideaNoteToken ? /*#__PURE__*/React__default["default"].createElement("iframe", {
+  }), ideaNoteToken ? /*#__PURE__*/React__default["default"].createElement("iframe", {
     allowfullscreen: true,
     name: "idea-widget-frame",
     title: "Idea Collection Widget",
@@ -32505,9 +32494,11 @@ var AppBar$1 = function AppBar(props) {
       bottom: '0',
       right: '0',
       height: '100%',
-      width: '400px',
-      maxWidth: '400px',
-      backgroundColor: 'white'
+      width: '550px',
+      maxWidth: '550px',
+      backgroundColor: 'white',
+      border: '0px solid',
+      padding: '20px 30px'
     },
     src: ideaNoteToken === 'TOKEN_ERROR' ? ideaNoteUri : "".concat(ideaNoteUri, "&auth.jwt=").concat(ideaNoteToken)
   }) : /*#__PURE__*/React__default["default"].createElement("div", {
@@ -32529,12 +32520,18 @@ var AppBar$1 = function AppBar(props) {
     showMihelpDot: showMihelpDot
   }), notificationsVisible && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper",
+    style: {
+      top: notifications !== null && notifications !== void 0 && notifications.length ? '100px' : '48px'
+    },
     onClick: closeSidebar
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv"
+    className: "utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv",
+    style: {
+      height: notifications !== null && notifications !== void 0 && notifications.length ? 'calc(100vh - 100px)' : 'calc(100vh - 48px)'
+    }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader"
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, "Recent Notifications")), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, "Notifications")), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper"
   }, /*#__PURE__*/React__default["default"].createElement(Notifications, {
     notifications: notifications || [],
@@ -32550,9 +32547,15 @@ var AppBar$1 = function AppBar(props) {
     }
   })), settingsVisible && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper",
+    style: {
+      top: notifications !== null && notifications !== void 0 && notifications.length ? '100px' : '48px'
+    },
     onClick: closeSidebar
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar"
+    className: "utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar",
+    style: {
+      height: notifications !== null && notifications !== void 0 && notifications.length ? 'calc(100vh - 100px)' : 'calc(100vh - 48px)'
+    }
   }, !stack || stack === 'c' ? /*#__PURE__*/React__default["default"].createElement(SettingsView$1, {
     onSave: onSave,
     onLogoutItemClicked: onLogoutItemClicked,
@@ -32564,7 +32567,8 @@ var AppBar$1 = function AppBar(props) {
   }) : null)), mobileMenuVisible && /*#__PURE__*/React__default["default"].createElement(MobileMenu, {
     closeSidebar: closeSidebar,
     logout: onLogoutItemClicked,
-    items: mobileMenuItems
+    items: mobileMenuItems,
+    notifications: notifications
   }));
 };
 AppBar$1.defaultProps = {
@@ -32572,7 +32576,7 @@ AppBar$1.defaultProps = {
   role: ''
 };
 
-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";
+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";
 styleInject(css_248z$6);
 
 var getFlagUri = function getFlagUri() {
@@ -32587,7 +32591,7 @@ var Flag = function Flag(props) {
   });
 };
 
-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}";
+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}";
 styleInject(css_248z$5);
 
 var tabbable_1 = createCommonjsModule(function (module, exports) {
@@ -34551,7 +34555,7 @@ var accessHelpers = /*#__PURE__*/Object.freeze({
   'default': userHasAccess
 });
 
-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";
+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";
 styleInject(css_248z$4);
 
 var APP_BAR_CONFIGS = {
@@ -35112,7 +35116,7 @@ AppBar.defaultProps = {
   searchBarProps: {}
 };
 
-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}";
+var css_248z$3 = ".utilities_ops-app-frame_AuthGuard_header--header {\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n}";
 styleInject(css_248z$3);
 
 var PASS_FOR_AUTHENTICATION_ROUTE = 'Route is /login or /logout.';
@@ -45701,7 +45705,7 @@ var formatNumber = function formatNumber(number) {
   return sign * Math.abs(number) + unitlist[unit];
 };
 
-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  transition-delay: 0.25s;\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  transition-delay: 0.25s;\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, .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 {\r\n  min-width: 70px;\r\n  text-align: right;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\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 {\r\n  min-width: auto;\r\n  text-align: auto;\r\n  transition-delay: 0.25s;\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  margin: 0 10px 0 auto;\r\n  transition: all 0.5s ease-in-out;\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  transition-delay: 0.25s;\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  transition-delay: 0.25s;\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  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--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n  margin: 0;\r\n  transition-delay: 0.25s;\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  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--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  transition-delay: 0.25s;\r\n}";
+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  transition-delay: 0.25s;\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  transition-delay: 0.25s;\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  transition-delay: 0.25s;\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  transition-delay: 0.25s;\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  margin: 0 10px 0 auto;\n  transition: all 0.5s ease-in-out;\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  transition-delay: 0.25s;\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  transition-delay: 0.25s;\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  transition: all 0.5s ease-in-out;\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  transition-delay: 0.25s;\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  transition: all 0.5s ease-in-out;\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  transition-delay: 0.25s;\n}";
 styleInject(css_248z$2);
 
 var _styleModuleImportMap$1 = {
@@ -46157,7 +46161,7 @@ var NavigationMenuLevel3 = function NavigationMenuLevel3(_ref6) {
   }) : null, !countsLoading ? countText : null)));
 };
 
-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";
+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";
 styleInject(css_248z$1);
 
 if (!storage$1.activeYardNumber) {
@@ -46445,18 +46449,18 @@ AutoRefresh.defaultProps = {
   version: ''
 };
 
-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";
+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";
 styleInject(css_248z);
 
 var _styleModuleImportMap = {
   "./ContextualHelp.css": {
-    "snippetContainer": "utilities_ContextualHelp_ContextualHelp--snippetContainer",
-    "snippet": "utilities_ContextualHelp_ContextualHelp--snippet",
-    "snippet-arrow": "utilities_ContextualHelp_ContextualHelp--snippet-arrow",
-    "title": "utilities_ContextualHelp_ContextualHelp--title",
-    "linkedArticle": "utilities_ContextualHelp_ContextualHelp--linkedArticle",
-    "noLink": "utilities_ContextualHelp_ContextualHelp--noLink",
-    "snippetArticle": "utilities_ContextualHelp_ContextualHelp--snippetArticle"
+    "snippetContainer": "utilities_contextualHelp_ContextualHelp--snippetContainer",
+    "snippet": "utilities_contextualHelp_ContextualHelp--snippet",
+    "snippet-arrow": "utilities_contextualHelp_ContextualHelp--snippet-arrow",
+    "title": "utilities_contextualHelp_ContextualHelp--title",
+    "linkedArticle": "utilities_contextualHelp_ContextualHelp--linkedArticle",
+    "noLink": "utilities_contextualHelp_ContextualHelp--noLink",
+    "snippetArticle": "utilities_contextualHelp_ContextualHelp--snippetArticle"
   }
 };
 function Snippet(_ref) {
@@ -46489,10 +46493,10 @@ function Snippet(_ref) {
       color: 'rgba(224, 26, 26, 0.8)'
     }
   }, "Article Not Found") : /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "utilities_ContextualHelp_ContextualHelp--snippetArticle",
+    className: "utilities_contextualHelp_ContextualHelp--snippetArticle",
     ref: articleRef
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "utilities_ContextualHelp_ContextualHelp--title"
+    className: "utilities_contextualHelp_ContextualHelp--title"
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     dangerouslySetInnerHTML: {
       __html: article.title
@@ -49535,7 +49539,7 @@ function ContextualHelp(_ref) {
     };
   }();
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "utilities_ContextualHelp_ContextualHelp--snippetContainer",
+    className: "utilities_contextualHelp_ContextualHelp--snippetContainer",
     ref: snippetContainerRef
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     id: "helpSnippet1",
@@ -49550,7 +49554,7 @@ function ContextualHelp(_ref) {
   })), /*#__PURE__*/React__default["default"].createElement(H, {
     anchorSelect: "#helpSnippet1",
     clickable: true,
-    className: "utilities_ContextualHelp_ContextualHelp--snippet",
+    className: "utilities_contextualHelp_ContextualHelp--snippet",
     classNameArrow: "snippet-arrow"
   }, /*#__PURE__*/React__default["default"].createElement(Snippet, {
     article: article,