@copart/ops-tool-kit 1.8.1-alpha.6 → 1.8.1-alpha.7

package/README.md

@@ -1,11 +1,11 @@
-# @copart/ops-tool-kit
-
-```js
-import { AppFrame } from '@copart/ops-tool-kit'
-
-<AppFrame>
-  {/* Your app here. */}
-</AppFrame>
-```
-
-Note: Be sure to have APPLICATION_NAME and PROFILES environment variables set.
+# @copart/ops-tool-kit
+
+```js
+import { AppFrame } from '@copart/ops-tool-kit'
+
+<AppFrame>
+  {/* Your app here. */}
+</AppFrame>
+```
+
+Note: Be sure to have APPLICATION_NAME and PROFILES environment variables set.

package/bin/cli.js

@@ -1,19 +1,19 @@
-const fs = require('fs')
-const parseArgs = require('minimist')
-const pkg = require(`${process.cwd()}/package.json`)
-
-const args = parseArgs(process.argv.slice(2))
-const destination = args.destination || './public/meta.json'
-const filename = destination.match(/[^\\/]+$/)[0]
-
-const jsonData = JSON.stringify({
-  version: pkg.version,
-})
-
-fs.writeFile(destination, jsonData, (err) => {
-  if (err) {
-    console.log(`An error occured while writing JSON Object to ${filename}`)
-    return console.log(err)
-  }
-  console.log(`${filename} file has been saved with latest version number`)
-})
+const fs = require('fs')
+const parseArgs = require('minimist')
+const pkg = require(`${process.cwd()}/package.json`)
+
+const args = parseArgs(process.argv.slice(2))
+const destination = args.destination || './public/meta.json'
+const filename = destination.match(/[^\\/]+$/)[0]
+
+const jsonData = JSON.stringify({
+  version: pkg.version,
+})
+
+fs.writeFile(destination, jsonData, (err) => {
+  if (err) {
+    console.log(`An error occured while writing JSON Object to ${filename}`)
+    return console.log(err)
+  }
+  console.log(`${filename} file has been saved with latest version number`)
+})

package/dist/ops-tool-kit.js

@@ -33,7 +33,7 @@ var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 
 const name$f = "@copart/ops-tool-kit";
-const version$5 = "1.8.1-alpha.6";
+const version$5 = "1.8.1-alpha.7";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -232,10 +232,10 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$j = ":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";
+var css_248z$j = ":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";
 styleInject(css_248z$j);
 
