#job-picks-frame .pick-button.all-pick, #job-picks-dc-frame .pick-button.all-pick {
  display: none;
}
#job-picks-frame .pick-button, #job-picks-dc-frame .pick-button {
  padding: 1em;
}
#job-picks-frame .pick-button p, #job-picks-dc-frame .pick-button p {
  margin: 0;
}
#job-picks-frame .pick-button p.typep, #job-picks-dc-frame .pick-button p.typep {
  margin-top: 0.3em;
}
#job-picks-frame .pick-button span.type, #job-picks-dc-frame .pick-button span.type {
  display: inline-block;
  background: grey;
  color: white;
  border-radius: 6px;
  padding: 0 0.3em;
}
#job-picks-frame .pick-button span.type.single, #job-picks-dc-frame .pick-button span.type.single {
  background: #0056FB;
}
#job-picks-frame .pick-button span.type.multi, #job-picks-dc-frame .pick-button span.type.multi {
  background: #FB9503;
}
#job-picks-frame .pick-button span.tag, #job-picks-dc-frame .pick-button span.tag {
  display: inline-block;
  background: grey;
  color: white;
  border-radius: 6px;
  padding: 0 0.3em;
  font-size: 0.7em;
  margin-left: 0.4em;
}

#job-picks-1-frame header h1 {
  margin-bottom: 0;
}
#job-picks-1-frame header h3 {
  margin-top: 0;
  font-weight: 300;
  margin-bottom: 0.3em;
}
#job-picks-1-frame .steps .one .stats {
  background: #0056FB;
  padding-top: 6px;
}
#job-picks-1-frame .steps .one .stats.a {
  color: white;
  background: #0056FB;
}
#job-picks-1-frame .steps .one .stats.l {
  display: none;
}
#job-picks-1-frame .steps .one .stats.t {
  padding: 9px 0;
}
#job-picks-1-frame .steps .three h2.uom {
  margin-top: 0;
}
#job-picks-1-frame .steps .three button {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
  margin: 0.2em;
}
#job-picks-1-frame .steps .no-items h1 {
  font-weight: 300;
  padding: 42px;
  color: #777;
}
#job-picks-1-frame footer h2 {
  text-align: center;
}
#job-picks-1-frame footer button.confirm-back {
  display: none;
}
#job-picks-1-frame footer button.confirm-back.show {
  display: inline-block;
}

