@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: "";
  content: none; }

q:before, q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

button, [type='button'], [type='reset'], [type='submit'] {
  appearance: none;
  background-color: #2478CC;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 1.5em;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap; }
  button:hover, button:focus, [type='button']:hover, [type='button']:focus, [type='reset']:hover, [type='reset']:focus, [type='submit']:hover, [type='submit']:focus {
    background-color: #1d60a3;
    color: #fff; }
  button:disabled, [type='button']:disabled, [type='reset']:disabled, [type='submit']:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    button:disabled:hover, [type='button']:disabled:hover, [type='reset']:disabled:hover, [type='submit']:disabled:hover {
      background-color: #2478CC; }
  button.slimmer, [type='button'].slimmer, [type='reset'].slimmer, [type='submit'].slimmer {
    padding: 0.2em;
    font-size: 0.8em;
    font-weight: normal; }

.slim {
  padding: 0.75em 0.75em; }

.green {
  background-color: #57CE40; }

.short, .issue, .wrong-item, .delete {
  background-color: #FF3C38; }
  .short:hover, .short:focus, .issue:hover, .issue:focus, .wrong-item:hover, .wrong-item:focus, .delete:hover, .delete:focus {
    background-color: #cc302d;
    color: #fff; }
  .short:disabled, .issue:disabled, .wrong-item:disabled, .delete:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    .short:disabled:hover, .issue:disabled:hover, .wrong-item:disabled:hover, .delete:disabled:hover {
      background-color: #FF3C38; }

.success {
  background-color: #57CE40; }
  .success:hover, .success:focus {
    background-color: #46a533;
    color: #fff; }

.split, .backordered, .damaged {
  background-color: #FF8C42; }
  .split:hover, .split:focus, .backordered:hover, .backordered:focus, .damaged:hover, .damaged:focus {
    background-color: #cc7035;
    color: #fff; }
  .split:disabled, .backordered:disabled, .damaged:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    .split:disabled:hover, .backordered:disabled:hover, .damaged:disabled:hover {
      background-color: #FF8C42; }

.disabled {
  background-color: #999; }
  .disabled:hover, .disabled:focus {
    background-color: #7a7a7a;
    color: #fff; }

.unscannable, .new-box-tag, .under-picked, .overage, .unreconciled {
  background-color: #A23E48; }
  .unscannable:hover, .unscannable:focus, .new-box-tag:hover, .new-box-tag:focus, .under-picked:hover, .under-picked:focus, .overage:hover, .overage:focus, .unreconciled:hover, .unreconciled:focus {
    background-color: #82323a;
    color: #fff; }
  .unscannable:disabled, .new-box-tag:disabled, .under-picked:disabled, .overage:disabled, .unreconciled:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    .unscannable:disabled:hover, .new-box-tag:disabled:hover, .under-picked:disabled:hover, .overage:disabled:hover, .unreconciled:disabled:hover {
      background-color: #A23E48; }

fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0; }

legend {
  font-weight: 600;
  margin-bottom: 0.375em;
  padding: 0; }

label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.375em; }

input,
select,
textarea {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
  font-size: 1em; }
  input.scanner-focused,
  select.scanner-focused,
  textarea.scanner-focused {
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE; }

[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea {
  appearance: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-bottom: 0.75em;
  padding: 0.5em;
  transition: border-color 150ms ease;
  width: 100%; }
  [type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:hover {
    border-color: #b1b1b1; }
  [type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus {
    border-color: #2478CC;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(32, 107, 182, 0.7);
    outline: none; }
  [type='color']:disabled, [type='date']:disabled, [type='datetime']:disabled, [type='datetime-local']:disabled, [type='email']:disabled, [type='month']:disabled, [type='number']:disabled, [type='password']:disabled, [type='search']:disabled, [type='tel']:disabled, [type='text']:disabled, [type='time']:disabled, [type='url']:disabled, [type='week']:disabled, input:not([type]):disabled, textarea:disabled {
    background-color: #f2f2f2;
    cursor: not-allowed; }
    [type='color']:disabled:hover, [type='date']:disabled:hover, [type='datetime']:disabled:hover, [type='datetime-local']:disabled:hover, [type='email']:disabled:hover, [type='month']:disabled:hover, [type='number']:disabled:hover, [type='password']:disabled:hover, [type='search']:disabled:hover, [type='tel']:disabled:hover, [type='text']:disabled:hover, [type='time']:disabled:hover, [type='url']:disabled:hover, [type='week']:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover {
      border: 1px solid #ddd; }
  [type='color']:-ms-input-placeholder, [type='date']:-ms-input-placeholder, [type='datetime']:-ms-input-placeholder, [type='datetime-local']:-ms-input-placeholder, [type='email']:-ms-input-placeholder, [type='month']:-ms-input-placeholder, [type='number']:-ms-input-placeholder, [type='password']:-ms-input-placeholder, [type='search']:-ms-input-placeholder, [type='tel']:-ms-input-placeholder, [type='text']:-ms-input-placeholder, [type='time']:-ms-input-placeholder, [type='url']:-ms-input-placeholder, [type='week']:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #858585; }
  [type='color']::placeholder, [type='date']::placeholder, [type='datetime']::placeholder, [type='datetime-local']::placeholder, [type='email']::placeholder, [type='month']::placeholder, [type='number']::placeholder, [type='password']::placeholder, [type='search']::placeholder, [type='tel']::placeholder, [type='text']::placeholder, [type='time']::placeholder, [type='url']::placeholder, [type='week']::placeholder, input:not([type])::placeholder, textarea::placeholder {
    color: #858585; }

textarea {
  resize: vertical; }

[type="checkbox"],
[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

[type="file"] {
  margin-bottom: 0.75em;
  width: 100%; }

select {
  margin-bottom: 0.75em;
  width: 100%; }

html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

html,
body {
  height: 100%; }

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }

dl {
  margin: 0; }

dt {
  font-weight: 600;
  margin: 0; }

dd {
  margin: 0; }

figure {
  margin: 0; }

img,
picture {
  margin: 0;
  max-width: 100%; }

table {
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #a6a6a6;
  font-weight: 600;
  padding: 0.75em 0;
  text-align: left; }

td {
  border-bottom: 1px solid #ddd;
  padding: 0.75em 0; }

tr,
td,
th {
  vertical-align: middle; }

body {
  color: #333;
  font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
  font-size: 1em;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
  font-size: 1.25em;
  line-height: 1.2;
  margin: 0 0 0.75em; }

p {
  margin: 0 0 0.75em; }

a {
  color: #2478CC;
  text-decoration: none;
  transition: color 150ms ease; }
  a:active, a:focus, a:hover {
    color: #1b5a99; }

hr {
  border-bottom: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.5em 0; }

header.navigation {
  background-color: #2478CC;
  border-bottom: 1px solid #1c5fa1;
  min-height: 50px;
  width: 100%;
  z-index: 999; }
  header.navigation .navigation-wrapper {
    position: relative;
    z-index: 9999; }
    header.navigation .navigation-wrapper::after {
      clear: both;
      content: "";
      display: block; }
  header.navigation .logo {
    float: left;
    max-height: 50px;
    padding-left: 1em;
    padding-right: 2em; }
    header.navigation .logo img {
      max-height: 50px;
      padding: 0.8em 0; }
  header.navigation .mobile-title {
    float: left;
    color: rgba(255, 255, 255, 0.8);
    line-height: 50px;
    margin-left: 0.75em; }
  header.navigation .navigation-menu-button {
    color: rgba(255, 255, 255, 0.8);
    display: block;
    float: right;
    line-height: 50px;
    margin: 0;
    padding-right: 1em;
    text-decoration: none;
    text-transform: uppercase; }
    @media screen and (min-width: 900px) {
      header.navigation .navigation-menu-button {
        display: none; } }
    header.navigation .navigation-menu-button:focus, header.navigation .navigation-menu-button:hover {
      color: white; }
  header.navigation nav {
    float: none;
    min-height: 50px;
    z-index: 9999999;
    padding: 0 0.75em;
    width: 100%; }
    header.navigation nav.desktop {
      display: none; }
      @media screen and (min-width: 737px) {
        header.navigation nav.desktop {
          display: inline-block;
          font-size: 1.5em;
          padding: 6px 0.75em; }
          header.navigation nav.desktop .ember-power-select-typeahead-input {
            padding: 0px 7px 2px; }
          header.navigation nav.desktop a {
            color: #fff; }
            header.navigation nav.desktop a.btn {
              padding: 5px;
              margin: 0px; }
          header.navigation nav.desktop ul li {
            float: left;
            margin-right: 1.5em; }
            header.navigation nav.desktop ul li.search {
              float: left;
              display: block;
              margin-right: 2.84259%;
              width: 58.86297%;
              float: right; }
              header.navigation nav.desktop ul li.search:last-child {
                margin-right: 0; }
            header.navigation nav.desktop ul li.sign-out {
              float: right;
              margin-left: 0.75em;
              margin-right: 0px; }
          header.navigation nav.desktop .ember-power-select-trigger {
            overflow-y: hidden; } }
    @media screen and (min-width: 900px) {
      header.navigation nav {
        float: left; } }
    header.navigation nav .app-search {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 30.11389%;
      padding-top: 7px; }
      header.navigation nav .app-search input {
        width: 100%; }
      header.navigation nav .app-search:last-child {
        margin-right: 0; }
  header.navigation ul.navigation-menu {
    clear: both;
    margin: 0 auto;
    overflow: visible;
    padding: 0 0.75em;
    width: 100%;
    z-index: 9999; }
    header.navigation ul.navigation-menu.show {
      display: block; }
    @media screen and (min-width: 900px) {
      header.navigation ul.navigation-menu {
        display: inline;
        margin: 0;
        padding: 0 0.75em; } }
  header.navigation ul li.nav-link {
    background: #2478CC;
    display: block;
    line-height: 50px;
    overflow: hidden;
    padding-right: 0.8em;
    text-align: right;
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%;
    z-index: 9999;
    color: rgba(255, 255, 255, 0.8); }
    header.navigation ul li.nav-link:last-child {
      margin-right: 0; }
    @media screen and (max-width: 414px) {
      header.navigation ul li.nav-link:nth-child(3n) {
        margin-right: 0; }
      header.navigation ul li.nav-link:nth-child(3n+1) {
        clear: left; } }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      header.navigation ul li.nav-link {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        header.navigation ul li.nav-link:last-child {
          margin-right: 0; }
        header.navigation ul li.nav-link:nth-child(4n) {
          margin-right: 0; }
        header.navigation ul li.nav-link:nth-child(4n+1) {
          clear: left; } }
    @media screen and (min-width: 900px) {
      header.navigation ul li.nav-link {
        background: transparent;
        display: inline;
        line-height: 50px;
        text-decoration: none;
        width: auto; } }
    header.navigation ul li.nav-link a {
      color: rgba(255, 255, 255, 0.8);
      display: inline-block;
      text-decoration: none; }
      @media screen and (min-width: 900px) {
        header.navigation ul li.nav-link a {
          padding-right: 1em; } }
      header.navigation ul li.nav-link a:focus, header.navigation ul li.nav-link a:hover {
        color: white; }
  header.navigation .active-nav-item a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 3px; }
  header.navigation li.more.nav-link {
    padding-right: 0; }
    @media screen and (min-width: 900px) {
      header.navigation li.more.nav-link {
        padding-right: 1em; } }
    header.navigation li.more.nav-link > ul > li:first-child a {
      padding-top: 1em; }
    header.navigation li.more.nav-link a {
      margin-right: 1em; }
    header.navigation li.more.nav-link > a {
      padding-right: 0.6em; }
    header.navigation li.more.nav-link > a::after {
      position: absolute;
      top: auto;
      right: -0.4em;
      bottom: auto;
      left: auto;
      color: rgba(255, 255, 255, 0.8);
      content: "\25BE"; }
  header.navigation li.more {
    overflow: visible;
    padding-right: 0; }
    header.navigation li.more a {
      padding-right: 0.8em; }
    header.navigation li.more > a {
      padding-right: 1.6em;
      position: relative; }
      @media screen and (min-width: 900px) {
        header.navigation li.more > a {
          margin-right: 1em; } }
      header.navigation li.more > a::after {
        content: "›";
        font-size: 1.2em;
        position: absolute;
        right: 0.5em; }
    header.navigation li.more:focus > .submenu,
    header.navigation li.more:hover > .submenu {
      display: block; }
    @media screen and (min-width: 900px) {
      header.navigation li.more {
        padding-right: 0.8em;
        position: relative; } }
  header.navigation ul.submenu {
    display: none;
    padding-left: 0; }
    @media screen and (min-width: 900px) {
      header.navigation ul.submenu {
        left: -1em;
        position: absolute;
        top: 1.5em; } }
    @media screen and (min-width: 900px) {
      header.navigation ul.submenu .submenu.fly-out-right {
        left: 11.8em;
        top: 0; } }
    @media screen and (min-width: 900px) {
      header.navigation ul.submenu .submenu.fly-out-left {
        left: -11.8em;
        top: 0; } }
    @media screen and (min-width: 900px) {
      header.navigation ul.submenu .submenu {
        left: 11.8em;
        top: 0; } }
    header.navigation ul.submenu li {
      display: block;
      padding-right: 0; }
      @media screen and (min-width: 900px) {
        header.navigation ul.submenu li {
          line-height: 38.46154px; }
          header.navigation ul.submenu li:first-child > a {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px; }
          header.navigation ul.submenu li:last-child > a {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            padding-bottom: 0.7em; } }
      header.navigation ul.submenu li a {
        background-color: #2270bf;
        display: inline-block;
        text-align: right;
        width: 100%; }
        @media screen and (min-width: 900px) {
          header.navigation ul.submenu li a {
            background-color: #2478CC;
            padding-left: 1em;
            text-align: left;
            width: 12em; } }
  header.navigation .navigation-tools {
    background: #505050;
    clear: both;
    display: none;
    height: 50px; }
    @media screen and (min-width: 737px) {
      header.navigation .navigation-tools {
        display: block; } }
    @media screen and (min-width: 900px) {
      header.navigation .navigation-tools {
        background: transparent;
        clear: none;
        float: right; } }
  header.navigation .search-bar {
    float: left;
    padding: 0.85em 0.85em 0.7em 0.6em;
    width: 60%; }
    header.navigation .search-bar form {
      position: relative; }
      header.navigation .search-bar form input[type=search] {
        background: #2f85da;
        border: 1px solid #206bb6;
        border-radius: 6px;
        box-sizing: border-box;
        color: rgba(255, 255, 255, 0.8);
        font-size: 0.9em;
        font-style: italic;
        margin: 0;
        padding: 0.5em 0.8em;
        width: 100%; }
        @media screen and (min-width: 900px) {
          header.navigation .search-bar form input[type=search] {
            width: 100%; } }
      header.navigation .search-bar form button[type=submit] {
        background: #2f85da;
        border: 0;
        bottom: 0.3em;
        left: auto;
        outline: none;
        padding: 0 9px;
        position: absolute;
        right: 0.3em;
        top: 0.3em; }
        header.navigation .search-bar form button[type=submit] img {
          height: 12px;
          opacity: 0.7;
          padding: 1px; }
    @media screen and (min-width: 900px) {
      header.navigation .search-bar {
        display: inline-block;
        position: relative;
        width: 16em; }
        header.navigation .search-bar input {
          box-sizing: border-box;
          display: block; } }

#content {
  display: inline-block;
  width: 100%;
  padding: 0.75em; }
  @media screen and (min-width: 900px) {
    #content {
      padding: 0.75em; } }

.item-modal {
  width: 90%; }

.dataTables_length {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 35.26333%; }
  .dataTables_length:last-child {
    margin-right: 0; }
  .dataTables_length select {
    display: inline-block;
    width: 30%; }

.dataTables_filter {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 35.26333%;
  margin-right: 0; }
  .dataTables_filter:last-child {
    margin-right: 0; }
  .dataTables_filter input {
    display: inline-block;
    width: 75%; }

table.dataTable thead th {
  font-weight: 500; }

.ember-modal-overlay {
  z-index: 10000 !important; }

.full-screen-modal {
  width: 95%;
  height: 95%; }

.keypad-modal {
  width: 100%;
  height: 320px;
  bottom: 0px; }

.tab-item {
  cursor: pointer; }
  .tab-item.active {
    cursor: default; }

.toggle-fields {
  padding-top: 0.75em;
  padding-bottom: 0.75em; }
  .toggle-fields a {
    padding-right: 0.75em; }

.user-menu {
  color: white;
  position: fixed;
  right: 0px;
  top: 55px;
  background-color: #2478CC;
  padding: 0.75em 1.5em;
  float: left;
  display: block;
  margin-right: 10.1484%;
  width: 26.56773%; }
  .user-menu:last-child {
    margin-right: 0; }
  .user-menu li {
    width: 100%; }

table.dataTable th.number {
  width: 80px; }

.light-gray {
  color: #ddd; }

ul.names li {
  float: left;
  width: 50%; }

.bingos {
  clear: both;
  width: 100%; }

div.bingo-card {
  margin-bottom: 1.5em;
  display: inline-block;
  width: 100%;
  clear: both;
  border: 2px solid black; }
  div.bingo-card .card-number {
    text-align: right; }
  div.bingo-card .number-area {
    font-size: 0.7em; }
    div.bingo-card .number-area ul li {
      float: left;
      width: 20%;
      height: 50px;
      border: 2px solid gray;
      text-align: center; }
      div.bingo-card .number-area ul li.called {
        background-color: #dd0000;
        color: #fff; }

.flash-alert {
  background-color: #fff6bf;
  color: #66624c;
  display: block;
  margin-bottom: 0.75em;
  padding: 0.75em;
  text-align: center; }
  .flash-alert a {
    color: #4d4a39;
    text-decoration: underline; }
    .flash-alert a:focus, .flash-alert a:hover {
      color: #1a1913; }

.flash-error {
  background-color: #fbe3e4;
  color: #645b5b;
  display: block;
  margin-bottom: 0.75em;
  padding: 0.75em;
  text-align: center; }
  .flash-error a {
    color: #4b4444;
    text-decoration: underline; }
    .flash-error a:focus, .flash-error a:hover {
      color: #191717; }

.flash-notice {
  background-color: #e5edf8;
  color: #5c5f63;
  display: block;
  margin-bottom: 0.75em;
  padding: 0.75em;
  text-align: center; }
  .flash-notice a {
    color: #45474a;
    text-decoration: underline; }
    .flash-notice a:focus, .flash-notice a:hover {
      color: #171819; }

.flash-success {
  background-color: #e6efc2;
  color: #5c604e;
  display: block;
  margin-bottom: 0.75em;
  padding: 0.75em;
  text-align: center; }
  .flash-success a {
    color: #45483a;
    text-decoration: underline; }
    .flash-success a:focus, .flash-success a:hover {
      color: #171813; }

section#edit_product {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto; }
  section#edit_product::after {
    clear: both;
    content: "";
    display: block; }
  section#edit_product ul {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px; }
    section#edit_product ul::after {
      clear: both;
      content: "";
      display: block; }
    section#edit_product ul li {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 100%; }
      section#edit_product ul li:last-child {
        margin-right: 0; }
      section#edit_product ul li:nth-child(2n) {
        margin-right: 0; }
      section#edit_product ul li:nth-child(2n+1) {
        clear: left; }
  section#edit_product button {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%; }
    section#edit_product button:last-child {
      margin-right: 0; }

.table-minimal {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%; }
  .table-minimal tbody tr:hover > td, .table-minimal tbody tr:hover > th {
    background-color: #fafafa; }
  .table-minimal tbody tr:first-child td {
    border-top: 2px solid #ddd; }
  .table-minimal thead th {
    background-color: white;
    border-bottom: 0;
    padding: 0.75em 1em;
    text-align: left; }
  .table-minimal tbody {
    background-color: #fff; }
    .table-minimal tbody td {
      border-bottom: 0;
      border-top: 1px solid #ddd;
      line-height: 1.5;
      padding: 0.75em 1em; }
      .table-minimal tbody td button {
        display: inline-block;
        font-size: 0.7em;
        line-height: 1.5;
        margin-bottom: 0.3em;
        margin-right: 0.5em;
        outline: none;
        padding: 0.3em 1em;
        width: 100%; }
        @media screen and (min-width: 737px) {
          .table-minimal tbody td button {
            margin-bottom: 0;
            width: auto; } }

table tbody td input.minimal {
  padding: 0px;
  border: 0px;
  box-shadow: none;
  width: 6em; }
  table tbody td input.minimal:focus {
    box-shadow: none; }
  table tbody td input.minimal.number {
    text-align: right; }

.picking-cards {
  text-align: center;
  max-height: 589px;
  overflow-y: hidden; }
  @media screen and (min-width: 415px) and (max-width: 736px) {
    .picking-cards .image {
      padding: 0.75em; }
      .picking-cards .image img {
        height: 200px;
        width: 200px; } }
  .picking-cards .image {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    padding: 0.75em; }
    .picking-cards .image:last-child {
      margin-right: 0; }
    .picking-cards .image img {
      height: 80px;
      width: 80px; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .picking-cards .image {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .picking-cards .image:last-child {
          margin-right: 0; } }
  .picking-cards .order-id {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%;
    margin-right: 0; }
    .picking-cards .order-id:last-child {
      margin-right: 0; }
  .picking-cards .availability {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%;
    font-size: 0.6em; }
    .picking-cards .availability:last-child {
      margin-right: 0; }
  .picking-cards .progress {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%; }
    .picking-cards .progress:last-child {
      margin-right: 0; }
  .picking-cards .project-name {
    width: 100%; }
  .picking-cards .quantity-container {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    margin-right: 0;
    background-color: #ddd;
    min-height: 110px; }
    .picking-cards .quantity-container:last-child {
      margin-right: 0; }
    .picking-cards .quantity-container .quantity, .picking-cards .quantity-container .case-quantity {
      font-size: 3.5rem;
      padding: 5px 0;
      line-height: 1em; }
    .picking-cards .quantity-container .remaining-quantity {
      font-size: .8em;
      margin-top: -10px; }
    .picking-cards .quantity-container .partial-quantity {
      font-size: .3em; }
    .picking-cards .quantity-container .unit {
      padding: 0px 0.75em;
      font-weight: normal;
      display: inline-block;
      width: 100%; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .picking-cards .quantity-container {
        padding: 5px;
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .picking-cards .quantity-container:last-child {
          margin-right: 0; } }
  .picking-cards .title {
    width: 100%;
    font-size: 1.2em;
    padding: 10px; }
  .picking-cards .sku {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 48.21067%;
    font-size: 1.3em; }
    .picking-cards .sku:last-child {
      margin-right: 0; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .picking-cards .sku {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%;
        margin-right: 0; }
        .picking-cards .sku:last-child {
          margin-right: 0; } }
  .picking-cards .upc {
    font-size: 1.3em;
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 48.21067%;
    margin-right: 0; }
    .picking-cards .upc:last-child {
      margin-right: 0; }
    .picking-cards .upc .inflates-label {
      font-size: 0.7em; }
  .picking-cards .location {
    width: 100%;
    font-size: 2em; }
    .picking-cards .location.inflates {
      font-size: 1.0em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .picking-cards .location {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%;
        margin-right: 0; }
        .picking-cards .location:last-child {
          margin-right: 0; } }
  .picking-cards .inputs {
    width: 100%;
    display: -ms-flexbox;
    display: flex; }
  .picking-cards .scan, .picking-cards .tote {
    padding: 0.75em 0.75em 0.375em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .picking-cards .scan, .picking-cards .tote {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%; }
        .picking-cards .scan:last-child, .picking-cards .tote:last-child {
          margin-right: 0; }
        .picking-cards .scan:nth-child(2n), .picking-cards .tote:nth-child(2n) {
          margin-right: 0; }
        .picking-cards .scan:nth-child(2n+1), .picking-cards .tote:nth-child(2n+1) {
          clear: left; } }
  .picking-cards .buttons {
    padding: 0px 0.75em 0.75em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .picking-cards .buttons {
        margin-top: -10px; } }
  .picking-cards button {
    margin-bottom: 0.75em; }
    @media screen and (max-width: 414px) {
      .picking-cards button {
        float: left;
        display: block;
        margin-right: 4.82916%;
        width: 47.58542%; }
        .picking-cards button:last-child {
          margin-right: 0; }
        .picking-cards button:nth-child(2n) {
          margin-right: 0; }
        .picking-cards button:nth-child(2n+1) {
          clear: left; } }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .picking-cards button {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 17.72593%; }
        .picking-cards button:last-child {
          margin-right: 0; }
        .picking-cards button:nth-child(5n) {
          margin-right: 0; }
        .picking-cards button:nth-child(5n+1) {
          clear: left; } }

.confirm-short {
  text-align: center;
  width: 300px; }
  .confirm-short .actions {
    margin-top: 3em; }
    .confirm-short .actions button {
      float: left;
      display: block;
      margin-right: 16.03631%;
      width: 41.98184%; }
      .confirm-short .actions button:last-child {
        margin-right: 0; }

.modal-buttons {
  padding: 0.75em; }
  .modal-buttons button {
    width: 100%;
    margin-top: 1.5em; }

#login {
  max-width: 350px;
  margin-left: auto;
  margin-right: auto; }
  #login::after {
    clear: both;
    content: "";
    display: block; }
  @media screen and (min-width: 415px) and (max-width: 736px) {
    #login {
      max-width: 520px;
      margin-left: auto;
      margin-right: auto; }
      #login::after {
        clear: both;
        content: "";
        display: block; } }
  #login .email-login-fields.local {
    display: none; }
    @media screen and (min-width: 737px) {
      #login .email-login-fields.local {
        display: block; } }
  @media screen and (min-width: 737px) {
    #login .pin-login-fields {
      display: none; } }
  #login .pin-login-fields .keypad {
    display: inline-block; }

.container {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto; }
  .container::after {
    clear: both;
    content: "";
    display: block; }

#orders-index {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto; }
  #orders-index::after {
    clear: both;
    content: "";
    display: block; }
  #orders-index table {
    width: 100%; }
  #orders-index .number {
    width: 100px; }
  #orders-index .date {
    width: 120px; }
  #orders-index .total {
    width: 80px; }

.keypad {
  width: 100%;
  display: none;
  padding: 0.75em; }
  @media screen and (max-width: 414px) {
    .keypad {
      min-height: 580px; } }
  .keypad.visible {
    display: block; }
  .keypad .keypad-input {
    font-size: 2.2em;
    border: none;
    text-align: right;
    padding: 5px;
    margin-bottom: 20px; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .keypad .keypad-input {
        font-size: 2.2em;
        margin-bottom: 10px; } }
  .keypad .keypad-button {
    color: #fff;
    font-size: 2.4em;
    margin-bottom: 20px;
    text-align: center;
    background-color: #70abe6;
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%; }
    .keypad .keypad-button:hover, .keypad .keypad-button:active {
      background-color: #4592de; }
    .keypad .keypad-button:last-child {
      margin-right: 0; }
    @media screen and (max-width: 414px) {
      .keypad .keypad-button:nth-child(3n) {
        margin-right: 0; }
      .keypad .keypad-button:nth-child(3n+1) {
        clear: left; } }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .keypad .keypad-button {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%;
        font-size: 1.7em;
        margin-bottom: 10px; }
        .keypad .keypad-button:last-child {
          margin-right: 0; }
        .keypad .keypad-button:nth-child(4n) {
          margin-right: 0; }
        .keypad .keypad-button:nth-child(4n+1) {
          clear: left; } }
  .keypad .backspace {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 65.05695%;
    margin-right: 0; }
    .keypad .backspace:last-child {
      margin-right: 0; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .keypad .backspace {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%;
        margin-right: 0;
        font-size: 1.7em; }
        .keypad .backspace:last-child {
          margin-right: 0; } }
  .keypad .cancel {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    font-size: 2.8em; }
    .keypad .cancel:last-child {
      margin-right: 0; }
    .keypad .cancel:nth-child(100n) {
      margin-right: 0; }
    .keypad .cancel:nth-child(100n+1) {
      clear: left; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .keypad .cancel {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%;
        font-size: 1.7em; }
        .keypad .cancel:last-child {
          margin-right: 0; } }
  .keypad .submit {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    margin-right: 0;
    font-size: 2.8em; }
    .keypad .submit:last-child {
      margin-right: 0; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .keypad .submit {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%;
        font-size: 1.7em; }
        .keypad .submit:last-child {
          margin-right: 0; } }

.edit-purchase-order, .edit-work-order {
  font-size: 0.9em; }
  .edit-purchase-order input.quantity-received, .edit-purchase-order input.quantity-ordered, .edit-purchase-order input.quantity-rtd, .edit-purchase-order input.unit-cost, .edit-purchase-order input.unit, .edit-work-order input.quantity-received, .edit-work-order input.quantity-ordered, .edit-work-order input.quantity-rtd, .edit-work-order input.unit-cost, .edit-work-order input.unit {
    max-width: 70px; }
  .edit-purchase-order.multi, .edit-work-order.multi {
    font-size: 0.8em; }
    .edit-purchase-order.multi input, .edit-work-order.multi input {
      width: 50px; }
  .edit-purchase-order .unit, .edit-work-order .unit {
    padding-right: 1.5em; }
  .edit-purchase-order .tooltip-table.ember-tooltip, .edit-work-order .tooltip-table.ember-tooltip {
    max-width: 1600px; }
  .edit-purchase-order .small-num, .edit-work-order .small-num {
    text-align: right;
    padding-right: 0.75em;
    width: 3em; }
  .edit-purchase-order .on-hand, .edit-purchase-order .qty-committed, .edit-purchase-order .qty-on-order, .edit-work-order .on-hand, .edit-work-order .qty-committed, .edit-work-order .qty-on-order {
    text-align: right;
    padding-right: 1.5em; }
  .edit-purchase-order .multiple-received, .edit-work-order .multiple-received {
    width: 4em; }
  .edit-purchase-order .average-cost, .edit-work-order .average-cost {
    width: 3em; }
  .edit-purchase-order .rtd, .edit-work-order .rtd {
    width: 4em; }
  .edit-purchase-order .location, .edit-work-order .location {
    width: 6em; }
  .edit-purchase-order tr .actions, .edit-work-order tr .actions {
    width: 6em; }
  .edit-purchase-order td, .edit-work-order td {
    padding: 0.1em 0; }
    .edit-purchase-order td.number input.inline, .edit-work-order td.number input.inline {
      display: inline-block;
      width: 75%; }
  .edit-purchase-order .details-line, .edit-work-order .details-line {
    width: 2em; }
  .edit-purchase-order .image, .edit-work-order .image {
    width: 60px; }
  .edit-purchase-order .sku, .edit-purchase-order .name, .edit-work-order .sku, .edit-work-order .name {
    width: 6em; }
  .edit-purchase-order .approved, .edit-work-order .approved {
    width: 12em; }
  .edit-purchase-order .vendor-name, .edit-work-order .vendor-name {
    width: 24em; }
  .edit-purchase-order .reorder-number, .edit-work-order .reorder-number {
    width: 6em;
    padding-right: 0.75em; }
  .edit-purchase-order .work-order-item td, .edit-work-order .work-order-item td {
    border-bottom: none;
    border-top: 1px solid #ccc; }
  .edit-purchase-order .woi-title, .edit-work-order .woi-title {
    width: 30em; }
  .edit-purchase-order tr.woi-details td, .edit-work-order tr.woi-details td {
    border-bottom: none; }
  .edit-purchase-order .title, .edit-work-order .title {
    width: 14em; }
  .edit-purchase-order .last-received, .edit-work-order .last-received {
    width: 4em; }
  .edit-purchase-order .details-title, .edit-work-order .details-title {
    width: 18em; }
    .edit-purchase-order .details-title input, .edit-work-order .details-title input {
      display: inline-block;
      width: 18em; }
    .edit-purchase-order .details-title textarea, .edit-work-order .details-title textarea {
      display: inline-block;
      width: 18em;
      height: 8em; }
  .edit-purchase-order .actions, .edit-work-order .actions {
    margin-top: 1.5em; }

.receiving-cards {
  width: 100%;
  text-align: center; }
  .receiving-cards .new-issue {
    display: block;
    width: 100%;
    background: #fff;
    padding: 0.75em;
    margin-bottom: 15px; }
    .receiving-cards .new-issue .issue-options {
      padding-top: 0.75em; }
    .receiving-cards .new-issue button {
      width: 100%;
      font-size: 1.5em;
      margin-bottom: 8px; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .receiving-cards .new-issue {
        width: 100%; }
        .receiving-cards .new-issue button {
          float: left;
          display: block;
          margin-right: 3.57866%;
          width: 48.21067%; }
          .receiving-cards .new-issue button:last-child {
            margin-right: 0; }
          .receiving-cards .new-issue button.overage, .receiving-cards .new-issue button .cancel-issue {
            margin-right: 0; } }
  .receiving-cards .keypad {
    background-color: #fff;
    z-index: 1; }
  @media screen and (min-width: 415px) and (max-width: 736px) {
    .receiving-cards .image {
      padding: 0.75em; }
      .receiving-cards .image img {
        height: 200px;
        width: 200px; } }
  .receiving-cards .image {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    padding: 5px; }
    .receiving-cards .image:last-child {
      margin-right: 0; }
    .receiving-cards .image img {
      height: 100px;
      width: 100px; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .receiving-cards .image {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .receiving-cards .image:last-child {
          margin-right: 0; } }
  .receiving-cards .quantity {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    margin-right: 0;
    background-color: #ddd;
    padding: 0.75em;
    min-height: 116px; }
    .receiving-cards .quantity:last-child {
      margin-right: 0; }
    .receiving-cards .quantity .current-quantity {
      font-size: 1.5rem;
      line-height: 1.8em; }
      .receiving-cards .quantity .current-quantity::after {
        content: " / "; }
    .receiving-cards .quantity .remaining-quantity {
      font-size: 3rem;
      line-height: 1em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .receiving-cards .quantity {
        padding: 5px;
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .receiving-cards .quantity:last-child {
          margin-right: 0; } }
  .receiving-cards .title {
    width: 100%;
    font-size: 1.2em;
    margin-top: -5px;
    padding: 0 0.75em 0; }
  .receiving-cards .sku {
    width: 100%;
    font-size: 1.7em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .receiving-cards .sku {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%;
        margin-right: 0; }
        .receiving-cards .sku:last-child {
          margin-right: 0; } }
  .receiving-cards .upc {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%;
    font-size: 2em; }
    .receiving-cards .upc:last-child {
      margin-right: 0; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .receiving-cards .upc {
        font-size: 1.7em;
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%;
        margin-right: 0; }
        .receiving-cards .upc:last-child {
          margin-right: 0; } }
  .receiving-cards .location {
    width: 100%;
    font-size: 1.4em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .receiving-cards .location {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%;
        margin-right: 0; }
        .receiving-cards .location:last-child {
          margin-right: 0; } }
  .receiving-cards .inputs {
    width: 100%;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .receiving-cards .inputs {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .receiving-cards .inputs:last-child {
          margin-right: 0; } }
  .receiving-cards .scan {
    padding: 0.75em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .receiving-cards .scan {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%; }
        .receiving-cards .scan:last-child {
          margin-right: 0; } }
  .receiving-cards .tote {
    padding: 0.75em;
    width: 100%; }
  .receiving-cards .buttons {
    width: 100%;
    padding: 0 0.75em;
    margin-bottom: 15px; }
    .receiving-cards .buttons button {
      padding: 0.75em 1em;
      margin-bottom: 0.75em; }
    .receiving-cards .buttons .enter-case-qty {
      width: 100%; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .receiving-cards .buttons {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 74.10533%;
        margin-right: 0; }
        .receiving-cards .buttons:last-child {
          margin-right: 0; }
        .receiving-cards .buttons button {
          padding: 0.75em 1.1em;
          margin-top: 12px; } }

.processing-cards {
  width: 100%;
  text-align: center; }
  @media screen and (max-width: 414px) {
    .processing-cards .order-id {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 47.58542%;
      margin-right: 0; }
      .processing-cards .order-id:last-child {
        margin-right: 0; }
    .processing-cards .item-location {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 47.58542%;
      margin-right: 0; }
      .processing-cards .item-location:last-child {
        margin-right: 0; }
    .processing-cards .progress {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 47.58542%; }
      .processing-cards .progress:last-child {
        margin-right: 0; }
    .processing-cards .title {
      width: 100%;
      display: inline-block; } }
  @media screen and (min-width: 415px) and (max-width: 736px) {
    .processing-cards {
      min-height: 200px; }
      .processing-cards .order-id {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .processing-cards .order-id:last-child {
          margin-right: 0; }
      .processing-cards .item-location {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .processing-cards .item-location:last-child {
          margin-right: 0; }
      .processing-cards .progress {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .processing-cards .progress:last-child {
          margin-right: 0; }
      .processing-cards .totes {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%;
        margin-right: 0; }
        .processing-cards .totes:last-child {
          margin-right: 0; }
      .processing-cards .image {
        padding: 0.75em; }
        .processing-cards .image img {
          height: 200px;
          width: 200px; } }
  .processing-cards .picking-cards__card {
    min-height: 579px; }
  .processing-cards .full-image {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%;
    padding: 0.75em; }
    .processing-cards .full-image:last-child {
      margin-right: 0; }
    .processing-cards .full-image img {
      height: 100px;
      width: 100px; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .processing-cards .full-image {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .processing-cards .full-image:last-child {
          margin-right: 0; } }
  .processing-cards .image {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    padding: 0.75em; }
    .processing-cards .image:last-child {
      margin-right: 0; }
    .processing-cards .image img {
      height: 80px;
      width: 80px; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .processing-cards .image {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .processing-cards .image:last-child {
          margin-right: 0; } }
  .processing-cards .quantity {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    margin-right: 0;
    background-color: #ddd;
    min-height: 110px; }
    .processing-cards .quantity .inner-quantity {
      font-size: 3.0em;
      padding: 5px 0 2px; }
    .processing-cards .quantity .partial-quantity {
      font-size: .3em;
      margin-bottom: -20px; }
    .processing-cards .quantity:last-child {
      margin-right: 0; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .processing-cards .quantity {
        padding: 5px 0;
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .processing-cards .quantity:last-child {
          margin-right: 0; } }
    .processing-cards .quantity .unit {
      font-size: 1em; }
  .processing-cards .key-info .upc, .processing-cards .key-info .location {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 48.21067%;
    font-size: 1.2em;
    margin-right: 0; }
    .processing-cards .key-info .upc:last-child, .processing-cards .key-info .location:last-child {
      margin-right: 0; }
  .processing-cards .key-info .sku {
    font-size: 1.5em;
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 48.21067%; }
    .processing-cards .key-info .sku:last-child {
      margin-right: 0; }
  .processing-cards .title {
    width: 100%;
    font-size: .8em;
    padding: 0 0.75em 0.75em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .processing-cards .title {
        margin-top: -14px;
        margin-bottom: -8px; } }
  .processing-cards .box {
    width: 100%;
    font-size: 1.5em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .processing-cards .box {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%;
        margin-right: 0; }
        .processing-cards .box:last-child {
          margin-right: 0; } }
  .processing-cards .inputs {
    width: 100%;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .processing-cards .inputs {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .processing-cards .inputs:last-child {
          margin-right: 0; } }
  .processing-cards .scan {
    padding: 0.75em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .processing-cards .scan {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%; }
        .processing-cards .scan:last-child {
          margin-right: 0; } }
  .processing-cards .tote {
    padding: 0.75em;
    width: 100%; }
  .processing-cards .new-issue {
    width: 100%;
    display: inline-block;
    padding: 0.75em;
    margin-bottom: 15px; }
    .processing-cards .new-issue button {
      width: 100%;
      font-size: 1.5em;
      margin-bottom: 8px; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .processing-cards .new-issue {
        width: 100%; }
        .processing-cards .new-issue button {
          float: left;
          display: block;
          margin-right: 3.57866%;
          width: 48.21067%; }
          .processing-cards .new-issue button:last-child {
            margin-right: 0; }
          .processing-cards .new-issue button.wrong-item, .processing-cards .new-issue button.over-picked {
            margin-right: 0; }
          .processing-cards .new-issue button.cancel-issue {
            width: 100%; } }
  .processing-cards .shipment-order {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 48.21067%;
    text-align: center; }
    .processing-cards .shipment-order:last-child {
      margin-right: 0; }
    .processing-cards .shipment-order .progress {
      width: 100%; }
  .processing-cards .buttons {
    width: 100%;
    margin-bottom: 15px; }
    .processing-cards .buttons button {
      padding: 0.75em 1em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .processing-cards .buttons {
        padding: 0.75em;
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 74.10533%;
        margin-right: 0; }
        .processing-cards .buttons:last-child {
          margin-right: 0; } }
  .processing-cards .remaining-items button {
    padding: 0.75em;
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    margin-bottom: 0.75em; }
    .processing-cards .remaining-items button:last-child {
      margin-right: 0; }
    @media screen and (max-width: 414px) {
      .processing-cards .remaining-items button:nth-child(2n) {
        margin-right: 0; }
      .processing-cards .remaining-items button:nth-child(2n+1) {
        clear: left; } }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .processing-cards .remaining-items button {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .processing-cards .remaining-items button:last-child {
          margin-right: 0; }
        .processing-cards .remaining-items button:nth-child(4n) {
          margin-right: 0; }
        .processing-cards .remaining-items button:nth-child(4n+1) {
          clear: left; } }

.stocking-cards {
  width: 100%;
  text-align: center; }
  .stocking-cards .new-issue {
    display: none;
    padding: 0.75em;
    padding-bottom: 20px;
    margin-bottom: 15px; }
    .stocking-cards .new-issue.visible {
      display: block;
      position: fixed;
      width: 100%;
      background: #fff; }
    .stocking-cards .new-issue .issue-options {
      padding-top: 0.75em; }
    .stocking-cards .new-issue button {
      width: 100%;
      font-size: 1.5em;
      margin-bottom: 8px; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .stocking-cards .new-issue {
        width: 100%; }
        .stocking-cards .new-issue button {
          float: left;
          display: block;
          margin-right: 3.57866%;
          width: 48.21067%; }
          .stocking-cards .new-issue button:last-child {
            margin-right: 0; }
          .stocking-cards .new-issue button.overage, .stocking-cards .new-issue button .cancel-issue {
            margin-right: 0; } }
  @media screen and (min-width: 415px) and (max-width: 736px) {
    .stocking-cards .image {
      padding: 0.75em; }
      .stocking-cards .image img {
        height: 200px;
        width: 200px; } }
  .stocking-cards .image {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    padding: 0.75em; }
    .stocking-cards .image:last-child {
      margin-right: 0; }
    .stocking-cards .image img {
      height: 100px;
      width: 100px; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .stocking-cards .image {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .stocking-cards .image:last-child {
          margin-right: 0; } }
  .stocking-cards .quantity {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    margin-right: 0;
    background-color: #ddd;
    padding: 0.75em;
    min-height: 116px; }
    .stocking-cards .quantity:last-child {
      margin-right: 0; }
    .stocking-cards .quantity .current-quantity {
      font-size: 1.5rem;
      line-height: 1.8em; }
      .stocking-cards .quantity .current-quantity::after {
        content: " / "; }
    .stocking-cards .quantity .remaining-quantity {
      font-size: 3rem;
      line-height: 1em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .stocking-cards .quantity {
        padding: 5px;
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .stocking-cards .quantity:last-child {
          margin-right: 0; } }
  .stocking-cards .title {
    width: 100%;
    font-size: 1.3em;
    padding: 0 0.75em 0.75em; }
  .stocking-cards .sku {
    width: 100%;
    font-size: 1.5em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .stocking-cards .sku {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%;
        margin-right: 0; }
        .stocking-cards .sku:last-child {
          margin-right: 0; } }
  .stocking-cards .upc {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%;
    font-size: 2em; }
    .stocking-cards .upc:last-child {
      margin-right: 0; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .stocking-cards .upc {
        font-size: 1.5em;
        margin-bottom: 0.75em;
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%;
        margin-right: 0; }
        .stocking-cards .upc:last-child {
          margin-right: 0; } }
  .stocking-cards .location {
    width: 100%;
    font-size: 2em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .stocking-cards .location {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%;
        margin-right: 0; }
        .stocking-cards .location:last-child {
          margin-right: 0; } }
  .stocking-cards .inputs {
    width: 100%;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .stocking-cards .inputs {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%; }
        .stocking-cards .inputs:last-child {
          margin-right: 0; } }
  .stocking-cards .scan {
    padding: 0.75em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .stocking-cards .scan {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%; }
        .stocking-cards .scan:last-child {
          margin-right: 0; } }
  .stocking-cards .tote {
    padding: 0.75em;
    width: 100%; }
  .stocking-cards .buttons {
    width: 100%;
    padding: 0.75em;
    margin-bottom: 15px; }
    .stocking-cards .buttons button {
      padding: 0.75em 1.4em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .stocking-cards .buttons {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%;
        margin-right: 0; }
        .stocking-cards .buttons:last-child {
          margin-right: 0; }
        .stocking-cards .buttons button {
          padding: 0.75em 0.8em; } }

.shorted-cards {
  text-align: center;
  max-height: 589px;
  overflow-y: scroll; }
  @media screen and (min-width: 415px) and (max-width: 736px) {
    .shorted-cards .image {
      padding: 0.75em; }
      .shorted-cards .image img {
        height: 200px;
        width: 200px; } }
  .shorted-cards .image {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    padding: 0.75em; }
    .shorted-cards .image:last-child {
      margin-right: 0; }
    .shorted-cards .image img {
      height: 80px;
      width: 80px; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .shorted-cards .image {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .shorted-cards .image:last-child {
          margin-right: 0; } }
  .shorted-cards .order-id {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%; }
    .shorted-cards .order-id:last-child {
      margin-right: 0; }
  .shorted-cards .progress {
    width: 100%; }
  .shorted-cards .quantity {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    margin-right: 0;
    background-color: #ddd;
    font-size: 3.5rem;
    padding: 5px 0;
    min-height: 110px; }
    .shorted-cards .quantity:last-child {
      margin-right: 0; }
    .shorted-cards .quantity .remaining-quantity {
      font-size: .8em;
      margin-top: -10px; }
    .shorted-cards .quantity .case-quantity {
      font-size: .3em;
      line-height: 1em; }
    .shorted-cards .quantity .partial-quantity {
      font-size: .3em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .shorted-cards .quantity {
        padding: 5px;
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .shorted-cards .quantity:last-child {
          margin-right: 0; } }
  .shorted-cards .title {
    width: 100%;
    font-size: 1.2em;
    padding: 10px; }
  .shorted-cards .sku {
    width: 100%;
    font-size: 1.5em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .shorted-cards .sku {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%;
        margin-right: 0; }
        .shorted-cards .sku:last-child {
          margin-right: 0; } }
  @media screen and (min-width: 415px) and (max-width: 736px) {
    .shorted-cards .bin-scan {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 48.21067%;
      margin-right: 0; }
      .shorted-cards .bin-scan:last-child {
        margin-right: 0; } }
  .shorted-cards .upc-input {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%;
    font-size: 2em; }
    .shorted-cards .upc-input:last-child {
      margin-right: 0; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .shorted-cards .upc-input {
        font-size: 1em;
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%;
        margin-right: 0; }
        .shorted-cards .upc-input:last-child {
          margin-right: 0; } }
  .shorted-cards .location {
    width: 100%;
    font-size: 1.5em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .shorted-cards .location {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%;
        margin-right: 0; }
        .shorted-cards .location:last-child {
          margin-right: 0; } }
  .shorted-cards .upc {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%;
    font-size: 2em; }
    .shorted-cards .upc:last-child {
      margin-right: 0; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .shorted-cards .upc {
        font-size: 1.5em;
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%;
        margin-right: 0; }
        .shorted-cards .upc:last-child {
          margin-right: 0; } }
  .shorted-cards .inputs {
    width: 100%;
    display: -ms-flexbox;
    display: flex; }
  .shorted-cards .scan, .shorted-cards .tote {
    padding: 0.75em 0.75em 0.375em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .shorted-cards .scan, .shorted-cards .tote {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%; }
        .shorted-cards .scan:last-child, .shorted-cards .tote:last-child {
          margin-right: 0; }
        .shorted-cards .scan:nth-child(2n), .shorted-cards .tote:nth-child(2n) {
          margin-right: 0; }
        .shorted-cards .scan:nth-child(2n+1), .shorted-cards .tote:nth-child(2n+1) {
          clear: left; } }
  .shorted-cards .overstock-bins li {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 46.28851%; }
    .shorted-cards .overstock-bins li:last-child {
      margin-right: 0; }
    .shorted-cards .overstock-bins li:nth-child(2n) {
      margin-right: 0; }
    .shorted-cards .overstock-bins li:nth-child(2n+1) {
      clear: left; }
  .shorted-cards .buttons {
    padding: 0px 0.75em 0.75em;
    width: 100%;
    margin-top: 1.5em;
    display: inline-block; }
    .shorted-cards .buttons button {
      margin-bottom: 0.75em; }
      @media screen and (max-width: 414px) {
        .shorted-cards .buttons button {
          float: left;
          display: block;
          margin-right: 4.82916%;
          width: 47.58542%; }
          .shorted-cards .buttons button:last-child {
            margin-right: 0; }
          .shorted-cards .buttons button:nth-child(2n) {
            margin-right: 0; }
          .shorted-cards .buttons button:nth-child(2n+1) {
            clear: left; } }
      @media screen and (min-width: 415px) and (max-width: 736px) {
        .shorted-cards .buttons button {
          float: left;
          display: block;
          margin-right: 3.57866%;
          width: 22.316%; }
          .shorted-cards .buttons button:last-child {
            margin-right: 0; }
          .shorted-cards .buttons button:nth-child(4n) {
            margin-right: 0; }
          .shorted-cards .buttons button:nth-child(4n+1) {
            clear: left; } }

.card-search {
  width: 100%;
  display: inline-block; }
  .card-search .search-input {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    padding: 0.75em 0.75em 0; }
    .card-search .search-input:last-child {
      margin-right: 0; }
  .card-search .search-buttons {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    padding: 0.75em 0.75em 0;
    text-align: center; }
    .card-search .search-buttons:last-child {
      margin-right: 0; }
    .card-search .search-buttons button {
      padding: 0.75em; }

.continue-card {
  text-align: center; }
  .continue-card .picking-bin {
    font-size: 3em; }
  .continue-card button {
    font-size: 3em;
    margin-top: 1.5em; }
    .continue-card button a {
      color: #fff; }

.temp-work-complete {
  text-align: center;
  font-size: 1.5em; }

.shelving-cards {
  width: 100%;
  text-align: center;
  max-height: 589px;
  overflow-y: hidden; }
  .shelving-cards .shelving-cards__card {
    min-height: 580px; }
    .shelving-cards .shelving-cards__card.visible {
      display: inline-block; }
  .shelving-cards .keypad {
    background-color: #fff;
    z-index: 1;
    position: fixed;
    top: 52px; }
  .shelving-cards .location {
    width: 100%;
    display: inline-block;
    font-size: 2em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .shelving-cards .location {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%; }
        .shelving-cards .location:last-child {
          margin-right: 0; } }
  .shelving-cards input {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    display: -ms-flexbox;
    display: flex; }
    .shelving-cards input:last-child {
      margin-right: 0; }
    .shelving-cards input.depth {
      margin-right: 0; }
    .shelving-cards input.height {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 47.58542%;
      margin-right: 0; }
      .shelving-cards input.height:last-child {
        margin-right: 0; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .shelving-cards input {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .shelving-cards input:last-child {
          margin-right: 0; } }
  .shelving-cards .keypad .keypad-buttons {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 65.05695%; }
    .shelving-cards .keypad .keypad-buttons:last-child {
      margin-right: 0; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .shelving-cards .keypad .keypad-buttons {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 74.10533%; }
        .shelving-cards .keypad .keypad-buttons:last-child {
          margin-right: 0; } }
  .shelving-cards .keypad .keypad-quick-entry {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%;
    margin-right: 0; }
    .shelving-cards .keypad .keypad-quick-entry:last-child {
      margin-right: 0; }
    .shelving-cards .keypad .keypad-quick-entry .keypad-entry {
      width: 100%;
      font-size: 2em;
      padding: 14px 0px; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .shelving-cards .keypad .keypad-quick-entry {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%;
        margin-right: 0; }
        .shelving-cards .keypad .keypad-quick-entry:last-child {
          margin-right: 0; }
        .shelving-cards .keypad .keypad-quick-entry .keypad-entry {
          width: 100%;
          font-size: 2em;
          padding: initial; } }
  .shelving-cards .keypad .keypad-button {
    margin-bottom: 10px; }
    .shelving-cards .keypad .keypad-button.cancel, .shelving-cards .keypad .keypad-button.submit {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 47.58542%;
      font-size: 2em;
      padding: 12px 0px; }
      .shelving-cards .keypad .keypad-button.cancel:last-child, .shelving-cards .keypad .keypad-button.submit:last-child {
        margin-right: 0; }
    .shelving-cards .keypad .keypad-button.backspace {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 65.05695%;
      margin-right: 0; }
      .shelving-cards .keypad .keypad-button.backspace:last-child {
        margin-right: 0; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .shelving-cards .keypad .keypad-button {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 19.43277%; }
        .shelving-cards .keypad .keypad-button:last-child {
          margin-right: 0; }
        .shelving-cards .keypad .keypad-button:nth-child(4n) {
          margin-right: 0; }
        .shelving-cards .keypad .keypad-button:nth-child(4n+1) {
          clear: left; }
        .shelving-cards .keypad .keypad-button.cancel, .shelving-cards .keypad .keypad-button.submit {
          float: left;
          display: block;
          margin-right: 7.42297%;
          width: 46.28851%;
          padding: initial; }
          .shelving-cards .keypad .keypad-button.cancel:last-child, .shelving-cards .keypad .keypad-button.submit:last-child {
            margin-right: 0; }
        .shelving-cards .keypad .keypad-button.backspace {
          float: left;
          display: block;
          margin-right: 7.42297%;
          width: 46.28851%;
          margin-right: 0; }
          .shelving-cards .keypad .keypad-button.backspace:last-child {
            margin-right: 0; } }

.restock-cards {
  width: 100%;
  text-align: center; }
  @media screen and (min-width: 415px) and (max-width: 736px) {
    .restock-cards {
      min-height: 200px; }
      .restock-cards .image {
        padding: 0.75em; }
        .restock-cards .image img {
          height: 200px;
          width: 200px; } }
  .restock-cards .restock-cards__card {
    min-height: 579px; }
  .restock-cards .image {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%;
    padding: 0.75em; }
    .restock-cards .image:last-child {
      margin-right: 0; }
    .restock-cards .image img {
      height: 150px;
      width: 150px; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .restock-cards .image {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 35.26333%; }
        .restock-cards .image:last-child {
          margin-right: 0; } }
  .restock-cards .quantity {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    margin-right: 0;
    background-color: #ddd;
    font-size: 4rem;
    padding: 15px 0;
    min-height: 130px; }
    .restock-cards .quantity:last-child {
      margin-right: 0; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .restock-cards .quantity {
        padding: 15px;
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .restock-cards .quantity:last-child {
          margin-right: 0; } }
  .restock-cards .title {
    width: 100%;
    font-size: .8em;
    padding: 0 0.75em 0.75em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .restock-cards .title {
        margin-top: -14px;
        margin-bottom: -8px; } }
  .restock-cards .sku {
    width: 100%;
    font-size: 1.6em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .restock-cards .sku {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 35.26333%;
        margin-right: 0; }
        .restock-cards .sku:last-child {
          margin-right: 0; } }
  .restock-cards .upc, .restock-cards .location {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%;
    font-size: 1.6em; }
    .restock-cards .upc:last-child, .restock-cards .location:last-child {
      margin-right: 0; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .restock-cards .upc, .restock-cards .location {
        font-size: 1.6em;
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 35.26333%;
        margin-right: 0; }
        .restock-cards .upc:last-child, .restock-cards .location:last-child {
          margin-right: 0; } }
  .restock-cards .box {
    width: 100%;
    font-size: 1.6em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .restock-cards .box {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 35.26333%;
        margin-right: 0; }
        .restock-cards .box:last-child {
          margin-right: 0; } }
  .restock-cards .inputs {
    width: 100%;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .restock-cards .inputs {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 35.26333%; }
        .restock-cards .inputs:last-child {
          margin-right: 0; } }
  .restock-cards .scan {
    padding: 0.75em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .restock-cards .scan {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 35.26333%; }
        .restock-cards .scan:last-child {
          margin-right: 0; } }
  .restock-cards .buttons {
    width: 100%;
    padding: 1.5em;
    margin-top: 1.5em; }
    .restock-cards .buttons button {
      padding: 0.75em 1em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .restock-cards .buttons {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%;
        margin-right: 0; }
        .restock-cards .buttons:last-child {
          margin-right: 0; } }
  .restock-cards .remaining-items button {
    padding: 0.75em;
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    margin-bottom: 0.75em; }
    .restock-cards .remaining-items button:last-child {
      margin-right: 0; }
    @media screen and (max-width: 414px) {
      .restock-cards .remaining-items button:nth-child(2n) {
        margin-right: 0; }
      .restock-cards .remaining-items button:nth-child(2n+1) {
        clear: left; } }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .restock-cards .remaining-items button {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .restock-cards .remaining-items button:last-child {
          margin-right: 0; }
        .restock-cards .remaining-items button:nth-child(4n) {
          margin-right: 0; }
        .restock-cards .remaining-items button:nth-child(4n+1) {
          clear: left; } }

.project ul {
  padding: 0.75em; }

.project .model {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 30.11389%; }
  .project .model:last-child {
    margin-right: 0; }

.project .layout {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 30.11389%; }
  .project .layout:last-child {
    margin-right: 0; }

.project .template {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 30.11389%;
  margin-right: 0; }
  .project .template:last-child {
    margin-right: 0; }

.project .priority, .project .batch-size {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 30.11389%; }
  .project .priority:last-child, .project .batch-size:last-child {
    margin-right: 0; }

.project .max-batches, .project .order-by, .project .refresh-time {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 30.11389%;
  margin-right: 0; }
  .project .max-batches:last-child, .project .order-by:last-child, .project .refresh-time:last-child {
    margin-right: 0; }

.project .minimum-assignment, .project .time-limit {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 30.11389%; }
  .project .minimum-assignment:last-child, .project .time-limit:last-child {
    margin-right: 0; }

.project .save {
  margin: 0.75em; }

.project-details ul li {
  float: left;
  margin-right: 1.5em; }

.project-shelf-height-card {
  width: 100%;
  text-align: center;
  max-height: 589px;
  overflow-y: hidden; }
  .project-shelf-height-card .location {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    display: inline-block;
    font-size: 2.5em; }
    .project-shelf-height-card .location:last-child {
      margin-right: 0; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .project-shelf-height-card .location {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%; }
        .project-shelf-height-card .location:last-child {
          margin-right: 0; } }
  @media screen and (max-width: 414px) {
    .project-shelf-height-card .keypad .keypad-input {
      font-size: 2.5em; } }
  .project-shelf-height-card input {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    display: -ms-flexbox;
    display: flex; }
    .project-shelf-height-card input:last-child {
      margin-right: 0; }
    .project-shelf-height-card input.depth {
      margin-right: 0; }
    .project-shelf-height-card input.height {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 47.58542%;
      margin-right: 0; }
      .project-shelf-height-card input.height:last-child {
        margin-right: 0; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .project-shelf-height-card input {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .project-shelf-height-card input:last-child {
          margin-right: 0; } }

.project-shelf-section-card {
  width: 100%;
  text-align: center;
  max-height: 589px;
  overflow-y: hidden; }
  .project-shelf-section-card .location {
    width: 100%;
    display: inline-block;
    font-size: 1.8em; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .project-shelf-section-card .location {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%; }
        .project-shelf-section-card .location:last-child {
          margin-right: 0; } }
  .project-shelf-section-card input {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    display: -ms-flexbox;
    display: flex; }
    .project-shelf-section-card input:last-child {
      margin-right: 0; }
    .project-shelf-section-card input.depth {
      margin-right: 0; }
    .project-shelf-section-card input.height {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 47.58542%;
      margin-right: 0; }
      .project-shelf-section-card input.height:last-child {
        margin-right: 0; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .project-shelf-section-card input {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .project-shelf-section-card input:last-child {
          margin-right: 0; } }
  .project-shelf-section-card .keypad .keypad-buttons {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 65.05695%; }
    .project-shelf-section-card .keypad .keypad-buttons:last-child {
      margin-right: 0; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .project-shelf-section-card .keypad .keypad-buttons {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 74.10533%; }
        .project-shelf-section-card .keypad .keypad-buttons:last-child {
          margin-right: 0; } }
  .project-shelf-section-card .keypad .keypad-quick-entry {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%;
    margin-right: 0; }
    .project-shelf-section-card .keypad .keypad-quick-entry:last-child {
      margin-right: 0; }
    .project-shelf-section-card .keypad .keypad-quick-entry .keypad-entry {
      width: 100%;
      font-size: 1.7em;
      padding: 14px 0px; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .project-shelf-section-card .keypad .keypad-quick-entry {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%;
        margin-right: 0; }
        .project-shelf-section-card .keypad .keypad-quick-entry:last-child {
          margin-right: 0; }
        .project-shelf-section-card .keypad .keypad-quick-entry .keypad-entry {
          width: 100%;
          font-size: 1.7em;
          padding: initial; } }
  .project-shelf-section-card .keypad .keypad-button {
    margin-bottom: 10px; }
    .project-shelf-section-card .keypad .keypad-button.cancel, .project-shelf-section-card .keypad .keypad-button.submit {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 47.58542%;
      font-size: 1.7em;
      padding: 12px 0px; }
      .project-shelf-section-card .keypad .keypad-button.cancel:last-child, .project-shelf-section-card .keypad .keypad-button.submit:last-child {
        margin-right: 0; }
    .project-shelf-section-card .keypad .keypad-button.backspace {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 65.05695%;
      margin-right: 0; }
      .project-shelf-section-card .keypad .keypad-button.backspace:last-child {
        margin-right: 0; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .project-shelf-section-card .keypad .keypad-button {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 19.43277%; }
        .project-shelf-section-card .keypad .keypad-button:last-child {
          margin-right: 0; }
        .project-shelf-section-card .keypad .keypad-button:nth-child(4n) {
          margin-right: 0; }
        .project-shelf-section-card .keypad .keypad-button:nth-child(4n+1) {
          clear: left; }
        .project-shelf-section-card .keypad .keypad-button.cancel, .project-shelf-section-card .keypad .keypad-button.submit {
          float: left;
          display: block;
          margin-right: 7.42297%;
          width: 46.28851%;
          padding: initial; }
          .project-shelf-section-card .keypad .keypad-button.cancel:last-child, .project-shelf-section-card .keypad .keypad-button.submit:last-child {
            margin-right: 0; }
        .project-shelf-section-card .keypad .keypad-button.backspace {
          float: left;
          display: block;
          margin-right: 7.42297%;
          width: 46.28851%;
          margin-right: 0; }
          .project-shelf-section-card .keypad .keypad-button.backspace:last-child {
            margin-right: 0; } }

.project-measure-case-packs-card {
  width: 100%;
  text-align: center;
  max-height: 589px;
  overflow-y: hidden; }
  .project-measure-case-packs-card .title {
    margin-top: -5px;
    width: 100%; }
  .project-measure-case-packs-card .location {
    width: 100%;
    font-size: 1.4em;
    padding-bottom: 8px;
    display: inline-block; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .project-measure-case-packs-card .location {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%;
        font-size: 1.4em;
        line-height: 1.2em; }
        .project-measure-case-packs-card .location:last-child {
          margin-right: 0; } }
  .project-measure-case-packs-card .keypad .keypad-input {
    font-size: 1.3em; }
  .project-measure-case-packs-card input {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%;
    display: -ms-flexbox;
    display: flex; }
    .project-measure-case-packs-card input:last-child {
      margin-right: 0; }
    .project-measure-case-packs-card input.height {
      margin-right: 0; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .project-measure-case-packs-card input {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .project-measure-case-packs-card input:last-child {
          margin-right: 0; } }

.project-bin-locations-card {
  width: 100%;
  padding: 0.75em;
  display: none; }
  .project-bin-locations-card .location {
    text-align: center;
    font-size: 2em;
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%; }
    .project-bin-locations-card .location:last-child {
      margin-right: 0; }
  .project-bin-locations-card input {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    margin-right: 0; }
    .project-bin-locations-card input:last-child {
      margin-right: 0; }
  .project-bin-locations-card .save {
    display: none; }
  .project-bin-locations-card.visible {
    display: inline-block; }
  .project-bin-locations-card .open-bin, .project-bin-locations-card .clear-remaining {
    width: 100%;
    margin-bottom: 0.75em; }
  .project-bin-locations-card .items button {
    margin-bottom: 0.75em; }
    @media screen and (max-width: 414px) {
      .project-bin-locations-card .items button {
        width: 100%; } }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .project-bin-locations-card .items button {
        width: 100%; } }

.pull-totes .progress {
  width: 100%;
  text-align: center;
  display: inline-block; }

.pull-totes .station {
  width: 100%;
  text-align: center;
  display: inline-block;
  font-size: 1.3em; }

.pull-totes .bin, .pull-totes .tote {
  width: 100%;
  text-align: center;
  display: inline-block;
  font-size: 3.5em; }

.project-clear-bins .image {
  float: left;
  display: block;
  margin-right: 5.85151%;
  width: 36.4891%; }
  .project-clear-bins .image:last-child {
    margin-right: 0; }

.project-clear-bins .details {
  float: left;
  display: block;
  margin-right: 5.85151%;
  width: 57.6594%;
  margin-right: 0; }
  .project-clear-bins .details:last-child {
    margin-right: 0; }
  .project-clear-bins .details .bin-location {
    font-size: 1.5em; }
  .project-clear-bins .details .prompt {
    font-size: 1.3em;
    margin: 0.75em 0em; }
  .project-clear-bins .details button {
    font-size: 2em;
    float: left;
    display: block;
    margin-right: 16.03631%;
    width: 41.98184%; }
    .project-clear-bins .details button:last-child {
      margin-right: 0; }

.project-clear-bins .actions {
  margin-top: 0.75em;
  display: inline-block;
  width: 100%; }
  .project-clear-bins .actions button {
    font-size: 1em;
    width: 100%;
    margin-bottom: 0.75em; }
    .project-clear-bins .actions button:nth-child(2n) {
      margin-right: 0; }
    .project-clear-bins .actions button:nth-child(2n+1) {
      clear: left; }

.text-import {
  width: 100%;
  padding: 1.5em;
  cursor: pointer; }
  .text-import .import-text {
    width: 100%;
    border: 1px solid #666;
    border-radius: 5px;
    padding: 0.75em;
    height: 200px;
    margin-bottom: 1.5em; }
  .text-import .process-results, .text-import .import-results {
    border: 1px solid #666;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) inset;
    padding: 4px;
    overflow-x: auto;
    overflow-y: auto;
    position: relative;
    height: 300px;
    width: 100%;
    margin-bottom: 1.5em; }
    .text-import .process-results .accolades, .text-import .import-results .accolades {
      width: 100%;
      text-align: center;
      padding: 0.75em;
      font-size: 1.5em; }
  .text-import table {
    margin: 0em;
    background-color: #fff;
    white-space: nowrap;
    overflow: auto;
    overflow-x: scroll;
    width: auto;
    min-width: 100%; }
  .text-import thead td, .text-import thead th {
    border-width: 0 0 1px 0;
    border-color: #ff0066;
    font-weight: bold;
    padding: 4px 9px; }
  .text-import tbody td {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 4px 9px;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #bbbbbb; }
    .text-import tbody td:last-child {
      border: none; }
  .text-import .correlation-field {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%; }
    .text-import .correlation-field:last-child {
      margin-right: 0; }
    .text-import .correlation-field:nth-child(3n) {
      margin-right: 0; }
    .text-import .correlation-field:nth-child(3n+1) {
      clear: left; }
  .text-import .form-controls {
    width: 100%;
    display: inline-block; }

#new-issue {
  width: 100%;
  padding: 0.75em; }
  #new-issue .issue-transcript {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 65.05695%;
    font-size: 1.4em;
    margin-bottom: 0.75em; }
    #new-issue .issue-transcript:last-child {
      margin-right: 0; }
  #new-issue .issue-actions {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%;
    text-align: right; }
    #new-issue .issue-actions:last-child {
      margin-right: 0; }
    #new-issue .issue-actions i {
      padding: 7px; }
  #new-issue .recording {
    color: #ff0000; }

.cubiscan .boxes {
  padding: 0.75em;
  margin: 0.75em;
  min-height: 235px; }
  .cubiscan .boxes form {
    display: inline-block;
    width: 100%; }
    .cubiscan .boxes form input {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 65.05695%; }
      .cubiscan .boxes form input:last-child {
        margin-right: 0; }
    .cubiscan .boxes form button {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 30.11389%;
      margin-right: 0; }
      .cubiscan .boxes form button:last-child {
        margin-right: 0; }
    .cubiscan .boxes form .scanner-selection {
      display: inline-block;
      width: 100%; }
  .cubiscan .boxes li {
    font-size: 1.5em; }

.card {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  height: 300px;
  margin: 1rem;
  position: relative;
  width: 300px; }

.card-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }

.card-1:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.card-2 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.card-3 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.card-4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.card-5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }

.edit-user {
  padding: 0.75em; }
  .edit-user .name {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%; }
    .edit-user .name:last-child {
      margin-right: 0; }
    .edit-user .name:nth-child(3n) {
      margin-right: 0; }
    .edit-user .name:nth-child(3n+1) {
      clear: left; }
  .edit-user .roles {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%; }
    .edit-user .roles:last-child {
      margin-right: 0; }
  .edit-user .projects {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%; }
    .edit-user .projects:last-child {
      margin-right: 0; }
  .edit-user .permissions {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%;
    margin-right: 0; }
    .edit-user .permissions:last-child {
      margin-right: 0; }
  .edit-user .save-button {
    display: inline-block;
    width: 100%; }
  .edit-user .performance dl {
    width: 100%; }
  .edit-user .performance dd {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 19.43277%; }
    .edit-user .performance dd:last-child {
      margin-right: 0; }
  .edit-user .performance dt {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 73.14426%;
    margin-right: 0; }
    .edit-user .performance dt:last-child {
      margin-right: 0; }
  .edit-user .performance .tier-groups {
    width: 100%;
    display: inline-block; }
  .edit-user .performance .attendance-tier, .edit-user .performance .performance-tier, .edit-user .performance .focus-tier {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%; }
    .edit-user .performance .attendance-tier:last-child, .edit-user .performance .performance-tier:last-child, .edit-user .performance .focus-tier:last-child {
      margin-right: 0; }
    .edit-user .performance .attendance-tier:nth-child(3n), .edit-user .performance .performance-tier:nth-child(3n), .edit-user .performance .focus-tier:nth-child(3n) {
      margin-right: 0; }
    .edit-user .performance .attendance-tier:nth-child(3n+1), .edit-user .performance .performance-tier:nth-child(3n+1), .edit-user .performance .focus-tier:nth-child(3n+1) {
      clear: left; }

.totes-search {
  padding: 0.75em;
  font-size: 2em; }

.simple-chat {
  display: none; }

.receiving-scan {
  padding: 0.75em 1.5em 0px; }

.receiving {
  padding: 1.5em; }

a.btn, button.btn {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 30.11389%;
  margin-bottom: 0.75em;
  appearance: none;
  background-color: #2478CC;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 1.5em;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap; }
  a.btn:last-child, button.btn:last-child {
    margin-right: 0; }
  a.btn:nth-child(3n), button.btn:nth-child(3n) {
    margin-right: 0; }
  a.btn:nth-child(3n+1), button.btn:nth-child(3n+1) {
    clear: left; }
  a.btn:hover, a.btn:focus, button.btn:hover, button.btn:focus {
    background-color: #1d60a3;
    color: #fff; }
  a.btn:disabled, button.btn:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    a.btn:disabled:hover, button.btn:disabled:hover {
      background-color: #2478CC; }

.home-screen {
  padding: 0.75em; }
  .home-screen .btn {
    font-size: 1.6em; }
  @media screen and (min-width: 737px) {
    .home-screen .desktop-nav {
      font-size: 1.4em; }
      .home-screen .desktop-nav .data-group {
        width: 100%;
        clear: both; }
        .home-screen .desktop-nav .data-group .product-data .data-point {
          padding: 0.5em;
          border: 1px solid #ddd;
          float: left;
          display: block;
          margin-right: 7.42297%;
          width: 19.43277%; }
          .home-screen .desktop-nav .data-group .product-data .data-point:last-child {
            margin-right: 0; }
          .home-screen .desktop-nav .data-group .product-data .data-point .data-name {
            font-size: 0.8em; } }
  .home-screen .mobile-nav a.btn {
    padding: 0.75em; }
  @media screen and (max-width: 414px) {
    .home-screen .mobile-nav .btn {
      width: 100%; } }
  @media screen and (min-width: 737px) {
    .home-screen .mobile-nav {
      display: none; } }
  .home-screen .desktop-nav li {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 46.28851%; }
    .home-screen .desktop-nav li .btn {
      width: 100%; }
    .home-screen .desktop-nav li:last-child {
      margin-right: 0; }
    .home-screen .desktop-nav li:nth-child(2n) {
      margin-right: 0; }
    .home-screen .desktop-nav li:nth-child(2n+1) {
      clear: left; }

.credit-card-entry .error-notice {
  width: 100%;
  background: #FF3C38;
  color: white;
  font-size: 1.5em;
  padding: 0.75em;
  margin-bottom: 0.75em; }

#heartland-field {
  display: none; }

@media screen and (min-width: 737px) {
  .quantity-discounts {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 38.29445%; }
    .quantity-discounts:last-child {
      margin-right: 0; } }

.quantity-discounts dl {
  width: 100%; }
  .quantity-discounts dl dt, .quantity-discounts dl dd {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 12.64237%; }
    .quantity-discounts dl dt:last-child, .quantity-discounts dl dd:last-child {
      margin-right: 0; }
    .quantity-discounts dl dt:nth-child(6n), .quantity-discounts dl dd:nth-child(6n) {
      margin-right: 0; }
    .quantity-discounts dl dt:nth-child(6n+1), .quantity-discounts dl dd:nth-child(6n+1) {
      clear: left; }

.quantity-discounts td {
  padding: 0.1em 0; }
  .quantity-discounts td input {
    margin-top: 0.5em;
    padding: 0.25em;
    width: 85%; }

.order-table {
  font-size: 0.9em; }
  .order-table .customer {
    width: 16em; }
  .order-table .date {
    width: 8em; }
  .order-table .terms {
    width: 8em; }
  .order-table .ship-via {
    width: 9em; }
  .order-table .po-number {
    width: 8em; }

button.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5; }

button.pika-prev,
button.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0; }

.pika-single {
  z-index: 10000; }

.order-query, .customer-query, .item-query, .payment-query, .calls-query, .leads-query {
  width: 100%;
  display: inline-block; }
  .order-query .query-fields-full, .customer-query .query-fields-full, .item-query .query-fields-full, .payment-query .query-fields-full, .calls-query .query-fields-full, .leads-query .query-fields-full {
    width: 100%; }
  .order-query .query-fields-half, .customer-query .query-fields-half, .item-query .query-fields-half, .payment-query .query-fields-half, .calls-query .query-fields-half, .leads-query .query-fields-half {
    float: left;
    display: block;
    margin-right: 16.03631%;
    width: 41.98184%; }
    .order-query .query-fields-half:last-child, .customer-query .query-fields-half:last-child, .item-query .query-fields-half:last-child, .payment-query .query-fields-half:last-child, .calls-query .query-fields-half:last-child, .leads-query .query-fields-half:last-child {
      margin-right: 0; }
    .order-query .query-fields-half:nth-child(2n), .customer-query .query-fields-half:nth-child(2n), .item-query .query-fields-half:nth-child(2n), .payment-query .query-fields-half:nth-child(2n), .calls-query .query-fields-half:nth-child(2n), .leads-query .query-fields-half:nth-child(2n) {
      margin-right: 0; }
    .order-query .query-fields-half:nth-child(2n+1), .customer-query .query-fields-half:nth-child(2n+1), .item-query .query-fields-half:nth-child(2n+1), .payment-query .query-fields-half:nth-child(2n+1), .calls-query .query-fields-half:nth-child(2n+1), .leads-query .query-fields-half:nth-child(2n+1) {
      clear: left; }
  .order-query .query-fields, .customer-query .query-fields, .item-query .query-fields, .payment-query .query-fields, .calls-query .query-fields, .leads-query .query-fields {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%; }
    .order-query .query-fields:last-child, .customer-query .query-fields:last-child, .item-query .query-fields:last-child, .payment-query .query-fields:last-child, .calls-query .query-fields:last-child, .leads-query .query-fields:last-child {
      margin-right: 0; }
    .order-query .query-fields:nth-child(6n), .customer-query .query-fields:nth-child(6n), .item-query .query-fields:nth-child(6n), .payment-query .query-fields:nth-child(6n), .calls-query .query-fields:nth-child(6n), .leads-query .query-fields:nth-child(6n) {
      margin-right: 0; }
    .order-query .query-fields:nth-child(6n+1), .customer-query .query-fields:nth-child(6n+1), .item-query .query-fields:nth-child(6n+1), .payment-query .query-fields:nth-child(6n+1), .calls-query .query-fields:nth-child(6n+1), .leads-query .query-fields:nth-child(6n+1) {
      clear: left; }
  .order-query .search-container, .customer-query .search-container, .item-query .search-container, .payment-query .search-container, .calls-query .search-container, .leads-query .search-container {
    width: 100%;
    display: inline-block; }
  .order-query .actions, .customer-query .actions, .item-query .actions, .payment-query .actions, .calls-query .actions, .leads-query .actions {
    width: 100%;
    display: inline-block; }

.packed-orders .packed-shipment {
  text-align: center;
  float: left;
  display: block;
  margin-right: 7.42297%;
  width: 19.43277%; }
  .packed-orders .packed-shipment:last-child {
    margin-right: 0; }
  .packed-orders .packed-shipment:nth-child(2n) {
    margin-right: 0; }
  .packed-orders .packed-shipment:nth-child(2n+1) {
    clear: left; }
  .packed-orders .packed-shipment .shipment-orders {
    font-weight: bold; }

.ember-power-select-dropdown.ember-basic-dropdown-content {
  z-index: 10001; }

.ember-modal-dialog.email-form {
  padding: 1.5em;
  float: left;
  display: block;
  margin-right: 7.42297%;
  width: 46.28851%; }
  .ember-modal-dialog.email-form:last-child {
    margin-right: 0; }
  .ember-modal-dialog.email-form .email-actions {
    margin-top: 1.5em;
    width: 100%; }
    .ember-modal-dialog.email-form .email-actions.email button.send {
      float: left;
      display: block;
      margin-right: 5.85151%;
      width: 36.4891%; }
      .ember-modal-dialog.email-form .email-actions.email button.send:last-child {
        margin-right: 0; }
    .ember-modal-dialog.email-form .email-actions.email button.open {
      margin-left: 21.1703%;
      float: left;
      display: block;
      margin-right: 5.85151%;
      width: 36.4891%; }
      .ember-modal-dialog.email-form .email-actions.email button.open:last-child {
        margin-right: 0; }
    .ember-modal-dialog.email-form .email-actions.print button {
      float: left;
      display: block;
      margin-right: 10.1484%;
      width: 26.56773%; }
      .ember-modal-dialog.email-form .email-actions.print button:last-child {
        margin-right: 0; }
      .ember-modal-dialog.email-form .email-actions.print button:nth-child(3n) {
        margin-right: 0; }
      .ember-modal-dialog.email-form .email-actions.print button:nth-child(3n+1) {
        clear: left; }
    .ember-modal-dialog.email-form .email-actions.print-excel button {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 19.43277%; }
      .ember-modal-dialog.email-form .email-actions.print-excel button:last-child {
        margin-right: 0; }
      .ember-modal-dialog.email-form .email-actions.print-excel button:nth-child(4n) {
        margin-right: 0; }
      .ember-modal-dialog.email-form .email-actions.print-excel button:nth-child(4n+1) {
        clear: left; }

.items-query .results-grid {
  text-align: center; }
  .items-query .results-grid ul {
    text-align: left; }
  .items-query .results-grid .query-result {
    font-size: 0.7em;
    border: 1px solid #ddd;
    padding: 0.75em;
    margin-bottom: 1.5em;
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 12.64237%; }
    .items-query .results-grid .query-result.applied {
      border-color: #57CE40; }
    .items-query .results-grid .query-result:last-child {
      margin-right: 0; }
    .items-query .results-grid .query-result:nth-child(6n) {
      margin-right: 0; }
    .items-query .results-grid .query-result:nth-child(6n+1) {
      clear: left; }

.items-query .item-properties {
  width: 100%;
  display: inline-block; }
  .items-query .item-properties li {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 17.72593%; }
    .items-query .item-properties li:last-child {
      margin-right: 0; }
    .items-query .item-properties li:nth-child(5n) {
      margin-right: 0; }
    .items-query .item-properties li:nth-child(5n+1) {
      clear: left; }

.items-query .result-fields {
  margin: 1.5em 0px; }

.warehouse-item {
  display: inline-block;
  width: 100%;
  margin-bottom: 1.5em; }
  .warehouse-item .item-image {
    width: 100%;
    text-align: center; }
    @media screen and (min-width: 415px) and (max-width: 736px) {
      .warehouse-item .item-image {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .warehouse-item .item-image:last-child {
          margin-right: 0; } }
  .warehouse-item .item-details .title {
    font-size: 1.3em; }
  .warehouse-item .item-details .sku {
    font-size: 1.5em; }
  .warehouse-item .item-details button {
    font-size: 1.1em;
    padding: 0.75em;
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 22.316%; }
    .warehouse-item .item-details button:last-child {
      margin-right: 0; }
  @media screen and (min-width: 415px) and (max-width: 736px) {
    .warehouse-item .item-details {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 74.10533%;
      margin-right: 0; }
      .warehouse-item .item-details:last-child {
        margin-right: 0; } }

.manage-items .drop-zone {
  width: 100%;
  display: inline-block; }

.ember-modal-dialog.display-notification {
  padding: 1.5em;
  float: left;
  display: block;
  margin-right: 7.42297%;
  width: 73.14426%; }
  .ember-modal-dialog.display-notification:last-child {
    margin-right: 0; }
  @media screen and (min-width: 737px) {
    .ember-modal-dialog.display-notification {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 46.28851%; }
      .ember-modal-dialog.display-notification:last-child {
        margin-right: 0; } }
  .ember-modal-dialog.display-notification .event {
    margin-bottom: 0.75em; }
  .ember-modal-dialog.display-notification .notification-actions {
    margin-top: 1.5em;
    width: 100%; }
    .ember-modal-dialog.display-notification .notification-actions button.primary {
      float: left;
      display: block;
      margin-right: 5.85151%;
      width: 36.4891%; }
      .ember-modal-dialog.display-notification .notification-actions button.primary:last-child {
        margin-right: 0; }
    .ember-modal-dialog.display-notification .notification-actions button.secondary {
      margin-left: 21.1703%;
      float: left;
      display: block;
      margin-right: 5.85151%;
      width: 36.4891%; }
      .ember-modal-dialog.display-notification .notification-actions button.secondary:last-child {
        margin-right: 0; }

.process-order .process-order-search, .process-order .process-order-item-search, .process-order .process-order-users, .process-order .process-order-box-item {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 30.11389%; }
  .process-order .process-order-search:last-child, .process-order .process-order-item-search:last-child, .process-order .process-order-users:last-child, .process-order .process-order-box-item:last-child {
    margin-right: 0; }
  .process-order .process-order-search:nth-child(3n), .process-order .process-order-item-search:nth-child(3n), .process-order .process-order-users:nth-child(3n), .process-order .process-order-box-item:nth-child(3n) {
    margin-right: 0; }
  .process-order .process-order-search:nth-child(3n+1), .process-order .process-order-item-search:nth-child(3n+1), .process-order .process-order-users:nth-child(3n+1), .process-order .process-order-box-item:nth-child(3n+1) {
    clear: left; }

.process-order .item-quantity, .process-order .boxed-quantity, .process-order .unboxed-quantity, .process-order .backordered-quantity {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 22.316%;
  font-size: 0.9em; }
  .process-order .item-quantity:last-child, .process-order .boxed-quantity:last-child, .process-order .unboxed-quantity:last-child, .process-order .backordered-quantity:last-child {
    margin-right: 0; }
  .process-order .item-quantity:nth-child(4n), .process-order .boxed-quantity:nth-child(4n), .process-order .unboxed-quantity:nth-child(4n), .process-order .backordered-quantity:nth-child(4n) {
    margin-right: 0; }
  .process-order .item-quantity:nth-child(4n+1), .process-order .boxed-quantity:nth-child(4n+1), .process-order .unboxed-quantity:nth-child(4n+1), .process-order .backordered-quantity:nth-child(4n+1) {
    clear: left; }

.process-order .keypad {
  display: inline-block; }

.process-order .user-options button {
  margin-bottom: 0.75em;
  float: left;
  display: block;
  margin-right: 2.01406%;
  width: 12.55938%; }
  .process-order .user-options button:last-child {
    margin-right: 0; }
  .process-order .user-options button:nth-child(7n) {
    margin-right: 0; }
  .process-order .user-options button:nth-child(7n+1) {
    clear: left; }

.process-order ul li {
  float: left;
  display: block;
  margin-right: 7.42297%;
  width: 19.43277%; }
  .process-order ul li:last-child {
    margin-right: 0; }
  .process-order ul li:nth-child(4n) {
    margin-right: 0; }
  .process-order ul li:nth-child(4n+1) {
    clear: left; }

.process-order .scan-entry {
  width: 8.05em;
  display: inline-block;
  margin-bottom: 0px;
  margin-top: -2px; }

.process-order .combine-orders {
  width: 100%;
  display: inline-block;
  margin-top: 1.5em; }

.process-order .box-inputs .box-quantity, .process-order .box-inputs .box-tag {
  float: left;
  display: block;
  margin-right: 7.42297%;
  width: 46.28851%; }
  .process-order .box-inputs .box-quantity:last-child, .process-order .box-inputs .box-tag:last-child {
    margin-right: 0; }
  .process-order .box-inputs .box-quantity:nth-child(2n), .process-order .box-inputs .box-tag:nth-child(2n) {
    margin-right: 0; }
  .process-order .box-inputs .box-quantity:nth-child(2n+1), .process-order .box-inputs .box-tag:nth-child(2n+1) {
    clear: left; }

.process-order .box-item {
  padding-bottom: 1.5em; }
  .process-order .box-item .actions {
    width: 100%;
    margin-top: 0.75em;
    display: inline-block; }
    .process-order .box-item .actions button {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 23.23176%; }
      .process-order .box-item .actions button:last-child {
        margin-right: 0; }
  .process-order .box-item .item-boxes {
    font-size: 0.8em; }

.process-order .short-items {
  width: 100%;
  display: inline-block; }
  .process-order .short-items button {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 22.316%;
    margin-top: 0.75em; }
    .process-order .short-items button:last-child {
      margin-right: 0; }
    .process-order .short-items button:nth-child(4n) {
      margin-right: 0; }
    .process-order .short-items button:nth-child(4n+1) {
      clear: left; }

.process-order .order-item {
  width: 100%;
  display: inline-block; }
  .process-order .order-item .image {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 22.316%;
    text-align: center; }
    .process-order .order-item .image:last-child {
      margin-right: 0; }
    .process-order .order-item .image strong {
      font-weight: bold; }
  .process-order .order-item .details {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 74.10533%;
    margin-right: 0; }
    .process-order .order-item .details:last-child {
      margin-right: 0; }
    .process-order .order-item .details .title {
      font-weight: 500; }
    .process-order .order-item .details .sku, .process-order .order-item .details .upc {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 30.11389%;
      font-size: 1.2em; }
      .process-order .order-item .details .sku:last-child, .process-order .order-item .details .upc:last-child {
        margin-right: 0; }
    .process-order .order-item .details .location {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 30.11389%;
      font-size: 1.2em;
      margin-right: 0; }
      .process-order .order-item .details .location:last-child {
        margin-right: 0; }
    .process-order .order-item .details .quantity {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 46.28851%;
      font-size: 2em;
      margin-bottom: 12px; }
      .process-order .order-item .details .quantity:last-child {
        margin-right: 0; }
      .process-order .order-item .details .quantity:before {
        content: 'Qty: '; }
    .process-order .order-item .details .quantity-backordered {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 46.28851%;
      font-size: 2em;
      margin-right: 0;
      margin-bottom: 12px; }
      .process-order .order-item .details .quantity-backordered:last-child {
        margin-right: 0; }
      .process-order .order-item .details .quantity-backordered:before {
        content: 'B/O: '; }
    .process-order .order-item .details .action-buttons button {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 46.28851%;
      margin-bottom: 0.75em; }
      .process-order .order-item .details .action-buttons button:last-child {
        margin-right: 0; }
      .process-order .order-item .details .action-buttons button:nth-child(2n) {
        margin-right: 0; }
      .process-order .order-item .details .action-buttons button:nth-child(2n+1) {
        clear: left; }

.process-order table {
  width: 100%; }
  .process-order table .box {
    width: 50px; }
  .process-order table .dims {
    width: 150px; }
    .process-order table .dims input {
      width: 2.4em;
      display: inline-block; }
  .process-order table .weight {
    width: 75px; }
    .process-order table .weight input {
      width: 3em; }
  .process-order table .actions {
    white-space: nowrap; }

.shipment-error table td {
  padding: 2px; }

table.data-table .excel-export {
  display: none; }

table.data-table .status {
  white-space: nowrap;
  width: 4em; }

table.data-table .sku {
  white-space: nowrap;
  width: 4em; }

table.data-table .upc {
  white-space: nowrap;
  width: 6em; }

table.data-table .moment-date {
  white-space: nowrap;
  width: 10em; }

table.data-table .user-name {
  white-space: nowrap;
  width: 10em; }

.dataTable {
  font-size: 0.8em; }
  @media screen and (min-width: 900px) {
    .dataTable {
      font-size: 1em; } }
  .dataTable .mid {
    width: 1em; }
  .dataTable .status {
    white-space: nowrap;
    width: 3em; }
  .dataTable .sku {
    white-space: nowrap;
    width: 4em; }
  .dataTable .upc {
    white-space: nowrap;
    width: 6em; }
  .dataTable .moment-date {
    white-space: nowrap;
    width: 6em; }

.mobile-item .image {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 30.11389%; }
  .mobile-item .image:last-child {
    margin-right: 0; }
  .mobile-item .image .sku {
    margin-top: -10px;
    text-align: center;
    font-weight: 500;
    font-size: 1.5em; }

.mobile-item .details {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 65.05695%;
  margin-right: 0; }
  .mobile-item .details:last-child {
    margin-right: 0; }
  .mobile-item .details .title {
    font-weight: 500; }
  .mobile-item .details .sku {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 46.28851%;
    font-size: 1.2em; }
    .mobile-item .details .sku:last-child {
      margin-right: 0; }
  .mobile-item .details .location, .mobile-item .details .upc {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 46.28851%; }
    .mobile-item .details .location:last-child, .mobile-item .details .upc:last-child {
      margin-right: 0; }
    .mobile-item .details .location:nth-child(2n), .mobile-item .details .upc:nth-child(2n) {
      margin-right: 0; }
    .mobile-item .details .location:nth-child(2n+1), .mobile-item .details .upc:nth-child(2n+1) {
      clear: left; }
  .mobile-item .details .quantity-fields {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%; }
    .mobile-item .details .quantity-fields:last-child {
      margin-right: 0; }
    .mobile-item .details .quantity-fields:nth-child(3n) {
      margin-right: 0; }
    .mobile-item .details .quantity-fields:nth-child(3n+1) {
      clear: left; }
    .mobile-item .details .quantity-fields input {
      padding: 0.2em; }
    .mobile-item .details .quantity-fields button {
      width: 100%; }
  .mobile-item .details .scan-fields {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 19.43277%;
    margin-top: 2em; }
    .mobile-item .details .scan-fields:last-child {
      margin-right: 0; }
    .mobile-item .details .scan-fields:nth-child(4n) {
      margin-right: 0; }
    .mobile-item .details .scan-fields:nth-child(4n+1) {
      clear: left; }
    .mobile-item .details .scan-fields button {
      width: 100%; }
  .mobile-item .details .actions {
    margin-top: 1.5em; }
  .mobile-item .details .quantity {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 46.28851%;
    font-size: 2em;
    margin-bottom: 12px; }
    .mobile-item .details .quantity:last-child {
      margin-right: 0; }
    .mobile-item .details .quantity:before {
      content: 'Qty: '; }

#edit-vendor {
  overflow-y: scroll;
  max-height: 100%; }
  #edit-vendor .city {
    float: left;
    display: block;
    margin-right: 5.85151%;
    width: 36.4891%; }
    #edit-vendor .city:last-child {
      margin-right: 0; }
  #edit-vendor .state, #edit-vendor .zip, #edit-vendor .country {
    float: left;
    display: block;
    margin-right: 5.85151%;
    width: 15.31879%; }
    #edit-vendor .state:last-child, #edit-vendor .zip:last-child, #edit-vendor .country:last-child {
      margin-right: 0; }
  #edit-vendor .phone, #edit-vendor .fax, #edit-vendor .email {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%; }
    #edit-vendor .phone:last-child, #edit-vendor .fax:last-child, #edit-vendor .email:last-child {
      margin-right: 0; }
  #edit-vendor .vendor-code, #edit-vendor .minimum, #edit-vendor .days-out {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%; }
    #edit-vendor .vendor-code:last-child, #edit-vendor .minimum:last-child, #edit-vendor .days-out:last-child {
      margin-right: 0; }
  #edit-vendor table {
    width: 100%; }
    #edit-vendor table td {
      padding: 0.1875em; }
      #edit-vendor table td input {
        margin: 2px;
        padding: 4px; }
    #edit-vendor table .number {
      width: 4em; }
    #edit-vendor table .long-number {
      width: 6em; }
    #edit-vendor table .seasonal {
      text-align: right;
      width: 6em; }
    #edit-vendor table .title {
      width: 18em; }

.site-search .search-status {
  position: absolute;
  z-index: 2;
  right: 96px;
  top: 4px;
  color: #ccc; }

.global-search {
  margin-bottom: 0.75em; }
  .global-search .ember-power-select-trigger.ember-power-select-trigger--active input {
    border-color: #2478CC;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(32, 107, 182, 0.7);
    outline: none; }
  .global-search .ember-power-select-trigger {
    overflow-y: hidden;
    height: 37px;
    margin: 3px 0px; }
    .global-search .ember-power-select-trigger input {
      height: 100%;
      padding: 0.5em;
      box-sizing: border-box;
      border: 1px solid #ddd;
      border-radius: 3px; }

.catalog {
  width: 100%;
  display: inline-block; }
  .catalog .input-field {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%; }
    .catalog .input-field:last-child {
      margin-right: 0; }
    .catalog .input-field button {
      margin-top: 1.5em; }

.payments-query {
  width: 100%;
  margin-bottom: 1.5em; }
  .payments-query .date {
    white-space: nowrap;
    width: 8em; }

.main {
  margin-top: -6px;
  display: inline-block;
  width: 100%; }
  @media screen and (max-width: 414px) {
    .main {
      height: 531px; } }
  @media screen and (min-width: 415px) {
    .main {
      height: 300px; } }
  @media screen and (min-width: 600px) {
    .main {
      height: inherit; } }
  @media screen and (min-width: 737px) {
    .main {
      height: inherit;
      overflow-y: inherit; } }

.header {
  width: 100%;
  display: inline-block;
  background: #2478CC; }
  .header .ember-power-select-typeahead-trigger {
    border-radius: 3px; }
  .header .ember-power-select-typeahead-input {
    margin-bottom: 0px; }
  .header button {
    font-size: 1.5em;
    background: none;
    padding: 0.6em;
    color: white; }
  .header div.menu-toggle {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 12.64237%; }
    .header div.menu-toggle:last-child {
      margin-right: 0; }
    @media screen and (min-width: 737px) {
      .header div.menu-toggle {
        float: left;
        display: block;
        margin-right: 4.82916%;
        width: 30.11389%; }
        .header div.menu-toggle:last-child {
          margin-right: 0; } }
  @media screen and (min-width: 415px) {
    .header .mobile-header-options {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 12.64237%;
      display: inline-block;
      font-size: 1.4em;
      padding-top: 0.4em; }
      .header .mobile-header-options:last-child {
        margin-right: 0; } }
  .header .mobile-header-options a {
    color: white; }
  @media screen and (min-width: 737px) {
    .header .mobile-header-options {
      display: none; } }
  @media screen and (max-width: 414px) {
    .header .header-options {
      display: none; } }
  @media screen and (min-width: 415px) {
    .header .header-options {
      display: none; } }
  @media screen and (min-width: 600px) {
    .header .header-options {
      display: inline-block;
      font-size: 1.2em; } }
  @media screen and (min-width: 737px) {
    .header .header-options {
      display: inline-block;
      font-size: 1.2em; } }
  .header .header-options a {
    color: white;
    padding-right: 0.75em; }
  .header .scan-input-header {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%;
    padding: 0.6em 0.1em 0em; }
    .header .scan-input-header:last-child {
      margin-right: 0; }
    .header .scan-input-header input {
      padding: 0.3em; }
    @media screen and (min-width: 600px) {
      .header .scan-input-header {
        display: none; } }
    @media screen and (min-width: 737px) {
      .header .scan-input-header {
        display: none; } }
  .header .visible-header {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    margin-right: 0;
    color: white;
    padding: 0.5em 0.5em 0em;
    font-size: 1.3em; }
    .header .visible-header:last-child {
      margin-right: 0; }
    @media screen and (min-width: 737px) {
      .header .visible-header {
        float: left;
        display: block;
        margin-right: 4.82916%;
        width: 65.05695%; }
        .header .visible-header:last-child {
          margin-right: 0; } }

.new-menu {
  position: absolute;
  width: 8em;
  border: 3px solid #fff;
  background-color: #5b9ee2;
  color: #fff;
  z-index: 101; }
  .new-menu.maintenance {
    width: 16em; }
  .new-menu ul {
    padding: 0.75em 0px; }
  .new-menu li a {
    width: 100%;
    display: inline-block;
    margin: 0px 0.75em; }
  .new-menu li:hover {
    background-color: #86b8ea; }

/* === Warehouse Scoreboard – refreshed theme === */
/* palette */
:root {
  --bg: #0b0e15;
  --panel: #111827;
  --panel-2: #0f172a;
  --text: #e5e7eb;
  --muted: #a3aab8;
  --grid: rgba(255,255,255,0.08);
  /* KPI accents */
  --kpi-shipped:        #22d3ee;
  /* cyan */
  --kpi-must-pick:      #f59e0b;
  /* amber */
  --kpi-must-ship:      #f43f5e;
  /* rose */
  --kpi-remaining:      #60a5fa;
  /* blue */
  --kpi-shipments-left: #34d399;
  /* emerald */ }

.score-board {
  /* full-screen monitor friendly */
  position: fixed;
  inset: 0;
  min-height: 100vh;
  background: radial-gradient(1000px 700px at 85% 10%, rgba(96, 165, 250, 0.1), transparent 60%), radial-gradient(900px 600px at 10% 0%, rgba(244, 63, 94, 0.08), transparent 60%), var(--bg);
  color: var(--text);
  padding: 1.5em;
  /* ---- KPI Cards ---- */
  /* accent wash per KPI using data-kpi attr */
  /* responsive tweaks */
  /* ---- Bottom stats layout ---- */
  /* ---- Individuals table-like list ---- */
  /* optional inline progress bars for values; set --pct:0..100 inline if you want */
  /* ---- Unpicked / side list ---- */ }
  .score-board .scores {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.5em;
    margin-bottom: 1.5em; }
  .score-board .score {
    position: relative;
    border-radius: 14px;
    background: linear-gradient(180deg, var(--panel), var(--panel-2));
    border: 1px solid var(--grid);
    padding: 16px;
    text-align: center;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    isolation: isolate;
    /* soft reflection strip */ }
    .score-board .score .name {
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: .06em;
      color: var(--muted);
      margin-bottom: 6px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .score-board .score .value {
      font-weight: 800;
      font-variant-numeric: tabular-nums;
      line-height: 1;
      font-size: clamp(28px, 6.5vw, 72px); }
    .score-board .score::after {
      content: "";
      position: absolute;
      inset: -2px -2px auto -2px;
      height: 42%;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.06), transparent 30%, transparent 70%, rgba(255, 255, 255, 0.05));
      pointer-events: none;
      mix-blend-mode: screen; }
  .score-board .score[data-kpi="shipped"]::before {
    background: linear-gradient(135deg, var(--kpi-shipped), transparent); }
  .score-board .score[data-kpi="must-pick"]::before {
    background: linear-gradient(135deg, var(--kpi-must-pick), transparent); }
  .score-board .score[data-kpi="must-ship"]::before {
    background: linear-gradient(135deg, var(--kpi-must-ship), transparent); }
  .score-board .score[data-kpi="remaining-picks"]::before {
    background: linear-gradient(135deg, var(--kpi-remaining), transparent); }
  .score-board .score[data-kpi="shipments-left"]::before {
    background: linear-gradient(135deg, var(--kpi-shipments-left), transparent); }
  .score-board .score::before {
    content: "";
    position: absolute;
    inset: 0;
    mask: linear-gradient(110deg, rgba(0, 0, 0, 0.35) 0 40%, rgba(0, 0, 0, 0) 65%);
    opacity: .25; }
  @media (max-width: 1400px) {
    .score-board .scores {
      grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 900px) {
    .score-board .scores {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 640px) {
    .score-board .scores {
      grid-template-columns: 1fr; } }
  .score-board .stats {
    display: grid;
    grid-template-columns: 2.5fr 1fr;
    gap: 1.5em; }
  @media (max-width: 1200px) {
    .score-board .stats {
      grid-template-columns: 1fr; } }
  .score-board .individuals ul {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015));
    border: 1px solid var(--grid);
    border-radius: 12px;
    overflow: hidden; }
  .score-board .individuals li {
    display: grid;
    grid-template-columns: 1.4fr repeat(4, 1fr);
    gap: 12px;
    -ms-flex-align: center;
        align-items: center;
    padding: 10px 14px; }
  .score-board .individuals li.head {
    position: sticky;
    top: 0;
    z-index: 1;
    background: rgba(17, 24, 39, 0.92);
    backdrop-filter: saturate(140%) blur(4px);
    color: var(--muted);
    font-size: 12px;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-weight: 700; }
  .score-board .individuals li:not(.head):nth-child(even) {
    background: rgba(255, 255, 255, 0.025); }
  .score-board .individuals .name {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .score-board .individuals .value {
    justify-self: end;
    font-variant-numeric: tabular-nums; }
  .score-board .individuals .value.bar {
    position: relative;
    padding-left: 10px; }
  .score-board .individuals .value.bar::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% + 11px);
    height: 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08); }
  .score-board .individuals .value.bar::after {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% + 11px);
    width: calc(var(--pct, 0) * 1%);
    height: 6px;
    border-radius: 999px;
    background: linear-gradient(90deg, #4ade80, #22d3ee);
    box-shadow: 0 0 10px rgba(34, 211, 238, 0.45); }
  .score-board .unpicked ul {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015));
    border: 1px solid var(--grid);
    border-radius: 12px;
    overflow: hidden; }
  .score-board .unpicked li.head {
    padding: 12px 14px;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: 12px;
    font-weight: 700;
    background: rgba(17, 24, 39, 0.92);
    position: sticky;
    top: 0;
    z-index: 1; }
  .score-board .unpicked li:not(.head) {
    padding: 12px 14px;
    font-variant-numeric: tabular-nums; }

/* (Optional) tiny entrance animation for KPI numbers */
@keyframes pop {
  0% {
    transform: scale(0.94);
    opacity: .4; }
  100% {
    transform: scale(1);
    opacity: 1; } }

.score-board .score .value {
  animation: pop 220ms ease-out both; }

.sales-score-board {
  width: 100%;
  position: fixed;
  height: 1080px;
  top: 0px;
  left: 0px;
  background: #000;
  color: #fff;
  padding: 1.5em; }
  @media screen and (max-width: 414px) {
    .sales-score-board .score {
      float: left;
      display: block;
      margin-right: 2.84259%;
      width: 17.72593%;
      text-align: center;
      display: inline-block;
      border: 3px solid #fff;
      height: 120px;
      padding: 10px; }
      .sales-score-board .score:last-child {
        margin-right: 0; }
      .sales-score-board .score:nth-child(5n) {
        margin-right: 0; }
      .sales-score-board .score:nth-child(5n+1) {
        clear: left; }
      .sales-score-board .score .value {
        font-size: 2em;
        font-weight: bold; }
    .sales-score-board .individuals {
      width: 100%;
      padding-top: 1.5em; }
      .sales-score-board .individuals ul {
        font-size: 1.5em; }
        .sales-score-board .individuals ul li.head {
          font-weight: bold; }
        .sales-score-board .individuals ul .name {
          float: left;
          display: block;
          margin-right: 5.85151%;
          width: 36.4891%; }
          .sales-score-board .individuals ul .name:last-child {
            margin-right: 0; }
        .sales-score-board .individuals ul .value {
          float: left;
          display: block;
          margin-right: 5.85151%;
          width: 15.31879%; }
          .sales-score-board .individuals ul .value:last-child {
            margin-right: 0; }
          .sales-score-board .individuals ul .value:nth-child(4n) {
            margin-right: 0; }
          .sales-score-board .individuals ul .value:nth-child(4n+1) {
            clear: left; } }
  @media screen and (min-width: 415px) {
    .sales-score-board .score {
      float: left;
      display: block;
      margin-right: 2.84259%;
      width: 17.72593%;
      text-align: center;
      display: inline-block;
      border: 3px solid #fff;
      height: 120px;
      padding: 10px 0px; }
      .sales-score-board .score:last-child {
        margin-right: 0; }
      .sales-score-board .score:nth-child(5n) {
        margin-right: 0; }
      .sales-score-board .score:nth-child(5n+1) {
        clear: left; }
      .sales-score-board .score .value {
        font-size: 2em;
        font-weight: bold; }
    .sales-score-board .individuals {
      width: 100%;
      padding-top: 1.5em; }
      .sales-score-board .individuals ul {
        font-size: 1.5em; }
        .sales-score-board .individuals ul li.head {
          font-weight: bold; }
        .sales-score-board .individuals ul .name {
          float: left;
          display: block;
          margin-right: 5.85151%;
          width: 36.4891%; }
          .sales-score-board .individuals ul .name:last-child {
            margin-right: 0; }
        .sales-score-board .individuals ul .value {
          float: left;
          display: block;
          margin-right: 5.85151%;
          width: 15.31879%; }
          .sales-score-board .individuals ul .value:last-child {
            margin-right: 0; }
          .sales-score-board .individuals ul .value:nth-child(5n) {
            margin-right: 0; }
          .sales-score-board .individuals ul .value:nth-child(5n+1) {
            clear: left; } }
  @media screen and (min-width: 737px) {
    .sales-score-board .score {
      float: left;
      display: block;
      margin-right: 2.84259%;
      width: 17.72593%;
      text-align: center;
      display: inline-bloc10;
      border: 3px solid #fff;
      height: 220px;
      padding: 20px; }
      .sales-score-board .score:last-child {
        margin-right: 0; }
      .sales-score-board .score:nth-child(5n) {
        margin-right: 0; }
      .sales-score-board .score:nth-child(5n+1) {
        clear: left; }
      .sales-score-board .score .name {
        font-size: 2em; }
      .sales-score-board .score .value {
        font-size: 8em;
        font-weight: bold;
        line-height: 0.8em; }
    .sales-score-board .future-quarters > div {
      float: left;
      display: block;
      margin-right: 16.03631%;
      width: 41.98184%; }
      .sales-score-board .future-quarters > div:last-child {
        margin-right: 0; }
      .sales-score-board .future-quarters > div:nth-child(2n) {
        margin-right: 0; }
      .sales-score-board .future-quarters > div:nth-child(2n+1) {
        clear: left; }
      .sales-score-board .future-quarters > div ul {
        font-size: 1.5em; }
        .sales-score-board .future-quarters > div ul li.head {
          font-weight: bold; }
        .sales-score-board .future-quarters > div ul .name {
          float: left;
          display: block;
          margin-right: 5.85151%;
          width: 57.6594%; }
          .sales-score-board .future-quarters > div ul .name:last-child {
            margin-right: 0; }
        .sales-score-board .future-quarters > div ul .value {
          float: left;
          display: block;
          margin-right: 5.85151%;
          width: 36.4891%; }
          .sales-score-board .future-quarters > div ul .value:last-child {
            margin-right: 0; }
          .sales-score-board .future-quarters > div ul .value:nth-child(2n) {
            margin-right: 0; }
          .sales-score-board .future-quarters > div ul .value:nth-child(2n+1) {
            clear: left; }
    .sales-score-board .individuals {
      float: left;
      display: block;
      margin-right: 2.84259%;
      width: 48.57871%;
      padding-top: 1.5em; }
      .sales-score-board .individuals:last-child {
        margin-right: 0; }
      .sales-score-board .individuals:nth-child(2n) {
        margin-right: 0; }
      .sales-score-board .individuals:nth-child(2n+1) {
        clear: left; }
      .sales-score-board .individuals .unpicked {
        display: inline-block;
        margin-top: 1.5em;
        width: 100%; }
        .sales-score-board .individuals .unpicked .name {
          width: 100%; }
      .sales-score-board .individuals ul {
        display: grid;
        margin-top: 1.5em;
        font-size: 1.3em; }
        .sales-score-board .individuals ul .neg {
          color: #ff0000; }
        .sales-score-board .individuals ul .pos {
          color: #00ff00; }
        .sales-score-board .individuals ul li.head {
          font-weight: bold; }
        .sales-score-board .individuals ul .name {
          float: left;
          display: block;
          margin-right: 4.82916%;
          width: 30.11389%; }
          .sales-score-board .individuals ul .name:last-child {
            margin-right: 0; }
        .sales-score-board .individuals ul .value {
          float: left;
          display: block;
          margin-right: 4.82916%;
          width: 12.64237%; }
          .sales-score-board .individuals ul .value:last-child {
            margin-right: 0; }
          .sales-score-board .individuals ul .value:nth-child(5n) {
            margin-right: 0; }
          .sales-score-board .individuals ul .value:nth-child(5n+1) {
            clear: left; }
        .sales-score-board .individuals ul .metric {
          float: left;
          display: block;
          margin-right: 3.57866%;
          width: 22.316%; }
          .sales-score-board .individuals ul .metric:last-child {
            margin-right: 0; }
          .sales-score-board .individuals ul .metric:nth-child(4n) {
            margin-right: 0; }
          .sales-score-board .individuals ul .metric:nth-child(4n+1) {
            clear: left; }
          .sales-score-board .individuals ul .metric .comp {
            font-size: 0.5em; }
    .sales-score-board.splits .individuals {
      padding-top: 0px;
      width: 100%;
      font-size: 2.0em; }
      .sales-score-board.splits .individuals ul {
        font-size: 0.8em; }
        .sales-score-board.splits .individuals ul.box-score {
          margin-top: 0px;
          font-size: 1.2em; } }

.warehouse-score-board {
  width: 100%;
  position: fixed;
  height: 1080px;
  top: 0px;
  left: 0px;
  background: #000;
  color: #fff;
  padding: 1.5em; }
  @media screen and (max-width: 414px) {
    .warehouse-score-board .score {
      float: left;
      display: block;
      margin-right: 2.84259%;
      width: 17.72593%;
      text-align: center;
      display: inline-block;
      border: 3px solid #fff;
      height: 120px;
      padding: 10px; }
      .warehouse-score-board .score:last-child {
        margin-right: 0; }
      .warehouse-score-board .score:nth-child(5n) {
        margin-right: 0; }
      .warehouse-score-board .score:nth-child(5n+1) {
        clear: left; }
      .warehouse-score-board .score .value {
        font-size: 2em;
        font-weight: bold; }
    .warehouse-score-board .individuals {
      width: 100%;
      padding-top: 1.5em; }
      .warehouse-score-board .individuals ul {
        font-size: 1.5em; }
        .warehouse-score-board .individuals ul li.head {
          font-weight: bold; }
        .warehouse-score-board .individuals ul .name {
          float: left;
          display: block;
          margin-right: 5.85151%;
          width: 36.4891%; }
          .warehouse-score-board .individuals ul .name:last-child {
            margin-right: 0; }
        .warehouse-score-board .individuals ul .value {
          float: left;
          display: block;
          margin-right: 5.85151%;
          width: 15.31879%; }
          .warehouse-score-board .individuals ul .value:last-child {
            margin-right: 0; }
          .warehouse-score-board .individuals ul .value:nth-child(4n) {
            margin-right: 0; }
          .warehouse-score-board .individuals ul .value:nth-child(4n+1) {
            clear: left; } }
  @media screen and (min-width: 415px) {
    .warehouse-score-board .score {
      float: left;
      display: block;
      margin-right: 2.84259%;
      width: 17.72593%;
      text-align: center;
      display: inline-block;
      border: 3px solid #fff;
      height: 120px;
      padding: 10px 0px; }
      .warehouse-score-board .score:last-child {
        margin-right: 0; }
      .warehouse-score-board .score:nth-child(5n) {
        margin-right: 0; }
      .warehouse-score-board .score:nth-child(5n+1) {
        clear: left; }
      .warehouse-score-board .score .value {
        font-size: 2em;
        font-weight: bold; }
    .warehouse-score-board .individuals {
      width: 100%;
      padding-top: 1.5em; }
      .warehouse-score-board .individuals ul {
        font-size: 1.5em; }
        .warehouse-score-board .individuals ul li.head {
          font-weight: bold; }
        .warehouse-score-board .individuals ul .name {
          float: left;
          display: block;
          margin-right: 5.85151%;
          width: 36.4891%; }
          .warehouse-score-board .individuals ul .name:last-child {
            margin-right: 0; }
        .warehouse-score-board .individuals ul .value {
          float: left;
          display: block;
          margin-right: 5.85151%;
          width: 15.31879%; }
          .warehouse-score-board .individuals ul .value:last-child {
            margin-right: 0; }
          .warehouse-score-board .individuals ul .value:nth-child(5n) {
            margin-right: 0; }
          .warehouse-score-board .individuals ul .value:nth-child(5n+1) {
            clear: left; } }
  @media screen and (min-width: 737px) {
    .warehouse-score-board .score {
      float: left;
      display: block;
      margin-right: 2.84259%;
      width: 17.72593%;
      text-align: center;
      display: inline-bloc10;
      border: 3px solid #fff;
      height: 220px;
      padding: 20px; }
      .warehouse-score-board .score:last-child {
        margin-right: 0; }
      .warehouse-score-board .score:nth-child(5n) {
        margin-right: 0; }
      .warehouse-score-board .score:nth-child(5n+1) {
        clear: left; }
      .warehouse-score-board .score .name {
        font-size: 2em; }
      .warehouse-score-board .score .value {
        font-size: 8em;
        font-weight: bold;
        line-height: 0.8em; }
    .warehouse-score-board .individuals {
      float: left;
      display: block;
      margin-right: 2.84259%;
      width: 48.57871%;
      padding-top: 1.5em; }
      .warehouse-score-board .individuals:last-child {
        margin-right: 0; }
      .warehouse-score-board .individuals:nth-child(2n) {
        margin-right: 0; }
      .warehouse-score-board .individuals:nth-child(2n+1) {
        clear: left; }
      .warehouse-score-board .individuals .unpicked {
        display: inline-block;
        margin-top: 1.5em;
        width: 100%; }
        .warehouse-score-board .individuals .unpicked .name {
          width: 100%; }
      .warehouse-score-board .individuals ul {
        display: grid;
        margin-top: 1.5em;
        font-size: 1.3em; }
        .warehouse-score-board .individuals ul .neg {
          color: #ff0000; }
        .warehouse-score-board .individuals ul .pos {
          color: #00ff00; }
        .warehouse-score-board .individuals ul li.head {
          font-weight: bold; }
        .warehouse-score-board .individuals ul .name {
          float: left;
          display: block;
          margin-right: 4.82916%;
          width: 30.11389%; }
          .warehouse-score-board .individuals ul .name:last-child {
            margin-right: 0; }
        .warehouse-score-board .individuals ul .value {
          float: left;
          display: block;
          margin-right: 4.82916%;
          width: 12.64237%; }
          .warehouse-score-board .individuals ul .value:last-child {
            margin-right: 0; }
          .warehouse-score-board .individuals ul .value:nth-child(5n) {
            margin-right: 0; }
          .warehouse-score-board .individuals ul .value:nth-child(5n+1) {
            clear: left; }
        .warehouse-score-board .individuals ul .metric {
          float: left;
          display: block;
          margin-right: 3.57866%;
          width: 22.316%; }
          .warehouse-score-board .individuals ul .metric:last-child {
            margin-right: 0; }
          .warehouse-score-board .individuals ul .metric:nth-child(4n) {
            margin-right: 0; }
          .warehouse-score-board .individuals ul .metric:nth-child(4n+1) {
            clear: left; }
          .warehouse-score-board .individuals ul .metric .comp {
            font-size: 0.6em; } }

.return-reason textarea {
  overflow-y: hidden; }
  .return-reason textarea:focus {
    position: absolute;
    width: 400px;
    height: 300px; }

.return-reason:hover textarea {
  position: absolute;
  width: 400px;
  height: 300px; }

.list-calls, .list-notes, .list-leads {
  margin-top: 1.5em;
  margin-bottom: 1.5em; }
  .list-calls .description, .list-notes .description, .list-leads .description {
    width: 400px; }

.edit-call .modal-header {
  padding-right: 0.75em;
  margin-bottom: 0.75em; }
  .edit-call .modal-header h3 {
    width: 100%; }
    .edit-call .modal-header h3 span.customer {
      text-align: left; }
    .edit-call .modal-header h3 span.actions {
      float: right;
      text-align: right; }
      .edit-call .modal-header h3 span.actions a {
        padding-left: 5px; }

.edit-call .transcript-line .line-time {
  width: 3em;
  display: inline-block; }

.edit-call .transcript-line .participant {
  display: inline-block;
  min-width: 10em; }

.edit-call-maximized {
  min-width: 800px;
  width: 50%; }

.duration-entry input {
  float: left;
  display: block;
  margin-right: 16.03631%;
  width: 41.98184%; }
  .duration-entry input:last-child {
    margin-right: 0; }
  .duration-entry input:nth-child(2n) {
    margin-right: 0; }
  .duration-entry input:nth-child(2n+1) {
    clear: left; }

.ember-modal-wrapper.emd-static.emd-wrapper-target-attachment-center .ember-modal-dialog.edit-call-minimized {
  top: 80px;
  width: 50%;
  height: 3em;
  overflow-y: hidden; }

.edit-contact, .edit-lead {
  min-width: 1200px;
  color: #555; }
  .edit-contact .tabs, .edit-lead .tabs {
    width: 100%;
    display: inline-block; }
    .edit-contact .tabs .nav-tabs, .edit-lead .tabs .nav-tabs {
      width: 100%;
      border-bottom: 1px solid #ddd;
      display: inline-block; }
      .edit-contact .tabs .nav-tabs .tab-item, .edit-lead .tabs .nav-tabs .tab-item {
        float: left;
        padding: 10px; }
        .edit-contact .tabs .nav-tabs .tab-item.active, .edit-lead .tabs .nav-tabs .tab-item.active {
          padding-top: 9px;
          border: 1px solid #DDD;
          border-bottom: none;
          border-radius: 2px; }
      .edit-contact .tabs .nav-tabs.chart-tabs, .edit-lead .tabs .nav-tabs.chart-tabs {
        margin-top: -7px; }
    .edit-contact .tabs .tab-contents, .edit-lead .tabs .tab-contents {
      width: 100%;
      display: none; }
      @media screen and (min-width: 900px) {
        .edit-contact .tabs .tab-contents, .edit-lead .tabs .tab-contents {
          padding: 0.75em; } }
      .edit-contact .tabs .tab-contents.active, .edit-lead .tabs .tab-contents.active {
        display: inline-block; }
      .edit-contact .tabs .tab-contents.chart-tabs, .edit-lead .tabs .tab-contents.chart-tabs {
        padding: 0 0.75em 0; }
  .edit-contact .info, .edit-lead .info {
    width: 100%;
    margin-bottom: 0.75em;
    display: inline-block; }
  .edit-contact .address-block, .edit-lead .address-block {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%;
    text: #555; }
    .edit-contact .address-block:last-child, .edit-lead .address-block:last-child {
      margin-right: 0; }
    .edit-contact .address-block:nth-child(3n), .edit-lead .address-block:nth-child(3n) {
      margin-right: 0; }
    .edit-contact .address-block:nth-child(3n+1), .edit-lead .address-block:nth-child(3n+1) {
      clear: left; }
  .edit-contact .contact-info, .edit-contact .lead-info, .edit-contact .phone-numbers, .edit-lead .contact-info, .edit-lead .lead-info, .edit-lead .phone-numbers {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%;
    text: #555; }
    .edit-contact .contact-info:last-child, .edit-contact .lead-info:last-child, .edit-contact .phone-numbers:last-child, .edit-lead .contact-info:last-child, .edit-lead .lead-info:last-child, .edit-lead .phone-numbers:last-child {
      margin-right: 0; }
    .edit-contact .contact-info:nth-child(3n), .edit-contact .lead-info:nth-child(3n), .edit-contact .phone-numbers:nth-child(3n), .edit-lead .contact-info:nth-child(3n), .edit-lead .lead-info:nth-child(3n), .edit-lead .phone-numbers:nth-child(3n) {
      margin-right: 0; }
    .edit-contact .contact-info:nth-child(3n+1), .edit-contact .lead-info:nth-child(3n+1), .edit-contact .phone-numbers:nth-child(3n+1), .edit-lead .contact-info:nth-child(3n+1), .edit-lead .lead-info:nth-child(3n+1), .edit-lead .phone-numbers:nth-child(3n+1) {
      clear: left; }
  .edit-contact .additional-info, .edit-lead .additional-info {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%; }
    .edit-contact .additional-info:last-child, .edit-lead .additional-info:last-child {
      margin-right: 0; }
    .edit-contact .additional-info:nth-child(3n), .edit-lead .additional-info:nth-child(3n) {
      margin-right: 0; }
    .edit-contact .additional-info:nth-child(3n+1), .edit-lead .additional-info:nth-child(3n+1) {
      clear: left; }
  .edit-contact .search-container input, .edit-lead .search-container input {
    margin-left: 0px;
    margin-top: 0px;
    width: 100%; }
    .edit-contact .search-container input:hover, .edit-contact .search-container input:focus, .edit-lead .search-container input:hover, .edit-lead .search-container input:focus {
      margin-top: 0px; }
  .edit-contact input[type="checkbox"], .edit-lead input[type="checkbox"] {
    margin-top: 0px;
    margin-left: 0px;
    width: 1em; }
    .edit-contact input[type="checkbox"]:hover, .edit-contact input[type="checkbox"]:focus, .edit-lead input[type="checkbox"]:hover, .edit-lead input[type="checkbox"]:focus {
      margin-top: 0px; }
  .edit-contact input, .edit-lead input {
    color: #333;
    border: none;
    box-shadow: none;
    margin-top: -24px;
    margin-left: 140px;
    background: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 1.4em;
    width: calc(100% - 140px); }
    .edit-contact input:focus, .edit-lead input:focus {
      margin-top: -24px;
      box-shadow: none;
      border-bottom: 2px solid #2478CC; }
    .edit-contact input:hover, .edit-lead input:hover {
      margin-top: -24px;
      box-shadow: none;
      border-bottom: 1px solid #2478CC; }

.edit-note {
  min-width: 600px;
  min-height: 400px;
  padding: 1.5em; }

.edit-shelf .buttons {
  padding: 0.75em; }

.edit-shelf button {
  float: left;
  display: block;
  margin-right: 10.1484%;
  width: 26.56773%; }
  .edit-shelf button:last-child {
    margin-right: 0; }

.edit-shelf h3 {
  text-align: center;
  font-weight: bold;
  font-size: 2em;
  margin-bottom: 0px; }

.edit-shelf ul {
  width: 100%;
  display: inline-block; }
  .edit-shelf ul li {
    font-size: 1.2em;
    text-align: center;
    border: 1px solid #000;
    margin: 0.75em;
    padding: 0.375em; }
    .edit-shelf ul li input {
      margin-top: 70px; }
    .edit-shelf ul li .bin {
      display: inline-block;
      width: 100%; }
    .edit-shelf ul li span {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 46.28851%; }
      .edit-shelf ul li span:last-child {
        margin-right: 0; }
      .edit-shelf ul li span:nth-child(2n) {
        margin-right: 0; }
      .edit-shelf ul li span:nth-child(2n+1) {
        clear: left; }

.freight-item-search-option .sku, .freight-item-search-option .reorder-number {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 9.36867%; }
  .freight-item-search-option .sku:last-child, .freight-item-search-option .reorder-number:last-child {
    margin-right: 0; }

.edit-freight-shipment th, .edit-freight-shipment td {
  padding-left: 5px; }
  .edit-freight-shipment th:nth-child(even), .edit-freight-shipment td:nth-child(even) {
    background-color: #f6f6f6; }
  .edit-freight-shipment th:nth-child(odd), .edit-freight-shipment td:nth-child(odd) {
    background-color: #eee; }

.edit-freight-shipment .title {
  font-size: 0.8em; }

.edit-freight-shipment .image {
  width: 75px; }

.edit-freight-shipment .sku, .edit-freight-shipment .reorder-number {
  width: 120px; }

.edit-freight-shipment .invoice-quantity, .edit-freight-shipment .quantity, .edit-freight-shipment .cubic-meters, .edit-freight-shipment .other-amount {
  width: 100px; }

.edit-freight-shipment input.small-number {
  width: 80px; }

.edit-freight-shipment .actions {
  width: 100%;
  display: inline-block; }

.edit-freight-shipment .po-purchase {
  margin-top: 1.5em;
  width: 100%;
  display: inline-block; }

.edit-freight-shipment .movement-dates {
  width: 100%; }
  .edit-freight-shipment .movement-dates .query-fields {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 22.316%; }
    .edit-freight-shipment .movement-dates .query-fields:last-child {
      margin-right: 0; }

.edit-freight-shipment .shipment-details {
  width: 100%; }
  .edit-freight-shipment .shipment-details .input-field {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 22.316%; }
    .edit-freight-shipment .shipment-details .input-field:last-child {
      margin-right: 0; }
    .edit-freight-shipment .shipment-details .input-field:nth-child(4n) {
      margin-right: 0; }
    .edit-freight-shipment .shipment-details .input-field:nth-child(4n+1) {
      clear: left; }

.receive-freight-shipment .search-input {
  padding: 0px;
  width: 100%; }
  .receive-freight-shipment .search-input form {
    width: 100%; }
  .receive-freight-shipment .search-input .scan-input {
    float: left;
    display: block;
    margin-right: 5.85151%;
    width: 36.4891%; }
    .receive-freight-shipment .search-input .scan-input:last-child {
      margin-right: 0; }
  .receive-freight-shipment .search-input .toggle-remaining {
    float: left;
    display: block;
    margin-right: 5.85151%;
    width: 57.6594%; }
    .receive-freight-shipment .search-input .toggle-remaining:last-child {
      margin-right: 0; }

.receive-freight-shipment .actions .print-label {
  background-color: #57CE40; }

.receive-freight-shipment .actions .bin-full {
  background-color: #FF8C42; }

.receive-freight-shipment .remaining-item {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 30.11389%;
  margin-bottom: 0.75em; }
  .receive-freight-shipment .remaining-item:last-child {
    margin-right: 0; }
  .receive-freight-shipment .remaining-item:nth-child(3n) {
    margin-right: 0; }
  .receive-freight-shipment .remaining-item:nth-child(3n+1) {
    clear: left; }
  .receive-freight-shipment .remaining-item button {
    padding: 12px; }

.receive-freight-shipment .freight-item, .receive-freight-shipment .received-item {
  float: left;
  display: block;
  margin-right: 7.42297%;
  width: 46.28851%; }
  .receive-freight-shipment .freight-item .image, .receive-freight-shipment .received-item .image {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 46.28851%; }
    .receive-freight-shipment .freight-item .image:last-child, .receive-freight-shipment .received-item .image:last-child {
      margin-right: 0; }
  .receive-freight-shipment .freight-item .sku-reorder, .receive-freight-shipment .received-item .sku-reorder {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 46.28851%;
    margin-right: 0; }
    .receive-freight-shipment .freight-item .sku-reorder:last-child, .receive-freight-shipment .received-item .sku-reorder:last-child {
      margin-right: 0; }
  .receive-freight-shipment .freight-item .description, .receive-freight-shipment .freight-item .quantities, .receive-freight-shipment .received-item .description, .receive-freight-shipment .received-item .quantities {
    width: 100%;
    display: inline-block; }
  .receive-freight-shipment .freight-item .scanned-quantity, .receive-freight-shipment .freight-item .total-quantity, .receive-freight-shipment .received-item .scanned-quantity, .receive-freight-shipment .received-item .total-quantity {
    font-size: 2em;
    float: left;
    display: block;
    margin-right: 16.03631%;
    width: 41.98184%; }
    .receive-freight-shipment .freight-item .scanned-quantity:last-child, .receive-freight-shipment .freight-item .total-quantity:last-child, .receive-freight-shipment .received-item .scanned-quantity:last-child, .receive-freight-shipment .received-item .total-quantity:last-child {
      margin-right: 0; }
  .receive-freight-shipment .freight-item img, .receive-freight-shipment .received-item img {
    height: 100px; }
  .receive-freight-shipment .freight-item:last-child, .receive-freight-shipment .received-item:last-child {
    margin-right: 0; }
  .receive-freight-shipment .freight-item:nth-child(2n), .receive-freight-shipment .received-item:nth-child(2n) {
    margin-right: 0; }
  .receive-freight-shipment .freight-item:nth-child(2n+1), .receive-freight-shipment .received-item:nth-child(2n+1) {
    clear: left; }
  .receive-freight-shipment .freight-item .quantity-received, .receive-freight-shipment .received-item .quantity-received {
    font-size: 2.5em;
    float: left;
    display: block;
    margin-right: 5.85151%;
    width: 36.4891%; }
    .receive-freight-shipment .freight-item .quantity-received:last-child, .receive-freight-shipment .received-item .quantity-received:last-child {
      margin-right: 0; }
  .receive-freight-shipment .freight-item .new-tote, .receive-freight-shipment .received-item .new-tote {
    width: 100%;
    padding-top: 0.75em;
    padding-bottom: 0.75em; }

.receive-freight-shipment .delivered-button {
  padding-top: 1.5em;
  font-size: 1.5em;
  text-align: center; }

.edit-collection .collection-item {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 12.64237%; }
  .edit-collection .collection-item:last-child {
    margin-right: 0; }
  .edit-collection .collection-item:nth-child(6n) {
    margin-right: 0; }
  .edit-collection .collection-item:nth-child(6n+1) {
    clear: left; }

.ember-notify-default.ember-notify-cn {
  z-index: 10002; }

.ember-notify.info {
  background-color: #c2edba; }

.ember-notify.warning, .ember-notify.error {
  background-color: #ffd2d1; }

.edit-page .page-blocks > div:nth-child(even) {
  background-color: #f6f6f6; }

.edit-page .page-blocks > div:nth-child(odd) {
  background-color: #ddd; }

.edit-page .edit-block {
  padding: 1.5em; }
  .edit-page .edit-block .position {
    width: 5em; }
    .edit-page .edit-block .position input {
      width: 3em; }
  .edit-page .edit-block .checkbox {
    width: 5em; }
  .edit-page .edit-block .url {
    width: 40em; }
  .edit-page .edit-block .schedule {
    width: 100%;
    display: inline-block; }

.edit-page .block-type, .edit-page .block-position {
  float: left;
  display: block;
  margin-right: 16.03631%;
  width: 41.98184%; }
  .edit-page .block-type:last-child, .edit-page .block-position:last-child {
    margin-right: 0; }
  .edit-page .block-type:nth-child(2n), .edit-page .block-position:nth-child(2n) {
    margin-right: 0; }
  .edit-page .block-type:nth-child(2n+1), .edit-page .block-position:nth-child(2n+1) {
    clear: left; }

.edit-page .actions {
  padding: 1.5em 0; }

.edit-page .html-block {
  margin-top: 4.5em;
  margin-bottom: 1.5em; }

.edit-page .heading-block {
  width: 100%;
  display: inline-block; }
  .edit-page .heading-block .heading-size {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 12.64237%; }
    .edit-page .heading-block .heading-size:last-child {
      margin-right: 0; }
  .edit-page .heading-block .heading-anchor {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 65.05695%; }
    .edit-page .heading-block .heading-anchor:last-child {
      margin-right: 0; }
  .edit-page .heading-block .heading-color {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 12.64237%;
    margin-right: 0; }
    .edit-page .heading-block .heading-color:last-child {
      margin-right: 0; }

@media screen and (max-width: 414px) {
  .punch-timeclock-modal {
    width: 100%; } }

@media screen and (min-width: 415px) {
  .punch-timeclock-modal {
    width: 75%;
    font-size: 0.9em; }
    .punch-timeclock-modal table {
      margin: 0.25em; }
    .punch-timeclock-modal td {
      padding: 0.1em; } }

@media screen and (min-width: 737px) {
  .punch-timeclock-modal {
    width: 50%; }
    .punch-timeclock-modal td {
      padding: 0.75em 0em; } }

.punch-timeclock {
  overflow-y: scroll;
  padding: 1.5em;
  min-width: 10em; }
  @media screen and (max-width: 414px) {
    .punch-timeclock {
      padding: 0.2em;
      font-size: 0.7em;
      width: 100%; }
      .punch-timeclock .time {
        width: 33%; }
      .punch-timeclock .time-hours {
        width: 16%; }
      .punch-timeclock td {
        padding: 0.2em; } }
  .punch-timeclock .user-name {
    font-weight: bold; }
  .punch-timeclock .punch-in, .punch-timeclock .punch-out, .punch-timeclock .request-time-off {
    margin-top: 1.5em; }

.item-labels {
  width: 100%;
  display: inline-block; }
  .item-labels .search-inputs > input {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 48.21067%; }
    .item-labels .search-inputs > input:last-child {
      margin-right: 0; }
  .item-labels .search-inputs > div {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 48.21067%;
    margin-right: 0; }
    .item-labels .search-inputs > div:last-child {
      margin-right: 0; }
  @media screen and (max-width: 414px) {
    .item-labels .search-inputs > input, .item-labels .search-inputs > div {
      width: 100%; } }
  .item-labels .actions {
    display: inline-block;
    width: 100%; }
  .item-labels .nav-links {
    display: inline-block;
    width: 100%; }

.manage-upcs .upc-inputs > input, .manage-upcs .upc-inputs > div, .manage-upcs .upc-inputs > button {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 30.11389%; }
  .manage-upcs .upc-inputs > input:last-child, .manage-upcs .upc-inputs > div:last-child, .manage-upcs .upc-inputs > button:last-child {
    margin-right: 0; }

.manage-upcs .upcs-data-table {
  display: none; }
  @media screen and (min-width: 737px) {
    .manage-upcs .upcs-data-table {
      display: inline-block; } }

@media screen and (min-width: 737px) {
  .manage-upcs .upcs-print-table {
    display: none; } }

.manage-upcs .upcs-print-table .price {
  text-align: right; }

.manage-upcs table .price {
  white-space: nowrap; }

.manage-upcs table .chains {
  width: 15em !important; }

.manage-upcs table .number {
  width: 8em !important; }

.manage-upcs table .actions {
  width: 6em; }

.manage-upcs table .title {
  width: 18em; }

.manage-upcs table .status {
  width: 4em; }

.manage-upcs table .price {
  width: 4em;
  padding-left: 1.5em; }
  .manage-upcs table .price input {
    width: 4em; }

.manage-upcs .upc {
  width: 100%;
  display: inline-block;
  padding: 1.5em;
  text-align: center;
  margin-bottom: 1.5em; }
  .manage-upcs .upc .upc-view, .manage-upcs .upc .print-options {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    margin-bottom: 1.5em; }
    .manage-upcs .upc .upc-view:last-child, .manage-upcs .upc .print-options:last-child {
      margin-right: 0; }
    @media screen and (max-width: 414px) {
      .manage-upcs .upc .upc-view, .manage-upcs .upc .print-options {
        width: 100%; } }
  .manage-upcs .upc .upc-label {
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 10px; }
    .manage-upcs .upc .upc-label i {
      font-size: 7em; }
    .manage-upcs .upc .upc-label .number {
      margin-top: -1em; }
    .manage-upcs .upc .upc-label .title {
      font-weight: bold; }
    .manage-upcs .upc .upc-label .price {
      font-weight: bold;
      padding-bottom: 0.75em; }

.sales-rep-dash {
  width: 100%;
  display: inline-block; }
  .sales-rep-dash .sales-rep-dash {
    margin-top: 1.5em;
    padding-left: 1.5em; }
  .sales-rep-dash .increases, .sales-rep-dash .decreases {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 46.28851%; }
    .sales-rep-dash .increases:last-child, .sales-rep-dash .decreases:last-child {
      margin-right: 0; }
    .sales-rep-dash .increases:nth-child(2n), .sales-rep-dash .decreases:nth-child(2n) {
      margin-right: 0; }
    .sales-rep-dash .increases:nth-child(2n+1), .sales-rep-dash .decreases:nth-child(2n+1) {
      clear: left; }
    .sales-rep-dash .increases .customer, .sales-rep-dash .decreases .customer {
      width: 15em; }
  .sales-rep-dash .rep-stats .progress-bar {
    background-color: #eee; }
  .sales-rep-dash .rep-stats .sales-progress {
    color: #fff;
    text-align: center; }
    .sales-rep-dash .rep-stats .sales-progress.behind {
      background-color: #FF3C38; }
    .sales-rep-dash .rep-stats .sales-progress.ahead {
      background-color: #57CE40; }
  .sales-rep-dash .rep-stats .qtr-progress {
    background-color: #2478CC;
    height: 3px; }

.user-calls .call-count-chart, .user-calls .call-duration-chart {
  float: left;
  display: block;
  margin-right: 16.03631%;
  width: 41.98184%; }
  .user-calls .call-count-chart:last-child, .user-calls .call-duration-chart:last-child {
    margin-right: 0; }

.item-asset-manager .item-assets .item-asset {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 22.316%; }
  .item-asset-manager .item-assets .item-asset:last-child {
    margin-right: 0; }
  .item-asset-manager .item-assets .item-asset:nth-child(4n) {
    margin-right: 0; }
  .item-asset-manager .item-assets .item-asset:nth-child(4n+1) {
    clear: left; }

.item-asset-manager .actions {
  width: 100%;
  display: inline-block; }

.warehouse-edit-item .freight-items {
  height: 275px;
  overflow-y: scroll; }
  .warehouse-edit-item .freight-items .quantity {
    text-align: right; }

.warehouse-edit-item .item-codes {
  display: inline-block; }
  .warehouse-edit-item .item-codes li {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 48.21067%; }
    .warehouse-edit-item .item-codes li:last-child {
      margin-right: 0; }
    .warehouse-edit-item .item-codes li:nth-child(2n) {
      margin-right: 0; }
    .warehouse-edit-item .item-codes li:nth-child(2n+1) {
      clear: left; }

@media screen and (min-width: 737px) {
  .warehouse-edit-item {
    display: none; } }

.warehouse-edit-item input {
  padding: 2px;
  margin-bottom: 0.25em; }

.warehouse-edit-item .details {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 74.10533%; }
  .warehouse-edit-item .details:last-child {
    margin-right: 0; }

.warehouse-edit-item dl {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 48.21067%;
  font-size: 0.85em; }
  .warehouse-edit-item dl:last-child {
    margin-right: 0; }
  .warehouse-edit-item dl dt {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 35.26333%; }
    .warehouse-edit-item dl dt:last-child {
      margin-right: 0; }
  .warehouse-edit-item dl dd {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 61.158%;
    margin-right: 0; }
    .warehouse-edit-item dl dd:last-child {
      margin-right: 0; }

.warehouse-edit-item .more-info {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 22.316%;
  margin-right: 0;
  text-align: center; }
  .warehouse-edit-item .more-info:last-child {
    margin-right: 0; }

.warehouse-edit-item .palletize {
  width: 100%;
  display: inline-block; }

.warehouse-edit-item .location .text-inputs {
  width: 100%; }
  .warehouse-edit-item .location .text-inputs div {
    float: left;
    display: block;
    margin-right: 16.03631%;
    width: 41.98184%; }
    .warehouse-edit-item .location .text-inputs div:last-child {
      margin-right: 0; }
  .warehouse-edit-item .location .text-inputs .palletize {
    width: 100%;
    display: inline-block;
    margin-bottom: 1.5em; }

.warehouse-edit-item .location ul {
  display: inline-block;
  width: 100%; }
  .warehouse-edit-item .location ul li {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 48.21067%; }
    .warehouse-edit-item .location ul li:last-child {
      margin-right: 0; }
    .warehouse-edit-item .location ul li:nth-child(2n) {
      margin-right: 0; }
    .warehouse-edit-item .location ul li:nth-child(2n+1) {
      clear: left; }

.warehouse-edit-item .manage-locations {
  overflow-y: scroll;
  height: 250px; }
  .warehouse-edit-item .manage-locations td {
    padding: 0.25em; }

.warehouse-edit-item .quantity-discounts {
  display: inline-block;
  margin-top: 1.5em; }

.warehouse-edit-item .manage-inventory ul.inventory-details li {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 30.11389%;
  font-size: 0.8em; }
  .warehouse-edit-item .manage-inventory ul.inventory-details li:last-child {
    margin-right: 0; }
  .warehouse-edit-item .manage-inventory ul.inventory-details li:nth-child(3n) {
    margin-right: 0; }
  .warehouse-edit-item .manage-inventory ul.inventory-details li:nth-child(3n+1) {
    clear: left; }

.timeclocks-query .results {
  margin-top: 1.5em; }
  .timeclocks-query .results > div:nth-child(even) {
    background-color: #f6f6f6; }
  .timeclocks-query .results > div:nth-child(odd) {
    background-color: #eee; }

.manage-timeclock {
  padding: 0.75em 1.5em; }
  .manage-timeclock h3 {
    margin: 0; }
  .manage-timeclock .actions {
    width: 30em; }
  .manage-timeclock span.name, .manage-timeclock span.hours, .manage-timeclock span.toggle-details {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 19.43277%; }
    .manage-timeclock span.name:last-child, .manage-timeclock span.hours:last-child, .manage-timeclock span.toggle-details:last-child {
      margin-right: 0; }

@media screen and (min-width: 737px) {
  .manage-overstock {
    display: none; } }

.manage-overstock .overstock-bins {
  margin-top: 0.75em; }
  .manage-overstock .overstock-bins button {
    margin-bottom: 0.75em; }

.manage-overstock .overstock-search {
  display: inline-block;
  width: 100%;
  margin-top: 0.75em; }

.manage-overstock input {
  padding: 2px;
  margin-bottom: 0.25em; }

.manage-overstock .details {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 61.158%; }
  .manage-overstock .details:last-child {
    margin-right: 0; }

.manage-overstock dl {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 48.21067%;
  font-size: 0.85em; }
  .manage-overstock dl:last-child {
    margin-right: 0; }
  .manage-overstock dl dt {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 35.26333%; }
    .manage-overstock dl dt:last-child {
      margin-right: 0; }
  .manage-overstock dl dd {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 61.158%;
    margin-right: 0; }
    .manage-overstock dl dd:last-child {
      margin-right: 0; }
    .manage-overstock dl dd.location, .manage-overstock dl dd.overstock-location {
      font-size: 1.5em; }

.manage-overstock .more-info {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 35.26333%;
  text-align: center; }
  .manage-overstock .more-info:last-child {
    margin-right: 0; }
  .manage-overstock .more-info .image-container img {
    height: 150px; }

.warehouse-control {
  margin-top: 1.5em; }
  .warehouse-control .ember-power-select-trigger {
    height: 3em; }
  .warehouse-control .ember-power-select-search-input {
    font-size: 1.5em;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    margin-bottom: 0;
    padding: 0.5em;
    transition: border-color 150ms ease; }

.warehouse-control-item {
  margin: 0.75em; }
  .warehouse-control-item dl.details {
    float: left;
    display: block;
    margin-right: 10.1484%;
    width: 26.56773%; }
    .warehouse-control-item dl.details:last-child {
      margin-right: 0; }
    .warehouse-control-item dl.details dt {
      width: 10em;
      float: left; }
  .warehouse-control-item .tab-contents {
    min-height: 250px;
    margin-bottom: 1.5em;
    display: inline-block;
    width: 100%; }

.process-shipment {
  margin-top: -12px; }
  .process-shipment .picking-tote {
    margin-top: 1.5em;
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 19.43277%; }
    .process-shipment .picking-tote:last-child {
      margin-right: 0; }
  @media screen and (min-width: 415px) and (max-width: 736px) {
    .process-shipment .processing-cards .quantity ul li {
      font-size: 1.5rem; }
    .process-shipment .processing-cards .quantity .inner-quantity {
      font-size: 0.6em; }
    .process-shipment .processing-cards .quantity .unit {
      font-size: 0.3em; } }

.manage-bins .aisles, .manage-bins .sections, .manage-bins .shelves, .manage-bins .bins {
  width: 100%;
  display: inline-block;
  margin-bottom: 1.5em; }

.manage-bins .aisle {
  float: left; }

.manage-bins .section {
  float: left; }

.manage-bins .shelf {
  float: left; }

.manage-bins .bin {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 9.36867%;
  margin-bottom: 1.5em; }
  .manage-bins .bin:last-child {
    margin-right: 0; }
  .manage-bins .bin.details {
    height: 575px; }
  .manage-bins .bin:nth-child(8n) {
    margin-right: 0; }
  .manage-bins .bin:nth-child(8n+1) {
    clear: left; }

.manage-bins button {
  margin-right: 5px; }

.assign-bins .general, .assign-bins .locations, .assign-bins .more-info {
  float: left;
  display: block;
  margin-right: 10.1484%;
  width: 26.56773%; }
  .assign-bins .general:last-child, .assign-bins .locations:last-child, .assign-bins .more-info:last-child {
    margin-right: 0; }

.assign-bins span.bold {
  font-weight: 600; }

.assign-bins .bin-input {
  margin-top: 1.5em; }

.assign-bins button {
  margin-top: 1.5em; }

.items-query .groups {
  width: 100%;
  display: inline-block; }

.items-query .actions {
  padding: 1.5em 0px; }

.warehouse-report .check-holder {
  min-width: 24px;
  width: 24px;
  display: inline-block;
  float: left; }

.manage-properties td {
  padding: 2px 5px;
  border: none; }

.edit-article .query-result {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 12.64237%; }
  .edit-article .query-result:last-child {
    margin-right: 0; }

.edit-stations li {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 12.64237%; }
  .edit-stations li:last-child {
    margin-right: 0; }

.tote-stocking .remaining-items .remaining-item {
  padding: 0.75em;
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 47.58542%;
  margin-bottom: 0.75em; }
  .tote-stocking .remaining-items .remaining-item:last-child {
    margin-right: 0; }
  @media screen and (max-width: 414px) {
    .tote-stocking .remaining-items .remaining-item:nth-child(2n) {
      margin-right: 0; }
    .tote-stocking .remaining-items .remaining-item:nth-child(2n+1) {
      clear: left; } }
  @media screen and (min-width: 415px) and (max-width: 736px) {
    .tote-stocking .remaining-items .remaining-item {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 22.316%; }
      .tote-stocking .remaining-items .remaining-item:last-child {
        margin-right: 0; }
      .tote-stocking .remaining-items .remaining-item:nth-child(4n) {
        margin-right: 0; }
      .tote-stocking .remaining-items .remaining-item:nth-child(4n+1) {
        clear: left; } }

.tote-stocking .tote-info {
  clear: both;
  width: 100%;
  font-size: 2em;
  text-align: center;
  margin-top: 0.75em; }

.tote-stocking .add-bin {
  font-size: 0.6em;
  padding: 0.3em 0.3em; }

.manage-kits .kit-images {
  margin-right: 0; }
  .manage-kits .kit-images div {
    float: left;
    display: block;
    margin-right: 16.03631%;
    width: 41.98184%; }
    .manage-kits .kit-images div:last-child {
      margin-right: 0; }

.manage-kits .kit-items {
  clear: both; }
  .manage-kits .kit-items .kit-item {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%; }
    .manage-kits .kit-items .kit-item:last-child {
      margin-right: 0; }
    .manage-kits .kit-items .kit-item:nth-child(6n) {
      margin-right: 0; }
    .manage-kits .kit-items .kit-item:nth-child(6n+1) {
      clear: left; }
    .manage-kits .kit-items .kit-item span.qty {
      font-size: 3em; }

.edit-bot .images {
  display: inline-block;
  padding-bottom: 0.375em; }
  .edit-bot .images img {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%; }
    .edit-bot .images img:last-child {
      margin-right: 0; }
    .edit-bot .images img:nth-child(2n) {
      margin-right: 0; }
    .edit-bot .images img:nth-child(2n+1) {
      clear: left; }

.edit-bot .pi-commands {
  font-size: 0.4em; }
  .edit-bot .pi-commands button {
    padding: 1.5em; }

.edit-bot button {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 30.11389%;
  font-size: 1.8em;
  padding: 0.375em;
  margin-bottom: 0.375em;
  line-height: 0.2em; }
  .edit-bot button:last-child {
    margin-right: 0; }
  .edit-bot button:nth-child(3n) {
    margin-right: 0; }
  .edit-bot button:nth-child(3n+1) {
    clear: left; }
  .edit-bot button span {
    font-size: 0.4em; }

.edit-bot .speed-and-lidar {
  display: inline-block;
  width: 100%; }

.purchasing-dashboard .purchasing-metrics {
  width: 100%;
  display: -ms-flexbox;
  display: flex; }
  .purchasing-dashboard .purchasing-metrics li {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 12.64237%;
    border: 1px solid;
    border-radius: 5px;
    padding: 0.3em 0.5em; }
    .purchasing-dashboard .purchasing-metrics li:last-child {
      margin-right: 0; }
    .purchasing-dashboard .purchasing-metrics li .metric-name {
      font-weight: 700;
      font-size: 1.2em; }
    .purchasing-dashboard .purchasing-metrics li .metric-value {
      clear: both;
      display: block;
      font-size: 0.8em; }

.purchasing-dashboard .open-pos {
  width: 100%;
  margin-top: 1.5em; }

.fuse button, .fuse [type='button'], .fuse [type='reset'], .fuse [type='submit'] {
  display: inline-block;
  border: none;
  padding: 1rem 2rem;
  margin: 0;
  text-decoration: none;
  background: #0069ed;
  color: #ffffff;
  font-family: sans-serif;
  font-size: 1rem;
  cursor: pointer;
  text-align: center;
  transition: background 250ms ease-in-out,  transform 150ms ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-weight: 400;
  border-radius: 0px; }
  .fuse button:hover, .fuse button:focus, .fuse [type='button']:hover, .fuse [type='button']:focus, .fuse [type='reset']:hover, .fuse [type='reset']:focus, .fuse [type='submit']:hover, .fuse [type='submit']:focus {
    background: #0053ba; }
  .fuse button:focus, .fuse [type='button']:focus, .fuse [type='reset']:focus, .fuse [type='submit']:focus {
    outline: 1px solid #fff;
    outline-offset: -4px; }
  .fuse button:disabled, .fuse [type='button']:disabled, .fuse [type='reset']:disabled, .fuse [type='submit']:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
  .fuse button.slimmer, .fuse [type='button'].slimmer, .fuse [type='reset'].slimmer, .fuse [type='submit'].slimmer {
    padding: 0.2em;
    font-size: 0.8em;
    font-weight: normal; }

.email-account .email-folders {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 14.70196%; }
  .email-account .email-folders:last-child {
    margin-right: 0; }

.email-account .email-message {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 82.94039%;
  margin-right: 0; }
  .email-account .email-message:last-child {
    margin-right: 0; }

.email-account .email-current-folder {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 82.94039%;
  margin-right: 0; }
  .email-account .email-current-folder:last-child {
    margin-right: 0; }
  .email-account .email-current-folder tr {
    cursor: pointer; }
    .email-account .email-current-folder tr.unread .email-subject, .email-account .email-current-folder tr.unread .email-name, .email-account .email-current-folder tr.unread .email-time {
      font-weight: 700; }
    .email-account .email-current-folder tr .email-select {
      width: 3.75em; }
    .email-account .email-current-folder tr .email-star {
      width: 2.25em; }
    .email-account .email-current-folder tr .email-important {
      width: 2.25em; }
    .email-account .email-current-folder tr .email-name {
      width: 19em; }
    .email-account .email-current-folder tr .email-subject {
      font-size: 0.9em; }
    .email-account .email-current-folder tr .email-body {
      font-size: 0.9em; }
    .email-account .email-current-folder tr .email-attachments {
      width: 2.25em;
      color: #AAA; }
    .email-account .email-current-folder tr .email-time {
      text-align: right;
      width: 9em;
      padding-right: 1em; }

.pod-picking .pod-pick .item-image {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 47.58542%; }
  .pod-picking .pod-pick .item-image:last-child {
    margin-right: 0; }

.pod-picking .pod-pick .location-buttons {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 47.58542%;
  margin-right: 0; }
  .pod-picking .pod-pick .location-buttons:last-child {
    margin-right: 0; }
  .pod-picking .pod-pick .location-buttons .location {
    font-size: 2em; }
  .pod-picking .pod-pick .location-buttons .actions {
    text-align: center; }
    .pod-picking .pod-pick .location-buttons .actions li {
      margin-bottom: 0.75em; }

.pod-picking .pod-pick .details {
  width: 100%;
  display: inline-block; }

.picking-issues h3 {
  text-align: center; }

.picking-issues button {
  display: block;
  width: 100%;
  margin-bottom: 0.75em; }

.item-adjustments table {
  font-size: 0.8em; }
  .item-adjustments table .actions {
    width: 10em; }
    .item-adjustments table .actions button {
      font-size: 0.8em; }

.pod-light {
  width: 100%;
  position: fixed;
  height: 1080px;
  top: 0px;
  left: 0px;
  background: #000;
  color: #fff;
  padding: 1.5em;
  /* ----------------------------------------------
   * Generated by Animista on 2022-9-26 14:40:19
   * Licensed under FreeBSD License.
   * See http://animista.net/license for more info. 
   * w: http://animista.net, t: @cssanimista
   * ---------------------------------------------- */
  /**
   * ----------------------------------------
   * animation scale-up-center
   * ----------------------------------------
   */ }
  .pod-light .pod-circle {
    display: block;
    color: #00ff00;
    background-color: #00ff00;
    position: absolute;
    left: 300px;
    top: 300px;
    height: 200px;
    width: 200px;
    text-align: center;
    border-radius: 100%; }
  .pod-light .scale-up-center {
    animation: scale-up-center 1s ease-in-out infinite alternate; }

@keyframes scale-up-center {
  0% {
    transform: scale(0.5); }
  100% {
    transform: scale(1); } }

.point-modal-dialog .print-point {
  float: right; }

.point-details {
  margin-top: 1.5em;
  width: 100%;
  display: table;
  max-width: 18em; }
  .point-details div {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-bottom: 0.75em; }
    .point-details div:last-child {
      margin-right: 0; }
    .point-details div:nth-child(3n) {
      margin-right: 0; }
    .point-details div:nth-child(3n+1) {
      clear: left; }
    .point-details div input:-ms-input-placeholder {
      font-size: 0.7em; }
    .point-details div input::placeholder {
      font-size: 0.7em; }

.manage-bots .zone-layout {
  position: relative; }
  .manage-bots .zone-layout img {
    position: absolute; }

.manage-bots .active-bot-cam img, .manage-bots .active-bot-front-cam img {
  height: 240; }

.manage-bots .active-bot-cam .bot-controls, .manage-bots .active-bot-front-cam .bot-controls {
  width: 60em;
  height: 19em;
  text-align: center;
  margin-top: -0.5em;
  border: 1px black solid; }
  .manage-bots .active-bot-cam .bot-controls div, .manage-bots .active-bot-front-cam .bot-controls div {
    text-align: center;
    float: left;
    padding-top: 0.5em;
    padding-left: 0.2em;
    padding-right: 0.2em;
    font-size: 1.52em; }
    .manage-bots .active-bot-cam .bot-controls div span, .manage-bots .active-bot-front-cam .bot-controls div span {
      font-size: 0.6em;
      display: block; }

.manage-bots .bot-log {
  overflow-y: scroll;
  position: fixed;
  left: 50vw;
  bottom: 0;
  width: 50vw;
  height: 15vh;
  border: 1px solid black;
  background: white;
  font-size: 0.8em;
  line-height: 1;
  padding: 0.5em; }
  .manage-bots .bot-log ul.log {
    display: inline-block; }
    .manage-bots .bot-log ul.log ul.log-entry {
      display: inline-block; }
      .manage-bots .bot-log ul.log ul.log-entry li {
        float: left;
        margin-right: 7px; }

.view-route .center-history li {
  display: inline-block;
  width: 100%; }

.view-route .center-history .center-image {
  float: left;
  display: block;
  margin-right: 7.42297%;
  width: 19.43277%; }
  .view-route .center-history .center-image:last-child {
    margin-right: 0; }

.view-route .center-history .center-details {
  float: left;
  display: block;
  margin-right: 7.42297%;
  width: 73.14426%;
  margin-right: 0; }
  .view-route .center-history .center-details:last-child {
    margin-right: 0; }

.view-route .center-history img {
  border: 1px solid;
  width: 320px; }

.core-values.full {
  text-align: center;
  width: 100%; }
  .core-values.full h1 {
    font-size: 3em; }
  .core-values.full h2 {
    font-size: 5em; }
  .core-values.full h3 {
    font-size: 2em; }
  .core-values.full li {
    font-size: 4em; }
  .core-values.full ul.quotes {
    margin-top: 5em; }
    .core-values.full ul.quotes li.quote {
      font-size: 2em;
      font-style: italic; }
      .core-values.full ul.quotes li.quote .qc {
        font-size: 3em; }
    .core-values.full ul.quotes li.author {
      margin-top: 1.5em;
      font-size: 2em; }

.text-convo-container {
  width: 100%;
  position: fixed;
  height: 500px;
  top: 0px;
  left: 0px;
  background: #fff;
  color: #000;
  padding: 1.5em; }
  .text-convo-container h1 {
    text-align: center;
    font-size: 0.9em; }
  .text-convo-container .text-conversation {
    display: inline; }
    .text-convo-container .text-conversation input {
      display: inline-block;
      width: 80%; }
    .text-convo-container .text-conversation button {
      width: 20%; }
    @media screen and (max-width: 414px) {
      .text-convo-container .text-conversation {
        height: 480px; }
        .text-convo-container .text-conversation input {
          display: inline-block;
          width: 75%; }
        .text-convo-container .text-conversation button {
          width: 25%; } }

.chat-container {
  width: 100%;
  max-width: 600px;
  height: 735px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
  padding: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  @media screen and (max-width: 414px) {
    .chat-container {
      height: 480px; } }

/* Message */
.message {
  margin: 10px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 75%;
  word-wrap: break-word;
  padding: 10px;
  border-radius: 10px;
  position: relative; }

.message p {
  margin: 0; }

/* Received Message */
.message.received {
  -ms-flex-item-align: start;
      align-self: flex-start;
  background-color: #e5e5ea;
  color: #000;
  /* Timestamp */ }
  .message.received .timestamp {
    font-size: 0.75em;
    color: #555;
    margin-top: 5px;
    -ms-flex-item-align: start;
        align-self: flex-start; }

.message.received::after {
  content: '';
  position: absolute;
  top: 10px;
  left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #e5e5ea transparent transparent; }

/* Sent Message */
.message.sent {
  -ms-flex-item-align: end;
      align-self: flex-end;
  background-color: #007aff;
  color: #fff;
  /* Timestamp */ }
  .message.sent .timestamp, .message.sent .sender {
    font-size: 0.75em;
    color: #ddd;
    margin-top: 5px;
    -ms-flex-item-align: end;
        align-self: flex-end; }

.message.sent::after {
  content: '';
  position: absolute;
  top: 10px;
  right: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent transparent #007aff; }

.flex-container {
  display: -ms-flexbox;
  display: flex;
  height: 100vh; }

.sidebar {
  width: 250px;
  border-right: 1px solid #ccc;
  overflow-y: auto; }

.main-chat {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 20px; }

.messages {
  -ms-flex: 1;
      flex: 1;
  overflow-y: auto; }

.input-area {
  display: -ms-flexbox;
  display: flex;
  gap: 10px; }

.ai-thread .messages {
  padding: 1em; }

.ai-thread .messages ul {
  list-style: none;
  padding: 0; }

.ai-thread .message {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.5em; }

.ai-thread .message.user {
  -ms-flex-pack: end;
      justify-content: flex-end; }

.ai-thread .message.assistant {
  -ms-flex-pack: start;
      justify-content: flex-start; }

.ai-thread .bubble {
  max-width: 60%;
  padding: 12px 16px;
  border-radius: 16px;
  background-color: #e2e8f0;
  /* light gray */
  line-height: 1.4; }

.ai-thread .assistant-content {
  max-width: 80%;
  line-height: 1.6;
  font-size: 1rem; }

.ai-thread .assistant-content p {
  margin-bottom: 1em; }

.ai-thread .assistant-content pre {
  background: #f6f8fa;
  padding: 12px;
  border-radius: 4px;
  overflow-x: auto; }

.ai-thread .assistant-content code {
  background: #eee;
  padding: 2px 4px;
  border-radius: 4px;
  font-family: monospace; }

/* app/styles/_side-menu.scss */
/* Mechanics + Skin combined so it hides by default and looks like your old menu */
/* Root container */
.sm-container {
  position: relative;
  z-index: 1000; }

/* ── Overlay ───────────────────────────────────────────── */
.sm-overlay {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.4);
  transition: opacity 200ms ease;
  z-index: 1000; }

.sm-overlay.is-open {
  opacity: 1;
  pointer-events: auto; }

/* ── Panel (sliding shell) ─────────────────────────────── */
.sm-panel {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 280px;
  max-width: 90vw;
  overflow: hidden;
  /* scroller handles inner overflow */
  will-change: transform;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  transition: transform 220ms ease;
  /* animate both open & close */
  z-index: 1001;
  /* hidden by default; side variants set off-screen direction */
  transform: translateX(-100%); }

.sm-panel.sm-left {
  left: 0;
  right: auto;
  transform: translateX(-100%); }

.sm-panel.sm-right {
  right: 0;
  left: auto;
  transform: translateX(100%); }

.sm-panel.is-open {
  transform: translateX(0); }

/* ── Panel skin (match old burger menu) ────────────────── */
.sm-panel {
  background-color: #e24b31;
  /* old red */
  color: #fff;
  min-height: 1080px;
  /* utility icons inside the drawer */
  /* close “X” in the top-right of the drawer */
  /* title */ }
  .sm-panel a.menu-settings,
  .sm-panel a.menu-time,
  .sm-panel a.menu-card {
    margin: 0.75em;
    position: absolute;
    font-size: 1.5em;
    color: #fff;
    opacity: 0.6;
    top: 0; }
  .sm-panel a.menu-settings {
    left: -10px; }
  .sm-panel a.menu-time {
    left: 15px; }
  .sm-panel a.menu-card {
    left: 40px; }
  .sm-panel a.menu-close {
    padding: 0.75em;
    position: absolute;
    right: 0;
    top: 0;
    color: #000;
    opacity: 0.2; }
    .sm-panel a.menu-close:hover {
      opacity: 0.5; }
  .sm-panel h2 {
    text-align: center;
    padding: 1em;
    font-size: 1.5em;
    margin-bottom: 0;
    font-weight: normal;
    color: #fff; }

/* Optional: mimic old “.is-open { min-height: 1600px }” guard */
.sm-panel.is-open {
  min-height: 1600px; }

/* ── Inner scroller (iOS-friendly) ───────────────────────
   This element should wrap the yielded menu content. */
.sm-scroll {
  position: relative;
  height: 100%;
  overflow-y: auto;
  /* scroll content here (not the transformed shell) */
  -webkit-overflow-scrolling: touch;
  /* momentum on iOS */
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  /* allow vertical panning */
  /* hide scrollbars cross-browser */
  -ms-overflow-style: none;
  /* IE/Edge (legacy) */
  scrollbar-width: none;
  /* Firefox */
  padding-bottom: 960px;
  /* breathing room at bottom */ }

.sm-scroll::-webkit-scrollbar {
  width: 0;
  height: 0; }

/* WebKit */
/* ── Menu list & items ─────────────────────────────────── */
.sm-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  /* match old tight edges */
  min-height: 1080px; }
  .sm-menu li {
    padding: 0.7em;
    border-bottom: 1px solid #e2e2e2; }
    .sm-menu li:first-child {
      border-top: 1px solid #e2e2e2; }
    .sm-menu li .sub-menu {
      padding-left: 1.5em; }
    .sm-menu li a {
      padding: 0.1em;
      font-size: 1.1em;
      color: #fff;
      text-decoration: none;
      display: block; }

/* Icons within items (old .bm-menu-item i) */
.sm-item i {
  min-width: 1.5em; }

/* Optional helpers (if you use .sm-item > a/button elsewhere) */
.sm-item > a,
.sm-item > button {
  display: block;
  padding: 12px 16px;
  text-decoration: none; }

/* ── iOS height guard (some versions prefer explicit vh) ─ */
@supports (-webkit-touch-callout: none) {
  .sm-panel {
    height: 100vh;
    top: 0;
    bottom: auto; }
  .sm-scroll {
    height: 100%; } }

.sm-menu::after {
  content: "";
  display: block;
  height: 56px;
  /* feel free to tune */ }

/* Make absolutely sure the wrapper never vanishes */
.fake-tooltip-trigger {
  display: inline-block !important;
  position: relative; }

.fake-tooltip-activator {
  display: inline-block; }

/* Tooltip bubble */
.fake-tooltip {
  position: absolute;
  background: #333;
  color: #fff;
  padding: 4px 6px;
  border-radius: 3px;
  font-size: 0.8em;
  white-space: nowrap;
  z-index: 9999; }

/* Placement */
.fake-tooltip--top {
  bottom: calc(100% + var(--spacing, 8px));
  left: 50%;
  transform: translateX(-50%); }

.fake-tooltip--bottom {
  top: calc(100% + var(--spacing, 8px));
  left: 50%;
  transform: translateX(-50%); }

.fake-tooltip--left {
  right: calc(100% + var(--spacing, 8px));
  top: 50%;
  transform: translateY(-50%); }

.fake-tooltip--right {
  left: calc(100% + var(--spacing, 8px));
  top: 50%;
  transform: translateY(-50%); }

@media screen and (max-width: 362px) and (min-width: 362px) {
  .moto-l .moto-content {
    background-color: white;
    min-height: 567px; } }

@media screen and (max-width: 600px) and (min-width: 600px) {
  .moto-l .moto-content {
    background-color: white;
    min-height: 335px; } }

@media screen and (max-width: 362px) and (min-width: 362px) {
  .moto-l {
    padding-right: 2px;
    background-color: black;
    min-height: 600px; } }

@media screen and (max-width: 600px) and (min-width: 600px) {
  .moto-l {
    background-color: black;
    padding-right: 2px;
    padding-top: 23px;
    min-height: 358px;
    box-sizing: border-box; } }

@media screen and (max-width: 362px) and (min-width: 362px) {
  .moto-p {
    background-color: red;
    width: 360px;
    height: 33px;
    position: fixed;
    bottom: 0px; } }

.edit-order {
  margin-bottom: 1.5em; }
  .edit-order .tooltip-table.ember-tooltip {
    max-width: 800px; }
    .edit-order .tooltip-table.ember-tooltip td {
      vertical-align: top; }
    .edit-order .tooltip-table.ember-tooltip .time {
      width: 150px; }
    .edit-order .tooltip-table.ember-tooltip .name {
      width: 70px; }
    .edit-order .tooltip-table.ember-tooltip .number {
      text-align: right;
      width: 60px; }
    .edit-order .tooltip-table.ember-tooltip .scanned {
      text-align: right;
      width: 80px;
      padding-right: 0.75em; }
  .edit-order .combine-orders {
    margin-top: 0.75em; }
  .edit-order .save-container {
    display: inline-block;
    width: 100%;
    padding: 1.5em; }
  .edit-order .order-item-picks input.qty {
    width: 8em; }
  .edit-order .picking-tote-select > div {
    width: 8em; }
  .edit-order .field-name {
    font-weight: 600; }
  .edit-order .shipment-orders {
    width: 100%;
    display: inline-block; }
  @media screen and (min-width: 737px) {
    .edit-order .shipment-details:nth-child(2n) {
      margin-right: 0; }
    .edit-order .shipment-details:nth-child(2n+1) {
      clear: left; } }
  .edit-order .original-invoice {
    width: 100%;
    display: inline-block; }
  .edit-order .order-details, .edit-order .shipment-details, .edit-order .customer-details, .edit-order .order-comments {
    width: 100%;
    margin-bottom: 1.5em; }
    .edit-order .order-details .cold-call, .edit-order .order-details .customer-type, .edit-order .shipment-details .cold-call, .edit-order .shipment-details .customer-type, .edit-order .customer-details .cold-call, .edit-order .customer-details .customer-type, .edit-order .order-comments .cold-call, .edit-order .order-comments .customer-type {
      display: none; }
    @media screen and (min-width: 737px) {
      .edit-order .order-details, .edit-order .shipment-details, .edit-order .customer-details, .edit-order .order-comments {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 48.57871%; }
        .edit-order .order-details:last-child, .edit-order .shipment-details:last-child, .edit-order .customer-details:last-child, .edit-order .order-comments:last-child {
          margin-right: 0; }
        .edit-order .order-details .cold-call, .edit-order .order-details .customer-type, .edit-order .shipment-details .cold-call, .edit-order .shipment-details .customer-type, .edit-order .customer-details .cold-call, .edit-order .customer-details .customer-type, .edit-order .order-comments .cold-call, .edit-order .order-comments .customer-type {
          display: inherit; } }
    .edit-order .order-details li, .edit-order .shipment-details li, .edit-order .customer-details li, .edit-order .order-comments li {
      width: 100%;
      display: inline-block; }
      .edit-order .order-details li.half-width, .edit-order .shipment-details li.half-width, .edit-order .customer-details li.half-width, .edit-order .order-comments li.half-width {
        float: left;
        display: block;
        margin-right: 16.03631%;
        width: 41.98184%; }
        .edit-order .order-details li.half-width:last-child, .edit-order .shipment-details li.half-width:last-child, .edit-order .customer-details li.half-width:last-child, .edit-order .order-comments li.half-width:last-child {
          margin-right: 0; }
      .edit-order .order-details li.check, .edit-order .shipment-details li.check, .edit-order .customer-details li.check, .edit-order .order-comments li.check {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%; }
        .edit-order .order-details li.check:last-child, .edit-order .shipment-details li.check:last-child, .edit-order .customer-details li.check:last-child, .edit-order .order-comments li.check:last-child {
          margin-right: 0; }
        .edit-order .order-details li.check:nth-child(4n), .edit-order .shipment-details li.check:nth-child(4n), .edit-order .customer-details li.check:nth-child(4n), .edit-order .order-comments li.check:nth-child(4n) {
          margin-right: 0; }
        .edit-order .order-details li.check:nth-child(4n+1), .edit-order .shipment-details li.check:nth-child(4n+1), .edit-order .customer-details li.check:nth-child(4n+1), .edit-order .order-comments li.check:nth-child(4n+1) {
          clear: left; }
    .edit-order .order-details .field-name, .edit-order .shipment-details .field-name, .edit-order .customer-details .field-name, .edit-order .order-comments .field-name {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 35.26333%; }
      .edit-order .order-details .field-name:last-child, .edit-order .shipment-details .field-name:last-child, .edit-order .customer-details .field-name:last-child, .edit-order .order-comments .field-name:last-child {
        margin-right: 0; }
    .edit-order .order-details .field-value, .edit-order .shipment-details .field-value, .edit-order .customer-details .field-value, .edit-order .order-comments .field-value {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 61.158%;
      margin-right: 0;
      display: inline-block; }
      .edit-order .order-details .field-value:last-child, .edit-order .shipment-details .field-value:last-child, .edit-order .customer-details .field-value:last-child, .edit-order .order-comments .field-value:last-child {
        margin-right: 0; }
    .edit-order .order-details .duplicate-po, .edit-order .shipment-details .duplicate-po, .edit-order .customer-details .duplicate-po, .edit-order .order-comments .duplicate-po {
      background-color: #FF3C38;
      color: #fff;
      font-weight: bold; }
    .edit-order .order-details .related-orders, .edit-order .order-details .shipment-orders, .edit-order .shipment-details .related-orders, .edit-order .shipment-details .shipment-orders, .edit-order .customer-details .related-orders, .edit-order .customer-details .shipment-orders, .edit-order .order-comments .related-orders, .edit-order .order-comments .shipment-orders {
      float: left;
      display: block;
      margin-right: 16.03631%;
      width: 41.98184%; }
      .edit-order .order-details .related-orders:last-child, .edit-order .order-details .shipment-orders:last-child, .edit-order .shipment-details .related-orders:last-child, .edit-order .shipment-details .shipment-orders:last-child, .edit-order .customer-details .related-orders:last-child, .edit-order .customer-details .shipment-orders:last-child, .edit-order .order-comments .related-orders:last-child, .edit-order .order-comments .shipment-orders:last-child {
        margin-right: 0; }
      .edit-order .order-details .related-orders:nth-child(2n), .edit-order .order-details .shipment-orders:nth-child(2n), .edit-order .shipment-details .related-orders:nth-child(2n), .edit-order .shipment-details .shipment-orders:nth-child(2n), .edit-order .customer-details .related-orders:nth-child(2n), .edit-order .customer-details .shipment-orders:nth-child(2n), .edit-order .order-comments .related-orders:nth-child(2n), .edit-order .order-comments .shipment-orders:nth-child(2n) {
        margin-right: 0; }
      .edit-order .order-details .related-orders:nth-child(2n+1), .edit-order .order-details .shipment-orders:nth-child(2n+1), .edit-order .shipment-details .related-orders:nth-child(2n+1), .edit-order .shipment-details .shipment-orders:nth-child(2n+1), .edit-order .customer-details .related-orders:nth-child(2n+1), .edit-order .customer-details .shipment-orders:nth-child(2n+1), .edit-order .order-comments .related-orders:nth-child(2n+1), .edit-order .order-comments .shipment-orders:nth-child(2n+1) {
        clear: left; }
  .edit-order .order-comments:nth-child(2n) {
    margin-right: 0; }
  .edit-order .order-comments:nth-child(2n+1) {
    clear: left; }
  .edit-order .order-comments li {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 46.28851%; }
    .edit-order .order-comments li:nth-child(2n) {
      margin-right: 0; }
    .edit-order .order-comments li:nth-child(2n+1) {
      clear: left; }
    .edit-order .order-comments li:last-child {
      margin-right: 0; }
  .edit-order .new-items {
    width: 100%;
    display: inline-block; }
    .edit-order .new-items .item-entry-notice {
      width: 100%;
      background: #FF3C38;
      color: white;
      font-size: 1.5em;
      padding: 0.75em;
      margin-bottom: 0.75em; }
    .edit-order .new-items .item-input-option {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 46.28851%; }
      .edit-order .new-items .item-input-option:last-child {
        margin-right: 0; }
      .edit-order .new-items .item-input-option:nth-child(2n) {
        margin-right: 0; }
      .edit-order .new-items .item-input-option:nth-child(2n+1) {
        clear: left; }
      .edit-order .new-items .item-input-option .search-input {
        float: left;
        display: block;
        margin-right: 4.82916%;
        width: 47.58542%; }
        .edit-order .new-items .item-input-option .search-input:last-child {
          margin-right: 0; }
      .edit-order .new-items .item-input-option button {
        float: left;
        display: block;
        margin-right: 4.82916%;
        width: 47.58542%;
        margin-right: 0; }
        .edit-order .new-items .item-input-option button:last-child {
          margin-right: 0; }
  .edit-order .shipment-details table {
    width: 75%;
    table-layout: fixed; }
  .edit-order .shipment-details .csz {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 48.21067%; }
    .edit-order .shipment-details .csz:last-child {
      margin-right: 0; }
  .edit-order .shipment-details .cszs {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 48.21067%;
    margin-right: 0; }
    .edit-order .shipment-details .cszs:last-child {
      margin-right: 0; }
  .edit-order .shipment-details .cszm {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 48.21067%; }
    .edit-order .shipment-details .cszm:last-child {
      margin-right: 0; }
  .edit-order .order-payments .error-notice {
    width: 100%;
    background: #FF3C38;
    color: white;
    font-size: 1.5em;
    padding: 0.75em;
    margin-bottom: 0.75em; }
  .edit-order .order-payments .success-notice {
    width: 100%;
    background: #57CE40;
    color: white;
    font-size: 1.2em;
    line-height: 0.8em;
    padding: 0.75em;
    margin-bottom: 0.75em; }
  .edit-order .order-items {
    width: 100%;
    display: inline-block; }
    .edit-order .order-items th {
      font-size: 0.7em; }
    .edit-order .order-items .details-sku {
      width: 100px; }
    .edit-order .order-items .details-line {
      cursor: -webkit-grab;
      width: 30px; }
    .edit-order .order-items td.details-price-code {
      font-size: 0.8em; }
    .edit-order .order-items .details-title, .edit-order .order-items .details-upsold, .edit-order .order-items .details-base, .edit-order .order-items .details-location {
      display: none; }
    .edit-order .order-items .details-sub-title {
      border-bottom: none; }
    @media screen and (min-width: 900px) {
      .edit-order .order-items .details-sub-title {
        display: none; }
      .edit-order .order-items .details-line {
        width: 50px; }
      .edit-order .order-items th {
        font-size: 1.2em; }
      .edit-order .order-items .details-title, .edit-order .order-items .details-upsold, .edit-order .order-items .details-base, .edit-order .order-items .details-location {
        display: table-cell; } }
    .edit-order .order-items .invalid-duplicate {
      background-color: #ffa09e; }
    .edit-order .order-items tbody td {
      padding: 0.1em 0; }
    .edit-order .order-items .details-price.loss {
      background-color: #ffd2d1; }
    .edit-order .order-items .details-title {
      width: 18em; }
      .edit-order .order-items .details-title.inflated input {
        background-color: #c2edba; }
      .edit-order .order-items .details-title .comment-empty {
        color: #ddd; }
      .edit-order .order-items .details-title ul.order-item-comments {
        margin-left: 1.5em;
        font-size: 0.8em; }
    .edit-order .order-items .item-comment {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 87.05267%;
      float: right; }
      .edit-order .order-items .item-comment:last-child {
        margin-right: 0; }
      .edit-order .order-items .item-comment:last-child {
        margin-right: 0.75em; }
    .edit-order .order-items input.qty {
      width: 45px; }
      .edit-order .order-items input.qty.bo, .edit-order .order-items input.qty.warning {
        background-color: #ffd2d1; }
      @media screen and (min-width: 737px) {
        .edit-order .order-items input.qty {
          width: 55px; } }
  .edit-order .freight-info, .edit-order .discount-info {
    display: inline-block;
    width: 100%;
    font-size: 1.2em;
    padding-left: 0.75em; }
  .edit-order .credit-info {
    display: inline-block;
    width: 100%;
    font-size: 1.2em; }
  .edit-order .totals {
    padding: 1.5em;
    width: 100%;
    font-size: 0.9em; }
    @media screen and (min-width: 600px) {
      .edit-order .totals li {
        float: left;
        display: block;
        margin-right: 4.82916%;
        width: 30.11389%; }
        .edit-order .totals li:last-child {
          margin-right: 0; }
      .edit-order .totals .calculated {
        text-align: right;
        float: right; } }
    @media screen and (min-width: 737px) {
      .edit-order .totals li {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 17.72593%; }
        .edit-order .totals li:last-child {
          margin-right: 0; }
        .edit-order .totals li:nth-child(5n) {
          margin-right: 0; }
        .edit-order .totals li:nth-child(5n+1) {
          clear: left; }
        .edit-order .totals li .discount, .edit-order .totals li .credit {
          display: inherit; }
      .edit-order .totals .field-name {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 58.86297%; }
        .edit-order .totals .field-name:last-child {
          margin-right: 0; }
      .edit-order .totals input {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 38.29445%;
        margin: 0;
        padding: 0.2em; }
        .edit-order .totals input:last-child {
          margin-right: 0; }
      .edit-order .totals .calculated {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 38.29445%;
        margin-bottom: 0.25em;
        font-size: 1.3em; }
        .edit-order .totals .calculated:last-child {
          margin-right: 0; } }
  @media screen and (max-width: 414px) {
    .edit-order .order-details, .edit-order .shipment-details, .edit-order .customer-details {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 100%; }
      .edit-order .order-details:last-child, .edit-order .shipment-details:last-child, .edit-order .customer-details:last-child {
        margin-right: 0; }
    .edit-order .totals {
      margin-top: 1.5em;
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 100%; }
      .edit-order .totals:last-child {
        margin-right: 0; }
      .edit-order .totals:nth-child(2n) {
        margin-right: 0; }
      .edit-order .totals:nth-child(2n+1) {
        clear: left; }
      .edit-order .totals .field-name {
        float: left;
        display: block;
        margin-right: 4.82916%;
        width: 47.58542%; }
        .edit-order .totals .field-name:last-child {
          margin-right: 0; }
      .edit-order .totals input {
        float: left;
        display: block;
        margin-right: 4.82916%;
        width: 47.58542%; }
        .edit-order .totals input:last-child {
          margin-right: 0; }
      .edit-order .totals .calculated {
        float: left;
        display: block;
        margin-right: 4.82916%;
        width: 47.58542%;
        margin-bottom: 0.75em;
        font-size: 1.3em; }
        .edit-order .totals .calculated:last-child {
          margin-right: 0; }
    .edit-order .shipment-details .csz {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 61.158%; }
      .edit-order .shipment-details .csz:last-child {
        margin-right: 0; }
    .edit-order .shipment-details .cszs {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 35.26333%;
      margin-right: 0; }
      .edit-order .shipment-details .cszs:last-child {
        margin-right: 0; }
    .edit-order .shipment-details .cszm {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 61.158%; }
      .edit-order .shipment-details .cszm:last-child {
        margin-right: 0; }
    .edit-order .order-items .details-title, .edit-order .order-items .details-price, .edit-order .order-items .details-ext-price, .edit-order .order-items .details-picked, .edit-order .order-items .details-backordered {
      display: none; } }
  .edit-order .manual-entry-cards, .edit-order .customer-account-cards {
    margin-top: 0.75em;
    width: 100%; }
    .edit-order .manual-entry-cards button, .edit-order .customer-account-cards button {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 47.58542%;
      margin-bottom: 0.75em; }
      .edit-order .manual-entry-cards button:last-child, .edit-order .customer-account-cards button:last-child {
        margin-right: 0; }
      .edit-order .manual-entry-cards button:nth-child(2n), .edit-order .customer-account-cards button:nth-child(2n) {
        margin-right: 0; }
      .edit-order .manual-entry-cards button:nth-child(2n+1), .edit-order .customer-account-cards button:nth-child(2n+1) {
        clear: left; }

.ember-modal-dialog.order-events {
  float: left;
  display: block;
  margin-right: 7.42297%;
  width: 73.14426%; }
  .ember-modal-dialog.order-events:last-child {
    margin-right: 0; }
  .ember-modal-dialog.order-events .order-event-group {
    margin-bottom: 1.5em; }

.left-button {
  float: left;
  display: block;
  margin-right: 5.85151%;
  width: 36.4891%; }
  .left-button:last-child {
    margin-right: 0; }

.right-button {
  float: left;
  display: block;
  margin-right: 5.85151%;
  width: 36.4891%;
  margin-left: 21.1703%; }
  .right-button:last-child {
    margin-right: 0; }

.confirm-bill-warning .actions button {
  float: left;
  display: block;
  margin-right: 5.85151%;
  width: 36.4891%; }
  .confirm-bill-warning .actions button:last-child {
    margin-right: 0; }
  .confirm-bill-warning .actions button.short {
    margin-left: 21.1703%; }

.will-call-pickup .box-number {
  width: 3em; }

.will-call-pickup .tracking-number {
  width: 6em; }

.will-call-pickup .box-scanned {
  width: 3em; }

.edit-item {
  display: none;
  width: 100%; }
  .edit-item .tooltip-table.ember-tooltip {
    max-width: 800px;
    padding: 6px 10px;
    color: #fff;
    background: #3a3c47;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
    white-space: normal;
    /* IE doesnt support initial so fall back to normal */
    white-space: initial; }
    .edit-item .tooltip-table.ember-tooltip td {
      vertical-align: top; }
    .edit-item .tooltip-table.ember-tooltip .time {
      width: 150px; }
    .edit-item .tooltip-table.ember-tooltip .name {
      width: 70px; }
    .edit-item .tooltip-table.ember-tooltip .number {
      text-align: right;
      width: 60px;
      padding-right: 5px; }
    .edit-item .tooltip-table.ember-tooltip .scanned {
      text-align: right;
      width: 80px;
      padding-right: 0.75em; }
    .edit-item .tooltip-table.ember-tooltip table {
      background: #3a3c47 !important; }
  .edit-item h2 {
    width: 100%; }
    .edit-item h2 .new-item {
      position: fixed;
      right: 1.5em; }
  .edit-item .bold {
    font-weight: 600; }
  @media screen and (min-width: 415px) and (max-width: 736px) {
    .edit-item .image {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 22.316%; }
      .edit-item .image:last-child {
        margin-right: 0; }
    .edit-item .item-details {
      padding: 0.75em;
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 35.26333%;
      margin-right: 0; }
      .edit-item .item-details:last-child {
        margin-right: 0; }
    .edit-item .item-comments {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 35.26333%; }
      .edit-item .item-comments:last-child {
        margin-right: 0; }
    .edit-item .category-items li span.category-select {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 74.10533%; }
      .edit-item .category-items li span.category-select:last-child {
        margin-right: 0; }
    .edit-item .category-items li button {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 22.316%;
      margin-right: 0;
      margin-bottom: 0.75em; }
      .edit-item .category-items li button:last-child {
        margin-right: 0; } }
  .edit-item .price-changes .qty {
    width: 6em;
    display: inline-block; }
  .edit-item .price-changes span.previous {
    padding-left: 0.5em;
    display: inline-block;
    font-size: 0.8em;
    color: #666; }
  .edit-item .item-assembly td {
    padding: 3px 3px; }
    .edit-item .item-assembly td span.title {
      font-size: 0.6em;
      color: #333; }
    .edit-item .item-assembly td input {
      margin-bottom: 0px; }
  .edit-item .item-assembly .add-assembly input, .edit-item .item-assembly .add-assembly button {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 46.28851%; }
    .edit-item .item-assembly .add-assembly input:last-child, .edit-item .item-assembly .add-assembly button:last-child {
      margin-right: 0; }
  @media screen and (min-width: 737px) {
    .edit-item {
      display: inherit; }
      .edit-item .item-comments {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 38.29445%;
        margin-right: 0;
        display: inline-block;
        margin-bottom: 1.5em; }
        .edit-item .item-comments:last-child {
          margin-right: 0; }
        .edit-item .item-comments .image {
          float: left;
          display: block;
          margin-right: 3.57866%;
          width: 35.26333%; }
          .edit-item .item-comments .image:last-child {
            margin-right: 0; }
        .edit-item .item-comments .item-comment {
          float: left;
          display: block;
          margin-right: 3.57866%;
          width: 61.158%;
          margin-right: 0; }
          .edit-item .item-comments .item-comment:last-child {
            margin-right: 0; }
        .edit-item .item-comments .catalog-description {
          display: inline-block;
          width: 100%; }
          .edit-item .item-comments .catalog-description span {
            font-weight: 600; }
        .edit-item .item-comments .discontinued {
          display: inline-block;
          width: 100%;
          font-size: 2em; }
      .edit-item input.dims {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .edit-item input.dims:last-child {
          margin-right: 0; }
        .edit-item input.dims:nth-child(4n) {
          margin-right: 0; }
        .edit-item input.dims:nth-child(4n+1) {
          clear: left; }
      .edit-item .item-details {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 28.01019%;
        display: inline-block; }
        .edit-item .item-details:last-child {
          margin-right: 0; }
        .edit-item .item-details dd {
          display: inline-block;
          min-height: 2.3em; }
      .edit-item .title, .edit-item .company-name {
        width: 25em; }
      .edit-item .category-items li span.category-select {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 79.43148%; }
        .edit-item .category-items li span.category-select:last-child {
          margin-right: 0; }
      .edit-item .category-items li button {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 17.72593%;
        margin-right: 0;
        margin-bottom: 0.75em; }
        .edit-item .category-items li button:last-child {
          margin-right: 0; }
      .edit-item dt {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 35.26333%;
        display: inline-block; }
        .edit-item dt:last-child {
          margin-right: 0; }
        .edit-item dt.dims {
          float: left;
          display: block;
          margin-right: 4.82916%;
          width: 65.05695%; }
          .edit-item dt.dims:last-child {
            margin-right: 0; }
        .edit-item dt.dim-qty {
          float: left;
          display: block;
          margin-right: 4.82916%;
          width: 30.11389%;
          margin-right: 0; }
          .edit-item dt.dim-qty:last-child {
            margin-right: 0; }
        .edit-item dt.checks {
          width: 100%; }
        .edit-item dt.qtr {
          float: left;
          display: block;
          margin-right: 3.57866%;
          width: 22.316%; }
          .edit-item dt.qtr:last-child {
            margin-right: 0; }
          .edit-item dt.qtr:nth-child(4n) {
            margin-right: 0; }
          .edit-item dt.qtr:nth-child(4n+1) {
            clear: left; }
        .edit-item dt.third {
          float: left;
          display: block;
          margin-right: 4.82916%;
          width: 30.11389%; }
          .edit-item dt.third:last-child {
            margin-right: 0; }
          .edit-item dt.third:nth-child(3n) {
            margin-right: 0; }
          .edit-item dt.third:nth-child(3n+1) {
            clear: left; }
      .edit-item dd {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 61.158%;
        margin-right: 0;
        display: inline-block; }
        .edit-item dd:last-child {
          margin-right: 0; }
        .edit-item dd.dims {
          float: left;
          display: block;
          margin-right: 4.82916%;
          width: 65.05695%; }
          .edit-item dd.dims:last-child {
            margin-right: 0; }
        .edit-item dd.dim-qty {
          float: left;
          display: block;
          margin-right: 4.82916%;
          width: 30.11389%;
          margin-right: 0; }
          .edit-item dd.dim-qty:last-child {
            margin-right: 0; }
        .edit-item dd.qtr {
          float: left;
          display: block;
          margin-right: 3.57866%;
          width: 22.316%; }
          .edit-item dd.qtr:last-child {
            margin-right: 0; }
          .edit-item dd.qtr:nth-child(4n) {
            margin-right: 0; }
          .edit-item dd.qtr:nth-child(4n+1) {
            clear: left; }
        .edit-item dd.third {
          float: left;
          display: block;
          margin-right: 4.82916%;
          width: 30.11389%; }
          .edit-item dd.third:last-child {
            margin-right: 0; }
          .edit-item dd.third:nth-child(3n) {
            margin-right: 0; }
          .edit-item dd.third:nth-child(3n+1) {
            clear: left; } }
  .edit-item .save-container {
    position: fixed;
    left: 1.5em;
    bottom: 1.5em; }

.order-items th.customer-name {
  width: 20em; }

.order-items th.quantity {
  width: 3em; }

.item-assortments table {
  width: 100%;
  height: 500px;
  display: inline-block;
  overflow-y: scroll; }
  .item-assortments table td {
    min-width: 200px; }

.nav-tabs {
  width: 100%;
  border-bottom: 1px solid #ddd;
  display: inline-block; }
  .nav-tabs .tab-item {
    float: left;
    padding: 10px; }
    .nav-tabs .tab-item.active {
      padding-top: 9px;
      border: 1px solid #DDD;
      border-bottom: none;
      border-radius: 2px; }

.tabs {
  width: 100%;
  display: inline-block; }
  .tabs .nav-tabs {
    width: 100%;
    border-bottom: 1px solid #ddd;
    display: inline-block; }
    .tabs .nav-tabs .tab-item {
      float: left;
      padding: 10px; }
      .tabs .nav-tabs .tab-item.active {
        padding-top: 9px;
        border: 1px solid #DDD;
        border-bottom: none;
        border-radius: 2px; }
    .tabs .nav-tabs.chart-tabs {
      margin-top: -7px; }
  .tabs .tab-contents {
    width: 100%;
    display: none; }
    @media screen and (min-width: 900px) {
      .tabs .tab-contents {
        padding: 0.75em; } }
    .tabs .tab-contents.active {
      display: inline-block; }
    .tabs .tab-contents.chart-tabs {
      padding: 0 0.75em 0; }

.edit-customer .number {
  text-align: right;
  width: 3em; }

.edit-customer .check-group {
  margin-bottom: 1.5em; }

.edit-customer .save-container {
  padding-left: 1.5em;
  margin-bottom: 1.5em;
  width: 100%;
  display: inline-block; }

@media screen and (min-width: 737px) {
  .edit-customer .company-details {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 48.57871%; }
    .edit-customer .company-details:last-child {
      margin-right: 0; } }

.edit-customer .company-details .csz {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 61.158%; }
  .edit-customer .company-details .csz:last-child {
    margin-right: 0; }

.edit-customer .company-details .cszs {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 35.26333%;
  margin-right: 0; }
  .edit-customer .company-details .cszs:last-child {
    margin-right: 0; }

.edit-customer .company-details .cszm {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 61.158%; }
  .edit-customer .company-details .cszm:last-child {
    margin-right: 0; }

@media screen and (min-width: 737px) {
  .edit-customer .contact-details {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 48.57871%; }
    .edit-customer .contact-details:last-child {
      margin-right: 0; } }

.edit-customer .contact-details:nth-child(2n) {
  margin-right: 0; }

.edit-customer .contact-details:nth-child(2n+1) {
  clear: left; }

.edit-customer .contact-details li.phone {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 47.58542%; }
  .edit-customer .contact-details li.phone:last-child {
    margin-right: 0; }
  .edit-customer .contact-details li.phone:nth-child(2n) {
    margin-right: 0; }
  .edit-customer .contact-details li.phone:nth-child(2n+1) {
    clear: left; }

.edit-customer .account-details {
  width: 100%; }
  .edit-customer .account-details li {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%; }
    .edit-customer .account-details li:last-child {
      margin-right: 0; }
    .edit-customer .account-details li:nth-child(2n) {
      margin-right: 0; }
    .edit-customer .account-details li:nth-child(2n+1) {
      clear: left; }

.edit-customer .account-details-pane {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 47.58542%; }
  .edit-customer .account-details-pane:last-child {
    margin-right: 0; }
  .edit-customer .account-details-pane:nth-child(2n) {
    margin-right: 0; }
  .edit-customer .account-details-pane:nth-child(2n+1) {
    clear: left; }

.edit-customer .category-discounts input.qty {
  width: 5em;
  display: inline-block; }

.edit-customer .special-items {
  width: 100%;
  display: inline-block; }
  .edit-customer .special-items .sku, .edit-customer .special-items .type, .edit-customer .special-items .price-type {
    width: 2em; }
  .edit-customer .special-items .price {
    width: 2em; }
  .edit-customer .special-items .title {
    white-space: nowrap; }
  .edit-customer .special-items .barcode {
    width: 6em; }
  .edit-customer .special-items .label-title {
    width: 6em; }

.edit-customer .customer-mailers, .edit-customer .comments-details {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 47.58542%; }
  .edit-customer .customer-mailers:last-child, .edit-customer .comments-details:last-child {
    margin-right: 0; }
  .edit-customer .customer-mailers:nth-child(2n), .edit-customer .comments-details:nth-child(2n) {
    margin-right: 0; }
  .edit-customer .customer-mailers:nth-child(2n+1), .edit-customer .comments-details:nth-child(2n+1) {
    clear: left; }

.edit-customer .order-history-details .query-options .query-fields, .edit-customer .order-history-details .query-options button {
  float: left;
  display: block;
  margin-right: 10.1484%;
  width: 26.56773%; }
  .edit-customer .order-history-details .query-options .query-fields:last-child, .edit-customer .order-history-details .query-options button:last-child {
    margin-right: 0; }

.edit-customer .order-history-details .toggle-fields {
  width: 100%;
  display: inline-block; }

.edit-customer .ship-tos, .edit-customer .ordered-items-details, .edit-customer .order-details, .edit-customer .billed-orders, .edit-customer .billed-details, .edit-customer .sub-accounts, .edit-customer .card-details {
  display: inline-block;
  width: 100%; }
  .edit-customer .ship-tos .toggle-fields, .edit-customer .ordered-items-details .toggle-fields, .edit-customer .order-details .toggle-fields, .edit-customer .billed-orders .toggle-fields, .edit-customer .billed-details .toggle-fields, .edit-customer .sub-accounts .toggle-fields, .edit-customer .card-details .toggle-fields {
    width: 100%;
    display: inline-block; }
  .edit-customer .ship-tos .addresses td, .edit-customer .ordered-items-details .addresses td, .edit-customer .order-details .addresses td, .edit-customer .billed-orders .addresses td, .edit-customer .billed-details .addresses td, .edit-customer .sub-accounts .addresses td, .edit-customer .card-details .addresses td {
    padding: 4px;
    padding-right: 0.75em; }
  .edit-customer .ship-tos .addresses input, .edit-customer .ordered-items-details .addresses input, .edit-customer .order-details .addresses input, .edit-customer .billed-orders .addresses input, .edit-customer .billed-details .addresses input, .edit-customer .sub-accounts .addresses input, .edit-customer .card-details .addresses input {
    margin-bottom: 4px; }
  .edit-customer .ship-tos .company, .edit-customer .ordered-items-details .company, .edit-customer .order-details .company, .edit-customer .billed-orders .company, .edit-customer .billed-details .company, .edit-customer .sub-accounts .company, .edit-customer .card-details .company {
    width: 18em; }
  .edit-customer .ship-tos .city, .edit-customer .ship-tos .zip, .edit-customer .ordered-items-details .city, .edit-customer .ordered-items-details .zip, .edit-customer .order-details .city, .edit-customer .order-details .zip, .edit-customer .billed-orders .city, .edit-customer .billed-orders .zip, .edit-customer .billed-details .city, .edit-customer .billed-details .zip, .edit-customer .sub-accounts .city, .edit-customer .sub-accounts .zip, .edit-customer .card-details .city, .edit-customer .card-details .zip {
    width: 8em; }
  .edit-customer .ship-tos .state, .edit-customer .ordered-items-details .state, .edit-customer .order-details .state, .edit-customer .billed-orders .state, .edit-customer .billed-details .state, .edit-customer .sub-accounts .state, .edit-customer .card-details .state {
    width: 4em; }
  .edit-customer .ship-tos .country, .edit-customer .ordered-items-details .country, .edit-customer .order-details .country, .edit-customer .billed-orders .country, .edit-customer .billed-details .country, .edit-customer .sub-accounts .country, .edit-customer .card-details .country {
    width: 5em; }
  .edit-customer .ship-tos .actions, .edit-customer .ordered-items-details .actions, .edit-customer .order-details .actions, .edit-customer .billed-orders .actions, .edit-customer .billed-details .actions, .edit-customer .sub-accounts .actions, .edit-customer .card-details .actions {
    width: 12em; }
  .edit-customer .ship-tos .error-notice, .edit-customer .ordered-items-details .error-notice, .edit-customer .order-details .error-notice, .edit-customer .billed-orders .error-notice, .edit-customer .billed-details .error-notice, .edit-customer .sub-accounts .error-notice, .edit-customer .card-details .error-notice {
    width: 100%;
    background: #FF3C38;
    color: white;
    font-size: 1.5em;
    padding: 0.75em;
    margin-bottom: 0.75em; }
  .edit-customer .ship-tos .success-notice, .edit-customer .ordered-items-details .success-notice, .edit-customer .order-details .success-notice, .edit-customer .billed-orders .success-notice, .edit-customer .billed-details .success-notice, .edit-customer .sub-accounts .success-notice, .edit-customer .card-details .success-notice {
    width: 100%;
    background: #57CE40;
    color: white;
    font-size: 1.2em;
    line-height: 0.8em;
    padding: 0.75em;
    margin-bottom: 0.75em; }
  .edit-customer .ship-tos .sku, .edit-customer .ordered-items-details .sku, .edit-customer .order-details .sku, .edit-customer .billed-orders .sku, .edit-customer .billed-details .sku, .edit-customer .sub-accounts .sku, .edit-customer .card-details .sku {
    white-space: nowrap; }
  .edit-customer .ship-tos .rank, .edit-customer .ordered-items-details .rank, .edit-customer .order-details .rank, .edit-customer .billed-orders .rank, .edit-customer .billed-details .rank, .edit-customer .sub-accounts .rank, .edit-customer .card-details .rank {
    width: 2em;
    padding-left: 10px;
    padding-right: 22px; }
  .edit-customer .ship-tos .units, .edit-customer .ordered-items-details .units, .edit-customer .order-details .units, .edit-customer .billed-orders .units, .edit-customer .billed-details .units, .edit-customer .sub-accounts .units, .edit-customer .card-details .units {
    width: 1.5em;
    text-align: right; }
  .edit-customer .ship-tos .item-title, .edit-customer .ordered-items-details .item-title, .edit-customer .order-details .item-title, .edit-customer .billed-orders .item-title, .edit-customer .billed-details .item-title, .edit-customer .sub-accounts .item-title, .edit-customer .card-details .item-title {
    white-space: nowrap;
    width: 15em; }
  .edit-customer .ship-tos .company, .edit-customer .ordered-items-details .company, .edit-customer .order-details .company, .edit-customer .billed-orders .company, .edit-customer .billed-details .company, .edit-customer .sub-accounts .company, .edit-customer .card-details .company {
    width: 21em;
    white-space: nowrap; }
  .edit-customer .ship-tos .cc-exp, .edit-customer .ordered-items-details .cc-exp, .edit-customer .order-details .cc-exp, .edit-customer .billed-orders .cc-exp, .edit-customer .billed-details .cc-exp, .edit-customer .sub-accounts .cc-exp, .edit-customer .card-details .cc-exp {
    width: 16em; }
  .edit-customer .ship-tos .special-titles, .edit-customer .ordered-items-details .special-titles, .edit-customer .order-details .special-titles, .edit-customer .billed-orders .special-titles, .edit-customer .billed-details .special-titles, .edit-customer .sub-accounts .special-titles, .edit-customer .card-details .special-titles {
    white-space: nowrap; }
  .edit-customer .ship-tos .moment-date, .edit-customer .ordered-items-details .moment-date, .edit-customer .order-details .moment-date, .edit-customer .billed-orders .moment-date, .edit-customer .billed-details .moment-date, .edit-customer .sub-accounts .moment-date, .edit-customer .card-details .moment-date {
    white-space: nowrap; }
  .edit-customer .ship-tos .query-options .query-fields, .edit-customer .ship-tos .query-options button, .edit-customer .ordered-items-details .query-options .query-fields, .edit-customer .ordered-items-details .query-options button, .edit-customer .order-details .query-options .query-fields, .edit-customer .order-details .query-options button, .edit-customer .billed-orders .query-options .query-fields, .edit-customer .billed-orders .query-options button, .edit-customer .billed-details .query-options .query-fields, .edit-customer .billed-details .query-options button, .edit-customer .sub-accounts .query-options .query-fields, .edit-customer .sub-accounts .query-options button, .edit-customer .card-details .query-options .query-fields, .edit-customer .card-details .query-options button {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 19.43277%; }
    .edit-customer .ship-tos .query-options .query-fields:last-child, .edit-customer .ship-tos .query-options button:last-child, .edit-customer .ordered-items-details .query-options .query-fields:last-child, .edit-customer .ordered-items-details .query-options button:last-child, .edit-customer .order-details .query-options .query-fields:last-child, .edit-customer .order-details .query-options button:last-child, .edit-customer .billed-orders .query-options .query-fields:last-child, .edit-customer .billed-orders .query-options button:last-child, .edit-customer .billed-details .query-options .query-fields:last-child, .edit-customer .billed-details .query-options button:last-child, .edit-customer .sub-accounts .query-options .query-fields:last-child, .edit-customer .sub-accounts .query-options button:last-child, .edit-customer .card-details .query-options .query-fields:last-child, .edit-customer .card-details .query-options button:last-child {
      margin-right: 0; }

.edit-customer .disc-type {
  width: 100%;
  text-align: right; }

.edit-customer .discount {
  width: 100%; }

.edit-customer .cust-type, .edit-customer .half-bool {
  width: 100%;
  text-align: right; }

#edit-box {
  padding-bottom: 1.5em; }
  #edit-box .box-details, #edit-box .box-contents {
    margin-bottom: 20px; }
  #edit-box .field-name {
    font-weight: 600; }
  #edit-box .quantity {
    width: 4em;
    display: inline; }
  #edit-box li {
    float: left;
    display: block;
    margin-right: 16.03631%;
    width: 41.98184%;
    display: inline-block; }
    #edit-box li:last-child {
      margin-right: 0; }
    #edit-box li:nth-child(2n) {
      margin-right: 0; }
    #edit-box li:nth-child(2n+1) {
      clear: left; }
  #edit-box .field-name {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 35.26333%; }
    #edit-box .field-name:last-child {
      margin-right: 0; }
  #edit-box .field-value {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 61.158%;
    margin-right: 0;
    display: inline-block; }
    #edit-box .field-value:last-child {
      margin-right: 0; }
  #edit-box .med-up {
    display: none; }
    @media screen and (min-width: 737px) {
      #edit-box .med-up {
        display: inherit; } }
  #edit-box .actions {
    text-align: right;
    width: 4em; }

.item-results {
  margin-top: -12px;
  min-height: 200px; }
  .item-results .ember-power-select-options[role="listbox"] {
    max-height: 25em; }
  .item-results li {
    padding: 5px;
    font-size: 1.3em; }
    .item-results li img {
      margin-right: 0.75em; }

.site-search {
  display: inline-block;
  width: 100%; }
  .site-search form {
    width: 100%;
    min-height: 35px; }
  .site-search .autocomplete-results {
    z-index: 100;
    position: absolute;
    background-color: #fff;
    margin-top: -12px;
    padding: 1.5em;
    border: 1px solid #ddd;
    border-radius: 3px;
    border-top: none; }
  .site-search .typeahead > div {
    height: 35px; }
  .site-search .typeahead .ember-power-select-typeahead-trigger {
    border-radius: 3px;
    min-height: 1em; }
  .site-search .typeahead .ember-power-select-typeahead-input {
    margin-bottom: 0px; }
  .site-search .typeahead input {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    padding: 0.5em;
    transition: border-color 150ms ease;
    width: 100%;
    min-height: 35px; }
    .site-search .typeahead input:hover {
      border-color: #b1b1b1; }
    .site-search .typeahead input:focus {
      border-color: #2478CC;
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(32, 107, 182, 0.7);
      outline: none; }
    .site-search .typeahead input:disabled {
      background-color: #f2f2f2;
      cursor: not-allowed; }
      .site-search .typeahead input:disabled:hover {
        border: 1px solid #ddd; }
    .site-search .typeahead input:-ms-input-placeholder {
      color: #858585; }
    .site-search .typeahead input::placeholder {
      color: #858585; }

.item-search, .order-search, .customer-search, .purchase-order-search {
  display: inline-block;
  width: 100%;
  padding: 1.5em; }
  .item-search form, .order-search form, .customer-search form, .purchase-order-search form {
    width: 100%;
    min-height: 51px; }
  .item-search .autocomplete-results, .order-search .autocomplete-results, .customer-search .autocomplete-results, .purchase-order-search .autocomplete-results {
    z-index: 100;
    position: absolute;
    background-color: #fff;
    margin-top: -12px;
    padding: 1.5em;
    border: 1px solid #ddd;
    border-radius: 3px;
    border-top: none; }
  .item-search .typeahead, .order-search .typeahead, .customer-search .typeahead, .purchase-order-search .typeahead {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 65.05695%; }
    .item-search .typeahead:last-child, .order-search .typeahead:last-child, .customer-search .typeahead:last-child, .purchase-order-search .typeahead:last-child {
      margin-right: 0; }
    .item-search .typeahead > div, .order-search .typeahead > div, .customer-search .typeahead > div, .purchase-order-search .typeahead > div {
      height: 50px; }
    .item-search .typeahead input, .order-search .typeahead input, .customer-search .typeahead input, .purchase-order-search .typeahead input {
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 3px;
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
      box-sizing: border-box;
      padding: 0.5em;
      transition: border-color 150ms ease;
      width: 100%;
      min-height: 35px; }
      .item-search .typeahead input:hover, .order-search .typeahead input:hover, .customer-search .typeahead input:hover, .purchase-order-search .typeahead input:hover {
        border-color: #b1b1b1; }
      .item-search .typeahead input:focus, .order-search .typeahead input:focus, .customer-search .typeahead input:focus, .purchase-order-search .typeahead input:focus {
        border-color: #2478CC;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(32, 107, 182, 0.7);
        outline: none; }
      .item-search .typeahead input:disabled, .order-search .typeahead input:disabled, .customer-search .typeahead input:disabled, .purchase-order-search .typeahead input:disabled {
        background-color: #f2f2f2;
        cursor: not-allowed; }
        .item-search .typeahead input:disabled:hover, .order-search .typeahead input:disabled:hover, .customer-search .typeahead input:disabled:hover, .purchase-order-search .typeahead input:disabled:hover {
          border: 1px solid #ddd; }
      .item-search .typeahead input:-ms-input-placeholder, .order-search .typeahead input:-ms-input-placeholder, .customer-search .typeahead input:-ms-input-placeholder, .purchase-order-search .typeahead input:-ms-input-placeholder {
        color: #858585; }
      .item-search .typeahead input::placeholder, .order-search .typeahead input::placeholder, .customer-search .typeahead input::placeholder, .purchase-order-search .typeahead input::placeholder {
        color: #858585; }
  .item-search button, .order-search button, .customer-search button, .purchase-order-search button {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%;
    margin-right: 0; }
    .item-search button:last-child, .order-search button:last-child, .customer-search button:last-child, .purchase-order-search button:last-child {
      margin-right: 0; }

.ember-power-select-typeahead-dropdown li {
  width: 100%;
  display: -ms-flexbox;
  display: flex; }

.ember-power-select-typeahead-dropdown span.company {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 35.26333%; }
  .ember-power-select-typeahead-dropdown span.company:last-child {
    margin-right: 0; }

.ember-power-select-typeahead-dropdown span.locale {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 35.26333%; }
  .ember-power-select-typeahead-dropdown span.locale:last-child {
    margin-right: 0; }

.ember-power-select-typeahead-dropdown span.account {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 22.316%;
  margin-right: 0; }
  .ember-power-select-typeahead-dropdown span.account:last-child {
    margin-right: 0; }

.ember-power-select-typeahead-dropdown span.sku {
  float: left;
  display: block;
  margin-right: 5.85151%;
  width: 15.31879%; }
  .ember-power-select-typeahead-dropdown span.sku:last-child {
    margin-right: 0; }

.ember-power-select-typeahead-dropdown span.title {
  float: left;
  display: block;
  margin-right: 5.85151%;
  width: 36.4891%; }
  .ember-power-select-typeahead-dropdown span.title:last-child {
    margin-right: 0; }

.ember-power-select-typeahead-dropdown span.available {
  float: left;
  display: block;
  margin-right: 5.85151%;
  width: 15.31879%; }
  .ember-power-select-typeahead-dropdown span.available:last-child {
    margin-right: 0; }

.ember-power-select-typeahead-dropdown span.discontinued {
  float: left;
  display: block;
  margin-right: 5.85151%;
  width: 15.31879%; }
  .ember-power-select-typeahead-dropdown span.discontinued:last-child {
    margin-right: 0; }

.ember-basic-dropdown {
  position: relative; }

.ember-basic-dropdown, .ember-basic-dropdown-content, .ember-basic-dropdown-content * {
  box-sizing: border-box; }

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff; }

.ember-basic-dropdown-content--left {
  left: 0; }

.ember-basic-dropdown-content--right {
  right: 0; }

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none; }

.ember-basic-dropdown-content-wormhole-origin {
  display: inline; }

.ember-power-select {
  position: relative; }

.ember-power-select *, .ember-power-select-dropdown * {
  box-sizing: border-box; }

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  -ms-user-select: none;
      user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */ }
  .ember-power-select-trigger:after {
    content: "";
    display: table;
    clear: both; }

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none; }

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded="true"],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded="true"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded="true"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent; }
  .ember-basic-dropdown-trigger[aria-expanded="true"] .ember-power-select-status-icon {
    transform: rotate(180deg); }

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer; }

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */ }
  .ember-power-select-trigger-multiple-input:disabled {
    background-color: #eeeeee; }
  .ember-power-select-trigger-multiple-input:-ms-input-placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::-moz-placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::-ms-input-placeholder {
    opacity: 1;
    color: #999999; }

.ember-power-select-multiple-options {
  padding: 0;
  margin: 0; }

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px; }

.ember-power-select-multiple-remove-btn {
  cursor: pointer; }
  .ember-power-select-multiple-remove-btn:not(:hover) {
    opacity: 0.5; }

.ember-power-select-search {
  padding: 4px; }

.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px; }
  .ember-power-select-search-input:focus {
    border: 1px solid #aaaaaa;
    box-shadow: none; }

.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit; }

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.ember-power-select-dropdown.ember-basic-dropdown-content--below, .ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%; }

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  -ms-user-select: none;
      user-select: none;
  -webkit-user-select: none; }
  .ember-power-select-options[role="listbox"] {
    overflow-y: auto;
    /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
    -webkit-overflow-scrolling: touch;
    max-height: 12.25em; }

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px; }

.ember-power-select-group[aria-disabled="true"] {
  color: #999999;
  cursor: not-allowed; }

.ember-power-select-group[aria-disabled="true"] .ember-power-select-option,
.ember-power-select-option[aria-disabled="true"] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed; }

.ember-power-select-option[aria-selected="true"] {
  background-color: #dddddd; }

.ember-power-select-option[aria-current="true"] {
  background-color: #5897fb;
  color: #ffffff; }

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold; }

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee; }

.ember-power-select-trigger {
  padding: 0 16px 0 0; }

.ember-power-select-selected-item, .ember-power-select-placeholder {
  margin-left: 8px; }

.ember-power-select-status-icon {
  right: 5px; }

.ember-power-select-clear-btn {
  right: 25px; }

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px; }

.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px; }

.ember-power-select-group .ember-power-select-option {
  padding-left: 24px; }

.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px; }

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item, .ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
    margin-right: 8px; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
    float: right; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
    float: right; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
    left: 5px;
    right: initial; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
    left: 25px;
    right: initial; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px; }

.ember-power-select-typeahead-trigger {
  border: none;
  border-radius: 0; }

.ember-power-select-typeahead-input {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  border: 1px solid #aaaaaa;
  outline: none; }
  .ember-power-select-typeahead-input :focus {
    border: 1px solid #aaaaaa; }

@keyframes drop-fade-below {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(3px); } }

@keyframes drop-fade-above {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(-3px); } }

.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-in {
  animation: drop-fade-below .15s; }

.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-out {
  animation: drop-fade-below .15s reverse; }

.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-in {
  animation: drop-fade-above .15s; }

.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-out {
  animation: drop-fade-above .15s reverse; }

.ember-power-select-placeholder {
  transition: transform 0.2s, color 0.2s;
  transform-origin: 0 0; }
  .ember-power-select-trigger--active .ember-power-select-placeholder {
    transform: scale(0.7) translateY(-10px);
    color: #106cc8; }

.ember-modal-dialog {
  z-index: 51;
  position: fixed; }
  .ember-modal-dialog.emd-in-place {
    position: static; }

.ember-modal-wrapper.emd-static.emd-wrapper-target-attachment-center .ember-modal-dialog {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center .ember-modal-overlay {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.ember-modal-wrapper.emd-animatable .ember-modal-dialog {
  position: relative; }

.ember-modal-overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50; }

.ember-modal-dialog {
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 10px #222;
  padding: 10px; }

.ember-modal-overlay.translucent {
  background-color: rgba(128, 128, 128, 0.77); }