/* BEGIN Light */
@font-face {
  font-family: 'Open Sans';
  src: url(787f0332413f7c123ebc.eot?v=1.1.0);
  src: url(787f0332413f7c123ebc.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(d47c5091a7fed36bbaa7.woff?v=1.1.0) format("woff"), url(16cd4dce69de922f0a90.ttf?v=1.1.0) format("truetype"), url(2ff805c0d727053acb48.svg?v=1.1.0#OpenSansBold) format("svg");
  font-weight: 300;
  font-style: normal;
}
/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: 'Open Sans';
  src: url(dbfec2eecc88237ec543.eot?v=1.1.0);
  src: url(dbfec2eecc88237ec543.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(f7713dcae6e4223ac5d3.woff?v=1.1.0) format("woff"), url(9dd6522f8c670399b997.ttf?v=1.1.0) format("truetype"), url(4fb77bc6db1698dafc6c.svg?v=1.1.0#OpenSansBold) format("svg");
  font-weight: 300;
  font-style: italic;
}
/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: 'Open Sans';
  src: url(dca433b427e4fd6fbb9c.eot?v=1.1.0);
  src: url(dca433b427e4fd6fbb9c.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(362b56e7c69551249027.woff?v=1.1.0) format("woff"), url(e6d8dc9e208385d8de4e.ttf?v=1.1.0) format("truetype"), url(383451d527f96536515a.svg?v=1.1.0#OpenSansBold) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: 'Open Sans';
  src: url(c24d656749091f867638.eot?v=1.1.0);
  src: url(c24d656749091f867638.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(a38e47c39e2e3cae4fc4.woff?v=1.1.0) format("woff"), url(0125272df9f95b329d75.ttf?v=1.1.0) format("truetype"), url(56bcf42b7e5edb782089.svg?v=1.1.0#OpenSansBold) format("svg");
  font-weight: normal;
  font-style: italic;
}
/* END Italic */
/* BEGIN Semibold */
@font-face {
  font-family: 'Open Sans';
  src: url(b4987a407ac13370512e.eot?v=1.1.0);
  src: url(b4987a407ac13370512e.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(fdf56b22f9fbdf2f583f.woff?v=1.1.0) format("woff"), url(029b9bc9d72f4d799803.ttf?v=1.1.0) format("truetype"), url(44e4aae3cc06bad74171.svg?v=1.1.0#OpenSansBold) format("svg");
  font-weight: 600;
  font-style: normal;
}
/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url(08f9a3d2edb904018658.eot?v=1.1.0);
  src: url(08f9a3d2edb904018658.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(1059fe1fb3493ef8b4d7.woff?v=1.1.0) format("woff"), url(6f44ece2d5c8287cbd71.ttf?v=1.1.0) format("truetype"), url(ae986746161e1e2f0431.svg?v=1.1.0#OpenSansBold) format("svg");
  font-weight: 600;
  font-style: italic;
}
/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
  font-family: 'Open Sans';
  src: url(4900389b61d2a6bba56b.eot?v=1.1.0);
  src: url(4900389b61d2a6bba56b.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(08328bf7467540700abe.woff?v=1.1.0) format("woff"), url(1576987ece25952e65c5.ttf?v=1.1.0) format("truetype"), url(cfa6cd05c6dd58203c3d.svg?v=1.1.0#OpenSansBold) format("svg");
  font-weight: bold;
  font-style: normal;
}
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url(49417091f7be96db2686.eot?v=1.1.0);
  src: url(49417091f7be96db2686.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(98201916262f82ebea89.woff?v=1.1.0) format("woff"), url(16b88afec66f8304bebb.ttf?v=1.1.0) format("truetype"), url(fd6929ccdd2d07b5c0ff.svg?v=1.1.0#OpenSansBold) format("svg");
  font-weight: bold;
  font-style: italic;
}
/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
  font-family: 'Open Sans';
  src: url(ee0f61def5068b9cc6ae.eot?v=1.1.0);
  src: url(ee0f61def5068b9cc6ae.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(0a6577634617c9df782a.woff?v=1.1.0) format("woff"), url(72a7607b72fe38ea9e06.ttf?v=1.1.0) format("truetype"), url(98164f3317517a96d82f.svg?v=1.1.0#OpenSansBold) format("svg");
  font-weight: 800;
  font-style: normal;
}
/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url(487757953ceec83f87e3.eot?v=1.1.0);
  src: url(487757953ceec83f87e3.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(87a229e67e93dde23481.woff?v=1.1.0) format("woff"), url(e5fc9158e30ead00cb48.ttf?v=1.1.0) format("truetype"), url(a7fff2e8fb799707ae2e.svg?v=1.1.0#OpenSansBold) format("svg");
  font-weight: 800;
  font-style: italic;
}
/* END Extrabold Italic */

 {/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/* HTML5 display definitions
   ========================================================================== */

/* Embedded content
   ========================================================================== */

/* Grouping content
   ========================================================================== */

/* Forms
   ========================================================================== */
}

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio, canvas, progress, video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, [hidden] {
  display: none;
}

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active, a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted currentColor;
          text-decoration: underline dotted currentColor; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b, strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b, strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* Text-level semantics
   ========================================================================== */

sub {
  bottom: -0.25em;
}

/* Links
   ========================================================================== */

sup {
  top: -0.5em;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code, kbd, pre, samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button, input, optgroup, select, textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button, input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button, select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"], [type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

.main-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

html {
  height: 100%;
}

body {
  background-color: #004E9B;
  font-family: "Sofia Pro", Calibri, sans-serif;
  margin: 0px;
  height: 100%;
  font-size: 100%;
}

h1 {
  color: #FFF;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  font-size: 1.5em;
  line-height: 1.6em;
}

h3 {
  text-transform: uppercase;
  font-size: 14px;
  color: #000015;
  margin-left: 5px;
  display: inline-block;
}

/* this clear-fix is required for the typeahead selection options */

.clear-fix:after {
  content: "";
  display: table;
  clear: both;
}

.container {
  padding: 10px 30px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.container h1 {
  color: #5D6574;
  font-weight: bold;
  text-align: left;
}

* {
  box-sizing: border-box;
  /*-webkit-margin-before: 0;
  -webkit-margin-start: 0;
  -webkit-padding-start: 0;
  -webkit-margin-after: 0;
  -webkit-margin-end: 0;*/
}

a {
  text-decoration: none;
}

@font-face {
  font-family: 'Sofia Pro';
  src: url(58bf3177af313b93b85b.eot?v=1.1.0);
  src: url(58bf3177af313b93b85b.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(51f6eafb3ca367639de4.woff?v=1.1.0) format("woff"), url(de031f9a1d3e3e3080ce.ttf?v=1.1.0) format("truetype");
  font-weight: 300;
  font-style: normal;
}

/* END Light */

/* BEGIN Light Italic */

@font-face {
  font-family: 'Open Sans';
  src: url(00c2f760c5c840cf3c46.eot?v=1.1.0);
  src: url(00c2f760c5c840cf3c46.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(b771d91e738ecc19a063.woff?v=1.1.0) format("woff"), url(b60c32fc489b99f6617e.ttf?v=1.1.0) format("truetype");
  font-weight: 300;
  font-style: italic;
}

.__react_component_tooltip {
  z-index: 2001 !important;
}

.__react_component_tooltip {
  /* force the tooltip to be higher than the left menu */
}

.clickable {
  cursor: pointer;
}

.global__tracking-div___lbTze {
  height: 100%;
}

/* Fix IE11 horizontal scroll issue: STK-401 */
.styles__icon___XtTlI svg {
  overflow: hidden;
}
.styles__default___WYTpu {
 fill: inherit;
}
.styles__white___MURik g, .styles__white___MURik {
  fill: #FFF;
}
.styles__red___Lu9jk g {
  fill: #D80B09;
}
.styles__rosso___uSmmz g {
  fill: #D80B09;
}
.styles__mistyOrange___G_lz2 g,
.styles__flag-0-severity___MgNLZ g {
  fill: #FC8F45;
}
.styles__flag-1-severity___AwW30 g {
  fill: #D80B09;
}
.styles__casper___pWmCl g {
  fill: #ACB2BC;
}
.styles__geyser___afyft g {
  fill: #D6DAE1;
}
.styles__picton-blue___z1TC_ g {
  fill: #56A6F3;
}
.styles__nevada___N5rE3 g {
  fill: #636E7A;
}
.styles__big-stone___I_ejZ g {
  fill: #203343;
}
.styles__blue-whale___NmUzP g {
  fill: #2C465D;
}
.styles__shuttleGrey___gpMNA g,.styles__shuttleGrey___gpMNA {
  fill: #5D6574;
}
.styles__forest-green___tclz4 g {
  fill: #63A86E;
}
.styles__emerald___IPj3B g {
  fill: #57D860;
}
.styles__pictonBlue___vLO5U g {
  fill: #56A6F3;
}



.styles__link___aBWcK {
  font-size: 9pt;
  cursor: pointer;
  margin-top: 0px; 
  margin-bottom: 10px;
}

.styles__link___aBWcK:link {
  text-decoration: none;
}

.styles__link___aBWcK:hover {
  text-decoration: underline;
}

.styles__blue___S9MPE {
  color: #56A6F3;
}

.styles__dark___TO_Q6 {
  color: #5D6574;
}

.styles__rosso___GTXMK {
  color: #D80B09;
}

.styles__blue-whale___ztJlV {
  color: #2C465D;
}

.styles__white___Lh9j_ {
  color: #FFF;
}

.styles__underlined___MrBr4:link {
  text-decoration: underline;
}

.styles__underline___PSpMV:hover {
  text-decoration: none !important;
}


.styles__gotolink___SFmeW {
  display: flex;
  padding: 15px 0px;
}

.styles__gotolink___SFmeW a {
  margin-right: 5px;
}
.styles__label___drerJ {
  color: #2C465D;
  min-width: 150px;
  max-width: 150px;
  margin-right: 20px;
  font-size: 12px;
  line-height: 20px;
}

.styles__required___PLtGq {
  color: #D80B09;
  margin: 0 5px;
}

.styles__subtext___g14ol {
  color: dimgrey;
}
.styles__checkbox-container___lTw0I,
.styles__checkbox-container-inline___CHoBr {
  align-self: center;
  margin-right: 10px;
  cursor: pointer;
}

.styles__checkbox-container___lTw0I {
  display: flex;
}

.styles__checkbox-container-inline___CHoBr {
  display: inline;
  vertical-align: sub;
}

.styles__checkbox___FaQlF, .styles__checkbox-checked___JOcHO, .styles__checkbox-disabled___eYSHd, .styles__checkbox-checked-disabled___DsQD5 {
  width: 20px;
  height: 20px;
  display: inline-block;
  align-self: center;
  cursor: pointer;
  margin-right: 5px;
}

.styles__checkbox___FaQlF, .styles__checkbox-disabled___eYSHd {
  background: url(3a8fcdb202c1264ba650.svg) no-repeat #FFF;
  width: 20px;
  min-width: 20px;
}

.styles__checkbox-checked___JOcHO, .styles__checkbox-checked-disabled___DsQD5 {
  background: url(10d09fa94c88a3d46252.svg) no-repeat #FFF;
}

.styles__checkbox-disabled___eYSHd, .styles__checkbox-checked-disabled___DsQD5 {
  cursor: not-allowed;
  opacity: 0.5;
}

.styles__label___zQdmE {
  margin-left: 4px;
  font-size: 12px;
  line-height: 20px;
  min-width: 50px;
}

.styles__card___A4Uab {
  padding-right: 0;
  border: 1px solid rgba(172,178,188,0.3);
  background: #FFF;
  min-width: 400px;
  display: flex;
  flex: 1 0 450px;
  position: relative;
  flex-flow: row wrap;
  margin-top: 10px;
  margin-left: 10px;
  min-height: 90px;;
}

.styles__icon-container___r0hrJ {
  align-self: center;
  margin-left: 15px;
}

.styles__icon___avybz svg {
  width: 25px;
  height: 25px;
}

.styles__link-container___X1URv {
  border-left-width: 1px;
  border-left-color: #E5E5E5;
  border-left-style: solid;
  padding-top: 22px;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
}

.styles__attribute-container___uZMrU {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  margin: 8px;
  text-align: right;
}

.styles__attribute___qUbyr {
  color: #2C2C2E;
  font-size: 12px;
  min-width: 70px;
}

.styles__content___QVLYt {
  display: flex;
  flex: 2;
  flex-direction: row;
  justify-content: space-between;
  overflow: auto;
}

.styles__content-details___kZ8G7 {
  position: relative;
  display: flex;
  width: 100%;
}

.styles__content-details-with-arrow___gmSn0 {
  max-width: calc(100% - 60px);
}

.styles__main-detail-container-location___MMgWo {
  flex: 2;
  margin-left: 10px;
  padding: 3px;
  line-height: 12px;
  align-self: center;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}

.styles__main-detail-container-location___MMgWo h3 {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 16px;
    font-size: 14px;
  }

.styles__main-detail-container-location___MMgWo div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

.styles__main-detail-container___wWVVK {
  flex: 2;
  margin-left: 10px;
  padding: 3px;
  line-height: 12px;
  align-self: center;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.styles__main-detail-container___wWVVK h3 {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 16px;
    font-size: 14px;
  }

.styles__button___lGXTb {
  height: 30px;
  align-self: center;
}

/* Checkbox Styles */

.styles__checkbox-container___TO9rc {
  padding-left: 15px;
  align-self: center;
  
}

.styles__checkbox___PtM8M, .styles__checkbox-checked___yEacM{
  width: 20px;
  height: 20px;
}

.styles__checkbox___PtM8M {
}

.styles__checkbox-checked___yEacM {
}

.styles__label___u818f {
}

.styles__checkbox-disabled___QSoKS {
}

.styles__checkbox-checked-disabled___dk2NY {
}

.styles__icon___E0FgK {
  padding: 10px;
}

.styles__door-details___wjizH {

}

.styles__content___RxSBH {
  display: flex;
  flex: 3;
  flex-direction: column;
  margin-left: 15px;
  margin-top: 15px;
}

.styles__content-right___KUqFC {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.styles__contents-count___IEFCI {
  color: #ACB2BC;
}

.styles__content___RxSBH h3 {
  margin-left: 0;
}

.styles__checkbox___VDcEW {
  display: flex;
  flex: 0.8;
  align-self: center;
}

.styles__card___hkgxx {
  padding: 10px;
  border: 1px solid rgba(172,178,188,0.3);
  background: #FFF;
  min-height: 155px;
  max-height: 190px;
  min-width: 400px;
  display: flex;
  flex: 2;
  position: relative;
  flex-flow: row wrap;
  margin-top: 10px;
  margin-left: 10px;
}

/* card styles */
.styles__card___f_QpG {
  min-height: 150px;
  margin: 20px;
}

.styles__spinner___D_VXN {
  border: 1px solid #FFF;
  border-right-color: transparent;
  border-radius: 50%;
  animation: styles__spin-circle___dCKja 1.3s infinite linear;
  transform: translateZ(0);
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background: transparent;
}

@keyframes styles__spin-circle___dCKja {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.styles__grow___MrnLs {
  transition:all 0.5s ease-out;
}

.styles__grow___MrnLs:hover {
  transform:scale(1.1);
  opacity: 0.8;
}

.styles__shrink___qTAWL {
 transition:all 0.5s ease-out;
}

.styles__shrink___qTAWL:hover {
  transform:scale(0.9);
  opacity: 0.8;
}

.styles__icon___Xlgup {
  padding: 3px 6px 0px 0px;
}

.styles__button___Y2sb7 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 10px;
}

.styles__icon___Xlgup {
  margin: 0px 5px 0px 0px;
  padding: 0px;
}

.styles__label___zMczJ {
  margin: 0px;
  padding: 0px;
  flex-grow: 1;
  line-height: 20px;
}

.styles__disabled___ZUYtg {
  opacity: 0.5
}

.styles__disabled___ZUYtg:hover {
    transform: none;
    opacity: 0.5;
    cursor: inherit;
  }

.styles__button___NTpeu {
  text-transform: capitalize;
  transition: all 0.3s ease-out;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  text-align: center;
  background: #4B4F54;
  color: #FFF;
  margin: 0 10px 0 0;
  padding: 5px 15px;
  font-size: 12px;
}

.styles__icon___v3jbo {
}

.styles__icon___v3jbo svg {
    width: 18px;
    height: 18px;
  }

.styles__button___NTpeu:hover {
  background: #a8b4c6;
}

.styles__label___GWa6I {
}

.styles__disabled___MEzYZ {
  opacity: 0.5
}

.styles__disabled___MEzYZ:hover {
    transform: none;
    opacity: 0.5;
    cursor: not-allowed;
    background: #D2D4DD;
  }

.styles__text___AdI8G {
  font-size: 12px;
}
.styles__button____PXiC {
  text-transform: capitalize;
  transition:all 0.3s ease-out;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  text-align: center;
  margin: 0 10px 0 0;
  color: #FFF;  
  background: #4B4F54;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;

}

.styles__button____PXiC:hover {
  background: #0D1C29;
}

.styles__icon___v54Ta {
}

.styles__icon___v54Ta svg {
    width: 18px;
    height: 18px;
  }

.styles__label___x8Uug {  
}

.styles__disabled___ysS4i {
  opacity: 0.5
}

.styles__disabled___ysS4i:hover {
    transform: none;
    opacity: 0.5;
    cursor: not-allowed;
    background: #2C465D;
  }

.styles__loading-area___fPVkk, .styles__error-area___UEVUV {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  margin-top: 10%;
  text-align: center;
}

.styles__error-text___c7r3s {
  padding-right: 5px;
}

.styles__error-area___UEVUV button {
  width: 30%;
  margin: 0 auto;
}

.styles__loading-text___ZsUCD {
  justify-content: center;
  font-size: 14pt;
  margin: -108px auto;
  color: #2C465D;
}

.styles__load-more___YgUPF {
  margin: 10px auto;
  width: 200px;
  align-items: center;
  display: flex;
  align-self: center;
}

.styles__load-more-button___FMvZ6 {
  margin: 0 auto;
}

.styles__paginator___k0Y3Z {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
}

.styles__page-numbers___Wi6UE {
  margin-right: 10px;
  display: flex;
  align-items: center;
}

.styles__page-number___gntTb {
  cursor: pointer;
  margin-left: 4px;
  margin-right: 4px;
}

.styles__selected-page-number___ou_oe {
  margin-left: 4px;
  margin-right: 4px;
  color: #ACB2BC;
}

.styles__Dropdown___hxQqW {
  position: relative;
}
.styles__Dropdown-disabled____uw7F {
  opacity: 0.5;

}
.styles__Dropdown-form-width___iAEtF {
  width: 240px;
}
.styles__Dropdown-control___fIKgt {
  position: relative;
  overflow: hidden;
  background-color: #FFF;
  border: 1px solid #ACB2BC;
  border-radius: 2px;
  box-sizing: border-box;
  color: #333;
  width: 100%;
  min-width: 200px;
  cursor: default;
  outline: none;
  padding: 12px 10px;
  line-height: 16px;
  font-size: 12px;
  transition: all 200ms ease;
  margin-top: 2px;
}
.styles__Dropdown-control___fIKgt:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.styles__Dropdown-arrow___kyHiU {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: ' ';
  display: block;
  height: 0;
  margin-top: -ceil(2.5);
  position: absolute;
  right: 10px;
  top: 18px;
  width: 0
}
.styles__is-open___yaoMW .styles__Dropdown-arrow___kyHiU {
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}
.styles__Dropdown-menu___bF90W {
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  overflow-y: auto;
  position: absolute;
  width: 100%;
  font-size: 12px;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
}
.styles__Dropdown-menu___bF90W .styles__group___tF2kC > .styles__title___z9tnu{
  padding: 8px 10px;
  color: rgba(51, 51, 51, 1.2);
  font-weight: bold;
  text-transform: capitalize;
}
.styles__Dropdown-menu-top___L7uIl {
  bottom: 100%;
}
.styles__Dropdown-menu-bottom___WrZwd {
  top: 100%;
}
.styles__Dropdown-option___Ezzro {
  box-sizing: border-box;
  color: rgba(51, 51, 51, 0.8);
  cursor: pointer;
  display: block;
  padding: 8px 10px;
  transition: 0.3s ease-out;
}
.styles__Dropdown-option___Ezzro:last-child {
  border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px;
}
.styles__Dropdown-option___Ezzro:hover {
  background-color: #E5E5E5;
}
.styles__Dropdown-noresults___VxN0r {
  box-sizing: border-box;
  color: #ccc;
  cursor: default;
  display: block;
  padding: 8px 10px;
}

.spinner-styles__spinner___SppDc {
  border: 1px solid #2C465D;
  border-right-color: transparent;
  opacity: 0.4;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.styles__input___yh84y {
  color: #FFF;
  background: #182A3A;
  padding: 15px;
  border-radius: 4px;
  border: none;
  line-height: 12px;
  font-size: 12px
}
.styles__input___yh84y:placeholder {
    color: #FFF;
  }
.styles__input___yh84y:disabled {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

.search__search-container___IPWUs {
  display: flex;
  align-content: flex-end;
  justify-content: flex-end;  
  min-height: 42px;
}

.search__search___HLK2T {
  border: 1px solid #E5E5E5;
  background: #FFF;
  border-radius: 20px;
  min-height: 42px;
  display: flex;
  margin: 5px;
}

.search__input___akS7Q {
  flex: 2;
  height: 40px;
  border-radius: 20px;
  font-size: 1em;
  text-indent: 16px;
  border: none;
  color: #5D6574;
}

.search__icon___VAwMq {
  margin-left: 3px;
  padding-top: 7px;
  padding-right: 14px;
  cursor: pointer;
}

.search__input___akS7Q:focus {
  outline: none;
}
.styles__button___Y51zl {
  text-transform: capitalize;
  transition: all 0.3s ease-out;
  color: #FFF;
  background: #006ab4;
  font-size: 14px;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  text-align: center;
  padding: 10px 20px;
}

.styles__icon___BqczM {
}

.styles__button___Y51zl span {
  margin: 0 auto;
}

.styles__button___Y51zl:hover {
  background: #41B6E6;
}

.styles__label___DjpAy {
}

.styles__disabled___ArLow {
  opacity: 0.5
}

.styles__disabled___ArLow:hover {
    transform: none;
    opacity: 0.5;
    cursor: inherit;
    background: #56A6F3;
  }

.styles__button___OuzwM {
  margin: 20px 0;
  width: 200px;
  justify-content: center;
  align-self: center;
}

.styles__modal___RF0e8 {
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  background: rgba(214,218,225, 0.6);
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.styles__content___B7Gw0 {
  background: #EEEEEE;
  width: 550px;
  margin: 0 auto;
  height: 90%;
  padding: 20px;
}

.styles__contentHalfHeight___LIjmX {
  background: #EEEEEE;
  width: 550px;
  margin: 0 auto;
  height: 45%;
  padding: 20px;
}

.styles__close___Vb_NN {
  cursor: pointer;
}

.styles__view___vX6Ty {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  height: 93%;
}

.styles__viewHalfHeight___mpD9T {
  overflow-y: hidden;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  height: 93%;
}

.styles__top-bar____y8hN {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.styles__heading___t9e60 {
  font-size: 1.2em;
  color: #2C465D;
}

.modal-body-overflow {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

.styles__buttons___Q8qRt {
  text-align: center;
  width: 100%;
}

.styles__buttons___Q8qRt button {
  display: inline-block;
}
.styles__error___WNPxm, .styles__success___SbmP7 {
  font-size: 12pt;
  line-height: 20pt;
  display: block;
  text-align: center;
  width: 100%;
  padding: 4px;
  color: #FFF;
}

.styles__error___WNPxm span, .styles__success___SbmP7 span {
  width: 100%;
}

.styles__error___WNPxm {
  padding: 10px;
  border: 1px solid #D80B09;
  border-radius: 8px;
  background-color: #D0011B;
}

.styles__success___SbmP7 {
  padding: 10px;
  border-radius: 8px;
  background-color:  #48B570;
}

.styles__closeButton___d9ptt {
  width: 40px !important;
}

.styles__closeButton___d9ptt {
  float:right;
  font-size: 20px;
  font-weight: 800;
  cursor: pointer;
  flex-basis: content;
  padding: 0 10px 0 20px;
}

.styles__messageContainer___w0yZ9 {
  display: flex !important;
  flex-direction: row !important;
}

.styles__messageContainer___w0yZ9 {
  justify-content: space-between;
  align-items: flex-start;
}
.styles__header___dKUQh {
  background: #E5E5E5;
  display: flex;
  color: #636E7A;
  align-items: center;
  position: relative;
  min-height: 56px;
  padding: 10px 30px;
  justify-content: space-between;
}

.styles__loading-area___B4QgB, .styles__error-area___df2BC {
  margin-top: 0;
}

.styles__error-area___df2BC button{
  width: 30%;
  margin: 0 auto;
}

.styles__loading-text___rcwa4 {
  display: none;
}

.styles__load-more___t0VkB {}

/* Spinner */

.styles__spinner___FWQ5q {
  width: 60px;
  height: 60px;
}

.styles__small-form-wrapper___bIUDl {
  width: 100%;
  padding-bottom: 10%;
}

.styles__heading___Onmhe {
  width: 100%;
  margin-left: 20px;
  font-weight: lighter;
  font-size: 1.4em;
  text-transform: none;
  color: #2C465D;
}

.styles__value___Z2Kpz {
  font-weight: normal;
}

.styles__headingSmall___ys2Pu {
  width: 100%;
  font-weight: lighter;
  font-size: 0.4em;
  text-transform: none;
  color: #2C465D;
  margin-top: 6px;
}
.styles__tabs___S6YBY {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #D6DAE1;
  margin: 10px 20px 0;
}
.styles__tab___PsT2G, .styles__selected___QOGOu{
  cursor: pointer;
}

.styles__selected___QOGOu {
  border-bottom: 3px solid #004E9B;
}

.styles__name___jU22Q {
  color: #272A2A;
  font-weight: bold;
  font-size: 14px;
  margin: 10px;
  text-transform: uppercase;
}

.styles__selected___QOGOu .styles__name___jU22Q {
  color: #004E9B;
}

.styles__disabled___xDmK5 .styles__name___jU22Q {
  color: #ACB2BC;
}

/* Spinner */

.styles__spinner___Tkert {
  width: 20px;
  height: 20px;
  border: 1px solid #272A2A;
  border-right-color: transparent;
  margin-left: 20px;
  margin-right: 20px;
}

.index__carrier-summary___s4Sel {
    display: flex; 
    flex-direction: column;
}

.index__carrier-summary___s4Sel h3 {
    color: #636E7A;
    margin: 0 0 10px;
    font-size: 1.2em;
    text-transform: capitalize
}

.index__filter-item___cgZEv {
  font-size: 12px;
  margin-right: 10px;
  flex: 1;
  max-width: 300px;
  flex-basis: 25%;
  margin-bottom: 13px;
  margin-left:20px;
}

.index__rebuildButton___lGG0d {
    margin-left:0;
}

.index__notificationBarDiv___EU8O1{
    width:285px;
}

.styles__feature-name___EC2pX {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    margin-top: 0px;
}
.styles__toggle___Pklc2 {
    float: right;
}

.styles__toggle___Pklc2 label {
    width: 30px;
    padding-right: 5px;
    font-size: 0.9em;
    text-transform: uppercase;
    vertical-align: super;
}

.styles__uncheckedRectFillColor___sb46a {
    color:#E4E4E9;
}

.styles__uncheckedCircleFillColor___zuODp {
    color:#898C94;
}
.styles__toggle___qaZRB {
  display: flex;
  flex-direction: row;
  line-height: 30px;
  margin-top: 20px;
}

.styles__toggle-name___Dd8jJ {
    width: 250px;
}

.styles__toggle-radio___BVZgi {
    width: 50px;
}

.styles__toggle___qaZRB small {
    margin-left: 20px;
    line-height: 20px;
    max-width: 600px;
}

.styles__error___GUgfW {
    color: red;
}
.styles__icon___BfpJ2 {
  padding: 10px;
}

.styles__details___eIABA, .styles__contact-info___epCRN {
  margin: 10px 0;
}

.styles__contact-info___epCRN {
  display: flex;
}

.styles__details___eIABA span {
  margin: 0 5px
}

.styles__details___eIABA span:first-of-type, .styles__details___eIABA span:last-of-type {
    margin: 0;
  }

.styles__content___EzKvv {
  display: flex;
  flex: 2;
  flex-direction: column;
  padding: 0px 20px;
}

.styles__content___EzKvv h3 {
  margin-left: 0;
}

.styles__content-right___CKrvh {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.styles__summary___RDcLM {
  flex: 2;
}

.styles__button___t4Wt_ {
  display: flex;
  align-self: center;
  margin: 5px;
}

.styles__checkbox___fIdNo {
  margin: auto 20px;
}


.styles__notification___gj75t {
  padding: 8px;
  width: 100%;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
}

.styles__error___VIFF7 {
  color: #D80B09;
  background: rgba(216,11,9, 0.4);
}

.styles__success___qcSNr {
  color: #22B86E;
  background: #57D860;
}

.styles__messageTitle___X5e2p{
  font-size: 20px;
  font-weight: 800;
}

.styles__messageTitle___X5e2p:after{
  content: ' - ';
}

.thing-enter {
    opacity: 0.01;
    transition: opacity 1s ease-in;
  }

.thing-enter.thing-enter-active {
    opacity: 1;
  }

.thing-leave {
    opacity: 1;
    transition: opacity 1s ease-in;
  }

.thing-leave.thing-leave-active {
    opacity: 0.01;
  }

.styles__no-results___E1OA3 {
  text-align: center;
  font-size: 15px;
  color: #5D6574;
  margin: 20px auto;
}

.styles__icon___F6oyO {
  padding: 7px 0 12px;
  display: block;
}
.styles__cards___d6zZW {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-flow: row wrap;
  width: 100%;
  padding: 20px;
  padding-top: 0;
}

.styles__cards-loading___lE4Ux {
  justify-content: center;
}
.styles__error___GT3jI {
  color: #cd5c5c;
  font-size: 14px;
}

.styles__header___qUrTs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 26px;
}

.styles__selectAll___BWD_5 {
  display: flex;
}

.styles__list-wrapper___deuYz {
  overflow-y: auto;
  overflow-x: hidden;
}

.styles__button-container___id_HZ {
  display: flex;
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: 10px;
}

.styles__button-container___id_HZ > button + button {
  margin-left: 10px;
}

.index__client-summary___lJ_Dl {
    display: flex; 
    flex-direction: column;
}

.index__client-summary___lJ_Dl h3 {
    color: #636E7A;
    margin: 0 0 10px;
    font-size: 1.2em;
    text-transform: capitalize
}

.index__filter-item___uQyne {
  font-size: 12px;
  margin-right: 10px;
  flex: 1;
  max-width: 300px;
  flex-basis: 25%;
  margin-bottom: 13px;
  margin-left:20px;
}

.index__rebuildButton___BWdRM {
    margin-left:0;
}

.index__notificationBarDiv___UazQr{
    width:285px;
}

.styles__feature-name___g_Qa2 {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    margin-top: 0px;
}
.styles__toggle___fOWGA {
  display: flex;
  flex-direction: row;
  line-height: 30px;
  margin-top: 20px;
}

.styles__toggle-name___Mjhi5 {
    width: 250px;
}

.styles__toggle-radio___KOs2z {
    width: 50px;
}

.styles__toggle___fOWGA small {
    margin-left: 20px;
    line-height: 20px;
    max-width: 600px;
}

.styles__error___FHvO2 {
    color: red;
}
.styles__field-columns___s4OhA {
  width: 100%;
  display: flex;
  flex-direction: row;
}

.styles__fields___hMuml {
  width: 100%;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

.styles__heading____bmm8 {
  padding-bottom: 26px;
  border-bottom: 1px solid #ACB2BC;
  width: 96%;
  position: relative;
}

.styles__value___pbgKK {
}

.styles__headingRight___J9lbk {
  float: right;
}

.styles__headingSmall___r3r4_ {
  width: 100%;
  font-weight: lighter;
  font-size: 0.4em;
  text-transform: none;
  color: #2C465D;
  margin-top: 6px;
}
.styles__field___Xn_pv {
  display: flex;
  align-items: center;
  margin: 10px 0;
}

.errorStyles__error___hzWvk, .errorStyles__success___Wj7MC {
  font-size: 10pt;
  display: block;
  width: 100%;
  padding: 4px;
  white-space: nowrap;
  overflow: hidden;
}

.errorStyles__error___hzWvk span, .errorStyles__success___Wj7MC span {
  width: 100%;
}

.errorStyles__error___hzWvk {
  color: #D80B09;
}

.errorStyles__success___Wj7MC {
  color: #57D860;
}

.errorStyles__messageContainer___JTvCo {
  
}

.aboveErrorStyles__error___shXQO, .aboveErrorStyles__success___Q_B88 {
  font-size: 10pt;
  display: block;
  margin-left: 170px;
  padding: 4px;
}

.aboveErrorStyles__error___shXQO span, .aboveErrorStyles__success___Q_B88 span {
  width: 100%;
}

.aboveErrorStyles__error___shXQO {
  color: #D80B09;
}

.aboveErrorStyles__success___Q_B88 {
  color: #57D860;
}

.aboveErrorStyles__messageContainer___v_hD8 {
  
}

.styles__label___Q2NFe {
  margin-right: 20px;
}

.styles__column___Y6Urx {
  display: flex;
  flex-direction: column;
}

.styles__inline___rJhLG {
  display: inline-block;
}
.styles__input___KDkHW {
  color: #4B4F54;
  background: #FFF;
  padding: 12px 15px;
  border-radius: 2px;
  line-height: 16px;
  border: 1px solid #ACB2BC
}
.styles__input___KDkHW:placeholder {
    color: #FFF;
  }
.styles__input___KDkHW:disabled {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

.styles__card___eqFUW {
  padding: 15px;
  border: 1px solid rgba(172,178,188,0.3);
  background: #FFF;
  min-height: 200px;
  display: flex;
  flex: 2;
  position: relative;
  flex-flow: row wrap;
  flex-basis: 40%;
  margin-top: 10px;
}

.styles__card___eqFUW:nth-of-type(2n) {
  margin-left: 10px;
}

.styles__user-icon___G4hUp svg {
  width: 25px;
  height: 25px;
  margin: 20px;
}

.styles__heading___ZtY7O {
  display: flex;
  justify-content: space-between;
}

.styles__suspended___cEzdN {
  color: #ACB2BC;
}

.styles__content___H_8Cw, .styles__contact-details___jyp_a {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.styles__content___H_8Cw h3, .styles__contact-details___jyp_a h3 {
    margin-left: 0px;
  }

/* Checkbox Styles */

.styles__checkbox-container___MZ7vk {
  align-self: center;
}

.styles__checkbox___Nhwos, .styles__checkbox-checked___ebP7l{
  width: 20px;
  height: 20px;
}

.styles__checkbox___Nhwos {
}

.styles__checkbox-checked___ebP7l {
}

.styles__label___erBi7 {
}

.styles__logo___NTfXW {
  display: block;
  margin: 10px;
  max-width: 45px;
  max-height: 45px;
}

.styles__details___X5CcC {
  margin: 10px 0;
}

.styles__details___X5CcC span {
  margin: 0 5px
}

.styles__details___X5CcC span:first-of-type {
    margin: 0;
  }

.styles__content___H_8Cw {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-left: 15px;
}

.styles__content___H_8Cw h3 {
  margin-left: 0;
}

.styles__add-sub-client___toXDe {
  display: flex;
  align-items: center;
  color: #ACB2BC;
}

.styles__add-sub-client___toXDe a {
  display: flex;
  align-items: center;
  color: #5D697E;
}
.styles__container___aSUyg {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}


.styles__description___F72gK {
  font-size: 10px;
  display: block;
  margin-top: 5px;
}
.styles__typeahead___nlR9w {
  position: relative;
}

.styles__typeahead___nlR9w .typehead2 ul {
  background: green;
}

.styles__typeahead___nlR9w .typeahead2-result-selected {
  background: #E5E5E5;
}

.styles__typeahead___nlR9w .typeahead2 input {
  width: 100%;
  color: #4B4F54;
  background: #FFF;
  padding: 12px 10px;
  min-width: 200px;
  border-radius: 2px;
  border: 1px solid #ACB2BC;
  margin-top: 2px;
  line-height: 16px;
  font-size: 12px
}

.styles__typeahead___nlR9w .typeahead2 input:-moz-placeholder-shown {
    color: #4B4F54;
  }

.styles__typeahead___nlR9w .typeahead2 input:placeholder-shown {
    color: #4B4F54;
  }

.styles__typeahead___nlR9w ul {
  list-style: none;
  background: #FFF;
  width: 100%;
  position: absolute;
  z-index: 9;
  margin: 0;
  padding: 0;
  border: 1px solid #E5E5E5;
  border-bottom: 0;
}

.styles__typeahead___nlR9w li {
  padding: 8px 15px;
  border-bottom: 1px solid #D6DAE1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  cursor: pointer;
  transition: 0.3s ease-out;
}

.styles__typeahead___nlR9w .typeahead2 li:hover {
  background: #E5E5E5;
}

.styles__spinner___vtsdm {
  border: 1px solid #2C465D;
  border-right-color: transparent;
  position: absolute;
  top: 14px;
  right: 10px;
}

.styles__search-filters___TDB_O {
  background: #D2D4DD;
  padding: 10px;
  padding-left: 30px;
  display: flex;
  flex-direction: column;
}

.styles__heading-row___TTwbI {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.styles__heading-row___TTwbI > h3 {
  margin-left: 0;
}

.styles__filter-clear___lzRl6 {
  padding-top: 10px;
}

.styles__buttons___B4je_ {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

.styles__label___vG0T2 {
  flex: 1;
}

.styles__remove-filters___J5U3F {
  flex: 1;
  align-self: flex-end;
  text-align: right;
  padding-bottom: 16px;
  margin-right: 22px;
}

/* temp */
.styles__filter-item___DwqjS {
  margin-top:5px;
  font-size: 12px;
  margin-right: 10px
}
.styles__filter-item___DwqjS:last-of-type {
    margin-right: 0;
  }

.styles__dropdown___YxseC {
  flex-basis: 23%;
}

.styles__breadcrumbs___fQPup {
  align-items: center;
  font-size: 9pt;
  color: #2C2C2E;
  padding: 10px;
  flex: 1;
}

.styles__breadcrumbs___fQPup a:link,
.styles__breadcrumbs___fQPup a:hover,
.styles__breadcrumbs___fQPup a:active,
.styles__breadcrumbs___fQPup a:visited {
  color: #2C2C2E;
  text-decoration: none;
}

.styles__breadcrumbs___fQPup a:hover {
  text-decoration: underline;
}

.styles__content___Xnt51 {
  background: #EEEEEE;
  min-height: 100%;
  margin-left: 90px;
  margin-top: 65px;
}

.styles__breadcrumbs___NHpcU {
  display: flex;
  justify-content: flex-end;
  align-items: center;  
  min-height: 1px;
}

.styles__breadcrumbs-floating___Ir42g {

  float: left;
  line-height: 32px;
}

.styles__buttons___wsCxs {
  display: flex;
  justify-content: flex-end;
  align-content: center;
  padding: 10px;
}

.spinner-styles__spinner___T5hQa {
    border: 1px solid #2C465D;
    border-right-color: transparent;
    opacity: 0.4;
    margin: 0 auto;
  }
  
.styles__summary-item___Bcz9W {
  text-align: center;
  border-width: 0;
  border-style: solid;
  color: #5D6574;
  border-color: #5D6574;
  height: 100%;
  display: inline;
  padding-top: 15px;
  padding-bottom: 25px;
}

.styles__summary-item___Bcz9W::before {
  content: '//';
  padding-left: 10px;
  padding-right: 10px;
}
.styles__summary-item-container___qT33v {
  flex: 1;
  display: inline-block;
  text-align: left;
  font-size: 13px;
}

.styles__summary-item-container___qT33v > h3 {
  margin-left: 0;
}
.styles__link___hKNdn {
  display: inline-flex;
}

.styles__label___hFGCq {
}

.styles__sortorder___yDElc {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.styles__text___EOXVC {
  margin-right: 10px;
  font-size: 12px;
}

.styles__dropdown___tODOJ {
  min-width: 150px;
}

.styles__actions___IFC_o {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}

.styles__left___UZLUh {
  display: flex;
}

.styles__icon-container___DyoNl {
  padding: 20px;
}

.styles__summary-item-container___WFm8X, .styles__total-clients-container___qVjhG {
  width:50%;
  display: inline-block;
  display:flex;
  justify-content: left;
}

.styles__total-clients-container___qVjhG span {
  margin-left: 5px;
}

.styles__total-clients-container___qVjhG span:nth-of-type(2) {
  font-weight: 600;
}

.styles__icon___IsuXS {
  margin-right: 5px;
}

.styles__summary-text___Jhui3 {
  display: flex;
  align-items: center;
}

.styles__clients___zi4Nz {
  width: 100%;
}

.styles__clients___zi4Nz > .styles__client-tree___ZTShB {
  padding: 0px;
}

.styles__client-tree___ZTShB {
  width: 100%;
}

.styles__client-tree___ZTShB li {
  list-style-type: none;
}

.styles__client-node-icon___PGt4F {
  width: 25px;
}

.styles__load-more___j4l20 {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 10px
}

.styles__expand___MhWM_ {
  height: 30px;
}

.styles__client-node___eODGp {
  display: flex;
  align-items: center;

}

.styles__summary-item___BRgje {
  text-align: center;
  border-width: 0;
  border-style: solid;
  color: #5D6574;
  border-color: #5D6574;
  height: 100%;
  display: block;
  padding-top: 15px;
  padding-bottom: 25px;;
}

.styles__primary-value___HJ7Gt {
  font-size: 40px;
  font-weight: bold;
}

.styles__primary-label___Q5wHK {
  font-weight: bold;
}

.styles__secondary-text___BZ_yx {
  font-size: 12px;
}

.styles__create-sub-client___va3pX {
  margin: 5px;
}

.styles__create-add___OSXvw {
  height: 36px;
}


.styles__content___JETwf {
  display: flex;
  flex-direction: column;
  flex: 1;
  color: #2C465D;
  margin-left: 20px;
}

.styles__details___CWnV7 {
  display: flex;
  margin-top: 20px
}

.styles__name___xJ9jt {
  color: #636E7A;
  font-size: 1.2em;
  text-transform: capitalize;
  font-weight: bold;
}

.defaultStyles__activity-cell___JNuUm {
  width: 100%;
  display:flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.defaultStyles__activity-cell___JNuUm .defaultStyles__value___AKFuL {
  word-wrap: break-word;
  white-space: pre-wrap;
  overflow: hidden;
  flex: 1;
  /* set an arbitraty min-width so whole words wrap when using flexbox */
  min-width: 10px;
}

.defaultStyles__activity-cell___JNuUm .defaultStyles__flex-icon___DI6ju svg {
  position: relative;
  top: 0px;
  vertical-align: middle;
}

.defaultStyles__activity-cell___JNuUm .defaultStyles__flex-icon___DI6ju,
.defaultStyles__activity-cell___JNuUm .defaultStyles__flex-icon___DI6ju > span {
  display: flex;
}
.scannedInOutStyles__scanned-in-out-cell___czJQZ {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.scannedInOutStyles__scanned-in-out-cell___czJQZ .scannedInOutStyles__cell-item___OUTNP {
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  min-height: 15px;
  margin: 3px 0;
}

.scannedInOutStyles__scanned-in-out-cell___czJQZ .scannedInOutStyles__cell-item___OUTNP .scannedInOutStyles__value___NM5YN {
  word-wrap: break-word;
  white-space: pre-wrap;
  overflow: hidden;
  flex: 1;
  /* set an arbitraty min-width so whole words wrap when using flexbox */
  min-width: 10px;
}

.scannedInOutStyles__scanned-in-out-cell___czJQZ .scannedInOutStyles__cell-item___OUTNP .scannedInOutStyles__flex-icon___W_diw svg {
  position: relative;
  top: 0px;
  vertical-align: middle;
}

.scannedInOutStyles__scanned-in-out-cell___czJQZ .scannedInOutStyles__cell-item___OUTNP .scannedInOutStyles__flex-icon___W_diw,
.scannedInOutStyles__scanned-in-out-cell___czJQZ .scannedInOutStyles__cell-item___OUTNP .scannedInOutStyles__flex-icon___W_diw > span {
  display: flex;
}

.scannedInOutStyles__sku-description___HAMV4 {
  position: relative;
  top: 0px;
  vertical-align: middle;
  display: flex;
  color:#A2A9B3;
}

.scannedInOutStyles__value___NM5YN{
  margin-left: 10px;
}

.styles__item-right___GzQcn {
  position: absolute;
  top: -5px;
  left: 100px;
  background: #56A6F3;
  border-radius: 4px;
  color: #4B4F54;
  padding: 2px 5px;
  z-index: 30;
}

.styles__item-left___HpOBY {
  position: absolute;
  top: -5px;
  left: -110px;
  background: #56A6F3;
  border-radius: 4px;
  color: #4B4F54;
  padding: 2px 5px;
  z-index: 30;
  width: 100px;
}

.styles__hover___ixjv4 {
  cursor: pointer;
  position: relative;
}

.styles__hover___ixjv4 span {
  text-decoration: underline;
}

.failedDelivery__failed-delivery-cell___vo5TB .failedDelivery__cell-item___yMbSx {
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  min-height: 25px;
  margin: 3px 0;
}

.failedDelivery__failed-delivery-cell___vo5TB .failedDelivery__flex-icon___rlx8w svg {
  position: relative;
  top: 0px;
  vertical-align: middle;
}

.failedDelivery__failed-delivery-cell___vo5TB .failedDelivery__flex-icon___rlx8w,
.failedDelivery__failed-delivery-cell___vo5TB .failedDelivery__flex-icon___rlx8w > span {
  display: flex;
}

.failedDelivery__failed-delivery-cell___vo5TB .failedDelivery__value___P2y83 {
  word-wrap: break-word;
  white-space: pre-wrap;
  overflow: hidden;
  flex: 1;
  /* set an arbitraty min-width so whole words wrap when using flexbox */
  min-width: 10px;
}
.styles__customFields___g4ZqS {
  margin: 0;
}
  .styles__customFields___g4ZqS dt {
    color: #A2A9B3;
    float: left;
    clear: left;
    width: 30px;
  }
  .styles__customFields___g4ZqS dd {
    margin: 0 0 0 30px;
    padding: 0;
  }

.styles__references-cell___rT902 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.styles__references-cell___rT902 .styles__cell-item___RRevc {
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  min-height: 25px;
  margin: 3px 0;
}

.styles__references-cell___rT902 .styles__cell-item___RRevc .styles__value____PdIV {
  word-wrap: break-word;
  white-space: pre-wrap;
  overflow: hidden;
  flex: 1;
  /* set an arbitraty min-width so whole words wrap when using flexbox */
  min-width: 10px;
}

.styles__references-cell___rT902 .styles__cell-item___RRevc .styles__flex-icon___CI24A svg {
  position: relative;
  top: 0px;
  vertical-align: middle;
  margin-right: 10px;
}

.styles__references-cell___rT902 .styles__cell-item___RRevc .styles__flex-icon___CI24A,
.styles__references-cell___rT902 .styles__cell-item___RRevc .styles__flex-icon___CI24A > span {
  display: flex;
}
.styles__table-row___qRVvy {
  background-color: #FFF;
}

.styles__table-row___qRVvy svg {
  display: inline-block;
  position: relative;
  top: 5px;
  width: 20px;
  height: 20px;
  vertical-align: baseline;
  margin-right: 5px;
}

.styles__table-row___qRVvy:nth-child(even) {
  background-color: #FBFBFB;
}

.styles__table-row___qRVvy td {
  vertical-align: top;
  padding: 10px;
  word-wrap: break-word;
  border-bottom: 1px solid #E5E5E5;
}

.styles__LockInstalled___uaFgl {
  border-left: 2px #57D860 solid;
}

.styles__AccessDoorOpened___CRQ8p,
.styles__Unknown___Hj2Ik,
.styles__ScannedOut___nIgYx,
.styles__ScannedIn____ixHi,
.styles__DoorUnlocked___LRJX0,
.styles__ConnectionFailed___dC1t7,
.styles__ManuallyScannedIn___VAwXn,
.styles__ManuallyScannedOut___oGlNe {
  border-left: none;
}
.styles__icon-cell___qTSUq {
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles__flex-icon___EFaAp svg {
  position: relative;
  top: 0px;
  vertical-align: middle;
}

.styles__flex-icon___EFaAp,
.styles__flex-icon___EFaAp > span {
  display: flex;
}

.styles__error___D7HRl {
  border-left: 2px #D80B09 solid;
}

.styles__table-container___FuXE8 {
  width: 100%;
  border-spacing: 0;
  font-size: 12px;
  line-height: 18px;
  table-layout: fixed;
  padding: 10px 30px;
}

.styles__table-header___WL6Qc {
  background-color: #B4BAC5;
  color: #FFF;
  padding: 10px;
  text-align: left;
}

.styles__table-header-v2___WCjzQ {
  background-color: #6A778A;
}

.styles__table-header-item___JYelH {
  color: #FFF;
  padding: 10px;
  font-weight: 400;
  text-align: left;
}
.styles__activity-panel___ZMzXo {
  width: 100%;
}

.styles__view-all-button___zbrq3 {
  float: right;
}

.styles__table-top___q7GM8 {
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  padding: 5px 30px;
}

.styles__table___XmRx9 {
  padding: 10px 0px;
}

.styles__seven-columns___YmI7i th:nth-child(1),
.styles__eight-columns___sug97 th:nth-child(1) {
  width: 60px;
}

.styles__seven-columns___YmI7i th:nth-child(3),
.styles__seven-columns___YmI7i th:nth-child(4),
.styles__eight-columns___sug97 th:nth-child(4),
.styles__eight-columns___sug97 th:nth-child(5) {
  width: 18em;
}
.styles__row___clOb3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #FFF;
  margin: 3px 0;
  padding: 10px 20px;
}

.styles__row___clOb3:last-child {
  margin-bottom: 20px;
}

.styles__column___lF7rL {
  font-size: 12px;
}
.styles__row___bxbs6 {
  display: flex;
  justify-content: space-between;
  background: #FFF;
  margin: 10px 0;
  padding: 20px 8px;
}

.styles__column___pDUoR {

}
.styles__section___cAYYC {
  border-bottom: 1px solid #D6DAE1;
  margin: 0 20px;
}

.styles__heading___j2QAd {
  cursor: pointer;
  display: flex;
  padding: 15px;
}

.styles__heading___j2QAd .styles__text___cAiCC {
    font-size: 14px;
    line-height: 22px;
    margin-left: 14px;
    font-weight: bold;
    color: #4B4F54;
    flex-basis: 99%;
  }

.styles__heading___j2QAd .styles__status-text___hkUHZ{
    flex-basis: 15%;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    color: #4B4F54;
  }

.styles__rows___lVJV2{
  max-height: 9000px;
  overflow-y: hidden;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  display: flex;
  flex-direction: column;
  margin: 0 46px;

}

.styles__rows-hide___XEWVa {
  max-height: 0;
}

.styles__action___pLk_r {
  align-self: flex-end;
  margin-bottom: 5px;
}

span .styles__icon___mCYCh {
  width:25px;
  height:25px;
}
.styles__button____2ICQ {
  background: #56A6F3;
  color: #FFF;
}

.styles__button____2ICQ span {
  padding: 0px;
  margin: 0 auto;
}

.styles__label___eU0i_ {
}

.styles__link___MPU9n {
  display: flex;
}


.styles__label___GpxU6 {
}

.styles__table-row___WQuyW {
  background-color: #FFF;
}

.styles__table-row___WQuyW td, .styles__table-row-tracking-out___lStlB td {
  vertical-align: top;
  padding: 10px;
  word-wrap: break-word;
  border-bottom: 1px solid #E5E5E5;
}

.styles__table-row___WQuyW:nth-child(even) {
  background-color: #FBFBFB;
}

.styles__table-row-tracking-out___lStlB td {
  border-bottom: 1px solid #ccc;
  font-style: italic;
  text-decoration: none;
  background-color: rgb(245, 232, 232)
}

.styles__assign-column___ALa0V {
}

.styles__remove-link___ekRSh {
  color: #5D697E;
  padding-left: 5px;
}

.styles__remove-link___ekRSh:before {
  content: "(";
}

.styles__remove-link___ekRSh:after {
  content: ")";
}

.styles__flex-container___iC6H0 {
  display: flex;
  flex-direction: row;
}

.styles__warning-message-text___oyUrv {
  margin-top:5px;
  margin-left:10px;
}

.styles__table-row___WQuyW div svg, .styles__table-row-tracking-out___lStlB div svg {
  width:20px;
  height:20px;
}

.styles__skuorder-text___TbSBY {
  margin-bottom:3px;
  margin-left:10px;
}

.styles__spinner___e4KUy{
  border: 1px solid #2C465D;
  border-right-color: transparent;
  opacity: 0.4;
  display: inline-block;
  margin-right: 10px;
}

.styles__icon-label___TgDvv {
  float: left;
  clear: left;
  width: 30px;
}

.styles__sku-description___II9_B {
  float: left;
  clear: left;
  width: 30px;
  color:#A2A9B3;
}

.styles__actions___IkkIR {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
}

.styles__left___JvbP0 {
  display: flex;
  margin-left: 10px;
}

.styles__search___n8hIw {
  margin-right: 5px;
}

.styles__header___g4sd3 {
  background: #E5E5E5;
  display: flex;
  color: #636E7A;
  padding: 40px 22px;
}

.styles__lat___HKWZU {
  display: flex;
  flex-direction: column;
  background-color: #EEEEEE;
  padding: 10px 20px;
  margin-right: 10px;
  color: black;
}

.styles__lat___HKWZU strong {
  font-weight: normal;
  margin-bottom: 5px;
  color: black;
}

.styles__latenabledstatus___JuFN7 {
  display: flex;
  flex-direction: column;
  background-color: #EEEEEE;
  margin-right: 10px;
  color: #48B570;
}

.styles__locks___AiqHi {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  background-color: #EEEEEE;
  padding: 10px 20px;
  margin-right: 10px;
}

.styles__locks___AiqHi strong {
  font-weight: normal;
  margin-bottom: 5px;
  color: black;
}

.styles__content___lIzXH {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
  flex: 2;
}

.styles__name___wmkFv {
  padding-right: 50px;
  color: #636E7A;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: capitalize;
}

.styles__percentage___qlcN8 {
  font-Size: 70%;
  line-height: 31px;
}

.styles__actions___u1c8C {
  display: flex;
  flex-direction: column;
}

.styles__actions___u1c8C button {
  margin-bottom: 5px;
  min-width: 120px;
}

.styles__door-info___uaRhY {
  font-size: 80%;
}

.styles__door-info-label___BxrHL {
  font-weight: bold;
}

.styles__sku-info-label___F3S2R {
  font-weight: bold;
  margin-left: 30px;
}

.styles__sku-warning___doX1a {
  margin-left: 20px;
  color: red;
  font-weight: normal;
  font-size: 80%;
  text-transform: none;
}

.styles__sku-warning___doX1a svg {
  margin-right: 10px;
}
.styles__locks___FxT6O {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  background-color: #EEEEEE;
  padding: 10px 20px;
  margin-right: 10px;
}

.styles__lock-header___Gny3A{
  margin-left: 44px;
}

.styles__locks___FxT6O strong {
  font-weight: bold;
  margin-bottom: 5px;
}
.styles__battery-percentage___jQF_u {
  margin-left: 8px;
}

.styles__battery-voltage___mmH5O {
  margin-left: 18px;
}
.styles__lock___m_J5x {
  display: flex;
  flex-direction: row;
  min-width: 320px;
  position: relative;
}

.styles__lock-id-decimal___SRHrw {
  display: inline;
  min-width: 100px;
}

.styles__lock-id___lgLMF {
  display: inline;
  min-width: 100px;
}

.styles__lock-firmware___fEjdZ {
  margin-right: 10px;
  padding-top: 1px;
}

.styles__lock-virtual___eCC68 {
  font-weight: 800;
  margin-top: 2px;
  padding-top: 1px;
  font-size: 10px;
  text-align: center;
  height: 14px;
  width: 14px;
  background-color: #FFC107;
  border-radius: 50%;
  color: #fff;
  margin-right: 10px;
  cursor: default;
}

.styles__is-primary___NgtcN {
  font-weight: 800;
  margin-top: 2px;
  padding-top: 1px;
  font-size: 10px;
  text-align: center;
  height: 14px;
  width: 14px;
  background-color: #56A6F3;
  border-radius: 50%;
  color: #fff;
  margin-right: 6px;
  cursor: default;
}

.styles__is-secondary___SpNQe {
  width: 14px;
  margin-right: 6px;
  visibility: hidden;
}

.styles__multi-buttons___U5qUt {
  margin-left: 170px;
  display:flex;
}

.styles__modal___FFMsW {
  display: flex;
  justify-content: center;
}

.styles__content___lDrDp {
  height: auto;
}

.styles__view___o2y8i {
  height: auto;
  overflow-y: hidden;
}

.styles__view___o2y8i > *:not(:last-child) {
  margin: 20px 0;
}

.styles__top-bar___pViPZ {
  display: flex;
  justify-content: space-between;
}

.styles__heading___ip7mU {
}
.styles__door-form___PWRWg input[type=text] {
    width: 370px !important;
}

.styles__door-form___PWRWg input[type=number] {
    width: 370px !important;
}

.styles__door-form___PWRWg .styles__Dropdown-form-width___FzWVT {
    width: 500px;
}

.styles__door-form___PWRWg {
    font-size: 100%;
}

.styles__input-wrapper___tllvB {
    display: flex;
}

.styles__input-wrapper___tllvB {
    display: flex;
    align-items: center;
}

.styles__error-message___KrXKQ {
    color: #D80B09;
    font-size: 10pt;
}

.styles__multi-buttons___Gz1VG {
    margin-left: 170px;
    display:flex;
}
.styles__input___PhYfE {
  color: #203343;
  background: #FFF;
  padding: 12px 15px;
  border-radius: 2px;
  border: 1px solid #ACB2BC
}
.styles__input___PhYfE:placeholder {
    color: #FFF;
  }
.styles__input___PhYfE:disabled {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

.styles__label___ri6Ln {
  margin-right: 5px;
  color: #2C465D;
}

.styles__radio___wikyD {
  margin-right: 10px;
}

.styles__lock___bbNfZ {
    display: flex;
    flex-direction: column;
    padding: 5px;
    background-color: white;
    border: 1px grey solid;
    border-top: none;
    padding: 12px 8px;
    min-width: 300px;
    position: relative;
}

.styles__primary___YIaDt {
    margin-left: 30px;
    color: rgba(86,166,243,1);
}

.styles__hex-lock-id___gMuVK {
    min-width: 100px;
}

.styles__decimal-lock-id___s8VTU {
    min-width: 100px;
}

.styles__lock-description___NVZav,
.styles__lock-battery___tK0I5,
.styles__remove-icon___FV37Y,
.styles__lock-radio___UcA07 {
  flex-direction: column;
}

.styles__lock-description___NVZav {
    display: flex;
    flex-direction: row;
}

.styles__remove-icon___FV37Y {
    width: 20px;
}

.styles__lock-radio___UcA07 {
    width: 30px;
}

.styles__lock___bbNfZ:first-of-type {
    border-top: 1px grey solid;
}

.styles__remove-icon___FV37Y {
    cursor: pointer;
    position: relative;
    border: 2px grey solid;
    border-radius: 10px;
    width: 15px;
    height: 15px;
    vertical-align: super;
}

.styles__remove-icon___FV37Y svg {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 5px;
    height: 5px;
}

.styles__lock-battery___tK0I5 {
    width: %60;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-size: 13px;
    min-width: 110px;
}

.styles__remove-icon___FV37Y g {
    stroke-width: 5;
    stroke: grey;
    fill: grey;
}
.styles__lock___EG5tD {
    display: flex;
    flex-direction: column;
    padding: 5px;
    background-color: white;
    border: 1px grey solid;
    border-top: none;
    padding: 12px 8px;
    min-width: 300px;
    position: relative;
}

.styles__primary___Pfcjv {
    margin-left: 30px;
    color: rgba(86,166,243,1);
}

.styles__hex-lock-id___vNdSv {
    min-width: 100px;
}

.styles__decimal-lock-id___I4P0g {
    min-width: 100px;
}

.styles__lock-description___DJXLO,
.styles__lock-battery___W__e_,
.styles__remove-icon___eAmip,
.styles__lock-radio___kAQlW {
  flex-direction: column;
}

.styles__lock-description___DJXLO {
    display: flex;
    flex-direction: row;
}

.styles__remove-icon___eAmip {
    width: 20px;
}

.styles__lock-radio___kAQlW {
    width: 30px;
}

.styles__lock___EG5tD:first-of-type {
    border-top: 1px grey solid;
}

.styles__remove-icon___eAmip {
    cursor: pointer;
    position: relative;
    border: 2px grey solid;
    border-radius: 10px;
    width: 15px;
    height: 15px;
    vertical-align: super;
}

.styles__remove-icon___eAmip svg {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 5px;
    height: 5px;
}

.styles__lock-battery___W__e_ {
    width: %60;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-size: 13px;
    min-width: 110px;
}

.styles__remove-icon___eAmip g {
    stroke-width: 5;
    stroke: grey;
    fill: grey;
}
.styles__door-form___cNgKe {
    font-size: 100%;
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    display: block;
}
.styles__door-form-header___zX0Xo{
    width: 100%;
    margin-left: 20px;
    font-weight: lighter;
    font-size: 1.4em;
    text-transform: none;
    color: #2C465D;
    padding-bottom: 26px;
    border-bottom: 1px solid #ACB2BC;
    width: 96%;
    position: relative;
}
.styles__door-form___cNgKe input[type=text] {
    width: 370px !important;

}
.styles__door-form___cNgKe input[type=text] {
    color: #4B4F54;
    background: #FFF;
    padding: 12px 15px;
    border-radius: 2px;
    line-height: 16px;
    border: 1px solid #ACB2BC;

}
.styles__door-form___cNgKe input[type=number] {
    width: 370px !important;

}
.styles__door-form___cNgKe input[type=number] {
    color: #4B4F54;
    background: #FFF;
    padding: 12px 15px;
    border-radius: 2px;
    line-height: 16px;
    border: 1px solid #ACB2BC;

}
.styles__input-wrapper___y2vEd {

    align-items: center;
    display: block;
}
.styles__error-message___FTkN5 {
    color: #D80B09;
    font-size: 10pt;
    margin-left: 10px;
}
.styles__error___KEf09 {
    font-size: 12pt;
    line-height: 20pt;
    display: block;
    text-align: center;
    width: 100%;
    padding: 4px;
    color: #FFF;
}
.styles__multi-buttons___OUYjP {
    margin-left: 170px;
    display:flex;
}
.NotificationBarNoRedux-module__notificationBar___buB4t {
  font-size: 12pt;
  line-height: 20pt;
  display: block;
  text-align: center;
  width: 98%;
  padding: 4px;
  color: #FFF;
  border-radius: 5px;
}


.NotificationBarNoRedux-module__success___iceqv {
  padding: 8px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  color: #FFF;
  background: #48B570;

}


.NotificationBarNoRedux-module__notification___cH1Nd {
  padding: 8px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
}


.NotificationBarNoRedux-module__error___r5Upc {
  padding: 8px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  color: #FFF;
  background: #D80B09;
}


.NotificationBarNoRedux-module__info___frN6N {
  background-color: #d1ecf1;
  color: #0c5460;
}


.NotificationBarNoRedux-module__warning___beNji {
  background-color: #fff3cd;
  color: #856404;
}


.NotificationBarNoRedux-module__closeButton___kE8cC {
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  color: inherit;
}


.styles__loading-area___IqiiZ, .styles__error-area___cVGz5 {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  margin-top: 10%;
  text-align: center;
}

.styles__error-text___CbFog {
  padding-right: 5px;
}

.styles__error-area___cVGz5 button {
  width: 30%;
  margin: 0 auto;
}

.styles__loading-text___HPQXY {
  justify-content: center;
  font-size: 14pt;
  margin: -108px auto;
  color: #2C465D;
}

.styles__load-more___iJt3d {
  margin: 10px auto;
  width: 200px;
  align-items: center;
  display: flex;
  align-self: center;
}

.styles__load-more-button___K1We2 {
  margin: 0 auto;
}

.styles__paginator___jKIrn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
}

.styles__page-numbers___VE4_v {
  margin-right: 10px;
  display: flex;
  align-items: center;
}

.styles__page-number___gqnn_ {
  cursor: pointer;
  margin-left: 4px;
  margin-right: 4px;
}

.styles__selected-page-number___r48AG {
  margin-left: 4px;
  margin-right: 4px;
  color: #ACB2BC;
}

.spinner-styles__spinner___WsMrl {
  border: 1px solid #2C465D;
  border-right-color: transparent;
  opacity: 0.4;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.styles__modal___w1TZE {
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  background: rgba(214,218,225, 0.6);
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.styles__content___Rc3zA {
  background: #EEEEEE;
  width: 550px;
  margin: 0 auto;
  height: 90%;
  padding: 20px;
}

.styles__contentHalfHeight___jG1jQ {
  background: #EEEEEE;
  width: 550px;
  margin: 0 auto;
  height: 45%;
  padding: 20px;
}

.styles__close___L7x9C {
  cursor: pointer;
}

.styles__view___ymP6o {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  height: 93%;
}

.styles__viewHalfHeight___E5Tcx {
  overflow-y: hidden;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  height: 93%;
}

.styles__top-bar___Chz4t {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.styles__heading___JtoRI {
  font-size: 1.2em;
  color: #2C465D;
}

.modal-body-overflow {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

.styles__buttons___bDgno {
  text-align: center;
  width: 100%;
}

.styles__buttons___bDgno button {
  display: inline-block;
}

.styles__button___XeMkG {
  margin: 20px 0;
  width: 200px;
  justify-content: center;
  align-self: center;
}
.styles__searchfield___CLiya {
  flex-basis: 23%;
  align-self: flex-start;
  margin-left: 30px;
}

.styles__locks-filter-wrapper___xmkTd {
  width: 88%;  
}

.styles__view___yV4yL {
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  height: 93%;
}

.styles__icon___i_1cJ {
  padding: 10px;
}

.styles__door-details___sx6iW {

}

.styles__content___a7sa0 {
  display: flex;
  flex: 2;
  margin-left: 15px;
  margin-top: 15px;
}

.styles__content-right___aKFYo {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.styles__content___a7sa0 h3 {
  margin-left: 0;
}

.styles__lock-batteries___DU4X8,
.styles__lock-name___p1kZU {
  flex: 2;
  flex-direction: column;
  width: 120px;
}

.styles__batteries___hJ7qb {
  float: right;
}

.styles__button___ayLkn {
  display: flex;
  align-self: center;
}

.styles__card___zjpKJ {
  padding-right: 0;
  border: 1px solid rgba(172,178,188,0.3);
  background: #FFF;
  min-width: 400px;
  display: flex;
  flex: 1 0 450px;
  position: relative;
  flex-flow: row wrap;
  margin-top: 10px;
  margin-left: 10px;
  min-height: 90px;;
}

.styles__icon-container___ZxDRK {
  align-self: center;
  margin-left: 15px;
}

.styles__icon___i_1cJ svg {
  width: 25px;
  height: 25px;
}

.styles__link-container___eF4B1 {
  border-left-width: 1px;
  border-left-color: #E5E5E5;
  border-left-style: solid;
  padding-top: 22px;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
}

.styles__attribute-container___p8g2G {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  margin: 8px;
  text-align: right;
}

.styles__attribute___nlPgF {
  color: #2C2C2E;
  font-size: 12px;
  min-width: 70px;
}

.styles__content___a7sa0 {
  display: flex;
  flex: 2;
  flex-direction: row;
  justify-content: space-between;
  overflow: auto;
}

.styles__content-details___CvJ9X {
  position: relative;
  display: flex;
  width: 100%;
}

.styles__content-details-with-arrow___xrMcL {
  max-width: calc(100% - 60px);
}

.styles__main-detail-container-location___RSNYz {
  flex: 2;
  margin-left: 10px;
  padding: 3px;
  line-height: 12px;
  align-self: center;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}

.styles__main-detail-container-location___RSNYz h3 {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 16px;
    font-size: 14px;
  }

.styles__main-detail-container-location___RSNYz div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

.styles__main-detail-container___vLe5y {
  flex: 2;
  margin-left: 10px;
  padding: 3px;
  line-height: 12px;
  align-self: center;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.styles__main-detail-container___vLe5y h3 {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 16px;
    font-size: 14px;
  }

.styles__button___ayLkn {
  height: 30px;
  align-self: center;
}

.styles__gotolink___C0dAE {
  display: flex;
  padding: 15px 0px;
}

.styles__gotolink___C0dAE a {
  margin-right: 5px;
}


.styles__icon___JVYWv {
  padding: 10px;
}

.styles__door-count___YrKLJ {
  flex: 2;
}

.styles__content___eiQGF {
}

.styles__name___nlDWQ {
  text-transform: uppercase;
  font-size: 14px;
  color: #000015;
  display: inline-block;
  font-weight: bold;
}

.styles__content-right___t7CGi {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
}

.styles__checkbox___XE61U {
  flex: 2;
}

.styles__actions___Hoa_l {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 30px;
  min-height: 50px;
  margin-top: 10px;
}

.styles__left___PzBOZ {
  display: flex;
}

.styles__location-add___FYh60 {
  
}

.styles__sort___GYRtS {
  margin: 10px 20px;
  float: right;
}

.styles__holder___KqLz5{

}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
  /* IE10+ specific styles go here */  
  .styles__holder___KqLz5 {
    padding-bottom: 20px;
  }
}
.styles__location-header___ww0qQ {
  background: #E5E5E5;
  display: flex;
  color: #636E7A;
}

.styles__address-name___MPEmQ {
  flex: 2;
  padding-right: 50px;
  margin-left: 16px;
}

.styles__link___femM4{
  display: flex;
  justify-content: flex-end;
}

.styles__button____f9dJ{
  background-color: #006AB4;
  height: 42px;
  border-radius: 3px;
  margin: 0 0 10px 0;
}

.styles__address____ksiR {
  width: 70%;
}

.styles__column___IE8BQ, .styles__address-name___MPEmQ {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}

.styles__name___qPlX0 {
  color: #636E7A;
  margin: 0 0 10px;
  font-size: 1.2em;
  text-transform: capitalize;
}

.styles__location___Tqx2f {
  margin-bottom: 10px;
  text-align: right;
  margin-right: 20px;
}

.styles__position___Z0LCh:first-of-type {
  margin-right: 10px;
}

.styles__notes___DXefh {

}
.styles__top___Jk5yr {
  display: flex;
  flex-direction: column;
  align-self: center;
  width: 100%;
}

.styles__main-detail___ywJoC {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: center;
}

.styles__actions___cdd6l {
  display: flex;
  flex-direction: row-reverse;
  text-align: center;
}

.styles__actions___cdd6l button {
  margin: 5px;
}

.styles__tracking-number___kfAkX {
  font-size: 24px;
  font-weight: bold;
  margin-left: 20px;
  padding-bottom: 5px;
  flex: 1;
  min-width: 0;
  word-wrap: break-word;
  word-wrap: break-word;
}

.styles__item-properties___SF77u {
  width: 100%;
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.styles__main-properties___vPfqq {
  display: flex;
  flex-direction: column;
  margin-left: 40px;
  padding-top: 15px;
}

.styles__main-properties___vPfqq > div {
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.styles__additional-properties___aFB3r {
  background-color: #EEEEEE;
  padding: 15px 120px 5px 40px;
}

.styles__additional-properties___aFB3r > div {
  margin-bottom: 10px;
}

.styles__additional-properties-header___sb9ep {
  color: #272A2A;
}

.styles__item-property-icon___Rg0BZ {
  display: inline-block;
  width: 45px;
  text-align: center;
}

.styles__item-property-name___DBrGp {
  display: inline-block;
  width: 200px;
}

.styles__item-property-value___hPkq1 {
  padding-left: 20px;
  color: #272A2A;
}

.styles__main-properties___vPfqq .styles__item-property-value___hPkq1 a:link {
  font-size: 16px;
}

.styles__item-property-action___q0hgu {
  margin-left: 10px;
}

.styles__header___JqH6N {
  display: flex;
}

.styles__flag-0-severity___Ntvi2 {
  margin-left: 20px;
  color: #FC8F45;
}

.styles__flag-1-severity___5BAjj {
  margin-left: 20px;
  color: #D80B09;
}

.styles__remove-link___B5Wwv {
  color: #5D697E;
  padding-left: 5px;
}

.styles__remove-link___B5Wwv:before {
  content: "(";
}

.styles__remove-link___B5Wwv:after {
  content: ")";
}

.styles__disabled___G9wHE {
  padding-left: 5px;
  opacity: 0.5
}

.styles__disabled___G9wHE:hover {
    transform: none;
    opacity: 0.5;
    cursor: not-allowed;
    background: #D2D4DD;
  }

.styles__disabled___G9wHE:before {
  content: "(";
}

.styles__disabled___G9wHE:after {
  content: ")";
}

.styles__select-door___SAANH {
    display: flex;
}

.styles__select-door___SAANH button {
    margin: 15px;
    min-width: 120px;
}
.styles__tracking-item___JlION {
    display: flex;
    padding: 5px;
    background-color: white;
    border: 1px grey solid;
    border-top: none;
    padding: 12px 15px;
    min-width: 300px;
    position: relative;    
}

.styles__tracking-item___JlION:first-child {
    border-top: 1px grey solid;
}

.styles__item-description___lw1aR,
.styles__remove-icon___uB8fU {
  flex-direction: column;
}

.styles__item-description___lw1aR {
    width: 250px;
}

.styles__remove-icon___uB8fU {
    width: 20px;
}

.styles__remove-icon___uB8fU {
    cursor: pointer;
    position: relative;
    border: 2px grey solid;
    border-radius: 10px;
    width: 15px;
    height: 15px;
    vertical-align: super;
}

.styles__remove-icon___uB8fU svg {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 5px;
    height: 5px;
}

.styles__remove-icon___uB8fU g {
    stroke-width: 5;
    stroke: grey;
    fill: grey;
}

.styles__tracking-item-container___qtzna {
    display: flex;
    align-items: center;
}

.styles__tracking-item-container___qtzna>.styles__tracking-item___aHtta {
    display: flex;
    align-items: center;
    padding: 5px;
    background-color: white;
    border: 1px grey solid;
    border-top: none;
    padding: 12px 15px;
    width: 300px;
    position: relative;
    margin-right: 10px;
}

.styles__tracking-item-error___dF1QC {
    flex: 1;
    margin-left: 10px;
    color: #D80B09;
    font-size: 10pt;
}

.styles__tracking-item-container___qtzna:first-child>.styles__tracking-item___aHtta {
    border-top: 1px grey solid;
}

.styles__item-description___bP0z4,
.styles__item-quantity___GdLE6 {
    flex: 1;
}

.styles__item-quantity___GdLE6 {
    min-width: 60px;
    height: 100%;
}

.styles__remove-icon___on8LM {
    cursor: pointer;
    position: relative;
    border: 2px grey solid;
    border-radius: 10px;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-left: 10px
}

.styles__remove-icon___on8LM svg {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 5px;
    height: 5px;
}

.styles__remove-icon___on8LM g {
    stroke-width: 5;
    stroke: grey;
    fill: grey;
}

.styles__confirmation-message___FxwJS {
  padding-top: 0px;
}

.styles__confirmation-message___A44wp {
  padding-top: 0px;
}

.styles__icon___FFt69 {
  padding: 10px;
}

.styles__door-details___whRMI {

}

.styles__notset___aS4s0 {
  color: #ACB2BC;
}

.styles__checkbox___C0RJ1 {
  align-self: center;
}

.styles__content___ECInA {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-left: 15px;
  margin-top: 15px;
  overflow: hidden;
}

.styles__onOrder___zITks {
  border-right-width: 3px;
  border-right-color: black;
  max-width: 50%;
}

.styles__right___HCx8j {
  justify-content: space-around;
  display: flex;
  margin-right: 10px;
}

.styles__contents-count___qz_FR {
  color: #ACB2BC;
  font-size: 0.8em;
  text-align: right;
}

.styles__content___ECInA h3 {
  margin-left: 0;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.styles__card___gI24R {
  min-height: 121px;
  max-height: none;
}

.styles__icon___Lnh9I {
  padding: 5px;
}

.styles__content___YjAoK {
  padding: 5px;
  display: flex;
  width: 100%;
}

.styles__details___Ml2v0 {
  flex: 2;
}

.styles__col___GF7aU {
  display: flex;
  flex-direction: column;
}

.styles__date___EZh26 {
  color: #ACB2BC;
  font-size: 0.8em;
}

.styles__date-formatted___ntqKP {
  margin-left: 5px;
}

.styles__heading___DayOP, .styles__padding___vNLXs {
  padding: 10px;
}

.styles__gotolink___HT0cx {
  display: flex;
  padding: 5px 0;
}

.styles__gotolink___HT0cx a {
    margin-right: 5px;
  }

.styles__actions___Rdwuv {
    display: flex;
    margin-top: 20px;
    justify-content: center;
    width: 100%;
}

.styles__actions___Rdwuv a button {
    height: 36px;
}
.styles__card___Q7ls6 {
  padding-right: 0;
  border: 1px solid rgba(172,178,188,0.3);
  background: #FFF;
  min-width: 400px;
  display: flex;
  flex: 1 0 auto;
  position: relative;
  margin-top: 10px;
  margin-left: 10px;
  min-height: 90px;;
}

.styles__icon-container___bIX1t {
  align-self: center;
  margin-left: 15px;
}

.styles__icon___upph7 svg {
  width: 25px;
  height: 25px;
}

.styles__link-container___Zfg1Q {
  border-left-width: 1px;
  border-left-color: #E5E5E5;
  border-left-style: solid;
  padding-top: 22px;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
}

.styles__attribute-container___ShFch {
  text-align: right;
  display: flex;
  flex-direction: column;
  margin: 10px;
}

.styles__attribute___It8W0 {
  color: #ACB2BC;
  font-size: 12px;
}

.styles__content___i8Uz9{
  display: flex;
  flex: 2;
  flex-direction: row;
  justify-content: space-between;
  overflow: auto;

}

.styles__contentContainer___XAUUx {
  width:87%
}

.styles__main-detail-container___Ms1R8 {
  flex: 2;
  margin-left: 10px;
  padding: 3px;
  line-height: 12px;
  align-self: center;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.styles__main-detail-container___Ms1R8 h3 {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 16px;
    font-size: 14px;
  }

.styles__button___EKRLP {
  height: 30px;
  align-self: center;
}

/* Checkbox Styles */

.styles__checkbox-container___T7kW0 {
  padding-left: 15px;
  align-self: center;
  
}

.styles__checkbox___GPOMJ, .styles__checkbox-checked___QBgC1{
  width: 20px;
  height: 20px;
}

.styles__checkbox___GPOMJ {
}

.styles__checkbox-checked___QBgC1 {
}

.styles__label___Q646D {
}

.styles__checkbox-disabled___rE388 {
}

.styles__checkbox-checked-disabled___tmxwT {
}
.styles__icon-container___4Rk5e {
  margin-right: 5px;
}

.styles__icon___Q_D06 svg {
  width: 25px;
  height: 25px;
}

.styles__content-container___PxRa6 {
  display: flex;
  flex-direction: column;
}

.styles__override-container___bEXTY [class*="checkbox-container"] {
  align-self: flex-start !important;
}

.styles__override-container___bEXTY [class*="icon-container"] {
  align-self: flex-start !important;
}

.styles__top-row___WxZl0 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.styles__bottom-row___YnQMD {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 10px;
  gap: 10px;
  background-color: rgb(255, 255, 255);
}

.styles__minStockLevelInput___u1e5e{
  background-color: white;
  border: 1px solid black;
  height:25px;
  width:50px;
  color:black;
  padding:5px;
  margin-top:5px;
}

.styles__minStockLevelInputContainer___iwBZ9 {
  
}

.styles__minStockLevelLabel___ZqGTD {
  margin-left: 5px;
}

.styles__skuIdentifierContainer___JpX96 {
  width: 170px;
  overflow: hidden;
}

.styles__compartmentInput___nqhZ6 {
  background-color: rgb(255, 255, 255);
  border: 1px solid black;
  height:25px;
  width: 70%;
  color:black;
  padding:5px;
  display: flex;
}

.styles__actions___pxX20 {
    display: flex;
    margin-top: 20px;
    justify-content: center;
    width: 100%;
}

.styles__actions___pxX20 a button {
    height: 36px;
}
.styles__icon-container___lygbc {
  margin-right: 5px;
}

.styles__icon___o4paY svg {
  width: 25px;
  height: 25px;
}

.styles__content-container___cofdv {
  display: flex;
  flex-direction: row;
}
.styles__actions___lCZYz {
    display: flex;
    margin-top: 20px;
    justify-content: center;
    width: 100%;
}

.styles__actions___lCZYz a button {
    height: 36px;
}

.styles__noResultsMessage___RfqCv{
    margin-top: 20px;
    text-align: center
}
.styles__card___buwmY {
  padding: 15px;
  border: 1px solid rgba(172,178,188, 0.3);
  background: #FFF;
  min-height: 200px;
  display: flex;
  flex: 2;
  position: relative;
  flex-flow: row wrap;
  flex-basis: 40%;
  margin-top: 10px;
}

.styles__card___buwmY:nth-of-type(2n) {
  margin-left: 10px;
}

.styles__icon-container___VEHVU {
  align-self: center;
  margin-left: 15px;
}

.styles__user-icon___y6kQ1 svg {
  width: 25px;
  height: 25px;
}

.styles__link-container___WwS73 {
  border-left-width: 1px;
  border-left-color: #E5E5E5;
  border-left-style: solid;
  margin-top: -10px;
  margin-bottom: -10px;
  padding: 10px;
}

.styles__suspended___KVIEW {
  color: #ACB2BC;
  margin-top: 10px;
  margin-right: 10px;
}

.styles__content___XkS2Z,
.styles__location-doors___XFyq1 {
  display: flex;
  flex: 1;
  flex-direction: row;
}

.styles__main-detail-container___ZWFg1 {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}

.styles__main-detail-container___ZWFg1 h3 {
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: 0;
  }

.styles__button___douo0 {
  height: 30px;
  align-self: center;
}

/* Checkbox Styles */

.styles__checkbox-container___YLd2V {
  align-self: center;
}

.styles__checkbox___3s8JM,
.styles__checkbox-checked___cV8I2 {
  width: 20px;
  height: 20px;
}

.styles__checkbox___3s8JM {
}

.styles__checkbox-checked___cV8I2 {
}

.styles__label___B26eR {
}

.styles__user-content___Qg0GW {
  display: flex;
  height: 100%;
  width: 100%;
}

.styles__user-content-with-dates___V6qHT {
  justify-content: space-between;
  max-width: calc(100% - 70px);
  min-width: calc(100% - 70px);
}

.styles__user-details___EstL8 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}

.styles__user-details-with-dates___Nc9C8 {
  max-width: calc(100% - 80px);
}

.styles__user-status-dates___pcYEz {
  padding: 5px 10px;
  display: flex;
  flex-direction: column;
}

.styles__user-status-date___qeChO div {
    text-align: right
  }

.styles__user-status-date___qeChO div:last-of-type {
      color: #56A6F3;
    }

.styles__card___S4lud {
  min-height: 121px;
  max-height: none;
}

.styles__icon___4o6Tk {
  padding: 5px;
}

.styles__content___iJqIo {
  padding: 5px;
  display: flex;
  width: 100%;
}

.styles__details___xHkS7 {
  flex: 2;
}

.styles__col___Cw0dE {
  display: flex;
  flex-direction: column;
}

.styles__date___lJNT8 {
  color: #ACB2BC;
  font-size: 0.8em;
}

.styles__date-formatted___WklzX {
  margin-left: 5px;
}

.styles__heading___l4bBG, .styles__padding___jM4Wj {
  padding: 10px;
}

.styles__gotolink___iyeuu {
  display: flex;
  padding: 5px 0;
}

.styles__gotolink___iyeuu a {
    margin-right: 5px;
  }

.styles__empty-summary-item-container___rBR2N {
  width: 80%;
  display: inline-block;
  text-align: left;
  font-size: 13px;
}

.styles__btn-add____iwu0 {
  margin-left: 2px;
  white-space: nowrap;
}

.styles__Dropdown___W125g {
  position: relative;
}
.styles__Dropdown-disabled___n4fP6 {
  opacity: 0.5;

}
.styles__Dropdown-form-width___KhDB1 {
  width: 240px;
}
.styles__Dropdown-control___RA4xZ {
  position: relative;
  overflow: hidden;
  background-color: #FFF;
  border: 1px solid #ACB2BC;
  border-radius: 2px;
  box-sizing: border-box;
  color: #333;
  width: 100%;
  min-width: 200px;
  cursor: default;
  outline: none;
  padding: 12px 10px;
  line-height: 16px;
  font-size: 12px;
  transition: all 200ms ease;
  margin-top: 2px;
}
.styles__Dropdown-control___RA4xZ:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.styles__Dropdown-arrow___X6W0s {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: ' ';
  display: block;
  height: 0;
  margin-top: -ceil(2.5);
  position: absolute;
  right: 10px;
  top: 18px;
  width: 0
}
.styles__is-open___RzxYD .styles__Dropdown-arrow___X6W0s {
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}
.styles__Dropdown-menu___QEDrs {
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  width: 100%;
  font-size: 12px;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
}
.styles__Dropdown-menu___QEDrs .styles__group___oq_zM {
  padding-left: 24px;
}
.styles__Dropdown-option___JIqVG {
  box-sizing: border-box;
  color: rgba(51, 51, 51, 0.8);
  cursor: pointer;
  display: block;
  padding: 8px 10px;
  transition: 0.3s ease-out;
}
.styles__Dropdown-option___JIqVG:hover {
  background-color: #E5E5E5;
}
.styles__Dropdown-noresults___UJCyd {
  box-sizing: border-box;
  color: #ccc;
  cursor: default;
  display: block;
  padding: 8px 10px;
}

.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}
.react-datepicker {
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}
.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}
.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}
.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}
.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}
.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}
.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}
.react-datepicker__month-container {
  float: left;
}
.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 2px 0 10px 2px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: 160px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}
.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day-names, .react-datepicker__week {
  white-space: nowrap;
}
.react-datepicker__day-names {
  margin-bottom: -8px;
}
.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range, .react-datepicker__quarter--selected, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover, .react-datepicker__quarter--selected:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled, .react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.styles__react-datepicker__month--selecting-range___poqGH .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),
.styles__react-datepicker__month--selecting-range___poqGH .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),
.styles__react-datepicker__month--selecting-range___poqGH .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),
.styles__react-datepicker__month--selecting-range___poqGH .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}
.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}
.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
}
.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}
.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}
.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}
.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}
.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}
.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}
.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}
.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}
.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
.rdtPicker td.rdtToday:before {
    border-bottom: 7px solid #2C465D;
  }
.rdtPicker td.rdtActive, .rdtPicker td.rdtActive:hover {
    background-color: #2C465D;
  }
.react-datepicker__input-container {
    width: inherit;
  }
.react-datepicker-wrapper {
    width: 100%;
  }
.styles__datetime___iK9K4 {
  display: flex;
  position: relative;
  background: #FFF;
  border: 1px solid #ACB2BC;
  margin-top: 2px;
}
.styles__datetime-container___YFA8I {
  width: 100%;
}
.styles__datetime___iK9K4 .react-datepicker {
  width: 100%;
}
.styles__datetime___iK9K4 td {
  cursor: pointer;
}
.styles__datetime___iK9K4 input:not([type="time"]) {
  line-height: 16px;
  padding: 12px 10px;
  width: 100%;
  min-width: 180px;
  background: none;
  border: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.styles__icon____l_0l {
  padding: 5px;
  position: absolute;
  right: 0;
  top: 3px;
  pointer-events: none;
}
.styles__wrapper___NDreU {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
  width: 100%;
}

.styles__filters___B7hUV {
  flex-direction: row !important;
}

.styles__filters___B7hUV {
  padding: 0px 0px 10px 0px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.styles__filter-item___fMuQH {
  font-size: 12px;
  margin-right: 10px;
  margin-top: 5px;
  flex: 1;
  max-width: 300px;
  flex-basis: 25%;
}

.styles__actions___mqQEC {
  display: flex;
  padding-bottom: 10px;
  padding-right: 10px;
  align-items: center;
  justify-content: flex-start;
}

.styles__actions___mqQEC a {
    margin-right: 15px;
  }

.styles__icon___BjK03 {
  padding: 10px;
}

.styles__door-details___C0dj3 {

}

.styles__notset___jB0aQ {
  color: #ACB2BC;
}

.styles__checkbox___De1ZW {
  align-self: center;
}

.styles__content___hDkTm {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-left: 15px;
  margin-top: 15px;
  overflow: hidden;
}

.styles__onOrder___ST5oQ {
  border-right-width: 3px;
  border-right-color: black;
  max-width: 50%;
}

.styles__right___Duygx {
  justify-content: space-around;
  display: flex;
  margin-right: 10px;
}

.styles__contents-count___DZASL {
  color: #ACB2BC;
  font-size: 0.8em;
  text-align: right;
}

.styles__content___hDkTm h3 {
  margin-left: 0;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.styles__actions___we82A {
    display: flex;
    margin-top: 20px;
    justify-content: center;
    width: 100%;
}

.styles__actions___we82A a button {
    height: 36px;
}

.styles__location-filter___wBXnd {
    margin-left: 40px;
    margin-right: 35px;
    min-height: 50px;
    padding: 10px;
}
.styles__sku-fields___d_KgW {
    align-self: flex-start;
}

.styles__skus-assigned-message___mdWv0 {
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 80%;
}

.styles__sku-list___HtwXG {
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    border: 1px grey solid;
    margin-bottom: 0px;
    width: 300px;
}

.styles__sku-list___HtwXG li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    
    background-color: white;
    border: 1px grey solid;
    border-top: none;
    padding: 12px 15px;
    min-width: 300px;
    position: relative;    
    align-items: center;
    
}

.styles__sku-list-body___XYojA {
    padding-left: 10px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.styles__sku-list-body-name___XymZ8 {
    text-transform: uppercase;
}

.styles__sku-list-body-location___Or2gX {
    font-size: 12px;
}

.styles__sku-list-body-available___ZgUFm {
    font-size: 12px;
    color: #acb2bc;
}

.styles__sku-list-body-quantity___q_ws_ {
    font-size: 12px;
    color: #acb2bc;
}

.styles__remove-skus___SoNPb {
    cursor: pointer;
    position: relative;
    border: 2px grey solid;
    border-radius: 10px;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    padding: 0px;   
    
}

.styles__remove-skus___SoNPb svg {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 5px;
    height: 5px;
}

.styles__remove-skus___SoNPb g {
    stroke-width: 5;
    stroke: grey;
    fill: grey;
}

.styles__assign-skus___xQ_nB {
    display: flex;
    width: 500px;
    padding-top: 10px;
}

.styles__assign-sku___zSDxn {
   
}

.styles__sku-quantity___zGOuh {
    margin-left: 10px;
    width: 60px;
    height: 20px;
    position: relative;
    display: inline;
    line-height: 12px;
    text-align: center;
}

.styles__input___PR5sw {
  color: #4B4F54;
  background: #FFF;
  border-radius: 2px;
  line-height: 16px;
  border: 1px solid #ACB2BC
}

.styles__input___PR5sw:placeholder {
    color: #FFF;
  }

.styles__input___PR5sw:disabled {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }


.styles__order-assign-actions___o3RQD {
    display: flex;
    padding-left: 170px;
    padding-bottom: 20px;
}

.styles__assigned-user___qkj_w {
    font-size: 80%;
}
.styles__package-fields___xA2mY {
    align-self: flex-start;
}

.styles__packages-assigned-message___viCQQ {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 80%;
}

.styles__package-list___t0vbG {
    list-style: none;
    padding: 0px;
    margin: 0px;
    border: 1px grey solid;
    margin-bottom: 10px;
    width: 300px;
}

.styles__package-list___t0vbG li {
    display: flex;
    padding: 5px;
    background-color: white;
    border: 1px grey solid;
    border-top: none;
    padding: 12px 15px;
    min-width: 300px;
    position: relative;    
}

.styles__remove-package___Ad33u {
    cursor: pointer;
    position: relative;
    top: 2px;
    border: 2px grey solid;
    border-radius: 10px;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    padding: 0px;    
}

.styles__remove-package___Ad33u svg {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 5px;
    height: 5px;
}

.styles__remove-package___Ad33u g {
    stroke-width: 5;
    stroke: grey;
    fill: grey;
}

.styles__assign-packages___hAf1f {
    display: flex;
    width: 500px
}

.styles__assign-package___qibaz {
    width: 120px;
    min-width: 120px;
}
.styles__job-assign-actions___rOts9 {
    display: flex;
}

.styles__assigned-user___gyUti {
    font-size: 80%;
}
.styles__container____d8NA {
  padding: 10px;
}
.styles__doorcontents-search___h20ta {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}
.styles__table-doorcontents___ah2jL {
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  height: 20%;
}
.styles__sort___kfo6B {
  margin: 10px 0;
  float: right;
}
.styles__holder___p4TPC{

}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
  /* IE10+ specific styles go here */  
  .styles__holder___p4TPC {
    padding-bottom: 20px;
  }
}
.styles__collected___gORKV {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #D6DAE1;
  text-align: center;
  margin-bottom: 10px;
}

.styles__text___JXaPW {
  padding: 6px;
  font-size: 0.9em;
  padding: 6px;
  position: absolute;
  line-height: 0em;
  background: #EEEEEE;
}

.styles__center___Fu_GE {
  position: absolute;
  left: 45%;
  color: #5D6574;
  top: -5px;
  background: #EEEEEE;
  display: inline-block;

}

.styles__heading___aNPmq {
  color: #5D6574;
  padding: 0px 30px;
  margin: 0px;
  margin-top: 10px;
}

.styles__skuOrderItems-headerbar___KG5y7{
  display:flex
}

.styles__button___vnvp8 {
  min-height: inherit;
  font-size: 0.8em;
  padding: 6px;
  margin-left: 6px;
}

.styles__button-bar___bSyU8 {
  margin-top:2px;
  display:flex;
}

.styles__cancelButton___izLA8 {
  margin-top: 3px; 
  margin-bottom: 3px;
  display: inline-flex;
}
  
.styles__collected___tbq25 {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #D6DAE1;
  text-align: center;
  margin-bottom: 10px;
}

.styles__text___npZKk {
  padding: 6px;
  font-size: 0.9em;
  padding: 6px;
  position: absolute;
  line-height: 0em;
  background: #EEEEEE;
}

.styles__center___cGnpx {
  position: absolute;
  left: 45%;
  color: #5D6574;
  top: -5px;
  background: #EEEEEE;
  display: inline-block;

}

.styles__heading___eoGTp {
  color: #5D6574;
  padding: 0px 30px;
  margin: 0px;
}

.styles__cancelButton___EyqDK {
  margin-top: 3px; 
  margin-bottom: 3px;
  display: inline-flex;
}

.styles__inventorySkuCard___cva8_ {
  border-right-color: #9C57D9;
  border-right-width: 2px;
  max-width: 50%;
}

.styles__inventorySkuCard___cva8_ div[class^="attribute"] {
  font-size: 14px;
  font-weight: bold;
}

.styles__sku-quantity___jfgce {
  width:80px;
}

.styles__sku-quantity-label___keqVp {
  padding: 3px;
  line-height: 12px;
  min-width: 50px;
  max-width: 50px;
  font-size: 12px;
  align-self: center;
}

.styles__sku-quantity-container___Vq06C {
  display:flex;
  flex-basis: 75%;
  margin-left:10px;
  justify-content: flex-end;
}

.styles__skuOrderCard-container___DgsCT {
  display:flex;
  width:100%;
}

.styles__skuOrderCard-title___HuyT9 {
  margin-left: 10px;
  padding: 3px;
  line-height: 12px;
  align-self: center;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.styles__skuOrderCard-title___HuyT9 span {
    overflow: hidden;
    text-overflow: ellipsis;
  }

.styles__remove-sku-container___jFQx4 {
  line-height: 12px;
}

.styles__remove-skus___M90I7 {
  cursor: pointer;
  position: relative;
  border: 2px grey solid;
  border-radius: 10px;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 23px;
  padding: 0px;
}

.styles__remove-skus___M90I7 svg {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 5px;
  height: 5px;
}

.styles__remove-skus___M90I7 g {
  stroke-width: 5;
  stroke: grey;
  fill: grey;
}
.styles__id___Whleh {
  color: #636E7A;
  font-size: 1.2em;
  text-transform: capitalize;
  font-weight: 400;
  margin: 5px 0;
}

.styles__header___bE83Z {
  line-height: 1em;
}

.styles__job-assignment___XkiPK {
  display: flex;
  font-size: 0.8em;
  align-items: center;
}

.styles__details___cMFbp {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  flex: 1;
}

.styles__assigned-to-user___U8ia_ {
  margin-right: 5px;
}

.styles__assign-buttons___zSfyW {
    margin-left: 10px;
    display: flex;
}

.styles__button___ZpBht {
  min-height: inherit;
  font-size: 0.8em;
  padding: 6px;
  margin-left: 6px;
}

.styles__cancelButton___nE7vT {
  margin-top: 3px; 
  margin-bottom: 3px;
  display: inline-flex;
}
.styles__icon___XOYM7 {
  padding: 10px;
}

.styles__door-details___LFq40 {

}

.styles__notset___b1rwC {
  color: #ACB2BC;
}

.styles__checkbox___NXX3x {
  align-self: center;
}

.styles__content___PlcK_ {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-left: 15px;
  margin-top: 15px;
  overflow: hidden;
}

.styles__onOrder___ABSvy {
  border-right-width: 3px;
  border-right-color: black;
  max-width: 50%;
}

.styles__right___UCaSl {
  justify-content: space-around;
  display: flex;
  margin-right: 10px;
}

.styles__contents-count___iCAlw {
  color: #ACB2BC;
  font-size: 0.8em;
  text-align: right;
}

.styles__content___PlcK_ h3 {
  margin-left: 0;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.styles__actions___gOFu9 {
    display: flex;
    margin-top: 20px;
    justify-content: center;
    width: 100%;
}

.styles__actions___gOFu9 a button {
    height: 36px;
}

.styles__location-filter___VmrAb {
    margin-left: 40px;
    margin-right: 35px;
    min-height: 50px;
    padding: 10px;
}
.styles__id___mi391 {
  color: #636E7A;
  font-size: 1.2em;
  text-transform: capitalize;
  font-weight: 400;
  margin: 5px 0;
}

.styles__header___kW0tZ {
  line-height: 1em;
}

.styles__job-assignment___Xs10y {
  display: flex;
  font-size: 0.8em;
  align-items: center;
}

.styles__details___w73mh {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  flex: 1;
}

.styles__assigned-to-user___oKIHM {
  margin-right: 5px;
}

.styles__assign-buttons___kOkCx {
    margin-left: 10px;
    display: flex;
}

.styles__button___tg9pf {
  min-height: inherit;
  font-size: 0.8em;
  padding: 6px;
  margin-left: 6px;
}

.styles__name___f5WXJ {
  color: #636E7A;
  font-size: 1.2em;
  text-transform: capitalize;
  font-weight: bold;
}

.styles__sku___PSNiR {
  display: flex;
  flex-direction: row;
  margin: 20px;
  flex-grow: 1;
}

.styles__sku-icon___BThjZ {
}

.styles__sku-heading___Gn6JF {
  flex-grow: 1;
}

.styles__sku-heading___Gn6JF h3 {
  color: #636E7A;
  font-size: 1.2em;
  text-transform: capitalize;
  font-weight: bold;
  margin: 0px 0px 10px 0px;  
}

.styles__sku-details___aTHz0 {
  flex-grow: 1;
  margin-left: 10px;
}

.styles__sku-totals___aZebJ {
  display: flex;
  flex-direction: row;
  flex: 1;
  font-size: 80%;
}

.styles__separator___QIuMb {
  margin-left: 10px;
  margin-right: 10px;
}

.styles__sku-metadata___fxu_m {
  text-align: right;
  font-size: 80%;  
}

.styles__sku-actions___m5TGg div {
  flex-direction: row;
  display: flex;
}

.styles__sku-actions___m5TGg button {
  margin-left: 5px;
  margin-top: 15px;
  font-size: 90%;
}

.styles__packages___c4g5j {
   display: flex;
   flex-flow: row;
   margin: 20px;
   flex-wrap: wrap;
}

.styles__tracking-number___UcNAp {
  width: 50%;
}

.styles__tracking-number___UcNAp div div {
  background-color: white;
  border: 1px solid #CDCDCD;
  padding: 5px;
  margin: 10px;
  width: 90%;
  font-size: 80%;
}
.styles__door-summary___szI9l {
    position: relative;
    border: 1px solid #CDCDCD;
    margin: 10px;
}

.styles__door-summary-header___NaCH2 {
    display: block;
    background-color: #FFF;
    border-bottom: 1px solid #CDCDCD;
    padding: 20px 10px 20px 10px;
    margin: 0px;
}

.styles__door-summary-header-text___o1KHE {
    padding-left: 10px;
    vertical-align: super;
}

.styles__expand-icon___t2f30 {
    position: absolute;
    right: 10px;
    top: 15px;
    cursor: pointer;
}

.styles__door-summary-header___NaCH2 small {
  color: #636E7A;
  text-transform: capitalize;
  vertical-align: super;
  margin-left: 15px;
}

.styles__door-summary-total___Bq4Cy {
    position: absolute;
    right: 30px;
    top: 18px;
}
.styles__door-summary___D4H3x {
    position: relative;
    border: 1px solid #CDCDCD;
    margin: 10px;
}

.styles__door-summary-header___hNByf {
    display: block;
    background-color: #FFF;
    border-bottom: 1px solid #CDCDCD;
    padding: 20px 10px 20px 10px;
    margin: 0px;
}

.styles__door-summary-header-text___NB8El {
    padding-left: 10px;
    vertical-align: super;
}

.styles__tracking-number___AJKbS {
    width: 80%;
}

.styles__tracking-number___AJKbS div div {
    background-color: white;
    border: 1px solid #CDCDCD;
    padding: 5px;
    margin: 3px;
    width: 80%;
    font-size: 80%;
}

.styles__expand-icon___h9QcS {
    position: absolute;
    right: 10px;
    top: 15px;
}
.styles__nonvisible-label___SPyQP {
  margin-top: 10px;
  margin-left: 20px;
  padding: 10px;
}
.styles__container___fGNG4 {
  display: flex;
  margin: 10px 0;
}

.styles__checkbox___hrIF7, .styles__checkbox-checked___s9lef {
  width: 20px;
  height: 20px;
  display: inline-block;
}

.styles__checkbox-container___kP41m, .styles__checkbox-container-left___zgVAy {
  display: flex;
  justify-content: center;
  width: 170px;
}

.styles__checkbox-container-left___zgVAy {justify-content: left;}

/* This is a bit of a hack.
  The checkbox is still there,
  but in front of a span, with no opacity */

input[type='checkbox']:not([id^="ckySwitch"]) {
  width: 22px;
  height: 22px;
  margin-right: -22px;
  z-index: 10;
  opacity: 0;
  cursor: pointer;
}

input[type='checkbox']:not([id^="ckySwitch"]) + span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(3a8fcdb202c1264ba650.svg) no-repeat #FFF;
    cursor:pointer;
}

input[type='checkbox']:checked + span {
  color: red;
  background:url(10d09fa94c88a3d46252.svg) no-repeat #FFF;
}

input[type='checkbox']:checked:disabled + span {
  cursor: not-allowed;
  opacity: 0.5;
  background:url(10d09fa94c88a3d46252.svg) no-repeat #FFF;
}

input[type='checkbox']:disabled + span {
  cursor: not-allowed;
  opacity: 0.5;
  background:url(3a8fcdb202c1264ba650.svg) no-repeat #FFF;
}

.styles__field___EZDR5 {
  display: flex;
  align-items: top;
  margin: 10px 0;
}

.styles__items___LCozD {
  display: flex; 
  flex-direction: column;
  font-size: 12px;
  line-height: 20px;
}

.styles__items___LCozD div:first-child{
  padding-bottom: 10px;
  font-weight: bold;
}

.styles__spacer___dLkSL {
  height: 20px;
}

.styles__profileDiv___hCT4P{
    border: 1px solid #ACB2BC;
    padding: 20px;
    margin-top:20px;
    background-color: #cdd1d6;
    position: relative;
}

.styles__profileDiv___hCT4P .styles__col1___dbjMe {
    width: 348px;
    position: relative;
    clear: both;
    
}

.styles__profileDiv___hCT4P .styles__col2___xoOuy {
    width: 353px;
    position: relative;
}

.styles__optionsDiv___gJ2JI {
    border: 1px solid #ACB2BC;
    padding: 20px;
    margin-top:20px;
    background-color: #cdd1d6;
    position: relative;
}

.styles__optionsDiv___gJ2JI .styles__col1___dbjMe {
    width: 243px;
    position: relative;
    clear: both;
    
}

.styles__optionsDiv___gJ2JI .styles__col2___xoOuy {
    width: 353px;
    position: relative;
}

.styles__nameInputcol1___SRx1W {
    width: 400px;
}

.styles__nameInputcol2___nCjYS {
    width: 200px;
}

.styles__column___GV0_Q {
    margin-bottom: 19px;
    display: flex;
    color: #2C465D;
    margin-right: 20px;
    font-size: 12px;
    line-height: 20px;
}

.styles__clientLogo___lmqS8 {
    color: transparent;
}

.styles__imgPreview___mRPrj img {
    width: 404px;
    background-color:#363636;
    margin-right: 30px;
    border-radius: 2px;
}

.styles__previewText___oRzzH {
    color: black;
}

.styles__textInput___OZV4U{
    color:#203343 !important;
}

.styles__textInput___OZV4U{
    border: 1px solid #ACB2BC;
    background: white;
    height:35px;
    width: 300px;
}

.styles__nameInput___WsZuk{
    width:235px;
}

.styles__remove-profile___tnizR {
    position: absolute;
    right: 2px;
    top: 7px;
}

.styles__remove-profile___tnizR button {
    cursor: pointer;
    position: relative;
    border: 1.2px grey solid;
    border-radius: 10px;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    padding: 0px; 
    
}

.styles__remove-expression___tC_yD button, .styles__remove-type___RsOKs button{
    cursor: pointer;
    position: relative;
    border: 1.2px grey solid;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    padding: 0px;   
    
}

.styles__remove-profile___tnizR svg {
    position: absolute;
    top: 4.5px;
    left: 4.5px;
    width: 11px;
    height: 11px;
}

.styles__remove-profile___tnizR g, .styles__remove-expression___tC_yD g, .styles__remove-type___RsOKs g {
    stroke-width: 2;
    stroke: grey;
    fill: grey;
    
}

.styles__remove-expression___tC_yD {
    position: absolute;
    right: 11px;
    top: 28px;
    
}

.styles__remove-expression___tC_yD svg {
    width: 8px;
    height: 17px;
}

.styles__add-expression___NSuU9 {
    position: absolute;
    right: 10px;
    top: 28px;
}

.styles__add-expression___NSuU9 button {
    cursor: pointer;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    padding: 0px;
    border: 0;
    border-radius: 15px;  
}

.styles__add-expression___NSuU9 g {
    fill: grey;
 }

.styles__add-type___IgBrb {
    position: absolute;
    right: 10px;
    top: 28px;
}

.styles__add-type___IgBrb button {
    cursor: pointer;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    padding: 0px;
    border: 0;
    border-radius: 15px;  
}

.styles__add-type___IgBrb g {
    fill: grey;
 }

.styles__remove-type___RsOKs {
    position: absolute;
    right: 5px;
    top: 28px;
    
}

.styles__remove-type___RsOKs svg {
    width: 8px;
    height: 17px;
}

.styles__DropDownType___J0FT7 div {
    width:300px;
}

.styles__mainDivDisabled___Zv9tB {
    pointer-events: none;
    opacity: 0.4;
}

.styles__add-door___bbEwV {
    padding-left: 120px;
}

.styles__asignedDoorsText___EW474{
    padding-left: 243px;
}

.styles__upload-button___osJ8y{
    text-transform: capitalize;
    transition: all 0.3s ease-out;
    border: 1px solid;
    cursor: pointer;
    text-align: center;
    background: lightgray;
    color: black;
    font-size: 12px;
    padding: 2px 10px;
}

.styles__upload___ZbM8q > input{
    display: none;
}


.styles__profileDiv___e0LPz{
  border: 1px solid #ACB2BC;
  padding: 20px;
  margin-top:20px;
  background-color: #cdd1d6;
  position: relative;
}

.styles__profileDiv___e0LPz .styles__col1___eMKco {
  width: 348px;
  position: relative;
  clear: both;
  
}

.styles__profileDiv___e0LPz .styles__col2___Ni8WL {
  width: 353px;
  position: relative;
}

.styles__optionsDiv___oAjGS {
  border: 1px solid #ACB2BC;
  padding: 20px;
  margin-top:20px;
  background-color: #cdd1d6;
  position: relative;
}

.styles__optionsDiv___oAjGS .styles__col1___eMKco {
  width: 243px;
  position: relative;
  clear: both;
  
}

.styles__optionsDiv___oAjGS .styles__col2___Ni8WL {
  width: 353px;
  position: relative;
}

.styles__nameInputcol1___AZZpS {
  width: 400px;
}

.styles__nameInputcol2___APaSJ {
  width: 200px;
}

.styles__column___qjoJF {
  margin-bottom: 19px;
  display: flex;
  color: #2C465D;
  margin-right: 20px;
  font-size: 12px;
  line-height: 20px;
}

.styles__clientLogo___QADEj {
  color: transparent;
}

.styles__imgPreview___QthYb img {
  width: 404px;
  background-color:#363636;
  margin-right: 30px;
  border-radius: 2px;
}

.styles__previewText___zokzG {
  color: black;
}

.styles__textInput___NoYvF{
  color:#203343 !important;
}

.styles__textInput___NoYvF{
  border: 1px solid #ACB2BC;
  background: white;
  height:35px;
  width: 300px;
}

.styles__nameInput___FxSUX{
  width:235px;
}

.styles__remove-profile___tF9zK {
  position: absolute;
  right: 2px;
  top: 7px;
}

.styles__remove-profile___tF9zK button {
  cursor: pointer;
  position: relative;
  border: 1.2px grey solid;
  border-radius: 10px;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  padding: 0px; 
  
}

.styles__remove-expression___F5lYk button, .styles__remove-type___bJxrM button{
  cursor: pointer;
  position: relative;
  border: 1.2px grey solid;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  padding: 0px;   
  
}

.styles__remove-profile___tF9zK svg {
  position: absolute;
  top: 4.5px;
  left: 4.5px;
  width: 11px;
  height: 11px;
}

.styles__remove-profile___tF9zK g, .styles__remove-expression___F5lYk g, .styles__remove-type___bJxrM g {
  stroke-width: 2;
  stroke: grey;
  fill: grey;
  
}

.styles__remove-expression___F5lYk {
  position: absolute;
  right: 11px;
  top: 28px;
  
}

.styles__remove-expression___F5lYk svg {
  width: 8px;
  height: 17px;
}

.styles__add-expression___coz0q {
  position: absolute;
  right: 10px;
  top: 28px;
}

.styles__add-expression___coz0q button {
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  padding: 0px;
  border: 0;
  border-radius: 15px;  
}

.styles__add-expression___coz0q g {
  fill: grey;
}

.styles__add-type___YN7iu {
  position: absolute;
  right: 10px;
  top: 28px;
}

.styles__add-type___YN7iu button {
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  padding: 0px;
  border: 0;
  border-radius: 15px;  
}

.styles__add-type___YN7iu g {
  fill: grey;
}

.styles__remove-type___bJxrM {
  position: absolute;
  right: 5px;
  top: 28px;
  
}

.styles__remove-type___bJxrM svg {
  width: 8px;
  height: 17px;
}

.styles__DropDownType___PsRsi div {
  width:300px;
}

.styles__mainDivDisabled___1zGwo {
  pointer-events: none;
  opacity: 0.4;
}

.styles__add-door___RbMfF {
  padding-left: 120px;
}

.styles__asignedDoorsText___vODQy {
  padding-left: 243px;
}

.styles__upload-button___xBdfv {
  text-transform: capitalize;
  transition: all 0.3s ease-out;
  border: 1px solid;
  cursor: pointer;
  text-align: center;
  background: lightgray;
  color: black;
  font-size: 12px;
  padding: 2px 10px;
}

.styles__upload___VxRa5 > input {
  display: none;
}

.styles__disabled___CmqwJ {
  opacity: 0.5;
  text-transform: capitalize;
  transition: all 0.3s ease-out;
  border: 1px solid;
  cursor: pointer;
  text-align: center;
  background: #E8E8EE;
  color: #B6B6BB;
  font-size: 12px;
  padding: 2px 10px;
}

.styles__packageValidationBack___yJadV {
  margin-top: 120px;
}

.styles__imgPreview___rWoa9 img {
    width:150px;
    padding: 22px;
}

.styles__imgPreview___rWoa9 {
    width: 150px;
    background-color:#363636;
    margin-right: 30px;
    border-radius: 2px;
}

.styles__col1___ZACwZ {
    width:200px;
}

.styles__col2___BurOx {
    width:400px;
    display: flex;
}

.styles__column___zKJB4 {
    margin-bottom: 19px;
    display: flex;
    color: #2C465D;
    margin-right: 20px;
    font-size: 12px;
    line-height: 20px;
}

.styles__clientLogo___uGIzg {
    color: transparent;
}

.styles__sketchPickerSwatch___JDX_5, 
.styles__sketchPickerSwatchReadOnlyMode___YIGut  {
    padding: 5px;
    background: #fff;
    border-Radius: 1px;
    box-Shadow: 0 0 0 1px rgba(0,0,0,.1);
    display: inline-block;
    width: 47px;
}

.styles__sketchPickerSwatch___JDX_5 {
    cursor: pointer;
}

.styles__sketchPickerSwatchReadOnlyMode___YIGut {
    cursor: auto;
}

.styles__sketchPickerColor___WntCW {
    width: 36px;
    height: 14px;
    border-Radius: 2px;
}

.styles__sketchPickerPopover___WgSt5 {
    position: absolute;
    z-Index: 2;
    margin-left:244px;
}

.styles__sketchPickerCover___bbyfT {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.styles__previewText___kPRSC {
    padding:10px;
    color: white;
}

.styles__upload-button___Yk8Ej{
    text-transform: capitalize;
    transition: all 0.3s ease-out;
    border: 1px solid;
    cursor: pointer;
    text-align: center;
    background: lightgray;
    color: black;
    font-size: 12px;
    padding: 2px 10px;
}

.styles__upload___M5DuG > input{
    display: none;
}

.styles__brandingFormLayout____XfA9 {
    margin-top:20px;
}


.styles__col1___po0dW{
    width:100px;
    margin-left: 20px;
}

.styles__col2____LnTm{
    width:120px;
    display: flex;
}

.styles__col3___bRrHI{

}

.styles__file-name___pD_7Z{
    font-size: 14px;
    font-weight: 600;
}

.styles__invalid-file-name___tCi7v{
    color: #D0011B;
    font-size: 14px;
    font-weight: 600;
}

.styles__valid-file-name___tmbR6{
    color: #48B570;
    font-size: 14px;
    font-weight: 600;
}

.styles__column___rag92{
    margin-top: 15px;
    margin-bottom: 19px;
    display: flex;
    color: #2C465D;
    margin-right: 20px;
    font-size: 12px;
    line-height: 20px;
}

.styles__upload-label___LediB {
    font-size: 14px !important;
}

.styles__upload-button___igjwe{
    text-transform: capitalize;
    transition: all 0.3s ease-out;
    border: 1px solid;
    cursor: pointer;
    text-align: center;
    background: lightgray;
    color: black;
    font-size: 12px;
    padding: 2px 10px;
}

.styles__upload___Pmf7e > input{
    display: none;
}

.styles__instructions___gbhk8 {
    color: #5D6574;
    font-size: 20px;
    font-style: normal;
    line-height: 22px;
}

.styles__subheading___sxrO_{
    font-size: 20px;
    font-weight: 800;
}

.styles__instructions___gbhk8 li {
    margin-bottom: 10px;
}

.styles__file-extension___HfANo {
    font-weight: 600;
}

.styles__search-filters___FBbSr {
  background: #D2D4DD;
  padding: 10px;
  padding-left: 30px;
  display: flex;
  flex-direction: column;
}

.styles__wrapper___zyqB3 {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}

.styles__filters___f5OPi {
  padding: 0px 0px 10px 0px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.styles__heading___ydTYF {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  
}

.styles__heading___ydTYF h3 {
    margin-left: 0;
  }

.styles__filter-clear___PVeg6 {
  padding-top: 10px;
}

.styles__filter-item___goswq {
  font-size: 12px;
  margin-right: 10px;
  margin-top: 5px;
  flex: 1;
  max-width: 300px;
  flex-basis: 25%;
}

.styles__actions___HsMjp {
  display: flex;
  padding-bottom: 10px;
  padding-right: 10px;
  align-items: center;
  justify-content: flex-start;
}

.styles__actions___HsMjp a {
    margin-right: 15px;
  }

.styles__remove-filters___iNN3O {
  flex: 1;
  align-self: flex-end;
  text-align: right;
  padding-bottom: 16px;
  margin-right: 22px;
}


.styles__table-row___YLCYn {
  background-color: #FFF;
}

.styles__table-row___YLCYn svg {
  display: inline-block;
  position: relative;
  top: 5px;
  width: 20px;
  height: 20px;
  vertical-align: baseline;
  margin-right: 5px;
}

.styles__table-row___YLCYn:nth-child(even) {
  background-color: #FBFBFB;
}

.styles__table-row___YLCYn td {
  padding: 10px;
  word-wrap: break-word;
  border-bottom: 1px solid #E5E5E5;
}

.styles__error___x_GP1 {
  border-left: 2px #D80B09 solid;
}

.styles__stockCheckMatched___vGIQg {
  color:black;
}

.styles__stockCheckMissing___M3_HT {
  color:#D0021B;
}

.styles__stockCheckNew___uF6lh {
  color:#2EA3F2;
}

.styles__stockCheckZero___TfVts {
  color: black;
}
.styles__activity-panel___yC3gJ {
  width: 100%;
}

.styles__view-all-button___MJdXX {
  float: right;
}

.styles__table-top___NrJlk {
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  padding: 5px 30px;
}

.styles__table___zGzOS {
  padding: 10px 0px;
}
.styles__header___E7Tq_ {
  background: #E5E5E5;
  color: #636E7A;
  align-items: center;
  position: relative;
  min-height: 56px;
  padding: 10px 30px;
  justify-content: space-between;
}

.styles__loading-area___TrczF, .styles__error-area___O671s {
  margin-top: 0;
}

.styles__error-area___O671s button{
  width: 30%;
  margin: 0 auto;
}

.styles__loading-text___TSVux {
  display: none;
}

.styles__load-more___P9Up2 {}

/* Spinner */

.styles__spinner___PlOxY {
  width: 60px;
  height: 60px;
}

.styles__summary-subitem-container___rVDnV {
  width:80%;
  text-align: left;
  display: inline-block;
  font-size: 12px;
}



.styles__summary-subitem-headingcontainer___Tj6yn {
  margin-left: 0;
  color: #636E7A;
  width: 80px;
  display: inline-block;
}



.styles__summary-subitem-headingcontainer___Tj6yn > h4 {
  margin-left: 0;
  color: #636E7A;
  display: inline;
}



.styles__summary-subitem-text___KIS2C {
    color:#636E7A;
    display: inline;
}
.styles__stockCheckDetail-matching___oUiut{
  color:black;
}

.styles__stockCheckDetail-new___zz0d9{
  color:#2EA3F2;
}

.styles__stockCheckDetail-missing___R9mqp{
  color:#D0021B;
}

.styles__stockCheckDetail-zero___ZQly5 {
  color: black;
}
.styles__stockDetail-tabel___Y2M7i {
  width: 100%;
}

.styles__table___anule {
  padding: 10px 0px;
}
.styles__table-row___TH6kG {
  background-color: #FFF;
}


.styles__warning___wXY5i svg {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  vertical-align: baseline;
  float:right
}


.styles__table-row___TH6kG:nth-child(even) {
  background-color: #FBFBFB;
}


.styles__table-row___TH6kG td {
  padding: 10px;
  word-wrap: break-word;
  border-bottom: 1px solid #E5E5E5;
}


.styles__error___QYLUE {
  border-left: 2px #D80B09 solid;
}


.styles__warning___wXY5i {

}


.styles__stockCheckMissing___lsv3L {
  border-left:5px solid #D0021B;
}


.styles__stockCheckNew___YWlcM {
  border-left:5px solid #2EA3F2;
}


.styles__stockCheckMatching___r4eAA {
  border-left:5px solid #FFF;
}


.styles__skuAssociationRequestMessage___nfjUj{
  font-size: 11px;
  color: #636E7A;
}


.styles__qty___KBIrp {
  display: inline-block;
  position: relative;
  vertical-align: top;
}


.styles__dropdown___zL33a {
  flex-basis: 23%;
}

.styles__selectAllWrapper___OLsRf {
  display:flex;
  flex-direction: column;
  justify-content: center;
}

.styles__selectionOptionsBubbleWrapper___sSQK4 {
  position: relative;
}

.styles__selectionOptionsBubble___GBfHR {
  left: -12px;
  position: absolute;
  z-index: 8;
  top: 16px;
  font-size: 12px;
  white-space: nowrap;
  background-color:white;
  border: 1px white;
  border-radius: 5px;
  box-shadow: 3px 3px 5px 4px #ccc;
  padding: 8px;
}

.styles__selectionOptionsBubble___GBfHR:before {
  content: '';
  position: absolute;
  top: 0;
  left: 22px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: white;
  border-top: 0;
  margin-left: -10px;
  margin-top: -10px;
}

.styles__deselectAll___L5YLu {
  border-top: 1px solid #ccc;
  padding: 8px;
  cursor: pointer;
  padding-top: 10px;
  color:black;
}

.styles__deselectAll___L5YLu[disabled] {
  border-top: 1px solid #ccc;
  padding: 8px;
  pointer-events: none;
  color: lightgray;
  padding-top: 10px;
}

.styles__selectionOptionsBubble___GBfHR > div:hover {
  background-color: #E5E5E5;
}

.styles__selectPage___AYRlA {
  padding: 8px;
  cursor: pointer;
}

.styles__selectAll___a1U_Y {
  padding: 8px;
  cursor: pointer;
  padding-bottom: 10px;
}





.styles__alpha-sort___LaO6f {
  padding: 10px;
  padding-left: 30px;
}

  .styles__alpha-sort___LaO6f h3 {
    margin-right: 30px;
  }

.styles__base-item___McPWF {
  font-size: 13px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.styles__item___lIO2S {
  border-color: #B4BAC5;
}

.styles__item___lIO2S:hover {
  cursor: pointer;
  color: #5D697E;
  border-color: #5D697E;
}

.styles__selected-item___RkAwl {
  border-bottom-width: 2px;
  border-color: #56A6F3;
  color: #56A6F3;
}

.styles__selected-item___RkAwl:hover {
  cursor: default;
}

.styles__disabled-item___ii72o {
  border-color: #ACB2BC;
  color: #ACB2BC;
}

.styles__disabled-item___ii72o:hover {
  cursor: default;
  color: #ACB2BC;
  border-color: #ACB2BC;
}


.styles__input___MImKq {
  color: #4B4F54;
  background: #FFF;
  padding: 18px 20px;
  border-radius: 4px;
  font-size: 0.9em;
  line-height: 0.9em;
  border: none;
  display: block;
  margin: 10px
}
.styles__input___MImKq:placeholder {
    color: #3F5F7B;
  }

.styles__container___flb2F {
  margin: 0 auto;
}

.styles__actions___KAzo6 {
  display: flex;
  justify-content: space-between;
  margin: 24px 12px 0;
  align-items: flex-end;
}

.styles__uppercase___nPELq {
  text-transform: uppercase;
}

.styles__errorMessage___PTmrp {
  margin: 0 10px;
  width: auto;
  width: initial;
}

span[type='error']+span[type='error'] {
  margin-top: 10px;
}
.styles__login-button-container___wGQnl {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 50px;
}

  .styles__login-button-container___wGQnl button {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
  }


.password__passwordRequirements___xT6qA h2 {
  margin-top: 30px;
  color: #FFF;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  font-size: 1.3em;
  line-height: 1.6em;
}

.password__passwordRequirements___xT6qA ul {
  margin: 0px;
  min-width: 400px;
}

.password__passwordRequirements___xT6qA li {
  color: #FFF;
  line-height: 1.6em;
  font-size: 1.0em;
}

.password__passwordRequirements___xT6qA {
  display: flex;
  align-content: center;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.activate__passwordRequirements___JfBCe h2 {
  margin-top: 30px;
  color: #FFF;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  font-size: 1.3em;
  line-height: 1.6em;
}

.activate__passwordRequirements___JfBCe ul {
  margin: 0px;
  min-width: 400px;
}

.activate__passwordRequirements___JfBCe li {
  color: #FFF;
  line-height: 1.6em;
  font-size: 1.0em;
}

.activate__passwordRequirements___JfBCe {
  display: flex;
  align-content: center;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.styles__heading-row___MmKGN {
  margin-left: 30px;
}

.styles__heading-row___MmKGN > div {
  display: inline-block;
  width: 50%;
}

.styles__welcome___PUi0w {
  color: #5d6574;
  font-weight: 700;
  text-align: left;
}

.styles__dashboard-updates-container___vq2q1 {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}

.styles__dashboard-updates-container___vq2q1 > div {
  width: 50%;
}

.styles__activity___mQ2NE {
  flex: 2;
}

.styles__table-actions___begSg {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.styles__notification___hirQi {
  border-bottom: 1px solid #D6DAE1;
  padding: 15px;
  display: flex;
  justify-content: space-between;
}

.styles__text___a_Y1I {
  
}

.styles__date___u2AuG {

}

.styles__icon___CBK8C {
  margin-right: 10px;
}
.styles__list___lLUjZ {
  border-top: 1px solid #D6DAE1;
  margin-top: 20px;
}
.styles__close___AkYMF {}
.styles__tabview___n8KhQ {
  padding: 20px;
  background: #EEEEEE;
  min-height: 100%;
  margin-left: 90px;
  margin-top: 65px;
}

.styles__top___ZAxDb {
  display: flex;
  justify-content: space-between;
  color: #004E9B;
}

.styles__heading___olfIv {
  font-weight: bold;
  font-size: 1.2em;
}
.styles__list___xTV3B {
  border-top: 1px solid #D6DAE1;
  margin-top: 20px;
}

.styles__option___dPobw {
  border-bottom: 1px solid #D6DAE1;
  padding: 50px 15px;
  display: flex;
  justify-content: space-between;
}

.styles__field-name___AGc4A {
  font-weight: bold;
  flex: 1 20%;
  margin-right: 15px;
}

.styles__field-value___t88WX {
  /*flex: 5 100%;*/
  flex: 2 75%;
}

.styles__edit___nKDnW {
  display: flex;
  flex-direction: column;
  flex: 1 100%;
  margin-top: -25px;
}

.styles__field-value-input___bvZSf {
  background: #FFF;
  color: black;
  flex: 2 75%;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
}

.styles__button-row___QBdCM {
  justify-content: space-around;
}

.styles__flexCard___oFgsC {
  padding: 1%;
  background-color: white;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  flex: 1 0 200px;
  margin-top:10px;
  margin-left:10px;
}

.styles__flexCardContainer___HbDvj {
  display: flex;
  flex-direction:row;
}

.styles__flexCardTitle___naaSN {
}

.styles__flexCardInlineContainer___TA3G2 {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  margin-left:10px;
}

.styles__imageStyle___ZZeis {
  width: 3em;
}

.styles__cardContents___m1aJg {
  font-size: 2em;
}
.styles__flexRepairCard___aZhbd {
  display: flex;
  flex-direction: column;
  gap: 1%;
  width: 100%;
  font-size: 0.7em;
  min-height: 100px;
}

.styles__flexRepairCard___aZhbd:not(:first-child) {
  margin-top: 20px;
}

.styles__flexRepairCardHeader___ByL4z {
  margin-bottom: 3%;
}

.styles__flexRepairCardHeader___ByL4z {
  font-weight: bolder;
}

.styles__flexRepairCardContents___PNIH7 {
  background-color: rgb(228,228,228);
}

.styles__flexRepairCardContents___PNIH7 > div:first-child  {
  border-bottom: 0.5px solid lightgrey
}

.styles__flexRepairCardContent___WbDsI {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding:2%;
}
.styles__chart___MViV4 {
  height: 300px;
  width:100%;
}
.styles__chart___Pff6P {
  position: relative;
  padding: 15px 30px;
  height: 260px;
  width: 100%;
}

.styles__chartValue___zhJCR {
  position: relative;
  bottom: 60%;
  font-size: 2.2em;
  color: #000;
  text-align: center;
}
.styles__chart___qM2SP {
  height: 300px;
  width: 100%;
}
.styles__locationDetails___wmgU_ {
  width: 100%;
}
.styles__divMain___DMSH4 {
  background-color: #EEEEEE;
  font-family: 'Sofia Pro', Calibri, sans-serif;
  font-size: 1em;
  font-weight: 700;
  padding-bottom: 1%;
}

.styles__flexContainer-radio___d3tjM {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  padding-left: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: #D2D4DD;
}

.styles__flexContainer___w69cX {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-left:5px;
  margin-right: 5px;
}

.styles__flexChartTitle___prMLA {
  text-align: center;
  width: 100%;
  margin-top:5px;
}

.styles__flexChartCardPie___yMQ9L {
  display: flex;
  flex-direction: column;
  background-color: white;
  flex: 1 0 200px;
  min-height: 300px;
  margin-top:10px;
  margin-left:10px;
  width:200px;
}

.styles__flexChartCardBar___gph6C {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-evenly;
  background-color: white;
  flex: 1 0 400px;
  min-height: 300px;
  margin-top:10px;
  margin-left:10px;
  width:400px;
}

.styles__flexChartCardLine___IEl7Q {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-evenly;
  background-color: white;
  flex: 1 0 400px;
  min-height: 300px;
  margin-top:10px;
  margin-left:10px;
  width:400px;
}

.styles__flexRepairContainer___kHjM4 {
  display: flex;
  flex-direction: column;
  gap: 1%;
  justify-content: space-evenly;
  flex: 1 0 200px;
  flex-wrap: wrap;
  min-height: 300px;
  margin-top:10px;
  margin-left:10px;
}

.styles__flexCardMap___b1mdf {
  display: flex;
  flex-wrap: wrap;
  flex: 1 0 600px;
  min-height: 300px;
  margin-top:10px;
  margin-left:10px;
}

.styles__flexCardMapDetails___aNg39 {
  padding: 1%;
  overflow-x: auto;
  background-color: white;
  display: flex;
  flex-wrap: wrap;
  flex: 1 0 600px;
  max-height: 300px;
  margin-top:10px;
  margin-left:10px;
}
.styles__categories___h8nCE {
  background: #004E9B;
  display: inline-block;
  align-self: flex-end;
}

.styles__category___zJXiQ {
  display: inline-block;
  color: #FFF;
  padding: 8px;
  border-right: 1px solid #4B4F54;
  cursor: pointer;
  font-weight: lighter;
  font-size: 0.8em;
}

.styles__category___zJXiQ:last-of-type {border-right: none;}

.styles__category___zJXiQ:hover {opacity: 0.6;}

.styles__category-selected____BaLS {
  background: #56A6F3;
}

.styles__count____BCQH {
  margin-left: 4px;
  margin-right: 4px;
  font-weight: bold;
}

.styles__count____BCQH:before {
  content: "(";
  font-weight: normal;
}

.styles__count____BCQH:after {
  content: ")";
  font-weight: normal;
}

.styles__header___kg0lP {
  justify-content: space-between;
}

.styles__load-more___aL_NO {}

/* Spinner */

.styles__spinner___Ms7tn {
}

.styles__group___cpLqn {
  padding: 0 20px;
}

.styles__group___cpLqn:first-of-type{
  margin-top: 20px;
}

.styles__border___euXmB {
  border-bottom: 1px solid rgba(172,178,188, 0.4);
  align-self: flex-end;
  width: 100%;
  margin: 20px 0px;
}
.styles__search-filters___tccEm {
  background: #D2D4DD;
  padding: 10px;
  padding-left: 30px;
  display: flex;
  flex-direction: column;
}

.styles__wrapper___FNzEJ {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
  width: 100%;
}

.styles__filters___DvL9o {
  padding: 0px 0px 10px 0px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.styles__heading___cE9iX {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  
}

.styles__heading___cE9iX h3 {
    margin-left: 0;
  }

.styles__filter-clear___s1KWS {
  padding-top: 10px;
}

.styles__filter-item___PriZ4 {
  font-size: 12px;
  margin-right: 10px;
  margin-top: 5px;
  flex: 1;
  max-width: 300px;
  flex-basis: 25%;
}

.styles__actions___ojeLI {
  display: flex;
  padding-bottom: 10px;
  padding-right: 10px;
  align-items: center;
  justify-content: flex-start;
}

.styles__actions___ojeLI a {
    margin-right: 15px;
  }

.styles__remove-filters___KbKJg {
  flex: 1;
  align-self: flex-end;
  text-align: right;
  padding-bottom: 16px;
  margin-right: 22px;
}


.styles__table-row___hGlFb {
  background-color: #FFF;
}

.styles__table-row___hGlFb td {
  padding: 10px;
  word-wrap: break-word;
  border-bottom: 1px solid #E5E5E5;
}

.styles__table-row___hGlFb:nth-child(even) {
  background-color: #FBFBFB;
}

.styles__assign-column___N512h {
}

.styles__remove-link___O_k8f {
  color: #5D697E;
  padding-left: 5px;
}

.styles__remove-link___O_k8f:before {
  content: "(";
}

.styles__remove-link___O_k8f:after {
  content: ")";
}

.styles__flag-column___Vo99G {
  width: 50px;
}

.styles__hover___hb06q {
  cursor: pointer;
  position: relative;
}

.styles__icon-field___GG9ag {
  display: flex;
  min-height: 24px;
}

.styles__icon-field___GG9ag svg {
  height: 20px;
  width: 20px;
  margin-right: 8px;
}


.styles__doorcontents-panel___SxjZS {
  width: 100%;
}

.styles__view-all-button___ZZxxs {
  float: right;
}

.styles__table-top___VSl12 {
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  padding: 5px 30px;
}

.styles__table___j_Lun {
  padding: 10px 0px;
}

.styles__table-header-small-right___U2Au8
{
  color: #FFF;
  padding: 10px;
  font-weight: normal;
  text-align: right;
  width: 50px;
}

.styles__container___jpGHX {
  padding: 10px;
}
.styles__doorcontents-search___nJNVz {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}
.styles__table-doorcontents___b2KLB {
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  height: 20%;
}
.styles__sort___uOFDm {
  margin: 10px 0;
  float: right;
}
.styles__no-location___pmsNg {
  padding: 30px;
}

.styles__matches___sBPtg {
  float: right;
  width: 100%;
  font-size: 12px;
  margin-top: 10px;
}

.styles__heading___CS8Ji {
  width: 350px;
  font-weight: bold;
  background-color: #D4D9E1;
  padding: 10px;
  color: #272A2A;
}

.styles__match___NF7Ws {
  display:flex;
  justify-content: space-between;
  cursor: pointer;
  border-top-style: solid;
  border-color: #D2D4DD;
  border-width: 1px;
  width: 350px;
  background-color: #D4D9E1;
  padding: 10px;
  overflow:auto;
}

.styles__exact-match___FhpgJ {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: #272A2A;
  font-weight: bold;
  flex: 2;
}

.styles__similar___VEg8A {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #5D6574;
  flex: 2;
}

.styles__match___NF7Ws:hover {
  background-color: #D2D4DD;
}

.styles__match-packages___ZI9ss {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
  width: 220px;
  color: #5D6574;
}
.styles__items___vDuLC {
  display: flex; 
  flex-direction: column;
  font-size: 12px;
  line-height: 20px;
}

.styles__items___vDuLC div:first-child {
  font-weight: bold;
}

.styles__spacer___kI5VR {
  height: 20px;
}
.styles__sku-assignment___VgzaR:first-of-type {
  margin-top: 10px;
  border-top-width: 1px;
}


.styles__sku-assignment___VgzaR {
  background-color: #FFF;
  min-width: 215px;
  font-weight: normal;
  padding: 5px;
  border-style: solid;
  border-color: #ACB2BC;
  border-width: 1px;
  border-top-width: 0px;
  border-collapse: collapse;
}


.styles__close-button___oasL0 {
  cursor: pointer;
  height: 10px;
  float: right;
}
.styles__icon___eV_wo {
  padding: 10px;
}

.styles__door-details___lvRoU {

}

.styles__content___FsRab {
  display: flex;
  flex: 2;
  margin-left: 15px;
  margin-top: 15px;
}

.styles__content-right___W8sc1 {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.styles__content___FsRab h3 {
  margin-left: 0;
}

.styles__lock-batteries___GX9wW,
.styles__lock-name___vdt0_ {
  flex: 2;
  flex-direction: column;
  width: 120px;
}

.styles__batteries___qfVW_ {
  float: right;
}

.styles__button___C6Gu6 {
  display: flex;
  align-self: center;
}
.styles__searchfield___Xe0Jv {
  flex-basis: 23%;
  align-self: flex-start;
  margin-left: 30px;
}

.styles__locks-filter-wrapper___FkLr5 {
  width: 88%;  
}

.styles__view___S0qxC {
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  height: 93%;
}
.styles__user-header___ue2Xv {
  background: #E5E5E5;
  display: flex;
  color: #636E7A;
  padding: 30px 22px;
}

.styles__name___JuB7T {
  color: #636E7A;
  font-size: 1.2em;
  text-transform: capitalize;
  font-weight: bold;
}

.styles__user___Z6bq0 {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-left: 20px;
}

.styles__user-details___oZeNP {
  display: flex;
  margin-top: 10px;
  font-size: 12px;
}

.styles__detail___qp9I1 {
  margin: 0 5px;
}

.styles__detail___qp9I1:nth-of-type(1){
  margin-left: 0px
}

.styles__detail___qp9I1:last-of-type:after {
  content: ""
}

.styles__detail___qp9I1:after {
  content: "|";
  margin-left: 10px;
}

.styles__container___GXLm7 {
  padding: 10px;
}

.styles__container___GXLm7 h1 {
  color: #000015;
  font-weight: bold;
}
.styles__container___qtlMx {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}

.styles__message___0PNhg {
  max-width: 600px;
  text-align: center;
  margin-top: 1rem;
  font-size: 1.1rem;
  color: white;
}

.styles__actionButtons___gAK0w {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}

.styles__homeButton___aB5A3 {
  padding: 0.75rem 1.5rem;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.3s;
}

.styles__homeButton___aB5A3:hover {
  background-color: #0056b3;
}

.styles__content___aI7pe {
  display: flex;
  flex-direction: column;
  flex: 1;
  color: #2C465D;
  margin-left: 20px;
}

.styles__actions___QofZ7 {
  display: flex;
  flex-direction: column;
}

.styles__details___OrhXK {
  display: flex;
  margin-top: 20px
}

.styles__name___egGX5 {
  color: #636E7A;
  font-size: 1.2em;
  text-transform: capitalize;
  font-weight: bold;
}

.styles__contact___ulILc {

}

.styles__enableDevice___kbuhV h3{
  padding: 0px !important;
  margin: 0px !important;
  border: none !important;
}

.styles__enableDevice___kbuhV input{
  width: 100% !important;
}

.styles__enableDevice___kbuhV button
{
  left: 79% !important;
}

.styles__enableDevice___kbuhV button
{
  width: 102px;
  position: relative;
}

.styles__MessageContainer___eEjM_
{
  margin: 0px !important;
}

.styles__MessageContainer___eEjM_
{
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

.styles__MessageContainer___eEjM_ .styles__errorMessage___m1RpP
{
  color: red;
}

.styles__MessageContainer___eEjM_ .styles__successMessage___dH_mh
{
  color: green;
}
.styles__container___VU63_ {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  list-style-type: none;
  width: 75%;
}

.styles__heading___wu34I > h4 {
  margin-left: 50px;
  color: #D80B09;
}

.styles__card___C74xo {
  padding: 10px;
  border: 1px solid rgba(172,178,188,0.3);
  background: #FBFBFB;
  min-height: 60px;
  min-width: 400px;
  display: flex;
  justify-content: space-between;
  flex: 2;
  margin-top: 10px;
  margin-left: 10px;
}

.styles__key___Q6m1p {
  flex-grow: 1;
}

.styles__value___LUezw {
  margin-right: 30px;
}

.styles__notes___wD_9D {
  margin-bottom: 10px;
}

.styles__key___Q6m1p {
  padding-left: 20px;
}

.styles__key___Q6m1p > h2 {
  margin-top: 10px;
  margin-bottom: 0;
}

.styles__toggle-container___lY1sp {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 50px;
}

.styles__creation-date___l4yKS {
  font-style: italic;
}

.styles__wrapper___FbblU {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 650px;
    align-items: center;
}

.styles__login___BrbXQ {
    display: flex;
    flex-direction: column;
    margin: 48px auto;
    flex: 1;
    max-width: 100vw
}

@media(max-width: 600px) {

.styles__login___BrbXQ {
      max-width: 90vw
}
    }

.styles__title-and-version___P6aeq {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;  
  width: -moz-fit-content;  
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.styles__title-mobile___sChUk {
    font-size: 64px;
    line-height: 1.2em;
    font-family: "Sofia Pro", Calibri, sans-serif;
    margin: 0;
    display: flex;
    justify-content: center
}

@media(min-width: 600px) {

.styles__title-mobile___sChUk {
      display: none
}
    }

.styles__title___ualVv {
    font-size: 64px;
    line-height: 1.2em;
    font-family: "Sofia Pro", Calibri, sans-serif;
    margin: 0;
    display: flex;
    align-items: center
}

@media(max-width: 600px) {

.styles__title___ualVv {
      display: none
}
    }

.styles__title-sub-heading___Yk1g2 {
    color: #FFF;
    font-size: 16px;
    font-family: "Sofia Pro", Calibri, sans-serif;
    margin: 0;
    text-align: right;
    padding-right: 8px;
}

@media(max-width: 600px) {

.styles__title-sub-heading___Yk1g2 {
      display: none;
}
    }

.styles__title-sub-heading___Yk1g2 {
    width: 100%;
}

.styles__content___YhhzW {
    margin-top: 24px;
}

.styles__content___YhhzW form {
    min-height: 200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(min-width: 600px) {

.styles__content___YhhzW form {
      width: 400px
}
    }

.styles__version___VM6SZ {
    color: #FFF;
    padding-top: 8px;
    text-align: right;
    padding: 0px 8px;
    font-size: 0.8rem;
    width: 100%;
    max-width: 600px;
}

.styles__footer___cuwWG {
    display: flex;
    justify-content: center;
    margin-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    padding: 24px;
    width: 100%;
    max-width: 600px;
}

.styles__footer-wrapper___biqqi {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
    width: 550px;
}

.styles__policies___pFKsB {
    color: #FFF;
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 24px;
}

.styles__policy-link___clmsx {
    font-size: .9rem;
    padding: 2px 4px;
    flex: 1;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
}

.styles__getting-started-link___mx4CA {
    font-size: .9rem;
    padding: 2px 4px;
    flex: 1;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFC107;
}

.styles__policy-link___clmsx:first-of-type {
    border-left: none;
}

.styles__footer-logo___EMwvZ {
    display: flex;
    width: 100%;
    justify-content: center;
}

.styles__logo___kWx3s {
    width: 160px;
    color: #FFF;
}

.styles__bybox-konnect-img___Hzwvz {
    width: 48px;
    margin-right: 8px;
}

.styles__konnect-img___V5cdb {
    width: 30px;
    margin-right: 8px;
    margin-top: 6px;
}
.styles__logout___yUeYx {
  display: flex;
  border-right: 1px solid rgba(251,251,251, 0.4);
  border-left: 1px solid rgba(251,251,251, 0.4);
  display: flex;
  align-items: center;
  padding: 15px 20px;
  transition: 0.3s ease-out;
}

.styles__logout___yUeYx:hover {
  background: #4B4F54;
}

.styles__logout___yUeYx a{
  cursor: pointer;
}
.styles__help___zMtzg {
  display: flex;
  border-left: 1px solid rgba(251,251,251, 0.4);
  display: flex;
  align-items: center;
  padding: 15px 20px;
  transition: 0.3s ease-out;
}

.styles__help___zMtzg:hover {
  background: #4B4F54;
}

.styles__help___zMtzg a{
  cursor: pointer;
}
.styles__name-tab___Kk2BZ {
  height: 100%;
  padding: 15px 20px 0;
  display: flex;
  flex-direction: column;
}

.styles__selected___VuJoO {
  background: #EEEEEE;
  color: #2C465D;
}

.styles__name___ECT1Z {
  text-transform: capitalize;
  display: block;
  text-align: right;
  margin-bottom: 7px;
}

.styles__impersonation___rqSpd {
  background: #56A6F3;
  display: flex;
}

.styles__name___c_MnL {
  font-size: 0.8em;
}

.styles__username____iqSY {

}

.styles__close___ya0r8 {
  align-self: center;
  padding: 18px;
  background: rgba(44,70,93, 0.1);
}

.styles__text___Gh71j {
  display: flex;
  flex-direction: column;
  text-align: right;
  padding: 10px;
}


.styles__topNav___AT3UY {
  height: 65px;
  position: fixed;
  z-index: 9;
  top: 0;
  width: 100%;
  display: flex;
  align-items: center;
}

.styles__actions___FS_3E {
  display: flex;
  /* align-items: right; */
  flex-direction: row;
  color: #FFF;
  height: 100%;
}
.styles__routeName___D_n71 {
  margin-left: 100px;
  color: #FFF;
  font-size: 14pt;
  flex: 2;
}
.styles__tab___JvDMa, .styles__outerTab___DZ9PJ {
  overflow: hidden;
}

.styles__tab___JvDMa, .styles__selected___hBSMW {
  position: relative;
  overflow: hidden;
  padding: 20px 4px;
  margin: 0;
}

.styles__tab___JvDMa::after, .styles__selected___hBSMW::after {
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.4px;
  position: absolute;
  background: #41B6E6;
}

.styles__tab___JvDMa::after {
  transform: scale3d(0, 1, 1);
  transition: transform 0.1s;
}

.styles__selected___hBSMW::after {
  transform: scale3d(1, 1, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
}

.styles__outer___ar0mx, .styles__outerSelected___KLEAO {
  cursor: pointer;
}

.styles__outer___ar0mx:hover {
  background: #2C465D;
  transition: all 0.2s ease-in-out;
  
}

.styles__outerSelected___KLEAO {
  background: #2C465D;
}

.styles__icon___lmv4n {
  position: absolute;
}

.styles__text___xebPm {
  clear: both;
  color: #FFF;
  padding: 0px;
  margin-left: 0px;
  font-size: 12px;
  text-align:center;
}

.styles__iconDiv___jiwYF {
  text-align: center;
}

.styles__tab___DjQDh, .styles__outerTab___ZSZO2 {
  overflow: hidden;
}

.styles__tab___DjQDh, .styles__selected___nOWhG {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 26px 4px;
  margin: 0;
  height: 75px;
}

.styles__tab___DjQDh::after, .styles__selected___nOWhG::after {
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  position: absolute;
  background: #3F5F7B;

}

.styles__tab___DjQDh::after {
  transform: scale3d(0, 1, 1);
  transition: transform 0.1s;
}

.styles__selected___nOWhG::after {
  transform: scale3d(1, 1, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
}

.styles__outer___u3cYt, .styles__outerSelected___r59Qp {
  cursor: pointer;
}

.styles__outer___u3cYt:hover {
  background: #3F5F7B;
  transition: all 0.2s ease-in-out;
}

.styles__outerSelected___r59Qp {
  background: #2C465D;
}

.styles__outerSelected___r59Qp:hover {
  background: #2C465D;
  transition: all 0.2s ease-in-out;
}

.styles__icon___zmk0p {
  position: absolute;
}

.styles__text___BBvNA {
  color: #FFF;
  padding: 0px;
  margin-left: 0px;
  font-size: 12px;
  white-space: normal;
  text-align:left;
}

.styles__iconDiv___vWaN4 {
  margin-left:18px;
  margin-right:18px;
  width: 21px;
}

.styles__sidebar___cDB3p {
    width: 90px;
    height: 100%;
    font-size: 14px;
    background: #004E9B;
    position: fixed;
    top: 0;
    z-index: 2000;
    display: flex;
    flex-direction: column;
}

.styles__thinventorylogo___l53Js {
    width: 100%;
    background-image: url(da5752025da3767fd744.svg);
    background-repeat: no-repeat;
    height: 65px;
    background-position: center;
    background-size: 25px;
    padding: 19px;
}

.styles__byboxlogo___nwI9s img {
    width: 28px;
}

.styles__inventorylogo___FKf8i img {
    width: 28px;
}

.styles__tabs___F79BB {
    flex: 1;
}

.styles__sidebarSubtabs___VPWn6 {
    width: 200px;
    height: 100%;
    font-size: 14px;
    background: #2C465D;
    cursor: pointer;
    position: fixed;
    overflow: hidden;
    top: 65px;
    left: 90px;
    z-index: 2000;
    transform: scale3d(1, 1, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.2s;
    transition: all 0.2s ease-in-out;
}

.styles__enter___HsViB {
    opacity: 0.01;
    width: 0px;
}

.styles__enteractive___ONMz9 {
    opacity: 1;
    width: 200px;
    transition: 700ms;
}

.styles__appear___PCQn0 {
    opacity: 0.01;
    width: 0px;
}

.styles__appearactive___sYu9Y {
    opacity: 1;
    width: 200px;
    transition: 700ms;
}

.styles__leave___ZPIAM {
    opacity: 1;
    width: 0px;
}

.styles__menuloader___ENqIy {
    display: flex;
    justify-content: center;
    color: #636E7A;
    padding: 20px;
}

.styles__sidebarVersion___HGkO_ {
    color: white;
    text-align: center;
    word-break: break-all;
    padding: 8px 2px;
}

.styles__globalNotification___DUWTg {
  width: 100%;
  top: 0;
  left: 0;
  height: 65px;
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  font-size: 10pt;
  text-align: center;
  padding: 10px;
  display: flex;
  color: #FFF;
  align-items: center;
}

.styles__globalNotification___DUWTg span:not(.styles__close___uIL2P) {
  flex: 1 1 auto;
}

.styles__close___uIL2P {
  float: right;
  flex: 0 0 20px;
}

.styles__error___Y_Ehd {
  background: #D80B09;
}

.styles__success___v6zDF {
  background: #22B86E;
}

.styles__enter___savl7 {
  opacity: 0.01;
  transition: opacity 0.5s ease-in;
}

.styles__enterActive___UIbqi {
  opacity: 1;
}

.styles__leave___lm_ll {
  opacity: 1;
  transition: opacity 0.5s ease-in;
}

.styles__leaveActive___CEDtq {
  opacity: 0.1;
  transition: opacity 0.5s ease-in;
}

.styles__appear___uFexf {
  opacity: 0.01;
}

.styles__appearActive___nTNg_ {
  opacity: 1;
  transition: opacity 0.5s ease-in;
}

.styles__wrapper___Y0865, .styles__container___GmpMD{
  height: 100%;
}
.styles__wrapper___Y0865{
  width: 100%;
}
.styles__layout___gSCKr {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
  /* IE10+ specific styles go here */  
  .styles__layout___gSCKr {
    display: block;
  }

}
.styles__content___eLk5X {
    display: flex;
    flex-direction: column;
    width:98%;
    padding-left:15px;
    padding-top:10px;
    padding-bottom:10px;
 }
  
  .styles__name___yeUOG {
    padding-right: 50px;
    color: #636E7A;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: capitalize;
  }
  
  .styles__container___u3tzf {
    margin-top:15px;
  }


.styles__toggleContent___chzgr{
    display: flex;
    margin-top:20px;
}

.styles__description___kIR2F{
    margin-left:15px;
    font-size:0.8em;
}

.styles__toggleContainer___HUpn8{
    min-width: 250px;
    max-width: 250px;
}

.styles__toggleLabel___rWRiQ {
    display: inline;
}

.styles__notification_toggle_10___GAY8Q {
    margin-left: 35px;
    margin-right: 40px;
}
.styles__periodContent___kzTxS{
    display: flex;
    margin-top:20px;
    height:68px;
}

.styles__description___SYVsx{
    margin-left:20px;
    font-size:0.8em;
    line-height: 45px;
}

.styles__periodContainer___mHMex{

}

.styles__periodContainer___mHMex input {
    width:60px;
    height:25px;
    margin-left:10px;
}
.styles__content___ErR1V {
    padding-left:25px;
    padding-right:25px;
}

.styles__buttons-container___Y9XSD {
    margin-top:50px;
    display:flex;
}

.styles__notificationBarContainer___QrrJQ{
    min-height:50px;
    margin-top:20px;
}

.styles__optionsContainer___r_J5y {
    padding-left:20px;
    padding-right:20px;
}

.styles__cardsSelector___cNVat {

}

.styles__cardsSelector___cNVat > div {
  padding: 0px;
}
.styles__card___IDwJL {
    padding-right: 0;
    border: 1px solid rgba(172,178,188,0.3);
    background: #FFF;
    min-width: 200px;
    max-width: 400px;
    display: flex;
    flex: 1 0 auto;
    position: relative;
    flex-flow: row wrap;
    margin-top: 10px;
    margin-left: 10px;
    min-height: 90px;
  }
  
  .styles__icon-container___txaXC {
    align-self: center;
    margin-left: 15px;
  }
  
  .styles__icon___s5pdr svg {
    width: 25px;
    height: 25px;
  }
  
  .styles__content___qnDDQ{
    display: flex;
    flex: 2;
    flex-direction: row;
    justify-content: space-between;
    overflow: auto;
  }
  
  .styles__main-detail-container___FORI7 {
    flex: 2;
    margin-left: 10px;
    padding: 3px;
    line-height: 12px;
    align-self: center;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  
  .styles__main-detail-container___FORI7 h3 {
      margin: 0;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      line-height: 16px;
      font-size: 14px;
    }
  
  .styles__content-button___L4ep6 {
    margin-top:27px;
    margin-right:15px;
  }
  


.styles__noResultsMessage___k7XxV {
    padding: 50px;
    text-align: center;
    color: casper;
}

.styles__button-container___LSZrZ{
    display:flex;
    justify-content: flex-end;
    padding-right:11px;
}

.styles__icon___I0P4i {
  padding: 10px;
}

.styles__door-count___ugvQt {
  flex: 2;
}

.styles__content___Lxb0U {
}

.styles__name___X7SYX {
  text-transform: uppercase;
  font-size: 14px;
  color: #000015;
  display: inline-block;
  font-weight: bold;
}

.styles__content-right___Db2Wy {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
}

.styles__checkbox___ivZ4j {
  flex: 2;
}

.styles__icon-container___t6tu6 {
  margin: 0;
  padding:0;
}

.styles__icon-container___t6tu6 span {
    padding: 0 3px 0 0;
  }

.styles__icon___I0P4i svg {
  width: 25px;
  height: 25px;
}

.styles__inventory-location-card___RorQ5 div>div{
  margin-left: 0;
}

.styles__content-container___fTRY6 {
  display: flex;
  flex-direction: row;
}

.styles__table-container___RTxaT {
  width:100%;
  border-spacing: 0;
  font-size: 12px;
  line-height: 18px;
  table-layout: fixed;
  padding: 10px 30px;
}

.styles__table-header___jpMZu {
  background-color: #B4BAC5;
  color: #FFF;
  padding: 10px;
  text-align: left;
}

.styles__table-header-item___NnWNr {
  color: #FFF;
  padding: 10px;
  font-weight: normal;
  text-align: left;
  border-right: 1px solid #FFF;
}

.styles__table-header-item___NnWNr:last-of-type {
  border-right: none;
}

.styles__table-header-item-wrapper___LnfTF {
  display: flex;
}

.styles__table-header-item-content___ipfpq {
  flex: 1 1 auto;
}

.styles__table-header-item-sort___k5WK1 {
  flex: 0;
  min-width: 10px;
  cursor: pointer;
}

.styles__table-header-item-sort___k5WK1 svg {
  width: 10px;
  height: 10px;
}

.styles__table-container___RTxaT td {
  padding: 5px 7px;
  border-bottom: 1px solid #B4BAC5;
}

.styles__data-row___kpHQ6 th div,
.styles__data-row___kpHQ6 td div {
  display: flex;
  align-items: center;
  height: 100%;
}

.styles__data-row___kpHQ6 td div > span > span {
  display: block;
}

.styles__data-row___kpHQ6 td div > span > span,
.styles__data-row___kpHQ6 td div > span > span > svg {
  height: 30px;
}

.styles__action-column___F5LsK {
  width: 50px;
}

.styles__action-column___F5LsK div {
  justify-content: center;
}

.styles__expanded-row___lSk2z td {
  border-bottom: none;
}
.styles__name___JURGh {
  color: #636E7A;
  font-size: 1.2em;
  text-transform: capitalize;
  font-weight: bold;
}

.styles__inventory-location___AD96Q {
  display: flex;
  flex-direction: row;
  margin: 20px;
  flex-grow: 1;
}

.styles__inventory-location-icon___E00fj {
}

.styles__inventory-location-heading___w7D1R {
  flex-grow: 1;
}

.styles__inventory-location-heading___w7D1R h3 {
  color: #636E7A;
  font-size: 1.2em;
  text-transform: capitalize;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}

.styles__inventory-location-details___NEyXi {
  flex-grow: 1;
  margin-left: 10px;
}

.styles__inventory-location-totals___RrckG {
  display: flex;
  flex-direction: row;
  flex: 1;
  font-size: 80%;
}

.styles__separator___H7v46 {
  margin-left: 10px;
  margin-right: 10px;
}

.styles__inventory-location-actions___HN6cO {
  display: flex;
  align-items: center;
}

.styles__inventory-location-actions___HN6cO button {
  font-size: 90%;
}

.styles__door-summary___trNAS {
  position: relative;
  border: 1px solid #CDCDCD;
  margin: 10px 20px;
}

.styles__door-summary-header____zJgJ {
  display: block;
  background-color: #FFF;
  border-bottom: 1px solid #CDCDCD;
  padding: 20px 10px 20px 10px;
  margin: 0px;
}

.styles__door-summary-header-text___Ys05U {
  padding-left: 10px;
  vertical-align: super;
}

.styles__expand-icon___IAa4f {
  position: absolute;
  right: 10px;
  top: 15px;
  cursor: pointer;
}

.styles__door-summary-header____zJgJ small {
  color: #636E7A;
  text-transform: capitalize;
  vertical-align: super;
  margin-left: 15px;
}

.styles__door-summary-total___WH7h0 {
  position: absolute;
  right: 30px;
  top: 18px;
}

.styles__fake-label___aB2U_ {
  background-color: #fff;
  border: 1px solid #cdcdcd;
  padding: 8px;
  margin: 8px;
  font-size: 100%;
  max-width: 100%;
  width: 100%;
}

@media only screen and (max-width: 700px) {
  .styles__tracking-number____I0s2 {
    flex: 1;
    min-width: 50%;
    display: flex;
  }  
}

@media only screen and (min-width: 700px) {
  .styles__tracking-number____I0s2 {
    flex: 1;
    min-width: 33%;
    display: flex;
  }  
}

.styles__packages___BSWYf {
  display: flex;
  flex-flow: row;
  margin: 8px 8px;
  flex-wrap: wrap;
}
.styles__no-stock-card___mH4uP {
  margin: 10px 20px 10px 10px;
}
.styles__nonvisible-label___TI4Zt {
  margin: 10px 20px 0 20px;
  padding: 10px;
  border: 0.5px solid #CDCDCD;
  background-color: #FFF;
}

.styles__inventory-orders-cards___YtASa {
  margin: 0 20px 0 0;
  padding-left: 10px;
}

.styles__inventory-orders-no-results-card___jCbjY {
  margin-left: 10px;
}

.styles__sku-inventory-order-card___ifqPH {
  margin: 10px 0 0 10px;
  padding: 0;
  border: 0.5px solid #CDCDCD;
}
.styles__sku-issues-table___OSM7R {
  margin: 10px 20px;
  padding: 0 40px 0 0;
}

.styles__no-issues-card___J_DwZ {
  margin: 10px 20px 10px 10px;
}
.styles__sku-detail-loading___zRDou {
  margin: 10px auto;
}
.styles__after-icon___Z9s5I {
  margin-left: 10px;
}

.styles__filter-item___sweSv {
  font-size: 12px;
  padding-right: 10px;
  margin-top: 5px;
}

@media only screen and (max-width: 800px) {
  .styles__filter-item___sweSv {
    width: 50%;
  }

  .styles__filter-item___sweSv:nth-of-type(2) {
    padding-right: 0;
  }
}

@media only screen and (min-width: 800px) and (max-width: 1199px) {
  .styles__filter-item___sweSv {
    width: 33%;
  }

  .styles__filter-item___sweSv:nth-of-type(3) {
    padding-right: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .styles__filter-item___sweSv {
    width: 25%;
  }

  .styles__filter-item___sweSv:nth-of-type(4) {
    padding-right: 0;
  }
}

.styles__flex-fill___sSQRy {
  flex: 1;
}

.styles__activity-panel___j8BhM {
  width: 100%;
}

.styles__view-all-button___Pj_Qi {
  float: right;
}

.styles__table-top___Aeutj {
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  padding: 5px 30px;
}

.styles__table___rn8mS {
  padding: 10px 0px;
}

.defaultStyles__access-code-summary-cell___jCf0W .defaultStyles__cell-item___kGc1u {
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  min-height: 25px;
  margin: 3px 0;
}

.defaultStyles__access-code-summary-cell___jCf0W .defaultStyles__cell-item___kGc1u .defaultStyles__value___Y4Ayh {
  word-wrap: break-word;
  white-space: pre-wrap;
  overflow: hidden;
  flex: 1;
  /* set an arbitraty min-width so whole words wrap when using flexbox */
  min-width: 10px;
}

.defaultStyles__access-code-summary-cell___jCf0W .defaultStyles__cell-item___kGc1u .defaultStyles__flex-icon___YKbqQ svg {
  position: relative;
  top: 0px;
  vertical-align: middle;
}

.defaultStyles__access-code-summary-cell___jCf0W .defaultStyles__cell-item___kGc1u .defaultStyles__flex-icon___YKbqQ,
.defaultStyles__access-code-summary-cell___jCf0W .defaultStyles__cell-item___kGc1u .defaultStyles__flex-icon___YKbqQ > span {
  display: flex;
}
.styles__table-row___JhcRt {
  background-color: #FFF;
}

.styles__table-row___JhcRt svg {
  display: inline-block;
  position: relative;
  top: 5px;
  width: 20px;
  height: 20px;
  vertical-align: baseline;
  margin-right: 5px;
}

.styles__table-row___JhcRt:nth-child(even) {
  background-color: #FBFBFB;
}

.styles__table-row___JhcRt td {
  padding: 10px;
  word-wrap: break-word;
  border-bottom: 1px solid #E5E5E5;
}
.styles__container___Su4TI {
  min-height: 100vh;
  padding: 10px;
}

.styles__container___Su4TI h1 {
  color: #000015;
  font-weight: bold;
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}

.styles__filters___jJ9Va {
  padding: 0px 0px 10px 0px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.styles__filter-item___IHLO5 {
  font-size: 12px;
  margin-right: 10px;
  margin-top: 5px;
  flex: 1;
  max-width: 300px;
  flex-basis: 25%;
  color: black;
}

.styles__location-filter___Q8XEk
{  
  margin-top: 10px;
}



.styles__tracking_numbers___TGFku {
  width: 200px;
  height: 150px;
  resize: none;
}

.styles__fields_wrapper___T6bBm {
  width: 200px;
  overflow: visible;
}

.styles__qty___jBkMG {
  width: 50px;
  padding: 12px 10px;
  margin-top: 2px;
  line-height: 16px;
  font-size: 12px;
  overflow: visible;
  margin-left: calc(50%);
  transform: translateX(-50%);

}

.styles__qty_label____6DlG {
  min-width: 0;
  min-width: initial;
  margin-left: 20px;
}

.styles__tracking_id___Mxct8{
  margin-left: 1px;
}

.styles__add_button___An3r4{
  margin-left: 20px;
}

.styles__submit_button___dpb2K {
  width: 200px;
  margin-left: 170px; /* input field max width the 150px + 20px margin */
  margin-top: 10px;
}

.styles__or_label___jhe6i{
  min-width: 0;
  min-width: initial;
  max-width: none;
  max-width: initial;
  margin: 0px 10px;
}

/* hide up-down arrows in number field*/

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */

input[type=number] {
  -moz-appearance: textfield;
}

input:disabled {
  color: inherit !important;
  background-color: transparent !important;
  background-color: initial !important;
  border-color: rgba(118, 118, 118, 0.3) !important;
}

input:disabled {
  cursor: default;
}

.styles__edit_icon___yVHeb {
  padding-left: 20px;
}

.styles__delete_button_column___fJWnF{
  width: 100px;
}

.styles__center___G2knz{
  text-align: center;
}

table {
  border-collapse:separate; 
  border-spacing: 0 1em;
  width: 100%;
  table-layout: fixed;
}

td{
  background-color: whitesmoke;
  padding: 10px;
}

input{
  font-size: 12px;
}
.index__container___TUzcy {
  min-height: 80vh;
  padding: 10px;
}

.index__container___TUzcy h1 {
  color: #000015;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.index__events-table___yz5mp tbody td {
  border-bottom: 1px solid #e5e5e5;
  padding-top: 20px;
  padding-bottom: 20px;
}

.index__filters___MN6Wi {
  padding: 0px 0px 10px 0px;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.index__filter-item___t_qRT {
  font-size: 12px;
  margin-right: 10px;
  margin-top: 5px;
  flex: 1;
  color: black;
}

.index__location-filter___hLWYO {
  margin-top: 10px;
}

.index__actions___P66lo {
  display: flex;
  padding-bottom: 10px;
  padding-right: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-basis: 30%;
}

.index__event-type-icon___FlQbl {
  width: 100px;
  text-align: center;
  font-weight: normal;
  font-size: 12px;
}

.index__events-barcode___S9JRI {
  display: flex;
}

.index__events-barcode___S9JRI > span {
  width: 20px;
  margin-right: 10px;
}

.index__events-stock-text___tXejp {
  margin-top: 10px;
}

.index__events-goto___xOh6Y {
  background: #2ea3f2;
  border-radius: 3px;
  padding: 10px;
}

.index__events-goto___xOh6Y > span:first-child {
  color: #FFF;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  margin-right: 5px;
}

.index__events-center___gRdcL {
  text-align: center;
}

.index__events-title___30lU0 {
  padding: 20px 0px 10px 30px;
}

.index__events-title___30lU0 > span {
  text-transform: uppercase;
  font-weight: 700;
  color: #6a778a;
}

td {
  border-bottom: 1px solid #e5e5e5;
}

.index__events-filter-dropdown___bBxcI {
  min-width: 100%;
}

.index__events-type-filter-dropdown___z_b6x > div:first-child > div {
  white-space: nowrap;
  width: 165px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index__deviceEventStartDateFilter___dcST5,
.index__deviceEventToDateFilter___mTo4V {
  margin-top: 12px !important;
}

.index__event-export-section___xBfez {
  padding: 10px 30px;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
}

.index__sort-by___ieUr6 {
  display: flex;
  align-items: baseline;
  justify-items: baseline;
  place-items: baseline;
}

.index__sort-by-dropdown___uRHxz {
  margin-left: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.index__icon-cell___hXdnK {
  text-align: center;
}

.index__icon-source-cell___Dk6Zt {
  text-align: left;
}

.index__container___e85b9 {
  min-height: 80vh;
  padding: 10px;
}

.index__container___e85b9 h1 {
  color: #000015;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.index__sku-issues-table___gEodm tbody td{
  border-bottom: 1px solid #E5E5E5;
  padding-top: 20px;
  padding-bottom: 20px;
}

.index__filters___QMA1V {
  padding: 0px 0px 10px 0px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.index__filter-item___qhOnF {
  width: 300px !important;
}

.index__filter-item___qhOnF {
  font-size: 12px;
  margin-right: 10px;
  margin-top: 5px;
  flex: 1;
  flex-basis: 25%;
  color: black;
}

.index__location-filter___iV7T_ {
  margin-top: 10px;
}

.index__actions___wlNUz {
  display: flex;
  padding-bottom: 10px;
  padding-right: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-basis: 30%;
}

.index__issue-type-icon___TMjF1 {
  width: 50px;
  text-align: center;
  font-weight: normal;
  font-size: 12px;
}

.index__issues-barcode___H5so7 {
  display: flex;
}

.index__issues-barcode___H5so7>span {
  width: 20px;
  margin-right: 10px;
}

.index__issues-bold-text___VusWM {
  font-family: 'Sofia Pro';
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
}

.index__issues-stock-text___Xu9NG {
  margin-top: 10px;
}

.index__issues-goto___rI5sQ {
  background: #2EA3F2;
  border-radius: 3px;
  padding: 10px;
}

.index__issues-goto___rI5sQ>span:first-child {
  color: #FFF;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  margin-right: 5px
}

.index__issues-center___R1caR {
  text-align: center;
}

.index__issues-title___cuUch
{
  padding: 20px 0px 10px 30px;
}

.index__issues-title___cuUch>span{
  text-transform: uppercase;
  font-weight: 700;
  color: #6A778A;
}

td {
  border-bottom: 1px solid #E5E5E5;
}

.index__issues-filter-dropdown___nP0SY
{
  min-width: 100%;
}
.styles__search-filters___iNPzS {
  background: #D2D4DD;
  padding: 10px;
  padding-left: 30px;
  display: flex;
  flex-direction: column;
}

.styles__wrapper___Ut8Fg {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
  width:100%;
}

.styles__filters___KWRbh {
  padding: 0px 0px 10px 0px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.styles__heading___iytII {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  
}

.styles__heading___iytII h3 {
    margin-left: 0;
  }

.styles__filter-clear___Y1RcD {
  padding-top: 10px;
}

.styles__filter-item___tS46y {
  font-size: 12px;
  margin-right: 10px;
  margin-top: 5px;
  flex: 1;
  max-width: 300px;
  flex-basis: 25%;
}

.styles__filter-header___rlF41 {
  flex: 0 0 100%;
}

.styles__filter-row___zSMc7 {
  display: flex;
  max-width: 100%;
  flex-basis: 100%;
  flex-wrap: wrap;
}

.styles__filter-group___qiMIP {
  flex: 1;
  width: 100%;
}

.styles__remove-filters___DEajA {
  flex: 1;
  align-self: flex-end;
  text-align: right;
  padding-bottom: 16px;
  margin-right: 22px;
}


.styles__actions___Iry5z {
  display: flex;
  padding-bottom: 10px;
  padding-right: 10px;
  align-items: center;
  justify-content: flex-start;
}

  .styles__actions___Iry5z a {
    margin-right: 15px;
  }
.styles__door-form___KzgpF input[type=text] {
    min-width: 370px;
}

.styles__door-form___KzgpF .styles__Dropdown-form-width___qGAap {
    width: 500px;
}

.styles__door-form___KzgpF {
    font-size: 100%;
}