#job-picks-dc-singles-frame .one table, #job-picks-dc-multis-frame .one table {
  border-collapse: collapse;
  text-align: left;
  font-size: 1.2em;
  width: 100%;
}
#job-picks-dc-singles-frame .one table tr, #job-picks-dc-multis-frame .one table tr {
  vertical-align: top;
  border-bottom: solid 1px #ccc;
}
#job-picks-dc-singles-frame .one table tr.highlight, #job-picks-dc-multis-frame .one table tr.highlight {
  background: yellow;
}
#job-picks-dc-singles-frame .one table tr.complete:not(.show), #job-picks-dc-multis-frame .one table tr.complete:not(.show) {
  display: none;
}
#job-picks-dc-singles-frame .one table tr.complete td, #job-picks-dc-multis-frame .one table tr.complete td {
  opacity: 0.2;
}
#job-picks-dc-singles-frame .one table tr.shake, #job-picks-dc-multis-frame .one table tr.shake {
  animation: rotate-shake 0.5s ease;
}
#job-picks-dc-singles-frame .one table tr.hide, #job-picks-dc-multis-frame .one table tr.hide {
  display: none;
}
#job-picks-dc-singles-frame .one table td, #job-picks-dc-multis-frame .one table td {
  padding: 1em;
}
#job-picks-dc-singles-frame .one table p, #job-picks-dc-multis-frame .one table p {
  margin: 0;
}
#job-picks-dc-singles-frame .one table p.description, #job-picks-dc-multis-frame .one table p.description {
  margin-bottom: 0.2em;
}
#job-picks-dc-singles-frame .one table p.options, #job-picks-dc-singles-frame .one table p.sku, #job-picks-dc-multis-frame .one table p.options, #job-picks-dc-multis-frame .one table p.sku {
  color: #999;
  font-size: 0.8em;
}
#job-picks-dc-singles-frame .one table p.bin, #job-picks-dc-multis-frame .one table p.bin {
  margin-top: 0.2em;
  color: #4bc2f1;
}
#job-picks-dc-singles-frame .one table p.qty, #job-picks-dc-multis-frame .one table p.qty {
  font-size: 1.4em;
  text-align: center;
}
#job-picks-dc-singles-frame .one table p.picked, #job-picks-dc-multis-frame .one table p.picked {
  opacity: 0.3;
  text-align: center;
}
#job-picks-dc-singles-frame .one button.hide, #job-picks-dc-multis-frame .one button.hide {
  display: none;
}
#job-picks-dc-singles-frame .one div.customer-comments h2:first-child, #job-picks-dc-multis-frame .one div.customer-comments h2:first-child {
  margin-bottom: 0;
  opacity: 0.6;
}
#job-picks-dc-singles-frame .one div.customer-comments h2:not(:first-child), #job-picks-dc-multis-frame .one div.customer-comments h2:not(:first-child) {
  margin-top: 0;
}
#job-picks-dc-singles-frame .bin_selection, #job-picks-dc-multis-frame .bin_selection {
  padding-top: 1em;
}
#job-picks-dc-singles-frame .bin_selection h1, #job-picks-dc-multis-frame .bin_selection h1 {
  margin-bottom: 1em;
}
#job-picks-dc-singles-frame .two, #job-picks-dc-multis-frame .two {
  padding-top: 1em;
}
#job-picks-dc-singles-frame .two h1, #job-picks-dc-multis-frame .two h1 {
  margin-bottom: 1em;
}
#job-picks-dc-singles-frame .two h3, #job-picks-dc-singles-frame .two h2, #job-picks-dc-multis-frame .two h3, #job-picks-dc-multis-frame .two h2 {
  margin: 0;
}
#job-picks-dc-singles-frame .two h3, #job-picks-dc-multis-frame .two h3 {
  color: #666;
  font-weight: 400;
}
#job-picks-dc-singles-frame .two h3.batch.hide, #job-picks-dc-multis-frame .two h3.batch.hide {
  display: none;
}
#job-picks-dc-singles-frame .two h2, #job-picks-dc-multis-frame .two h2 {
  color: black;
  font-size: 1.5em;
  font-weight: 600;
}
#job-picks-dc-singles-frame .two .custom-field, #job-picks-dc-multis-frame .two .custom-field {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
#job-picks-dc-singles-frame .two .custom-field p, #job-picks-dc-multis-frame .two .custom-field p {
  margin: 0;
  margin-right: 6px;
  font-size: 14px;
}
#job-picks-dc-singles-frame .two .custom-field p:last-child, #job-picks-dc-multis-frame .two .custom-field p:last-child {
  margin-right: 0;
}
#job-picks-dc-singles-frame .two img, #job-picks-dc-multis-frame .two img {
  margin-top: 2em;
  max-width: 100%;
}
#job-picks-dc-singles-frame .two .list-buttons button, #job-picks-dc-multis-frame .two .list-buttons button {
  text-align: center;
  font-size: 1.4em;
}
#job-picks-dc-singles-frame .two .list-buttons button:first-child, #job-picks-dc-multis-frame .two .list-buttons button:first-child {
  border-top: solid 1px #dddddd;
}
#job-picks-dc-singles-frame .three, #job-picks-dc-singles-frame .three_packaging, #job-picks-dc-multis-frame .three, #job-picks-dc-multis-frame .three_packaging {
  padding-top: 0.5em;
}
#job-picks-dc-singles-frame .three h3, #job-picks-dc-singles-frame .three h2, #job-picks-dc-singles-frame .three_packaging h3, #job-picks-dc-singles-frame .three_packaging h2, #job-picks-dc-multis-frame .three h3, #job-picks-dc-multis-frame .three h2, #job-picks-dc-multis-frame .three_packaging h3, #job-picks-dc-multis-frame .three_packaging h2 {
  margin: 0;
}
#job-picks-dc-singles-frame .three h3, #job-picks-dc-singles-frame .three_packaging h3, #job-picks-dc-multis-frame .three h3, #job-picks-dc-multis-frame .three_packaging h3 {
  color: #666;
  font-weight: 400;
}
#job-picks-dc-singles-frame .three h2, #job-picks-dc-singles-frame .three_packaging h2, #job-picks-dc-multis-frame .three h2, #job-picks-dc-multis-frame .three_packaging h2 {
  color: black;
  font-size: 1.5em;
  font-weight: 600;
}
#job-picks-dc-singles-frame .three h1, #job-picks-dc-singles-frame .three_packaging h1, #job-picks-dc-multis-frame .three h1, #job-picks-dc-multis-frame .three_packaging h1 {
  font-size: 2.5em;
}
#job-picks-dc-singles-frame .three h1.label, #job-picks-dc-singles-frame .three_packaging h1.label, #job-picks-dc-multis-frame .three h1.label, #job-picks-dc-multis-frame .three_packaging h1.label {
  margin-top: 1em;
  font-weight: normal;
  font-size: 2em;
}
#job-picks-dc-singles-frame .three h3.bin, #job-picks-dc-singles-frame .three_packaging h3.bin, #job-picks-dc-multis-frame .three h3.bin, #job-picks-dc-multis-frame .three_packaging h3.bin {
  font-size: 1.8em;
  color: black;
}
#job-picks-dc-singles-frame .three input.confirm-qty.big-input, #job-picks-dc-singles-frame .three_packaging input.confirm-qty.big-input, #job-picks-dc-multis-frame .three input.confirm-qty.big-input, #job-picks-dc-multis-frame .three_packaging input.confirm-qty.big-input {
  height: 100px;
}
#job-picks-dc-singles-frame .three .packaging-suggestions, #job-picks-dc-singles-frame .three_packaging .packaging-suggestions, #job-picks-dc-multis-frame .three .packaging-suggestions, #job-picks-dc-multis-frame .three_packaging .packaging-suggestions {
  margin-top: 1em;
  padding: 1em;
  background: #f9f9f9;
  border-radius: 8px;
  text-align: left;
}
#job-picks-dc-singles-frame .three .packaging-suggestions .suggestion-list, #job-picks-dc-singles-frame .three_packaging .packaging-suggestions .suggestion-list, #job-picks-dc-multis-frame .three .packaging-suggestions .suggestion-list, #job-picks-dc-multis-frame .three_packaging .packaging-suggestions .suggestion-list {
  display: flex;
  flex-direction: column;
}
#job-picks-dc-singles-frame .three .packaging-suggestions .suggestion-list p, #job-picks-dc-singles-frame .three_packaging .packaging-suggestions .suggestion-list p, #job-picks-dc-multis-frame .three .packaging-suggestions .suggestion-list p, #job-picks-dc-multis-frame .three_packaging .packaging-suggestions .suggestion-list p {
  margin: 0 0 0.5em 0;
  font-weight: bold;
}
#job-picks-dc-singles-frame .three .packaging-suggestions .suggestion-list span, #job-picks-dc-singles-frame .three_packaging .packaging-suggestions .suggestion-list span, #job-picks-dc-multis-frame .three .packaging-suggestions .suggestion-list span, #job-picks-dc-multis-frame .three_packaging .packaging-suggestions .suggestion-list span {
  font-size: 1.1em;
  color: #333;
}
#job-picks-dc-singles-frame div.pick_matching_item table, #job-picks-dc-multis-frame div.pick_matching_item table {
  border-collapse: collapse;
  text-align: left;
  font-size: 1.2em;
  width: 100%;
}
#job-picks-dc-singles-frame div.pick_matching_item table tr, #job-picks-dc-multis-frame div.pick_matching_item table tr {
  vertical-align: top;
  border-bottom: solid 1px #ccc;
}
#job-picks-dc-singles-frame div.pick_matching_item table td, #job-picks-dc-multis-frame div.pick_matching_item table td {
  padding: 1em;
}
#job-picks-dc-singles-frame div.pick_matching_item table p, #job-picks-dc-multis-frame div.pick_matching_item table p {
  margin: 0;
}
#job-picks-dc-singles-frame div.pick_matching_item table p.description, #job-picks-dc-multis-frame div.pick_matching_item table p.description {
  margin-bottom: 0.2em;
}
#job-picks-dc-singles-frame div.pick_matching_item table p.options, #job-picks-dc-singles-frame div.pick_matching_item table p.sku, #job-picks-dc-multis-frame div.pick_matching_item table p.options, #job-picks-dc-multis-frame div.pick_matching_item table p.sku {
  color: #999;
  font-size: 0.8em;
}
#job-picks-dc-singles-frame div.pick_matching_item table p.bin, #job-picks-dc-multis-frame div.pick_matching_item table p.bin {
  margin-top: 0.2em;
  color: #0056FB;
}
#job-picks-dc-singles-frame div.pick_matching_item table p.qty, #job-picks-dc-multis-frame div.pick_matching_item table p.qty {
  font-size: 1.4em;
  text-align: center;
}
#job-picks-dc-singles-frame div.pick_matching_item table p.picked, #job-picks-dc-multis-frame div.pick_matching_item table p.picked {
  opacity: 0.3;
  text-align: center;
}
#job-picks-dc-singles-frame div.pickMatchingItem table, #job-picks-dc-multis-frame div.pickMatchingItem table {
  border-collapse: collapse;
  text-align: left;
  font-size: 1.2em;
  width: 100%;
}
#job-picks-dc-singles-frame div.pickMatchingItem table tr, #job-picks-dc-multis-frame div.pickMatchingItem table tr {
  vertical-align: top;
  border-bottom: solid 1px #ccc;
}
#job-picks-dc-singles-frame div.pickMatchingItem table td, #job-picks-dc-multis-frame div.pickMatchingItem table td {
  padding: 1em;
}
#job-picks-dc-singles-frame div.pickMatchingItem table p, #job-picks-dc-multis-frame div.pickMatchingItem table p {
  margin: 0;
}
#job-picks-dc-singles-frame div.pickMatchingItem table p.description, #job-picks-dc-multis-frame div.pickMatchingItem table p.description {
  margin-bottom: 0.2em;
}
#job-picks-dc-singles-frame div.pickMatchingItem table p.options, #job-picks-dc-singles-frame div.pickMatchingItem table p.sku, #job-picks-dc-multis-frame div.pickMatchingItem table p.options, #job-picks-dc-multis-frame div.pickMatchingItem table p.sku {
  color: #999;
  font-size: 0.8em;
}
#job-picks-dc-singles-frame div.pickMatchingItem table p.bin, #job-picks-dc-multis-frame div.pickMatchingItem table p.bin {
  margin-top: 0.2em;
  color: #4bc2f1;
}
#job-picks-dc-singles-frame div.pickMatchingItem table p.qty, #job-picks-dc-multis-frame div.pickMatchingItem table p.qty {
  font-size: 1.4em;
  text-align: center;
}
#job-picks-dc-singles-frame div.pickMatchingItem table p.picked, #job-picks-dc-multis-frame div.pickMatchingItem table p.picked {
  opacity: 0.3;
  text-align: center;
}
#job-picks-dc-singles-frame .four.scan-tote, #job-picks-dc-multis-frame .four.scan-tote {
  padding-top: 2em;
}
#job-picks-dc-singles-frame .four.scan-tote h1.tote, #job-picks-dc-multis-frame .four.scan-tote h1.tote {
  color: #23a5d7;
  font-size: 3em;
}
#job-picks-dc-singles-frame footer div.three > div, #job-picks-dc-singles-frame footer div.three_packaging > div, #job-picks-dc-multis-frame footer div.three > div, #job-picks-dc-multis-frame footer div.three_packaging > div {
  display: flex;
}
#job-picks-dc-singles-frame footer div.three > div .cancel-container, #job-picks-dc-singles-frame footer div.three_packaging > div .cancel-container, #job-picks-dc-multis-frame footer div.three > div .cancel-container, #job-picks-dc-multis-frame footer div.three_packaging > div .cancel-container {
  flex-basis: 50px;
  flex-grow: 0;
}
#job-picks-dc-singles-frame footer div.three > div .confirm-container, #job-picks-dc-singles-frame footer div.three_packaging > div .confirm-container, #job-picks-dc-multis-frame footer div.three > div .confirm-container, #job-picks-dc-multis-frame footer div.three_packaging > div .confirm-container {
  flex-grow: 1;
  padding-left: 0.5em;
}
#job-picks-dc-singles-frame div.multi-nav, #job-picks-dc-multis-frame div.multi-nav {
  background: #0056FB;
  color: white;
  display: flex;
  align-items: center;
}
#job-picks-dc-singles-frame div.multi-nav div.title, #job-picks-dc-multis-frame div.multi-nav div.title {
  flex-grow: 1;
}
#job-picks-dc-singles-frame div.multi-nav div.title h2, #job-picks-dc-multis-frame div.multi-nav div.title h2 {
  margin: 0;
  padding: 0.2em 0;
}
#job-picks-dc-singles-frame div.multi-nav div.title h2.bounce, #job-picks-dc-multis-frame div.multi-nav div.title h2.bounce {
  animation: size-bounce 0.5s ease;
}
#job-picks-dc-singles-frame div.multi-nav button, #job-picks-dc-multis-frame div.multi-nav button {
  flex: 0 0 50px;
  background: transparent;
  border-radius: 0;
  font-size: 1.3em;
}
#job-picks-dc-singles-frame div.multi-nav button.left, #job-picks-dc-multis-frame div.multi-nav button.left {
  border-right: solid 1px white;
}
#job-picks-dc-singles-frame div.multi-nav button.right, #job-picks-dc-multis-frame div.multi-nav button.right {
  border-left: solid 1px white;
}
#job-picks-dc-singles-frame .modal, #job-picks-dc-multis-frame .modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
#job-picks-dc-singles-frame .modal.show, #job-picks-dc-multis-frame .modal.show {
  display: flex;
}
#job-picks-dc-singles-frame .modal, #job-picks-dc-multis-frame .modal {
  align-items: center;
  justify-content: center;
}
#job-picks-dc-singles-frame .modal > div, #job-picks-dc-multis-frame .modal > div {
  width: 90%;
  background: white;
  border-radius: 18px;
  text-align: center;
}

@keyframes size-bounce {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.4);
  }
  80% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes rotate-shake {
  0% {
    transform: rotate(0deg);
  }
  33% {
    transform: rotate(2deg);
  }
  66% {
    transform: rotate(-2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

/*# sourceMappingURL=job-picks.css.map */