-var css_248z$i = "* {\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";
+var css_248z$i = "* {\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";
 styleInject(css_248z$i);
 
 function _typeof(obj) {
@@ -2585,13 +2585,11 @@ function set$1(target, path, value, options) {
 
   let opts = options || {};
   const isArray = Array.isArray(path);
-
   if (!isArray && typeof path !== 'string') {
     return target;
   }
 
   let merge = opts.merge;
-
   if (merge && typeof merge !== 'function') {
     merge = Object.assign;
   }
@@ -2634,7 +2632,8 @@ function result(target, path, value, merge) {
 function split(path, options) {
   const id = createKey(path, options);
   if (set$1.memo[id]) return set$1.memo[id];
-  const char = options && options.separator ? options.separator : '.';
+
+  const char = (options && options.separator) ? options.separator : '.';
   let keys = [];
   let res = [];
 
@@ -2646,32 +2645,25 @@ function split(path, options) {
 
   for (let i = 0; i < keys.length; i++) {
     let prop = keys[i];
-
     while (prop && prop.slice(-1) === '\\' && keys[i + 1]) {
       prop = prop.slice(0, -1) + char + keys[++i];
     }
-
     res.push(prop);
   }
-
   set$1.memo[id] = res;
   return res;
 }
 
 function createKey(pattern, options) {
   let id = pattern;
-
   if (typeof options === 'undefined') {
     return id + '';
   }
-
   const keys = Object.keys(options);
-
   for (let i = 0; i < keys.length; i++) {
     const key = keys[i];
     id += ';' + key + '=' + String(options[key]);
   }
-
   return id;
 }
 
@@ -2970,7 +2962,7 @@ var DEFAULT_BREADCRUMBS_CONTEXT = {
   error: 'You tried to use Breadcrumbs outside of its context.'
 };
 
-var css_248z$h = ".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: 12px;\n  color: rgba(242, 247, 255, 1);\n  font-weight: 400;\n  letter-spacing: 0.5px;\n  margin-left: 3px;\n  /* transition: all 0.2s; */\n  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);\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:not(:first-of-type) {\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:not(:first-of-type)::before {\n  content: '\\E5CC';\n  color: rgba(255, 255, 255, 0.70196);\n  display: inline-block;\n  font-family: 'Material Icons';\n  font-size: 16px;\n  margin-right: 4px;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--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: 600;\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}";
+var css_248z$h = ".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: 12px;\r\n  color: rgba(242, 247, 255, 1);\r\n  font-weight: 400;\r\n  letter-spacing: 0.5px;\r\n  margin-left: 3px;\r\n  /* transition: all 0.2s; */\r\n  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);\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:not(:first-of-type) {\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:not(:first-of-type)::before {\r\n  content: '\\E5CC';\r\n  color: rgba(255, 255, 255, 0.70196);\r\n  display: inline-block;\r\n  font-family: 'Material Icons';\r\n  font-size: 16px;\r\n  margin-right: 4px;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--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: 600;\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}";
 styleInject(css_248z$h);
 
 var Context = createContext(DEFAULT_BREADCRUMBS_CONTEXT);
@@ -11186,7 +11178,7 @@ var getDomain = function getDomain(url) {
   }
 };
 
-var css_248z$g = ".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";
+var css_248z$g = ".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";
 styleInject(css_248z$g);
 
 var ConfigFetcher =
@@ -21882,7 +21874,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  ");
 }; // NOTE: Cloned from ops-portal repo.
 
-var css_248z$f = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQLink_FAQLink--FAQLink {\n  color: #0d5db8;\n  font-size: 15px;\n}\n";
+var css_248z$f = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQLink_FAQLink--FAQLink {\r\n  color: #0d5db8;\r\n  font-size: 15px;\r\n}\r\n";
 styleInject(css_248z$f);
 
 var FAQLink = function FAQLink() {
@@ -21897,7 +21889,7 @@ var FAQLink = function FAQLink() {
   }, locale('FAQs'));
 };
 
-var css_248z$e = ".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";
+var css_248z$e = ".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";
 styleInject(css_248z$e);
 
 var FAQText = function FAQText() {
@@ -21908,7 +21900,7 @@ var FAQText = function FAQText() {
   }, locale('Please see'), " ", React__namespace.createElement(FAQLink, null), " ", locale('for frequently asked questions')));
 };
 
-var css_248z$d = ".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";
+var css_248z$d = ".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";
 styleInject(css_248z$d);
 
 var DialogTitle = function DialogTitle() {
@@ -22163,7 +22155,7 @@ FeedbackDialog.defaultProps = {
   }
 };
 
-var css_248z$c = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\n  background-color: var(--blue);\n  background-color: var(--blue);\n  height: 64px;\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: space-between;\n  align-items: center;\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-left: 5px;\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  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  font-size: 13px;\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--yardNumber {\n  margin-left: 10px;\n  margin-right: 7px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\n  margin-left: 7px;\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.utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\n  margin-left: 10px !important;\n  margin-right: 5px !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\n  margin-left: 10px !important;\n  margin-right: 10px !important;\n  display: flex;\n  align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\n  margin-left: 7px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\n  margin: 0 !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\n  width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\n  cursor: pointer;\n  position: relative;\n  top: 2px;\n  margin-left: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\n  color: #fff;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\n  position: absolute;\n  display: flex;\n  height: 100vh;\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: 402px;\n  height: 38px;\n  width: 38px;\n  background-color: white;\n  z-index: 11000;\n  cursor: pointer;\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  .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\n    margin-left: 5px;\n    margin-right: 2px;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\n    margin-left: 2px;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--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: 64px;\n  width: 100vw;\n  background-color: rgba(0,0,0,.5);\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv\n{\n  width: 50vw;\n  position: absolute;\n  right: 0;\n  height: calc(100vh - 64px);\n  padding: 15px;\n  background-color: white;\n  overflow-y: auto;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader{\n  font-size: 18px;\n  font-weight: 600;\n  padding-bottom: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper{\n  display: flex;\n  flex-direction: column;\n  grid-gap: 5px;\n  gap: 5px;\n  justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\n  background-color: #ef5350;\n  color: white;\n  font-size: 12px;\n  width: 1rem;\n  border-radius: 50%;\n  position: absolute;\n  top: 2px;\n  left: 8px;\n  height: 1rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\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: 13px solid white;\n  position: absolute;\n  bottom: -13px;\n  right: 3px;\n}\n";
+var css_248z$c = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\r\n  background-color: var(--blue);\r\n  background-color: var(--blue);\r\n  height: 64px;\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: space-between;\r\n  align-items: center;\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-left: 5px;\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  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: center;\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 {\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--yardNumber {\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}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\r\n  margin-left: 7px;\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.utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\r\n  margin-left: 10px !important;\r\n  margin-right: 5px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n  margin-left: 10px !important;\r\n  margin-right: 10px !important;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n  margin-left: 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\r\n  margin: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\r\n  cursor: pointer;\r\n  position: relative;\r\n  top: 2px;\r\n  margin-left: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\r\n  position: absolute;\r\n  display: flex;\r\n  height: 100vh;\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: 402px;\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@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  .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n    margin-left: 5px;\r\n    margin-right: 2px;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\r\n    margin-left: 2px;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--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: 64px;\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: 50vw;\r\n  position: absolute;\r\n  right: 0;\r\n  height: calc(100vh - 64px);\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: 2px;\r\n  left: 8px;\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--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: 13px solid white;\r\n  position: absolute;\r\n  bottom: -13px;\r\n  right: 3px;\r\n}\r\n";
 styleInject(css_248z$c);
 
 var LogOutMenu = function LogOutMenu(_ref) {
@@ -22186,7 +22178,7 @@ var LogOutMenu = function LogOutMenu(_ref) {
   }));
 };
 
-var css_248z$b = ".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";
+var css_248z$b = ".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";
 styleInject(css_248z$b);
 
 var _styleModuleImportMap$6 = {
@@ -22223,7 +22215,7 @@ var Help = function Help(_ref) {
   })));
 };
 
-var css_248z$a = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton {\n  /* TODO: Perfect the AppBar spacing. */\n  margin-left: 7px !important;\n  position: relative !important;\n  top: 1px;\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";
+var css_248z$a = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton {\r\n  /* TODO: Perfect the AppBar spacing. */\r\n  margin-left: 7px !important;\r\n  position: relative !important;\r\n  top: 1px;\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";
 styleInject(css_248z$a);
 
 var FeedbackButton = function FeedbackButton(props) {
@@ -22511,7 +22503,7 @@ var printerFields$1 = [_objectSpread2({}, defaultAutoSelectProps$1, {
   label: 'Dot Matrix Printers'
 })];
 
-var css_248z$9 = ".utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--PrinterSettings {\n  padding-right: 0px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-5 {\n  width: 20%;\n}\n";
+var css_248z$9 = ".utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--PrinterSettings {\r\n  padding-right: 0px;\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";
 styleInject(css_248z$9);
 
 // Properly populate printer options before feeding to autoselect
@@ -22661,7 +22653,7 @@ var getLanguages = function getLanguages() {
   }[selectedCountry];
 };
 
-var css_248z$8 = "/* Simple Grid */\n[class*='col-'] {\n  float: left;\n  min-height: 1px;\n  padding-right: 10px; /* column-space */\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}\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; /* column-space */\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  }\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-3,\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-8-12 {\n    width: 66.66%;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-2,\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-6-12 {\n    width: 50%;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-3,\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-4-12 {\n    width: 33.33%;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-4,\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-3-12 {\n    width: 25%;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-5 {\n    width: 20%;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-6,\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-12 {\n    width: 16.667%;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-7 {\n    width: 14.28%;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-8 {\n    width: 12.5%;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-9 {\n    width: 11.1%;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-10 {\n    width: 10%;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-11 {\n    width: 9.09%;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-12 {\n    width: 8.33%;\n  }\n\n  /* Layout Columns */\n\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-11-12 {\n    width: 91.66%;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-10-12 {\n    width: 83.333%;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-9-12 {\n    width: 75%;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-5-12 {\n    width: 41.66%;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-7-12 {\n    width: 58.33%;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--hide-on-mobile {\n    display: none !important;\n    width: 0;\n    height: 0;\n  }\n}\n\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--SettingsView {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 0 20px 20px;\n  margin-top: 65px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm {\n  width: 100%;\n  max-width: 1300px;\n  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;\n  max-width: 800px;\n  margin: 0 auto;\n}\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: flex-end;\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: fixed;\n  z-index: 500;\n  left: calc(50% - 30px);\n  top: calc(50% - 30px);\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr{\n  padding: 10px;\n  margin-bottom: 5px;\n  width: 100%;\n  outline: none;\n  border: none;\n  border-bottom: 1px solid #ddd;\n  overflow: auto;\n}";
+var css_248z$8 = "/* Simple Grid */\r\n[class*='col-'] {\r\n  float: left;\r\n  min-height: 1px;\r\n  padding-right: 10px; /* column-space */\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}\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; /* column-space */\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  }\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-3,\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-8-12 {\r\n    width: 66.66%;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-2,\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-6-12 {\r\n    width: 50%;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-3,\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-4-12 {\r\n    width: 33.33%;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-4,\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-3-12 {\r\n    width: 25%;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-5 {\r\n    width: 20%;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-6,\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-12 {\r\n    width: 16.667%;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-7 {\r\n    width: 14.28%;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-8 {\r\n    width: 12.5%;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-9 {\r\n    width: 11.1%;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-10 {\r\n    width: 10%;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-11 {\r\n    width: 9.09%;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-12 {\r\n    width: 8.33%;\r\n  }\r\n\r\n  /* Layout Columns */\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-11-12 {\r\n    width: 91.66%;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-10-12 {\r\n    width: 83.333%;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-9-12 {\r\n    width: 75%;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-5-12 {\r\n    width: 41.66%;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-7-12 {\r\n    width: 58.33%;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--hide-on-mobile {\r\n    display: none !important;\r\n    width: 0;\r\n    height: 0;\r\n  }\r\n}\r\n\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--SettingsView {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 0 20px 20px;\r\n  margin-top: 65px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm {\r\n  width: 100%;\r\n  max-width: 1300px;\r\n  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n}\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: flex-end;\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: fixed;\r\n  z-index: 500;\r\n  left: calc(50% - 30px);\r\n  top: calc(50% - 30px);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr{\r\n  padding: 10px;\r\n  margin-bottom: 5px;\r\n  width: 100%;\r\n  outline: none;\r\n  border: none;\r\n  border-bottom: 1px solid #ddd;\r\n  overflow: auto;\r\n}";
 styleInject(css_248z$8);
 
 var getDescription$2 = function getDescription(languageOptions) {
@@ -23298,7 +23290,7 @@ var generateTestCallUrl = function generateTestCallUrl(_ref3) {
   });
 };
 
-var css_248z$7 = ".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";
+var css_248z$7 = ".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";
 styleInject(css_248z$7);
 
 var PhoneNumberSettings = function PhoneNumberSettings(props) {
@@ -24775,7 +24767,7 @@ function (_React$Component) {
   return SettingsView;
 }(React__default["default"].Component);
 
-var css_248z$6 = ".utilities_ops-announcements_Banner--appBarContentBox {\n  word-break: break-all;\n  white-space: pre-wrap;\n  font-weight: 600;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContent {\n  padding: 0px 5px;\n  font-size: 13px;\n  /* display: flex;\n  gap: 8px; */\n  width: 95%;\n}\n\n.utilities_ops-announcements_Banner--tabNotificationInfoBox {\n  display: flex;\n  color: #6c7a89;\n  grid-gap: 8px;\n  gap: 8px;\n  width: 90%;\n  font-size: 12px;\n}\n\n.utilities_ops-announcements_Banner--tabNotificationInfoBox b{\n  color: #171717;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContentBox {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  font-weight: 600;\n  /* autoprefixer: off */\n  -webkit-box-orient: vertical;\n  /* autoprefixer: on */\n  font-size: 12px;\n  color: #201F1E;\n}\n\n.utilities_ops-announcements_Banner--tabNotificationBarContentBox {\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  overflow: hidden;\n  width: 95%;\n  font-weight: 600;\n  /* autoprefixer: off */\n  -webkit-box-orient: vertical;\n  /* autoprefixer: on */\n  font-size: 12px;\n}\n\n.utilities_ops-announcements_Banner--notificationInfoBox {\n  display: flex;\n  color: #6c7a89;\n  grid-gap: 6px;\n  gap: 6px;\n  font-size: 12px;\n  margin-bottom: 5px;\n}\n\n.utilities_ops-announcements_Banner--notificationInfoBox b{\n  color: #171717;\n}\n\n.utilities_ops-announcements_Banner--notificationInfoBox i{\n  font-size: 16px !important;\n}\n\n.utilities_ops-announcements_Banner--navBtnContainer {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  grid-gap: 5px;\n  gap: 5px;\n  font-size: 12px;\n}\n\n.utilities_ops-announcements_Banner--navBtnContainer .utilities_ops-announcements_Banner--notificationLeftBtn i{\n  position: relative;\n  right: -4px;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer {\n  display: flex;\n  flex-direction: row;\n  padding: 10px 10px;\n  grid-gap: 5px;\n  gap: 5px;\n  min-height: 40px;\n  width: 100%;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer i{\n  font-size: 20px;\n}\n\n.utilities_ops-announcements_Banner--navBtnContainer i{\n  font-size: 16px;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar {\n  flex-direction: column;\n}\n\n.utilities_ops-announcements_Banner--arrowTipContainer {\n  width: 0px;\n  height: 0px;\n  border-left: 8px solid transparent;\n  border-right: 8px solid transparent;\n  border-bottom: 13px solid white;\n  position: absolute;\n  top: 51px;\n  right: 50px;\n}\n\n.utilities_ops-announcements_Banner--appBarContentWrapper {\n  padding: 0px 5px;\n  font-size: 12px;\n  flex: 1 1 0%;\n  display: flex;\n  flex-direction: column;\n  grid-gap: 4px;\n  gap: 4px;\n}\n\n.utilities_ops-announcements_Banner--appBarContentWrapper b{\n  color: #171717;\n}";
+var css_248z$6 = ".utilities_ops-announcements_Banner--appBarContentBox {\r\n  word-break: break-all;\r\n  white-space: pre-wrap;\r\n  font-weight: 600;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContent {\r\n  padding: 0px 5px;\r\n  font-size: 13px;\r\n  /* display: flex;\r\n  gap: 8px; */\r\n  width: 95%;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBox {\r\n  display: flex;\r\n  color: #6c7a89;\r\n  grid-gap: 8px;\r\n  gap: 8px;\r\n  width: 90%;\r\n  font-size: 12px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBox b{\r\n  color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox {\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  overflow: hidden;\r\n  font-weight: 600;\r\n  /* autoprefixer: off */\r\n  -webkit-box-orient: vertical;\r\n  /* autoprefixer: on */\r\n  font-size: 12px;\r\n  color: #201F1E;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationBarContentBox {\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 3;\r\n  overflow: hidden;\r\n  width: 95%;\r\n  font-weight: 600;\r\n  /* autoprefixer: off */\r\n  -webkit-box-orient: vertical;\r\n  /* autoprefixer: on */\r\n  font-size: 12px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox {\r\n  display: flex;\r\n  color: #6c7a89;\r\n  grid-gap: 6px;\r\n  gap: 6px;\r\n  font-size: 12px;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox b{\r\n  color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox i{\r\n  font-size: 16px !important;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--navBtnContainer {\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  grid-gap: 5px;\r\n  gap: 5px;\r\n  font-size: 12px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--navBtnContainer .utilities_ops-announcements_Banner--notificationLeftBtn i{\r\n  position: relative;\r\n  right: -4px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer {\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 10px 10px;\r\n  grid-gap: 5px;\r\n  gap: 5px;\r\n  min-height: 40px;\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer i{\r\n  font-size: 20px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--navBtnContainer i{\r\n  font-size: 16px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar {\r\n  flex-direction: column;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--arrowTipContainer {\r\n  width: 0px;\r\n  height: 0px;\r\n  border-left: 8px solid transparent;\r\n  border-right: 8px solid transparent;\r\n  border-bottom: 13px solid white;\r\n  position: absolute;\r\n  top: 51px;\r\n  right: 50px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--appBarContentWrapper {\r\n  padding: 0px 5px;\r\n  font-size: 12px;\r\n  flex: 1 1 0%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  grid-gap: 4px;\r\n  gap: 4px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--appBarContentWrapper b{\r\n  color: #171717;\r\n}";
 styleInject(css_248z$6);
 
 var moment = createCommonjsModule(function (module, exports) {
@@ -36838,7 +36830,7 @@ var PHONE_STATUS = {
   Offline: 'Offline'
 };
 
-var css_248z$5 = ".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";
+var css_248z$5 = ".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";
 styleInject(css_248z$5);
 
 var getFlagUri = function getFlagUri() {
@@ -36939,7 +36931,7 @@ var getFlexDomain = function getFlexDomain() {
   return ((_storage$getLocalItem3 = storage$1.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem3 === void 0 ? void 0 : (_storage$getLocalItem4 = _storage$getLocalItem3.endpoints) === null || _storage$getLocalItem4 === void 0 ? void 0 : _storage$getLocalItem4.flexDomain) || 'https://flex.twilio.com';
 };
 
-var css_248z$4 = "#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}";
+var css_248z$4 = "#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}";
 styleInject(css_248z$4);
 
 var _styleModuleImportMap$3 = {
@@ -41708,7 +41700,7 @@ var getActivePrinters = (function (printersData) {
   return reduceToObject(chooseActive)(toPairs$1(defaultPrinters));
 });
 
-var css_248z$3 = ".utilities_ops-app-frame_PrinterDialog_PrinterDialog--printerSettings {\n  width: 700px;\n  padding: 10px;\n  background: #f1f1f1;\n}\n\n.utilities_ops-app-frame_PrinterDialog_PrinterDialog--buttonBox {\n  display: flex;\n  width: 100%;\n  justify-content: flex-end;\n  padding-top: 5px;\n}";
+var css_248z$3 = ".utilities_ops-app-frame_PrinterDialog_PrinterDialog--printerSettings {\r\n  width: 700px;\r\n  padding: 10px;\r\n  background: #f1f1f1;\r\n}\r\n\r\n.utilities_ops-app-frame_PrinterDialog_PrinterDialog--buttonBox {\r\n  display: flex;\r\n  width: 100%;\r\n  justify-content: flex-end;\r\n  padding-top: 5px;\r\n}";
 styleInject(css_248z$3);
 
 var countryHeaders = {
@@ -49955,11 +49947,11 @@ var appFunctionIdAllowed = function appFunctionIdAllowed() {
   if (!id) {
     return true; // not defined in config so just allow the tile to be viewed for now
   }
-  /* else if (['view_miorg', 'view_mitime', 'view_midriverpay'].includes(id)) {
-  // special case for miorg/mitime to check all permissions
-  return includes(id, allPermissionIds)
-  } else {
-  return includes(id, permissionIds)
+  /* else if (['view_miorg', 'view_mitime', 'view_midriverpay'].includes(id)) {
+  // special case for miorg/mitime to check all permissions
+  return includes(id, allPermissionIds)
+  } else {
+  return includes(id, permissionIds)
   } */
   // Check appfunction in opsportal-core permissions
   else {
@@ -50009,7 +50001,7 @@ var accessHelpers = /*#__PURE__*/Object.freeze({
   'default': userHasAccess
 });
 
-var css_248z$2 = ".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";
+var css_248z$2 = ".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";
 styleInject(css_248z$2);
 
 var APP_BAR_CONFIGS = {
@@ -50230,24 +50222,27 @@ var AppBar = function AppBar(_ref) {
     setNotifications([]);
     setListOfAllNotifications([]);
     socketClient && socketClient.close();
-    var currentTile = coreAppConfig.tiles.find(function (tile) {
-      return tile.path === window.location.pathname;
-    });
-    var tileConfigAccess = true;
 
-    if (currentTile) {
-      tileConfigAccess = userHasAccess(currentTile);
-    }
+    if (coreAppConfig && coreAppConfig.tiles) {
+      var currentTile = coreAppConfig.tiles.find(function (tile) {
+        return tile.path === window.location.pathname;
+      });
+      var tileConfigAccess = true;
 
-    if (history.location.pathname !== '/logout' && tileConfigAccess) {
-      if (notificationsSource.includes('Nchan')) {
-        fetchG2Notifications(updateNotifications, updateAllNotificationsList);
-        setSocketClient(startWebSocketConnection(updateNotifications, updateAllNotificationsList));
+      if (currentTile) {
+        tileConfigAccess = userHasAccess(currentTile);
       }
 
-      if (!firebaseInitialized && notificationsSource.includes('Firebase')) {
-        getFireBaseNotifications(updateNotifications);
-        setFirebaseinitialized(true);
+      if (history.location.pathname !== '/logout' && tileConfigAccess) {
+        if (notificationsSource.includes('Nchan')) {
+          fetchG2Notifications(updateNotifications, updateAllNotificationsList);
+          setSocketClient(startWebSocketConnection(updateNotifications, updateAllNotificationsList));
+        }
+
+        if (!firebaseInitialized && notificationsSource.includes('Firebase')) {
+          getFireBaseNotifications(updateNotifications);
+          setFirebaseinitialized(true);
+        }
       }
     }
   }, [selectedYard, pathname]);
@@ -50329,7 +50324,7 @@ AppBar.defaultProps = {
   searchBarProps: {}
 };
 
-var css_248z$1 = ".utilities_ops-app-frame_AuthGuard_header--header {\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n}";
+var css_248z$1 = ".utilities_ops-app-frame_AuthGuard_header--header {\r\n  flex-shrink: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n}";
 styleInject(css_248z$1);
 
 var PASS_FOR_AUTHENTICATION_ROUTE = 'Route is /login or /logout.';
@@ -50511,7 +50506,7 @@ var GoHome = function GoHome(props) {
   }, props.reason));
 };
 
-var css_248z = ".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-shrink: 0;\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  height: 100%;\n}\n";
+var css_248z = ".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-shrink: 0;\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  height: 100%;\r\n}\r\n";
 styleInject(css_248z);
 
 if (!storage$1.activeYardNumber) {