@charset "UTF-8";
@import "dropzone.css";
html {
  overflow-y: scroll;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  color: #393939;
}

body.dragfix {
  position: relative;
  overflow: auto;
}

.clearfix::after {
  clear: both;
  content: "";
  display: block;
}

h1 {
  font-size: 50px;
  font-weight: normal;
  color: #666;
}

h4 {
  font-size: 16px;
}

h3 a {
  color: #393939;
}

select, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
}

img.ui-datepicker-trigger {
  cursor: pointer;
  background-image: none !important;
  padding: 7px;
}

.helper {
  cursor: help;
}

.label-light,
.badge-light {
  background-color: #f5f5f5 !important;
  border: 1px solid #e4e4e4;
}

.dropdown-menu .dropdown-header {
  display: block;
  padding: 0 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
  text-align: left;
}

.badge-group {
  display: flex;
}
.badge-group.badge-group-standard .badge {
  padding: 4px 16px;
  font-weight: 500;
}
.badge-group .badge {
  flex-grow: 1;
  font-size: 11px;
  border-radius: 0;
  margin-right: 1px;
  text-align: center;
}
.badge-group .badge:first-child {
  border-bottom-left-radius: 9px;
  border-top-left-radius: 9px;
}
.badge-group .badge:last-child {
  margin-right: 0;
  border-bottom-right-radius: 9px;
  border-top-right-radius: 9px;
}

.label-red,
.badge-red {
  background-color: #d1534e !important;
}

.label-black,
.badge-black {
  background-color: #393939 !important;
}

.label-orange,
.badge-orange {
  background-color: #e3884c !important;
}

.label-yellow,
.badge-yellow {
  background-color: #ffb752 !important;
  color: #fff !important;
}

.label-green,
.badge-green {
  background-color: #5cb859 !important;
}

.label-green,
.badge-sa,
.btn-sa {
  background-color: #a050a0 !important;
}

.badge.badge-small.badge-pallet {
  padding: 5px 5px;
  border-radius: 3px;
  color: #4d4d4d;
  font-weight: 800;
  background-color: #fafb00 !important;
}
.badge.badge-small.badge-pallet a {
  color: #4d4d4d;
}

.btn-sa:hover {
  background-color: #5c2e5c !important;
}

.btn.btn-default:hover:not(.disabled.btn-danger.btn-success) {
  background-color: #4f99c6 !important;
}

a.btn {
  text-decoration: none !important;
}

a.btn.btn-small.btn-delete:hover {
  background-color: #d30000 !important;
}

.btn {
  transition: 0.3s all !important;
  border-radius: 4px !important;
}

.btn.btn-deposco,
.btn-deposco {
  background-color: #ff9900 !important;
  transition: 0.3s all;
}
.btn.btn-deposco.btn-deposco-ok,
.btn-deposco.btn-deposco-ok {
  background-color: #5cb859 !important;
}
.btn.btn-deposco.disabled,
.btn-deposco.disabled {
  background-color: #bbb !important;
}

.btn.btn-deposco:hover,
.btn-deposco:hover {
  background-color: #f48020 !important;
}
.btn.btn-deposco:hover.disabled,
.btn-deposco:hover.disabled {
  background-color: #bbb !important;
}

i.deposco,
i.deposco-ok {
  color: #5cb859;
}

.btn-deposco-good i.deposco,
.btn-deposco-good i.deposco-ok {
  color: white;
}

i.deposco-disabled {
  color: #bbbbbb;
}

.deposco-footer-status {
  border-top: 1px solid #eee;
  color: #999;
  font-size: 11px;
  font-style: italic;
  margin-top: 5px;
  padding-top: 5px;
}
.deposco-footer-status .title {
  font-weight: 800;
  color: orange;
}

.sf_admin_list_td_list_deposco_ready {
  color: #ccc;
}

.badge.badge-small {
  font-size: 10px;
  line-height: 1.2;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
  border-radius: 6px;
  font-weight: 600;
  padding-bottom: 2px;
}
.badge.deposco-order-type {
  background-color: #ff9900 !important;
}

.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
  font-size: 14px;
  font-weight: 600;
  padding: 0 0 0 20px;
}
.navbar-fixed-top .navbar-inner .container-fluid,
.navbar-fixed-bottom .navbar-inner .container-fluid {
  padding-right: 0;
}

#sidebar .lock_date {
  position: fixed;
  bottom: 0;
  padding: 10px;
  font-weight: 600;
  color: #999;
  font-size: 12px;
  text-align: center;
}
#sidebar .lock_date i {
  margin-right: 0.2em;
}
#sidebar .lock_date span strong {
  font-weight: 600;
  border-bottom: 1px dashed;
}

.formError {
  font-size: 12px;
  font-weight: 600;
}
.formError i {
  margin-right: 2px;
}

.sf_admin_list > div > table.table > tbody > tr.overdue td {
  background-color: rgba(255, 0, 0, 0.1);
}
.sf_admin_list > div > table.table > tbody > tr.due-today td {
  background-color: rgba(255, 127, 0, 0.1);
}

.sf_admin_list table.table th,
.order_items table.table th {
  font-weight: 600;
}
.sf_admin_list table.table tbody th.num,
.order_items table.table tbody th.num {
  text-align: center;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_created,
.order_items table.table tbody tr td.sf_admin_list_td_list_created {
  line-height: 1.3;
  white-space: nowrap;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_created .created-at,
.order_items table.table tbody tr td.sf_admin_list_td_list_created .created-at {
  font-size: 10px;
  color: #999;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_status,
.order_items table.table tbody tr td.sf_admin_list_td_list_status {
  text-align: center;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_status .status,
.order_items table.table tbody tr td.sf_admin_list_td_list_status .status {
  font-size: 80%;
  text-transform: uppercase;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_allocated, .sf_admin_list table.table tbody tr td.sf_admin_list_td_total_items, .sf_admin_list table.table tbody tr td.sf_admin_list_td_total_items_scheduled, .sf_admin_list table.table tbody tr td.sf_admin_list_td_total_shipped,
.order_items table.table tbody tr td.sf_admin_list_td_list_allocated,
.order_items table.table tbody tr td.sf_admin_list_td_total_items,
.order_items table.table tbody tr td.sf_admin_list_td_total_items_scheduled,
.order_items table.table tbody tr td.sf_admin_list_td_total_shipped {
  text-align: right;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_flags .total-weight, .sf_admin_list table.table tbody tr td.sf_admin_list_td_list_shipping .total-weight,
.order_items table.table tbody tr td.sf_admin_list_td_list_flags .total-weight,
.order_items table.table tbody tr td.sf_admin_list_td_list_shipping .total-weight {
  font-weight: 600;
  color: #676767;
  font-style: italic;
  text-align: center;
  margin-bottom: 5px;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_flags .total-weight.heavy, .sf_admin_list table.table tbody tr td.sf_admin_list_td_list_shipping .total-weight.heavy,
.order_items table.table tbody tr td.sf_admin_list_td_list_flags .total-weight.heavy,
.order_items table.table tbody tr td.sf_admin_list_td_list_shipping .total-weight.heavy {
  color: #ff2920;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_flags .total-weight.medium, .sf_admin_list table.table tbody tr td.sf_admin_list_td_list_shipping .total-weight.medium,
.order_items table.table tbody tr td.sf_admin_list_td_list_flags .total-weight.medium,
.order_items table.table tbody tr td.sf_admin_list_td_list_shipping .total-weight.medium {
  color: #e3884c;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_flags .total-weight.light, .sf_admin_list table.table tbody tr td.sf_admin_list_td_list_shipping .total-weight.light,
.order_items table.table tbody tr td.sf_admin_list_td_list_flags .total-weight.light,
.order_items table.table tbody tr td.sf_admin_list_td_list_shipping .total-weight.light {
  color: #5cb859;
  font-weight: normal;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_allocated .row-fluid,
.order_items table.table tbody tr td.sf_admin_list_td_list_allocated .row-fluid {
  margin-bottom: 0;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_allocated .row-fluid > [class*=span],
.order_items table.table tbody tr td.sf_admin_list_td_list_allocated .row-fluid > [class*=span] {
  min-height: 20px;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_shipping,
.order_items table.table tbody tr td.sf_admin_list_td_list_shipping {
  text-align: center;
  text-transform: uppercase;
  font-size: 80%;
  padding: 0;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_shipping strong,
.order_items table.table tbody tr td.sf_admin_list_td_list_shipping strong {
  font-weight: 800;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_shipping .allocation-shipping-status,
.order_items table.table tbody tr td.sf_admin_list_td_list_shipping .allocation-shipping-status {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  margin: 2px;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_shipping .allocation-shipping-status > div,
.order_items table.table tbody tr td.sf_admin_list_td_list_shipping .allocation-shipping-status > div {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  font-size: 90%;
  padding-top: 3px;
  padding-bottom: 3px;
  flex-grow: 1;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_shipping .allocation-shipping-status > div.cancelled,
.order_items table.table tbody tr td.sf_admin_list_td_list_shipping .allocation-shipping-status > div.cancelled {
  width: 100%;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_shipping .allocation-shipping-status > div.badge,
.order_items table.table tbody tr td.sf_admin_list_td_list_shipping .allocation-shipping-status > div.badge {
  padding: 2px 0;
  margin: 1px;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_shipping .shipping-date-location,
.order_items table.table tbody tr td.sf_admin_list_td_list_shipping .shipping-date-location {
  padding-top: 5px;
  padding-bottom: 2px;
  position: relative;
  clear: both;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_shipping .shipping-date-location .courier,
.order_items table.table tbody tr td.sf_admin_list_td_list_shipping .shipping-date-location .courier {
  font-weight: bold;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_shipping .shipping-date-location .trunking,
.order_items table.table tbody tr td.sf_admin_list_td_list_shipping .shipping-date-location .trunking {
  border-radius: 4px;
  margin: 2px 3px 2px 3px;
  padding: 2px;
  color: #FFF;
  min-width: 100px;
  display: inline-block;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_shipping .shipping-date-location .trunking .warehouse,
.order_items table.table tbody tr td.sf_admin_list_td_list_shipping .shipping-date-location .trunking .warehouse {
  display: inline-block;
}
.sf_admin_list table.table tbody tr td.sf_admin_list_td_list_shipping .shipping-date-location .trunking .trunk-date,
.order_items table.table tbody tr td.sf_admin_list_td_list_shipping .shipping-date-location .trunking .trunk-date {
  font-weight: 600;
}
.sf_admin_list table.table tbody tr td .comment,
.order_items table.table tbody tr td .comment {
  border-radius: 5px;
  padding: 5px 10px;
  margin: 5px;
  border: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  color: #c09853;
}
.sf_admin_list table.table tbody tr.locked:not(.complete) .icon-lock,
.order_items table.table tbody tr.locked:not(.complete) .icon-lock {
  color: #d1534e;
}
.sf_admin_list table.table tbody tr.success > td,
.order_items table.table tbody tr.success > td {
  background-color: #daffd4;
}
.sf_admin_list table.table tbody tr.collection.cant_ship.fully_allocated td, .sf_admin_list table.table tbody tr.delivery.cant_ship.fully_allocated td,
.order_items table.table tbody tr.collection.cant_ship.fully_allocated td,
.order_items table.table tbody tr.delivery.cant_ship.fully_allocated td {
  background-color: rgba(209, 83, 78, 0.3);
}
.sf_admin_list table.table tbody tr.collection.can_ship td.sf_admin_list_td_list_shipping .shipping-date-location,
.sf_admin_list table.table tbody tr.collection.can_ship td.sf_admin_list_td_list_shipping .shipping-date-location div, .sf_admin_list table.table tbody tr.delivery.can_ship td.sf_admin_list_td_list_shipping .shipping-date-location,
.sf_admin_list table.table tbody tr.delivery.can_ship td.sf_admin_list_td_list_shipping .shipping-date-location div,
.order_items table.table tbody tr.collection.can_ship td.sf_admin_list_td_list_shipping .shipping-date-location,
.order_items table.table tbody tr.collection.can_ship td.sf_admin_list_td_list_shipping .shipping-date-location div,
.order_items table.table tbody tr.delivery.can_ship td.sf_admin_list_td_list_shipping .shipping-date-location,
.order_items table.table tbody tr.delivery.can_ship td.sf_admin_list_td_list_shipping .shipping-date-location div {
  line-height: 1.4;
}
.sf_admin_list table.table tbody tr.collection.can_ship .is-two-man, .sf_admin_list table.table tbody tr.delivery.can_ship .is-two-man,
.order_items table.table tbody tr.collection.can_ship .is-two-man,
.order_items table.table tbody tr.delivery.can_ship .is-two-man {
  margin-top: 3px;
  margin-bottom: 3px;
}
.sf_admin_list table.table tbody tr.collection.can_ship .is-two-man img, .sf_admin_list table.table tbody tr.delivery.can_ship .is-two-man img,
.order_items table.table tbody tr.collection.can_ship .is-two-man img,
.order_items table.table tbody tr.delivery.can_ship .is-two-man img {
  opacity: 0.8;
  filter: sepia(100%) saturate(240%) brightness(410%) hue-rotate(65deg);
}
.sf_admin_list table.table tbody tr.shipping-overdue td.sf_admin_list_td_list_shipping, .sf_admin_list table.table tbody tr.shipping-overdue:hover td.sf_admin_list_td_list_shipping,
.order_items table.table tbody tr.shipping-overdue td.sf_admin_list_td_list_shipping,
.order_items table.table tbody tr.shipping-overdue:hover td.sf_admin_list_td_list_shipping {
  background-color: rgba(209, 83, 78, 0.3) !important;
}
.sf_admin_list table.table tbody tr.cancelled td, .sf_admin_list table.table tbody tr.archived td,
.order_items table.table tbody tr.cancelled td,
.order_items table.table tbody tr.archived td {
  background-color: #f6f6f6;
}
.sf_admin_list table.table tbody tr.cancelled td a, .sf_admin_list table.table tbody tr.archived td a,
.order_items table.table tbody tr.cancelled td a,
.order_items table.table tbody tr.archived td a {
  color: #AAA;
}
.sf_admin_list table.table tbody tr.cancelled td .po, .sf_admin_list table.table tbody tr.cancelled td .code, .sf_admin_list table.table tbody tr.archived td .po, .sf_admin_list table.table tbody tr.archived td .code,
.order_items table.table tbody tr.cancelled td .po,
.order_items table.table tbody tr.cancelled td .code,
.order_items table.table tbody tr.archived td .po,
.order_items table.table tbody tr.archived td .code {
  color: #aaa;
}
.sf_admin_list table.table tbody tr.cancelled .notes .private,
.sf_admin_list table.table tbody tr.cancelled .notes .public,
.sf_admin_list table.table tbody tr.cancelled .notes .shipping, .sf_admin_list table.table tbody tr.archived .notes .private,
.sf_admin_list table.table tbody tr.archived .notes .public,
.sf_admin_list table.table tbody tr.archived .notes .shipping,
.order_items table.table tbody tr.cancelled .notes .private,
.order_items table.table tbody tr.cancelled .notes .public,
.order_items table.table tbody tr.cancelled .notes .shipping,
.order_items table.table tbody tr.archived .notes .private,
.order_items table.table tbody tr.archived .notes .public,
.order_items table.table tbody tr.archived .notes .shipping {
  color: #999;
}
.sf_admin_list table.table tbody tr.cancelled td,
.order_items table.table tbody tr.cancelled td {
  background-color: #ffe9e9;
}
.sf_admin_list table.table tbody tr.archived td,
.order_items table.table tbody tr.archived td {
  color: #646464;
}
.sf_admin_list table.table tbody tr.archived td a,
.order_items table.table tbody tr.archived td a {
  color: #646464;
}
.sf_admin_list table.table tbody tr.complete td, .sf_admin_list table.table tbody tr.complete a, .sf_admin_list table.table tbody tr.completed td, .sf_admin_list table.table tbody tr.completed a,
.order_items table.table tbody tr.complete td,
.order_items table.table tbody tr.complete a,
.order_items table.table tbody tr.completed td,
.order_items table.table tbody tr.completed a {
  color: #797979;
}
.sf_admin_list table.table tbody tr.complete td .notes .private, .sf_admin_list table.table tbody tr.complete td .notes .public, .sf_admin_list table.table tbody tr.complete td .notes .shipping, .sf_admin_list table.table tbody tr.complete a .notes .private, .sf_admin_list table.table tbody tr.complete a .notes .public, .sf_admin_list table.table tbody tr.complete a .notes .shipping, .sf_admin_list table.table tbody tr.completed td .notes .private, .sf_admin_list table.table tbody tr.completed td .notes .public, .sf_admin_list table.table tbody tr.completed td .notes .shipping, .sf_admin_list table.table tbody tr.completed a .notes .private, .sf_admin_list table.table tbody tr.completed a .notes .public, .sf_admin_list table.table tbody tr.completed a .notes .shipping,
.order_items table.table tbody tr.complete td .notes .private,
.order_items table.table tbody tr.complete td .notes .public,
.order_items table.table tbody tr.complete td .notes .shipping,
.order_items table.table tbody tr.complete a .notes .private,
.order_items table.table tbody tr.complete a .notes .public,
.order_items table.table tbody tr.complete a .notes .shipping,
.order_items table.table tbody tr.completed td .notes .private,
.order_items table.table tbody tr.completed td .notes .public,
.order_items table.table tbody tr.completed td .notes .shipping,
.order_items table.table tbody tr.completed a .notes .private,
.order_items table.table tbody tr.completed a .notes .public,
.order_items table.table tbody tr.completed a .notes .shipping {
  color: #CCC;
}
.sf_admin_list table.table tbody tr.complete td.sf_admin_list_td_list_status .icon-stack-base,
.sf_admin_list table.table tbody tr.complete td.sf_admin_list_td_list_status .status, .sf_admin_list table.table tbody tr.completed td.sf_admin_list_td_list_status .icon-stack-base,
.sf_admin_list table.table tbody tr.completed td.sf_admin_list_td_list_status .status,
.order_items table.table tbody tr.complete td.sf_admin_list_td_list_status .icon-stack-base,
.order_items table.table tbody tr.complete td.sf_admin_list_td_list_status .status,
.order_items table.table tbody tr.completed td.sf_admin_list_td_list_status .icon-stack-base,
.order_items table.table tbody tr.completed td.sf_admin_list_td_list_status .status {
  color: rgba(60, 171, 60, 0.7);
}
.sf_admin_list table.table tbody tr.complete .badge, .sf_admin_list table.table tbody tr.completed .badge,
.order_items table.table tbody tr.complete .badge,
.order_items table.table tbody tr.completed .badge {
  background-color: #CCC !important;
  color: #EEE !important;
}
.sf_admin_list table.table tbody tr.complete svg.peity path, .sf_admin_list table.table tbody tr.completed svg.peity path,
.order_items table.table tbody tr.complete svg.peity path,
.order_items table.table tbody tr.completed svg.peity path {
  fill: #CCC !important;
}
.sf_admin_list table.table tbody tr.cancelled td,
.order_items table.table tbody tr.cancelled td {
  color: #ccc;
}
.sf_admin_list table.table tbody tr.cancelled td a,
.order_items table.table tbody tr.cancelled td a {
  color: #ccc;
}
.sf_admin_list table.table tbody tr.cancelled td.sf_admin_list_td_list_id,
.order_items table.table tbody tr.cancelled td.sf_admin_list_td_list_id {
  text-decoration: line-through;
}
.sf_admin_list table.table tbody tr.cancelled td.sf_admin_list_td_list_status .icon-stack-base,
.sf_admin_list table.table tbody tr.cancelled td.sf_admin_list_td_list_status .status,
.order_items table.table tbody tr.cancelled td.sf_admin_list_td_list_status .icon-stack-base,
.order_items table.table tbody tr.cancelled td.sf_admin_list_td_list_status .status {
  color: rgba(209, 83, 78, 0.75);
}
.sf_admin_list table.table tbody tr.cancelled td .badge,
.sf_admin_list table.table tbody tr.cancelled td *[class^=badge-],
.order_items table.table tbody tr.cancelled td .badge,
.order_items table.table tbody tr.cancelled td *[class^=badge-] {
  background-color: #ccc !important;
  color: #fff !important;
}
.sf_admin_list table.table tbody tr.fully_allocated td,
.order_items table.table tbody tr.fully_allocated td {
  background-color: rgba(92, 184, 89, 0.15);
}
.sf_admin_list table.table tbody tr.fully_allocated:hover td,
.order_items table.table tbody tr.fully_allocated:hover td {
  background-color: rgba(92, 184, 89, 0.25);
}
.sf_admin_list table.table tbody tr.fully_allocated.cant_ship td,
.order_items table.table tbody tr.fully_allocated.cant_ship td {
  background-color: rgba(209, 83, 78, 0.15);
}
.sf_admin_list table.table tbody tr.fully_allocated.cant_ship:hover td,
.order_items table.table tbody tr.fully_allocated.cant_ship:hover td {
  background-color: rgba(209, 83, 78, 0.25);
}
.sf_admin_list table.table tbody tr.is_deleting, .sf_admin_list table.table tbody tr.is_cancelled,
.order_items table.table tbody tr.is_deleting,
.order_items table.table tbody tr.is_cancelled {
  color: #ccc !important;
  text-decoration: line-through !important;
}
.sf_admin_list table.table tbody tr.is_on_order td,
.order_items table.table tbody tr.is_on_order td {
  background-color: rgba(255, 162, 0, 0.16);
}
.sf_admin_list table.table tbody tr.pending_transfer td,
.order_items table.table tbody tr.pending_transfer td {
  background-color: rgba(255, 162, 0, 0.16);
}
.sf_admin_list table.table tbody tr.invalid_selection td,
.order_items table.table tbody tr.invalid_selection td {
  background-color: #ffedac !important;
}
.sf_admin_list table.table tbody tr.valid_selection td,
.order_items table.table tbody tr.valid_selection td {
  background-color: #c3eab2 !important;
}
.sf_admin_list table.table tbody tr.invalid_selection td, .sf_admin_list table.table tbody tr.valid_selection td,
.order_items table.table tbody tr.invalid_selection td,
.order_items table.table tbody tr.valid_selection td {
  color: #666 !important;
}
.sf_admin_list table.table tbody tr.invalid_selection td a, .sf_admin_list table.table tbody tr.valid_selection td a,
.order_items table.table tbody tr.invalid_selection td a,
.order_items table.table tbody tr.valid_selection td a {
  color: #08c !important;
}
.sf_admin_list table.table tbody tr.can_ship td,
.order_items table.table tbody tr.can_ship td {
  background-color: rgba(92, 184, 89, 0.15);
}
.sf_admin_list table.table tbody tr.is_received td,
.order_items table.table tbody tr.is_received td {
  color: #c6c6c6;
}
.sf_admin_list table.table tbody tr.is_received td a,
.order_items table.table tbody tr.is_received td a {
  color: #999;
}
.sf_admin_list table.table tbody tr.is_complete td,
.order_items table.table tbody tr.is_complete td {
  background-color: #f9f9f9;
  color: #797979;
}
.sf_admin_list table.table tbody tr.is_complete td a,
.order_items table.table tbody tr.is_complete td a {
  color: #999;
}
.sf_admin_list table.table tbody tr .quantity_on_order,
.order_items table.table tbody tr .quantity_on_order {
  border-right: none;
}

.sf_admin_list.warehouse .btn.btn-mini.sf_admin_action_dashboard {
  background-color: #2283c5 !important;
  border-color: #2283c5 !important;
}

table.table.goods-received-items {
  margin-bottom: 0 !important;
}
table.table.goods-received-items tbody tr.selected td {
  background-color: rgba(0, 136, 204, 0.08);
}
table.table.goods-received-items tbody tr.is_complete td {
  background-color: #f9f9f9;
  color: #797979;
}
table.table.goods-received-items tbody tr.is_complete td a {
  color: #999;
}
table.table.goods-received-items tbody tr.is_complete td input {
  background-color: #f9f9f9 !important;
  color: #c6c6c6 !important;
}
table.table.knockout-table tbody tr td, table.table.knockout-table tfoot tr td {
  padding: 0;
}
table.table.knockout-table tbody tr td.text, table.table.knockout-table tfoot tr td.text {
  padding: 10px 10px;
}
table.table.knockout-table tbody tr td input, table.table.knockout-table tfoot tr td input {
  height: auto;
  border: none;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  background-color: #fcf8e3;
}
table.table.knockout-table tbody tr td input.quantity, table.table.knockout-table tbody tr td input.tax_rate, table.table.knockout-table tfoot tr td input.quantity, table.table.knockout-table tfoot tr td input.tax_rate {
  text-align: center;
}
table.table.knockout-table tbody tr td input:focus, table.table.knockout-table tfoot tr td input:focus {
  background-color: rgba(255, 255, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
table.table.knockout-table tbody tr td span, table.table.knockout-table tfoot tr td span {
  padding: 10px;
}
table.table.knockout-table tbody tr td span.number, table.table.knockout-table tfoot tr td span.number {
  text-align: right;
}
table.table.knockout-table tbody tr td.text span, table.table.knockout-table tfoot tr td.text span {
  padding: 0;
}
table.table.knockout-table tbody tr td .row-spacer, table.table.knockout-table tfoot tr td .row-spacer {
  display: table-cell;
  width: 100%;
  height: 36px;
}
table.table.knockout-table tbody tr td.number, table.table.knockout-table tfoot tr td.number {
  padding: 10px 10px;
  text-align: right;
}
table.table.knockout-table tbody tr td.number input, table.table.knockout-table tfoot tr td.number input {
  text-align: right;
}
table.table.knockout-table tfoot th {
  border: 1px solid rgb(208, 208, 208);
}
table.table.knockout-table tfoot td {
  border-top: 1px solid rgb(208, 208, 208);
  background: #fff;
}

table.table.knockout-table tbody tr td, table.table.knockout-table tfoot tr td {
  padding: 0;
}
table.table.knockout-table tbody tr td.text, table.table.knockout-table tfoot tr td.text {
  padding: 10px 10px;
}
table.table.knockout-table tbody tr td input, table.table.knockout-table tfoot tr td input {
  height: auto;
  border: none;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  background-color: #fcf8e3;
}
table.table.knockout-table tbody tr td input.quantity, table.table.knockout-table tbody tr td input.tax_rate, table.table.knockout-table tfoot tr td input.quantity, table.table.knockout-table tfoot tr td input.tax_rate {
  text-align: center;
}
table.table.knockout-table tbody tr td input:focus, table.table.knockout-table tfoot tr td input:focus {
  background-color: rgba(255, 255, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
table.table.knockout-table tbody tr td span, table.table.knockout-table tfoot tr td span {
  padding: 10px;
}
table.table.knockout-table tbody tr td span.btn, table.table.knockout-table tfoot tr td span.btn {
  padding: 0 12px;
}
table.table.knockout-table tbody tr td span.number, table.table.knockout-table tfoot tr td span.number {
  text-align: right;
}
table.table.knockout-table tbody tr td .row-spacer, table.table.knockout-table tfoot tr td .row-spacer {
  display: table-cell;
  width: 100%;
  height: 36px;
}
table.table.knockout-table tbody tr td.number, table.table.knockout-table tfoot tr td.number {
  padding: 10px 10px;
  text-align: right;
}
table.table.knockout-table tbody tr td.number input, table.table.knockout-table tfoot tr td.number input {
  text-align: right;
}
table.table.knockout-table tfoot th {
  border: 1px solid rgb(208, 208, 208);
}
table.table.knockout-table tfoot td {
  border-top: 1px solid rgb(208, 208, 208);
  background: #fff;
}
table.table.knockout-table tfoot td.total {
  padding: 0 !important;
}
table.table thead tr.subheader th {
  font-weight: 600;
  font-size: 88%;
  padding-top: 4px;
  padding-bottom: 4px;
}

.well h4 {
  font-weight: 600;
}
.well form {
  margin: 0 auto;
}
.well input,
.well textarea,
.well select {
  max-width: 100%;
}

.ui-tooltip {
  color: #333;
}

.navbar .brand {
  padding: 4px 0;
}

.alert::after, .alert-block::after {
  clear: both;
  content: "";
  display: block;
}
.alert > div.icon, .alert-block > div.icon {
  float: left;
  width: 20px;
}
.alert > div.content, .alert-block > div.content {
  margin-left: 30px;
}
.alert > div.content ul, .alert > div.content ol, .alert-block > div.content ul, .alert-block > div.content ol {
  margin-top: 0;
  margin-left: 20px;
}
.alert > div.content h1, .alert > div.content h2, .alert > div.content h3, .alert > div.content h4, .alert-block > div.content h1, .alert-block > div.content h2, .alert-block > div.content h3, .alert-block > div.content h4 {
  margin-bottom: 10px;
}
.alert > div.content p, .alert-block > div.content p {
  margin-bottom: 5px;
}
.alert > div.content ul, .alert > div.content ol, .alert-block > div.content ul, .alert-block > div.content ol {
  margin-bottom: 15px;
}
.alert > div.content p:last-child,
.alert > div.content ul:last-child, .alert-block > div.content p:last-child,
.alert-block > div.content ul:last-child {
  margin-bottom: 0 !important;
}
.alert > div.content h4, .alert-block > div.content h4 {
  font-size: 16px;
  font-weight: 600;
}
.alert > div.content h1:first-child,
.alert > div.content h2:first-child,
.alert > div.content h3:first-child,
.alert > div.content h4:first-child, .alert-block > div.content h1:first-child,
.alert-block > div.content h2:first-child,
.alert-block > div.content h3:first-child,
.alert-block > div.content h4:first-child {
  margin-top: 0;
  margin-bottom: 10px;
}
.alert .buttons, .alert-block .buttons {
  margin: 20px auto 0 -10px;
  text-align: center;
}
.alert .buttons .btn, .alert-block .buttons .btn {
  margin-left: 10px;
}
.alert ul, .alert ol, .alert-block ul, .alert-block ol {
  margin-left: 3em;
  margin-top: 0.5em;
}
.alert.alert-block, .alert-block.alert-block {
  padding-top: 5px;
  padding-bottom: 5px;
}
.alert.alert-block h3, .alert-block.alert-block h3 {
  line-height: 1;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 18px;
  font-weight: bold;
  margin-top: 15px;
}
.alert.alert-block p, .alert-block.alert-block p {
  line-height: 1.5;
  margin: 10px auto;
}
.alert.alert-error blockquote, .alert.alert-danger blockquote, .alert-block.alert-error blockquote, .alert-block.alert-danger blockquote {
  padding: 4px 0 4px 15px;
  margin: 15px 0 10px;
  border-left: 3px solid #eee;
  border-left-color: rgb(185, 74, 72) !important;
  font-style: italic;
}
.alert.alert-error a, .alert.alert-danger a, .alert-block.alert-error a, .alert-block.alert-danger a {
  color: #4a0c0b;
  text-decoration: underline;
}
.alert.alert-error h3, .alert.alert-error h4, .alert.alert-danger h3, .alert.alert-danger h4, .alert-block.alert-error h3, .alert-block.alert-error h4, .alert-block.alert-danger h3, .alert-block.alert-danger h4 {
  color: #950000 !important;
}
.alert.alert-warning blockquote, .alert-block.alert-warning blockquote {
  padding: 4px 0 4px 15px;
  margin: 15px 0 10px;
  border-left: 3px solid #eee;
  border-left-color: #9b8828 !important;
  font-style: italic;
}
.alert.alert-warning a, .alert-block.alert-warning a {
  color: #9b8828;
  text-decoration: underline;
}
.alert.alert-warning h3, .alert.alert-warning h4, .alert-block.alert-warning h3, .alert-block.alert-warning h4 {
  color: #9b8828 !important;
}

.confirm-times-form h4 {
  margin-top: 20px !important;
}
.confirm-times-form form {
  margin-bottom: 10px;
}
.confirm-times-form form input[type=time] {
  width: 100px;
  height: 24px;
  font-size: 14px;
}

input.has_discount {
  color: #d1534e;
}

input.zero,
.zero {
  color: #CCC;
}

input.negative,
.negative {
  color: #d1534e;
}

ul.sf_admin_actions {
  margin-left: 0 !important;
  padding-left: 0;
}
ul.sf_admin_actions li {
  float: left;
  margin: 3px 3px 0 0;
}

.sf_admin_list > table {
  width: 100%;
}

.table tfoot tr,
.table thead tr,
.sf_admin_list table.table tfoot tr,
.sf_admin_list table.table thead tr {
  border-top: 1px solid #E4E4E4;
}
.table tfoot tr th,
.table thead tr th,
.sf_admin_list table.table tfoot tr th,
.sf_admin_list table.table thead tr th {
  padding-top: 6px;
  padding-bottom: 8px;
  background: #f5f5f5;
  color: #333;
  border: 1px solid #E4E4E4;
}
.table tfoot tr th a,
.table thead tr th a,
.sf_admin_list table.table tfoot tr th a,
.sf_admin_list table.table thead tr th a {
  color: #000;
}
.table tbody td,
.sf_admin_list table.table tbody td {
  background-color: #fff;
  border: 1px solid #E4E4E4;
}
.table tbody td.no-padding > table.table.nested,
.sf_admin_list table.table tbody td.no-padding > table.table.nested {
  border: none;
  margin-bottom: 0;
}
.table tbody td.no-padding > table.table.nested tbody tr th, .table tbody td.no-padding > table.table.nested tbody tr td,
.sf_admin_list table.table tbody td.no-padding > table.table.nested tbody tr th,
.sf_admin_list table.table tbody td.no-padding > table.table.nested tbody tr td {
  border-left: none;
  border-top: none;
}
.table tbody td.no-padding > table.table.nested tbody tr td,
.sf_admin_list table.table tbody td.no-padding > table.table.nested tbody tr td {
  border-right: none;
}
.table tbody td.no-padding > table.table.nested tbody tr:last-child th, .table tbody td.no-padding > table.table.nested tbody tr:last-child td,
.sf_admin_list table.table tbody td.no-padding > table.table.nested tbody tr:last-child th,
.sf_admin_list table.table tbody td.no-padding > table.table.nested tbody tr:last-child td {
  border-bottom: none;
}
.table tbody th,
.sf_admin_list table.table tbody th {
  background: #f5f5f5;
  color: #333;
  text-align: left;
  border: 1px solid #E4E4E4;
}
.table tbody tr.internal td,
.sf_admin_list table.table tbody tr.internal td {
  background-color: #f8f8f8;
}
.table tbody tr.internal td, .table tbody tr.internal td a,
.sf_admin_list table.table tbody tr.internal td,
.sf_admin_list table.table tbody tr.internal td a {
  color: #b3b3b3;
}
.table tbody tr.locked td.sf_admin_td_actions a.sf_admin_action_delete,
.table tbody tr.locked td.sf_admin_td_actions a.sf_admin_action_edit,
.sf_admin_list table.table tbody tr.locked td.sf_admin_td_actions a.sf_admin_action_delete,
.sf_admin_list table.table tbody tr.locked td.sf_admin_td_actions a.sf_admin_action_edit {
  display: none;
}
.table tbody tr.locked td.sf_admin_td_actions .btn,
.sf_admin_list table.table tbody tr.locked td.sf_admin_td_actions .btn {
  white-space: nowrap;
}
.table tfoot tr,
.sf_admin_list table.table tfoot tr {
  border-top: none;
  border-bottom: none;
}
.table tfoot tr td,
.sf_admin_list table.table tfoot tr td {
  border-top: none;
  border-bottom: none;
}

.sf_admin_form,
.sf_admin_view {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}

.sf_admin_filter .saved-filters h3 {
  margin-top: 0;
}
.sf_admin_filter .saved-filters ol li {
  line-height: 1.2;
  margin-bottom: 8px;
}
.sf_admin_filter .saved-filters ol li small {
  color: #666;
}
.sf_admin_filter input.date-picker {
  width: 90px;
}
.sf_admin_filter ul.radio_list li {
  float: left;
  margin-right: 1.5em;
}

@media only screen and (min-width: 600px) {
  body.signin .main-content {
    margin: auto;
  }
  body.signin .main-content #loginForm {
    width: 600px;
    margin: 130px auto 0;
    background-color: #f6f6f6;
    padding: 10px 20px;
    border: 1px solid #ddd;
  }
  body.signin .main-content #loginForm h1 {
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: lighter;
    text-transform: uppercase;
    color: #000;
    margin-top: 10px;
  }
  body.signin .main-content #loginForm form {
    margin-left: 40px;
  }
  body.signin .main-content #loginForm .submit {
    text-align: center;
  }
}
.sf_admin_form.goods_received .highlight-field-group {
  padding: 10px 0;
  border: 1px solid #E4E4E4;
  background-color: #f5f5f5;
  margin-bottom: 10px;
}
.sf_admin_form .form-horizontal .control-group {
  margin-bottom: 10px;
}
.sf_admin_form .form-horizontal .control-group .form-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
  font-weight: 600;
}
.sf_admin_form .form-horizontal .control-group .controls::after {
  clear: both;
  content: "";
  display: block;
}
.sf_admin_form .form-horizontal .control-group .controls input + .help-block {
  margin-top: 0;
}
.sf_admin_form .form-horizontal .control-group .controls input[type=checkbox] + .help-block {
  margin-left: 22px;
  top: 4px;
  position: relative;
}
.sf_admin_form .form-horizontal .control-group .controls input[type=checkbox] {
  float: left;
  position: relative;
  margin-top: 8px;
}
.sf_admin_form .form-horizontal .control-group .controls .notes,
.sf_admin_form .form-horizontal .control-group .controls .shipping_notes,
.sf_admin_form .form-horizontal .control-group .controls .private_notes {
  width: 95%;
  height: 60px;
}
.sf_admin_form .form-horizontal .control-group .controls img {
  background-image: url("../images/transparent.png");
}
.sf_admin_form .form-horizontal .control-group.error .help {
  color: #D16E6C;
}
.sf_admin_form label {
  font-size: 13px;
  font-weight: 600;
}
.sf_admin_form .plainTextContent {
  padding: 5px 0;
  display: block;
  color: #666;
}

.control-group .label {
  color: #383838;
  background-color: #e6e6e6 !important;
  border-radius: 3px 3px 0 0;
  padding: 3px 14px 3px 6px;
  font-weight: 600;
  background: linear-gradient(0deg, rgb(221, 221, 221) 0%, rgb(232, 232, 232) 45%, rgb(246, 246, 246) 100%);
}
.control-group .flex-radio {
  display: flex;
  justify-content: space-between;
  background: rgb(149, 149, 149);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 66%, rgb(241, 241, 241) 100%);
  padding: 5px 5px 0;
  /* border-radius: 5px; */
  margin-right: 5px;
}
.control-group .flex-radio label {
  display: inline;
  padding-left: 18px;
}
.control-group .flex-radio input.radio,
.control-group .flex-radio input[type=radio] {
  float: left;
  margin-left: -18px;
}

.modal {
  width: 80%;
  margin-left: -40%;
}
.modal .modal-body {
  max-height: 600px;
}
.modal .control-group {
  margin-bottom: 10px;
}
.modal label {
  font-size: 11px;
}
.modal .sf_admin_form {
  max-width: 100%;
}
.modal .form-horizontal .control-group {
  margin-bottom: 10px;
}
.modal .form-horizontal input + .help-block,
.modal .form-horizontal select + .help-block,
.modal .form-horizontal textarea + .help-block,
.modal .form-horizontal .uneditable-input + .help-block,
.modal .form-horizontal .input-prepend + .help-block,
.modal .form-horizontal .input-append + .help-block {
  margin-top: 0;
}
.modal form {
  margin-bottom: 0;
}
.modal form .help {
  color: #999;
  font-size: 12px;
}

.table th,
.sf_admin_list .table th {
  color: #999;
  font-weight: normal;
}
.table th a,
.sf_admin_list .table th a {
  color: #333;
  font-weight: 600;
}
.table td,
.sf_admin_list .table td {
  font-size: 12px;
}
.table tfoot th,
.sf_admin_list .table tfoot th {
  color: #333;
  font-weight: 600;
}

td.number {
  text-align: right;
}

tr.delete input,
tr.delete td {
  color: #CCC;
  text-decoration: line-through;
}

.table tbody tr.delete td {
  color: #CCC;
  text-decoration: line-through;
}

.sf_admin_list td.sf_admin_boolean .icon-ok,
.sf_admin_list.sfGuardUser td.sf_admin_list_td_list_status .icon-ok {
  color: #9acd32;
  font-size: 140%;
}
.sf_admin_list td.sf_admin_boolean .icon-remove,
.sf_admin_list.sfGuardUser td.sf_admin_list_td_list_status .icon-remove {
  color: #cd2a39;
  font-size: 140%;
}

.sf_admin_list td.sf_admin_boolean {
  text-align: center;
}

.sf_admin_list.product tbody tr.info.reorder td,
.sf_admin_list.product tbody tr.reorder td,
.sf_admin_list.bundle tbody tr.info.reorder td,
.sf_admin_list.bundle tbody tr.reorder td {
  background: #FABBAB;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}
.sf_admin_list.product tbody tr.info.reorder:hover td,
.sf_admin_list.product tbody tr.reorder:hover td,
.sf_admin_list.bundle tbody tr.info.reorder:hover td,
.sf_admin_list.bundle tbody tr.reorder:hover td {
  background: #f9a893;
}
.sf_admin_list.product tbody tr td.sf_admin_list_td_list_name,
.sf_admin_list.bundle tbody tr td.sf_admin_list_td_list_name {
  line-height: 1.5;
}
.sf_admin_list.product tbody tr td.sf_admin_list_td_list_name .status,
.sf_admin_list.bundle tbody tr td.sf_admin_list_td_list_name .status {
  float: right;
}
.sf_admin_list.product tbody tr td.sf_admin_list_td_list_name .status .badge,
.sf_admin_list.bundle tbody tr td.sf_admin_list_td_list_name .status .badge {
  font-size: 10px;
  padding: 1px 5px;
  font-weight: 600;
}
.sf_admin_list.product tbody tr td.sf_admin_list_td_list_name .brand,
.sf_admin_list.bundle tbody tr td.sf_admin_list_td_list_name .brand {
  font-size: 11px;
  color: #999;
}
.sf_admin_list.product tbody tr td.sf_admin_list_td_list_name .name,
.sf_admin_list.bundle tbody tr td.sf_admin_list_td_list_name .name {
  font-weight: 600;
}

td.item_price,
td.sf_admin_list_td_list_price,
td.sf_admin_list_td_list_total {
  text-align: right;
}
td.item_price div,
td.sf_admin_list_td_list_price div,
td.sf_admin_list_td_list_total div {
  text-align: right;
}
td.item_price div.price,
td.sf_admin_list_td_list_price div.price,
td.sf_admin_list_td_list_total div.price {
  line-height: 1.5;
}
td.item_price div.price .net,
td.sf_admin_list_td_list_price div.price .net,
td.sf_admin_list_td_list_total div.price .net {
  font-weight: 600;
}
td.item_price div.price .gross,
td.sf_admin_list_td_list_price div.price .gross,
td.sf_admin_list_td_list_total div.price .gross {
  font-size: 11px;
  color: #999;
}
td.item_price div.discount_rate,
td.sf_admin_list_td_list_price div.discount_rate,
td.sf_admin_list_td_list_total div.discount_rate {
  color: #999;
  font-weight: 400;
  font-size: 80%;
}

tr.discount_error td.item_price .discount_rate {
  color: red;
}

input.loading {
  background: transparent url("/images/ajax-loader.gif") center right no-repeat;
}

input.price, input.price_inc_vat {
  text-align: right;
}

.table td a.invoice-status {
  text-align: center;
  font-size: 1.2em;
}
.table td a.invoice-status.sent {
  color: #5cb859;
}
.table td a.invoice-status.unsent {
  color: #C0C0C0;
}
.table td a.invoice-status.scheduled {
  color: #FFB752;
}
.table td a.invoice-status.printed {
  color: #5cb859;
}
.table td a.invoice-status.cant-send, .table td a.invoice-status.unscheduled {
  color: #C0C0C0;
}

.modal-backdrop {
  background-color: rgb(230, 230, 230);
}

.help-block {
  font-size: 90%;
  color: #999;
}

.help-inline {
  font-size: 90%;
  color: #999;
}

.sf_admin_form .control-group .checkbox_list,
#adminFilters .control-group .checkbox_list {
  margin-left: 0;
}
.sf_admin_form .control-group .checkbox_list li,
#adminFilters .control-group .checkbox_list li {
  list-style: none;
}
.sf_admin_form .control-group .checkbox_list li label,
#adminFilters .control-group .checkbox_list li label {
  display: inline;
}
.sf_admin_form .control-group .controls label,
#adminFilters .control-group .controls label {
  display: inline;
}
.sf_admin_form .control-group .controls input, .sf_admin_form .control-group .controls select, .sf_admin_form .control-group .controls option,
#adminFilters .control-group .controls input,
#adminFilters .control-group .controls select,
#adminFilters .control-group .controls option {
  color: rgb(130, 130, 130);
}
.sf_admin_form .control-group .controls img,
#adminFilters .control-group .controls img {
  max-width: 100%;
}
.sf_admin_form .control-group .controls.checkboxes label,
#adminFilters .control-group .controls.checkboxes label {
  display: inline;
  float: left;
  width: auto;
  padding-top: 0;
}
.sf_admin_form .control-group .controls.checkboxes label.checkbox,
#adminFilters .control-group .controls.checkboxes label.checkbox {
  margin-right: 1em;
}

.change-password {
  max-width: 580px;
}

.tableRelationFormContainer {
  width: 100%;
}
.tableRelationFormContainer thead {
  display: none;
}
.tableRelationFormContainer .label {
  background: none !important;
  color: #999;
  padding-right: 6px;
}
.tableRelationFormContainer tr th {
  text-align: left;
  padding-right: 1em;
  font-weight: 600;
  color: #222;
}
.tableRelationFormContainer tr th, .tableRelationFormContainer tr td {
  padding: 5px 5px 5px 0;
}
.tableRelationFormContainer tr th:first-child, .tableRelationFormContainer tr td:first-child {
  padding-left: 5px;
}
.tableRelationFormContainer tr th input.date-picker, .tableRelationFormContainer tr td input.date-picker {
  width: 100px;
}
.tableRelationFormContainer tr th span.label, .tableRelationFormContainer tr td span.label {
  display: block;
}
.tableRelationFormContainer tr:nth-child(even) td, .tableRelationFormContainer tr:nth-child(even) th {
  background-color: rgb(242, 242, 242);
}

.invoice-view {
  box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.5);
  margin-top: 40px;
  padding: 0 30px;
}

.sf_admin_view .alert-block {
  clear: both;
}

.invoice-payments {
  margin-top: 40px;
}

.pageButtons {
  margin-bottom: 10px;
}
.pageButtons::after {
  clear: both;
  content: "";
  display: block;
}
.pageButtons .btn-grp {
  margin-bottom: 10px;
}

.page-header {
  position: relative;
  padding-top: 100px;
}
.page-header h1 {
  overflow: hidden;
  margin-left: 0;
}
.page-header h1 > small {
  white-space: nowrap;
}
.page-header h1 > small:before {
  content: "»";
  margin-right: 4px;
  text-decoration: none !important;
}
.page-header h1 > small a {
  color: #8089a0;
}
.page-header h1 div.id,
.page-header h1 span.id {
  font-weight: 400;
  font-size: 12px;
}
.page-header.row-fluid {
  position: relative;
  padding-bottom: 0;
}

#sf_admin_container.quote_wrapper #order-search-bar,
#sf_admin_container.sales_order_wrapper #order-search-bar {
  position: relative;
  padding-top: 100px;
}
#sf_admin_container.quote_wrapper .page-header,
#sf_admin_container.sales_order_wrapper .page-header {
  padding-top: 0;
}
#sf_admin_container.quote_wrapper .order-dates,
#sf_admin_container.sales_order_wrapper .order-dates {
  background-color: #e3e3e3;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
#sf_admin_container.quote_wrapper .order-dates .flex,
#sf_admin_container.sales_order_wrapper .order-dates .flex {
  background: whitesmoke;
  height: 26px;
  padding: 5px 10px;
  flex-grow: 1;
  font-weight: 400;
  line-height: 1.25;
  color: #858585;
  font-size: 11px;
  margin: 1px 1px 1px 0;
}
#sf_admin_container.quote_wrapper .order-dates .flex:first-child,
#sf_admin_container.sales_order_wrapper .order-dates .flex:first-child {
  margin-left: 1px;
}
#sf_admin_container.quote_wrapper .order-dates .flex span,
#sf_admin_container.sales_order_wrapper .order-dates .flex span {
  font-weight: 600;
  display: block;
  padding-left: 5px;
  color: #585858;
  font-size: 12px;
}
#sf_admin_container.quote_wrapper .order-dates .flex span.error,
#sf_admin_container.sales_order_wrapper .order-dates .flex span.error {
  color: #d1534e;
}
#sf_admin_container.quote_wrapper .order-dates .flex.unconfirmed,
#sf_admin_container.sales_order_wrapper .order-dates .flex.unconfirmed {
  color: #fff;
  background-color: #ffb752;
}
#sf_admin_container.quote_wrapper .order-dates .flex.unconfirmed span,
#sf_admin_container.sales_order_wrapper .order-dates .flex.unconfirmed span {
  color: #fff;
}
#sf_admin_container.quote_wrapper .order_items table.items tr.item.comment > td,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item.comment > td {
  background-color: #f5f5f5;
}
#sf_admin_container.quote_wrapper .order_items table.items tr.item.comment > td p.comment-text,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item.comment > td p.comment-text {
  padding: 0;
  margin: 10px;
  font-size: 110%;
  font-style: italic;
  font-weight: 600;
}
#sf_admin_container.quote_wrapper .order_items table.items tr.item .alert,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item .alert {
  margin: 5px auto;
  font-size: 13px;
}
#sf_admin_container.quote_wrapper .order_items table.items tr.item td.item,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item td.item {
  padding: 0;
}
#sf_admin_container.quote_wrapper .order_items table.items tr.item td.item div.description,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item td.item div.description {
  padding: 6px 8px;
}
#sf_admin_container.quote_wrapper .order_items table.items tr.item td.item div.description span.description,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item td.item div.description span.description {
  font-weight: 600;
}
#sf_admin_container.quote_wrapper .order_items table.items tr.item td.item div.description .weight,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item td.item div.description .weight {
  color: #999;
  font-weight: 400;
  font-size: 80%;
}
#sf_admin_container.quote_wrapper .order_items table.items tr.item td.item div.description .weight span.unit,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item td.item div.description .weight span.unit {
  font-size: 80%;
}
#sf_admin_container.quote_wrapper .order_items table.items tr.item td.item .alert.alert-block.alert-small,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item td.item .alert.alert-block.alert-small {
  font-size: 10px;
  padding: 5px 10px;
  margin: 0;
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
}
#sf_admin_container.quote_wrapper .order_items table.items tr.item td.item .alert.alert-block.alert-small p,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item td.item .alert.alert-block.alert-small p {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
#sf_admin_container.quote_wrapper .order_items table.items tr.item td.item .alert.admin-notes,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item td.item .alert.admin-notes {
  border-radius: 5px;
  padding: 5px 10px;
  margin: 5px;
  border: none;
}
#sf_admin_container.quote_wrapper .order_items table.items tr.item td.item div.stock table,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item td.item div.stock table {
  width: 100%;
  border: none;
}
#sf_admin_container.quote_wrapper .order_items table.items tr.item td.item div.stock table tr,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item td.item div.stock table tr {
  border: none;
}
#sf_admin_container.quote_wrapper .order_items table.items tr.item td.item div.stock table tr th, #sf_admin_container.quote_wrapper .order_items table.items tr.item td.item div.stock table tr td,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item td.item div.stock table tr th,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item td.item div.stock table tr td {
  background: none;
  border: none;
  border-top: 1px solid #eee;
  padding: 0 5px;
  font-size: 10px;
  white-space: nowrap;
}
#sf_admin_container.quote_wrapper .order_items table.items tr.item td.item div.stock table tr th,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item td.item div.stock table tr th {
  white-space: nowrap;
  text-transform: uppercase;
  color: #999;
}
#sf_admin_container.quote_wrapper .order_items table.items tr.item td.item div.stock table tr th strong,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item td.item div.stock table tr th strong {
  font-weight: 600;
}
#sf_admin_container.quote_wrapper .order_items table.items tr.item td.item div.stock table tr td.value,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item td.item div.stock table tr td.value {
  text-align: right;
  font-weight: 600;
}
#sf_admin_container.quote_wrapper .order_items table.items tr.item td.item div.rework,
#sf_admin_container.quote_wrapper .order_items table.items tr.item td.item div.product-batch,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item td.item div.rework,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item td.item div.product-batch {
  padding: 0 8px 4px 8px;
  font-style: italic;
}
#sf_admin_container.quote_wrapper .order_items table.items tr.item td.item div.rework.product-batch span,
#sf_admin_container.quote_wrapper .order_items table.items tr.item td.item div.product-batch.product-batch span,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item td.item div.rework.product-batch span,
#sf_admin_container.sales_order_wrapper .order_items table.items tr.item td.item div.product-batch.product-batch span {
  font-style: normal;
}
#sf_admin_container.quote_wrapper .order_items table.items tfoot td.info,
#sf_admin_container.sales_order_wrapper .order_items table.items tfoot td.info {
  vertical-align: bottom;
  background: #fbfbfb;
  border: 1px solid #E4E4E4;
}
#sf_admin_container.quote_wrapper .order_items table.items tfoot td.info .weight,
#sf_admin_container.sales_order_wrapper .order_items table.items tfoot td.info .weight {
  margin-top: 5px;
  font-size: 120%;
  color: #666;
}
#sf_admin_container.quote_wrapper .order_items table.items tfoot td.info .weight .number, #sf_admin_container.quote_wrapper .order_items table.items tfoot td.info .weight .unit,
#sf_admin_container.sales_order_wrapper .order_items table.items tfoot td.info .weight .number,
#sf_admin_container.sales_order_wrapper .order_items table.items tfoot td.info .weight .unit {
  font-weight: 600;
}
#sf_admin_container.quote_wrapper .order_items table.items tfoot td.info .weight .unit,
#sf_admin_container.sales_order_wrapper .order_items table.items tfoot td.info .weight .unit {
  font-size: 80%;
}

.row-fluid {
  clear: both;
}

.allocation-dropdown {
  left: auto;
  right: 0;
}

.btn-small {
  border-width: 2px !important;
}

form input#product_name,
form textarea#product_description,
form textarea#product_features,
form textarea#product_specifications,
form textarea#product_admin_notes {
  width: 95%;
}
form .controls table tbody tr th {
  text-align: left;
}

.pull-right .dropdown-menu {
  left: auto;
  right: 0;
}

#stock_adjustment_quantity {
  text-align: right;
}

form .controls .alert {
  font-size: 12px;
  margin-top: 5px;
}
form input.num {
  text-align: right;
}
form input.qty {
  width: 80px;
}

.nav-search .nav-search-input {
  width: 250px;
}

.nav-search-input-help table.table thead tr th,
.nav-search-input-help table.table tbody tr td {
  padding: 3px !important;
  font-size: 90%;
}

.page-header h1 .badge {
  padding-top: 3px;
  font-weight: 600;
}
.page-header h1 i.icon-star {
  color: #333;
}

.sf_admin_list_td_list_shipping {
  margin-top: 2px;
}
.sf_admin_list_td_list_shipping .info {
  border-right: 1px solid #E4E4E4;
}
.sf_admin_list_td_list_shipping .info .total-weight {
  font-size: 12px;
  margin-top: 3px;
}
.sf_admin_list_td_list_shipping .info .order-flags {
  margin-top: 3px;
}
.sf_admin_list_td_list_shipping .info .is-two-man {
  margin: 3px auto 3px auto;
}
.sf_admin_list_td_list_shipping .info .is-two-man img {
  max-height: 30px;
  opacity: 0.4;
}
.sf_admin_list_td_list_shipping .shipping-date-location,
.sf_admin_list_td_list_shipping .shipping-date-location div {
  line-height: 1.4;
}
.sf_admin_list_td_list_shipping .shipping-date-status,
.sf_admin_list_td_list_shipping .shipping-date-status div {
  line-height: 1.4;
}
.sf_admin_list_td_list_shipping .allocation-shipping-status,
.sf_admin_list_td_list_shipping .shipping-date-status {
  margin: 2px;
}
.sf_admin_list_td_list_shipping .allocation-shipping-status .badge,
.sf_admin_list_td_list_shipping .shipping-date-status .badge {
  padding: 1px 6px;
  font-size: 10px;
}

.quote_wrapper .allocation-shipping-status .badge,
.quote_wrapper .shipping-date-status .badge,
.sales_order_wrapper .allocation-shipping-status .badge,
.sales_order_wrapper .shipping-date-status .badge {
  padding: 4px 16px;
  margin: 1px;
}
.quote_wrapper .allocation-shipping-status .badge.allocate, .quote_wrapper .allocation-shipping-status .badge.ship,
.quote_wrapper .shipping-date-status .badge.allocate,
.quote_wrapper .shipping-date-status .badge.ship,
.sales_order_wrapper .allocation-shipping-status .badge.allocate,
.sales_order_wrapper .allocation-shipping-status .badge.ship,
.sales_order_wrapper .shipping-date-status .badge.allocate,
.sales_order_wrapper .shipping-date-status .badge.ship {
  text-transform: uppercase;
}
.quote_wrapper .shipping-date-status .badge,
.sales_order_wrapper .shipping-date-status .badge {
  padding: 2px 8px;
  font-size: 10px;
}
.quote_wrapper .allocation-shipping-status .badge,
.sales_order_wrapper .allocation-shipping-status .badge {
  padding: 4px 16px;
}
.quote_wrapper .allocation-shipping-status .badge.allocate, .quote_wrapper .allocation-shipping-status .badge.ship,
.sales_order_wrapper .allocation-shipping-status .badge.allocate,
.sales_order_wrapper .allocation-shipping-status .badge.ship {
  text-transform: uppercase;
}
.quote_wrapper .ref,
.sales_order_wrapper .ref {
  color: #333;
  font-size: 14px;
  font-weight: 600;
}
.quote_wrapper .contact-info ul,
.sales_order_wrapper .contact-info ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.quote_wrapper .contact-info ul li,
.sales_order_wrapper .contact-info ul li {
  display: inline-block;
  border-right: 1px solid #d5d5d5;
  padding: 0 8px 0 0;
  margin: 0 6px 0 0;
}
.quote_wrapper .contact-info ul li:last-child,
.sales_order_wrapper .contact-info ul li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.quote_wrapper .notes,
.sales_order_wrapper .notes {
  position: relative;
}
.quote_wrapper .notes h4,
.sales_order_wrapper .notes h4 {
  width: 100%;
  white-space: nowrap;
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.quote_wrapper .notes h4 small,
.sales_order_wrapper .notes h4 small {
  font-size: 14px;
}
.quote_wrapper .notes textarea,
.sales_order_wrapper .notes textarea {
  width: 96%;
}
.quote_wrapper table.table.invoices tr.require_payment th a,
.quote_wrapper table.table.invoices tr.require_payment td,
.sales_order_wrapper table.table.invoices tr.require_payment th a,
.sales_order_wrapper table.table.invoices tr.require_payment td {
  color: #7d0000;
}
.quote_wrapper table.table.invoices tr.require_payment th, .quote_wrapper table.table.invoices tr.require_payment td,
.sales_order_wrapper table.table.invoices tr.require_payment th,
.sales_order_wrapper table.table.invoices tr.require_payment td {
  background: #ffe4e4;
}

.accordion-style2 .accordion-heading .accordion-toggle {
  font-weight: 600;
}

#sales_order_form .sales_order_item a.remove,
#quote_form .sales_order_item a.remove {
  display: none;
  position: absolute;
  top: 8px;
  left: 8px;
  font-weight: bold;
  text-decoration: none;
  padding: 4px 2px;
}
#sales_order_form .sales_order_item:hover a.remove,
#quote_form .sales_order_item:hover a.remove {
  display: block;
}
#sales_order_form .sales_order_item td,
#quote_form .sales_order_item td {
  position: relative;
}
#sales_order_form .sales_order_item .product .availability,
#quote_form .sales_order_item .product .availability {
  padding: 4px 10px 2px 10px;
}
#sales_order_form label span.help-block,
#quote_form label span.help-block {
  font-weight: normal;
  margin-left: 22px;
  top: 4px;
  position: relative;
}
#sales_order_form label.checkbox span.help-block,
#quote_form label.checkbox span.help-block {
  margin-top: 0;
  margin-left: 0;
  top: 0;
}

.alert.small {
  font-size: 12px;
}

.sales_order_wrapper table.items tr.return-details select {
  width: 100%;
  max-width: 100%;
}
.sales_order_wrapper table.items tr.return-details textarea {
  height: 50px;
  width: 95%;
  max-width: 95%;
}
.sales_order_wrapper table.items tr.return-details ul {
  margin: 0;
  padding: 0;
}
.sales_order_wrapper table.items tr.return-details ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.2;
  font-size: 13px;
}
.sales_order_wrapper table.items tr.return-details ul li:first-child {
  margin-bottom: 10px;
}
.sales_order_wrapper table.items tr.return-details ul li span {
  display: inline-block;
}
.sales_order_wrapper table.items tr.return-details ul li span label {
  display: inline;
  margin-right: 1em;
  font-size: 13px;
}
.sales_order_wrapper table.items tr.return-details .alert {
  margin: 5px auto 0 auto;
}
.sales_order_wrapper .returns-form .control-group.restocking {
  font-size: 12px;
}
.sales_order_wrapper .returns-form .control-group.restocking .restocking_charge_agreed input {
  float: left;
}
.sales_order_wrapper .returns-form .control-group.restocking .restocking_charge_agreed div {
  padding-left: 20px;
}
.sales_order_wrapper .returns-form .control-group.restocking .restocking_charge_agreed div label {
  font-size: 12px;
}
.sales_order_wrapper .returns-form .control-group.restocking .restocking_charge {
  margin-left: 200px;
}
.sales_order_wrapper .returns-form .control-group.restocking .restocking_charge input {
  padding: 5px;
  font-size: 12px;
  margin-right: 5px;
}
.sales_order_wrapper .receipts tr.allocations a.unlink {
  display: none;
}
.sales_order_wrapper .receipts tr.allocations:hover a.unlink {
  display: inline-block;
}

.row-fluid h3.section-header .actions {
  float: right;
  padding: 0 5px;
}
.row-fluid h3.section-header .actions small {
  font-size: 80%;
  font-weight: 600;
}

.star {
  color: lightgray;
}
.star.on {
  color: gold;
}

a:hover .star {
  color: gold;
}

.alert-info.customer-notes h4 {
  color: #235269;
  font-weight: 400;
  margin-bottom: 5px;
}
.alert-info.customer-notes h4 small {
  color: #88aabb;
  font-style: italic;
  font-size: 80%;
}
.alert-info.customer-notes h4 small:before {
  content: "—";
  margin-right: 4px;
  text-decoration: none !important;
  margin-left: 2px;
}

#customer-show .contacts ul li {
  line-height: 20px;
  width: 50%;
  float: left;
  margin-bottom: 6px;
  position: relative;
  list-style: none;
}
#customer-show .contacts ul li:before {
  content: "»";
  position: absolute;
  left: -12px;
  color: #999;
}
#customer-show .contacts ul li .name > span {
  font-weight: 600;
}
#customer-show .contacts ul li .name > span small {
  font-weight: normal;
}
#customer-show .addresses .wrap {
  max-height: 400px;
  overflow: auto;
  border-bottom: 1px solid #E4E4E4;
  padding-right: 20px;
}
#customer-show .addresses .wrap table {
  width: 100%;
}
#customer-show .addresses .wrap table td {
  vertical-align: top;
  border-bottom: 1px solid #E8E5E5;
}
#customer-show table.details tr th {
  width: 140px;
  max-width: 140px;
  font-weight: 600;
}
#customer-show table.details tr td {
  font-size: 13px;
  font-weight: 400;
}
#customer-show table.details tr.balance td {
  text-align: right;
}
#customer-show table.details tr.balance td hr {
  margin: 5px auto;
}
#customer-show table.details tr.balance td small {
  font-weight: 600;
  color: #999;
}
#customer-show table.details tr.balance td span.num {
  display: inline-block;
  width: 80px;
}
#customer-show table.details tr.balance td div.balance {
  color: #333;
  font-size: 100%;
}
#customer-show .outstanding-receipts tfoot th {
  text-align: right;
}

.modal-header h3 {
  margin-top: 0;
  background: none;
  padding: 0;
  font-size: 22px;
  font-weight: lighter;
  color: #2679b5;
}

div#adminFilters {
  border: none;
}

@media (min-width: 1600px) {
  .modal {
    width: 1100px;
    margin-left: -550px;
  }
  .modal .modal-body {
    max-height: 600px;
  }
}
@media (max-width: 1600px) and (min-width: 1100px) {
  .modal {
    width: 1000px;
    margin-left: -500px;
  }
  .modal .modal-body {
    max-height: 400px;
  }
}
@media (min-width: 1300px) {
  #product-show .spares ul {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
  }
}
@media (max-width: 1100px) and (min-width: 768px) {
  .row-fluid .span6 {
    width: 100%;
    margin-left: 0;
  }
  .modal {
    width: 90%;
    margin-left: -45%;
  }
  .modal .modal-body {
    max-height: 250px;
  }
}
@media (max-width: 767px) {
  div#loginForm {
    width: auto;
    max-width: 80%;
    background: none;
    border: none !important;
    outline: none !important;
    padding: 0;
    margin: 20px auto 0;
    box-shadow: none;
  }
  div#loginForm h1 {
    line-height: 1;
    font-size: 28px;
  }
  div#loginForm form {
    margin-left: 0;
  }
  div#adminFilters,
  .modal {
    border: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    overflow: auto;
  }
  .modal .modal-header {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 100;
  }
  .modal .modal-header button.close {
    margin-right: 25px;
  }
  .modal .modal-body {
    max-height: none;
    padding-top: 60px;
    padding-bottom: 80px;
    overflow: auto;
  }
  .modal .modal-body select {
    max-width: 100%;
  }
  .modal .modal-footer {
    position: fixed;
    bottom: 0;
    width: 90%;
  }
}
.sf_admin_list_td_list_sales_order {
  max-width: 350px;
}
.sf_admin_list_td_list_sales_order .notes {
  font-size: 90%;
  line-height: 1.4;
  color: #999 !important;
}

.order-status-icons .icon-stack {
  width: 14px;
  height: 14px;
  line-height: 12px;
}
.order-status-icons .icon-stack i.icon-stack-base {
  height: 14px;
  width: 14px;
  font-size: 14px;
}
.order-status-icons .icon-stack i.icon-gbp {
  font-size: 9px;
}

table.order-issues {
  width: auto;
}
table.order-issues .order-status-icons .icon.yellow {
  color: #eb8900;
}
table.order-issues .order.past {
  border: 1px solid #e6a29f;
  background-color: #fbf0f0;
}
table.order-issues .order.today {
  border: 1px solid #ffcc85;
  background-color: #fff7eb;
}

#component-order-issues .order-issue-badges {
  display: inline-block;
}
#component-order-issues .order-issue-badges .badge {
  font-size: 9px !important;
  padding: 1px 6px;
  line-height: 1.5;
}

#component-order-issues > ul, .stock-transfer-timeline .container .header > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#component-order-issues > ul > li > ul > li, .stock-transfer-timeline .container .header > ul > li > ul > li {
  background-color: #f5f5f5;
  border-radius: 5px;
  padding: 5px 10px;
  margin: 5px;
  list-style: none;
  max-width: 500px;
}
#component-order-issues > ul > li > ul > li .order-number, #component-order-issues > ul > li > ul > li .customer, .stock-transfer-timeline .container .header > ul > li > ul > li .order-number, .stock-transfer-timeline .container .header > ul > li > ul > li .customer {
  font-weight: 600;
}
#component-order-issues > ul > li > ul > li .type, .stock-transfer-timeline .container .header > ul > li > ul > li .type {
  color: #666;
  font-style: italic;
}
#component-order-issues > ul > li > ul > li .order-status-icons, .stock-transfer-timeline .container .header > ul > li > ul > li .order-status-icons {
  float: right;
}
#component-order-issues > ul > li > ul > li .shipping-date-status span, .stock-transfer-timeline .container .header > ul > li > ul > li .shipping-date-status span {
  font-size: 9px;
  font-weight: 400;
  padding: 0 5px;
  text-transform: uppercase;
}
#component-order-issues > ul > li > ul > li.highlight, .stock-transfer-timeline .container .header > ul > li > ul > li.highlight {
  background-color: rgba(0, 119, 255, 0.2);
}
#component-order-issues > ul > li > ul.today > li, .stock-transfer-timeline .container .header > ul > li > ul.today > li {
  background-color: #f5dfdb !important;
}
#component-order-issues > ul > li h4, .stock-transfer-timeline .container .header > ul > li h4 {
  margin-top: 3px;
  padding-left: 6px;
}

.sf_admin_list.customer tr.on_hold td {
  background-color: rgba(210, 102, 99, 0.16);
}
.sf_admin_list.customer tr.account_closed td {
  color: #bfbfbf;
  background-color: rgba(243, 243, 243, 0.8);
}
.sf_admin_list.customer tr.account_closed td a {
  color: #bfbfbf;
}
.sf_admin_list.customer td.sf_admin_list_td_list_name {
  max-width: 200px;
  white-space: nowrap;
}
.sf_admin_list.customer td.sf_admin_list_td_list_status .customer-status {
  margin: 2px;
}
.sf_admin_list.customer td.sf_admin_list_td_list_status .customer-status .badge {
  padding: 1px 6px;
  font-size: 10px;
}

.sf_admin_list_td_list_customer .is-priority i.icon-star {
  color: #333;
}

tr.cancelled .sf_admin_list_td_list_customer .is-priority i.icon-star {
  color: #999;
}

#customer-show .is-priority i.icon-star {
  color: #333;
}

.sf_admin_list.sales_order_item .sf_admin_list_td_list_sales_order .status-icons {
  margin-left: 1em;
}
.sf_admin_list.sales_order_item .sf_admin_list_td_list_sales_order .simply-install {
  margin: 5px 0 0 0;
  max-width: 110px;
}
.sf_admin_list.sales_order_item .sf_admin_list_td_list_shipping .shipping-date {
  line-height: 1.2;
}

.sf_admin_row.quote .sf_admin_list_td_list_status {
  vertical-align: middle;
}

.select2-search:after {
  display: none;
}

td > span.num,
td > div.num {
  text-align: center;
}

.well.no-padding table {
  margin-bottom: 0;
}
.well.no-padding table tbody td {
  padding: 0;
  text-overflow: ellipsis;
}
.well.no-padding table tbody td input,
.well.no-padding table tbody td input.input-block-level {
  height: auto;
  border: none;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  background-color: transparent;
}
.well.no-padding table tbody td input.quantity, .well.no-padding table tbody td input.tax_rate,
.well.no-padding table tbody td input.input-block-level.quantity,
.well.no-padding table tbody td input.input-block-level.tax_rate {
  text-align: center;
}
.well.no-padding table tbody td input:focus,
.well.no-padding table tbody td input.input-block-level:focus {
  background-color: rgba(255, 255, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.well.no-padding table div.val,
.well.no-padding table span.val {
  display: block;
}
.well.no-padding table div.val.num,
.well.no-padding table span.val.num {
  text-align: right;
}
.well.no-padding table tr.total th div.val,
.well.no-padding table tr.total th span.val,
.well.no-padding table tr.total td div.val,
.well.no-padding table tr.total td span.val,
.well.no-padding table tr th.total div.val,
.well.no-padding table tr th.total span.val,
.well.no-padding table tr td.total div.val,
.well.no-padding table tr td.total span.val,
.well.no-padding table tr.sales_credit_item td.credit-qty div.val,
.well.no-padding table tr.sales_credit_item td.credit-qty span.val {
  box-sizing: border-box;
  padding: 10px;
}
.well.no-padding table tfoot tr th,
.well.no-padding table tfoot tr td div.val,
.well.no-padding table tfoot tr td span.val {
  box-sizing: border-box;
  padding: 10px;
}
.well.no-padding table tfoot th.number.total,
.well.no-padding table tbody th.number.total {
  padding: 0;
  text-align: right;
}
.well.no-padding table tr.sales_credit_item td.credit-qty {
  font-weight: bold;
}
.well.no-padding table tr.sales_credit_item td.credit-qty span {
  text-align: center;
}

.ledger-notes .well {
  padding: 0 !important;
}
.ledger-notes .well > h4 {
  padding: 10px 0 10px 20px;
  border-bottom: 1px solid #E4E4E4;
  margin-bottom: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ledger-notes .well > h4 .help-block {
  display: inline;
  text-transform: lowercase;
}
.ledger-notes .well > textarea {
  width: 96%;
  border: none;
  padding: 10px 2%;
  height: 100px;
  margin-bottom: 0;
}

.ledger-items .well {
  border: none;
  background: none;
  box-shadow: none;
}
.ledger-items .well tr.sales_order_charge td > span.val {
  box-sizing: border-box;
  padding: 10px;
}
.ledger-items .well tr.sales_order_charge.zero td, .ledger-items .well tr.sales_order_charge.zero span, .ledger-items .well tr.sales_order_charge.zero input {
  color: #ccc;
}
.ledger-items .well tfoot > tr:first-child > td:first-child {
  padding-top: 10px;
  padding-right: 30px;
}
.ledger-items .well tfoot tr td > span.val {
  background: #F5F5F5;
}
.ledger-items .well tfoot tr td.total {
  padding: 0;
}
.ledger-items .well tfoot tr.total th.number {
  text-align: right;
}
.ledger-items .well tfoot tr.total th.number span {
  text-align: right;
}

.btn-primary:focus {
  background-color: #045e9f !important;
}

.select2-container {
  min-width: 250px;
  max-width: 100%;
}
.select2-container .select2-choice {
  border-radius: 0;
  background: #fff !important;
  border-color: #d5d5d5;
  padding: 1px 0 1px 8px;
}
.select2-container .select2-choice .select2-arrow {
  border-radius: 0;
  background: #fff;
  border-color: #d5d5d5;
  border-left: none;
}
.select2-container .select2-choice .select2-chosen {
  color: #858585;
}
.select2-container .select2-choice .select2-chosen-2 {
  background: #fff;
}

.select2-container-active .select2-choice {
  border: 1px solid #f59942;
}

.select2-container-multi .select2-choices {
  border-color: #d5d5d5;
  background-image: none;
  padding: 1px;
}
.select2-container-multi .select2-choices .select2-search-choice {
  background-color: #f1f1f1;
  background-image: none;
  font-size: 11px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
  background: none;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:before {
  top: 0;
  left: 2px;
}
.select2-container-multi .select2-choices .select2-search-field input {
  padding: 2px;
}

.select2-drop.select2-drop-above,
.select2-container-multi .select2-choices .select2-search-choice,
.select2-container-multi.select2-container-active .select2-choices,
.select2-container-active.select2-dropdown-open .select2-choice {
  border-color: #d5d5d5;
}

.select2-drop.select2-drop-above,
.select2-container-multi .select2-choices .select2-search-choice,
.select2-container-multi.select2-container-active .select2-choices,
.select2-container-active.select2-dropdown-open .select2-choice,
.select2-container-active .select2-choice {
  outline: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.select2-drop {
  border-color: #d5d5d5;
  border-radius: 0;
}

.select2-search input {
  background: url("select2.png") no-repeat 100% -22px, #fff;
}

ul.select2-results {
  padding: 0 0;
  margin: 5px 0 0 0;
  font-size: 12px;
  color: #666;
}
ul.select2-results li {
  box-sizing: content-box;
  padding: 6px;
}
ul.select2-results li.select2-result {
  padding: 3px 0;
  border-bottom: 1px solid rgba(239, 239, 239, 0.6);
  line-height: 1.5;
}
ul.select2-results li.select2-result small {
  color: #999;
}

ul.select2-results li.select2-result.select2-highlighted small {
  color: rgba(255, 255, 255, 0.75);
}

.select2-hidden-accessible {
  display: none;
}

.btn,
.btn-group > .btn,
.btn-group + .btn {
  border-width: 0 !important;
}

strong {
  font-weight: 600;
}

select.inline-edit,
input[type=text].inline-edit {
  padding: 0 2px;
  height: auto;
  min-width: 1.5em;
  font-size: 12px;
}

span.editable {
  color: #2283c5;
  border-bottom: 1px dashed;
}

/** ---------------------------------- **/
p.notes,
div.notes {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
p.notes > div,
div.notes > div {
  border-width: 2px !important;
  padding-left: 5px;
  margin-bottom: 2px;
}
p.notes > div.public,
div.notes > div.public {
  border-left: solid rgb(60, 197, 34);
}
p.notes > div.private,
div.notes > div.private {
  border-left: solid rgb(255, 147, 147);
}
p.notes > div.shipping,
div.notes > div.shipping {
  border-left: solid rgb(170, 108, 197);
}

.search-results::after {
  clear: both;
  content: "";
  display: block;
}
.search-results .results {
  float: left;
  width: 30%;
  margin-right: 2%;
}
.search-results .results ol li {
  padding: 5px;
  border-bottom: 1px solid #eee;
  transition: 0.3s all;
  position: relative;
}
.search-results .results ol li .actions {
  display: block;
  transition: 0.2s all;
  opacity: 0;
  position: absolute;
  top: 5px;
  right: 5px;
}
.search-results .results ol li:hover {
  background-color: #f1f1f1;
}
.search-results .results ol li:hover .actions {
  opacity: 1;
  display: block;
}
.search-results .results ol li .notes {
  margin-top: 3px;
  bottom: 3px;
}
.search-results .results ol li .date,
.search-results .results ol li .address {
  font-style: italic;
  font-size: 90%;
}
.search-results .results ol li .attr {
  color: #999999;
  font-size: 90%;
}
.search-results .results.products .status .badge {
  font-size: 10px;
  font-weight: 600;
  padding-bottom: 1px;
}

.purchase-order.show .summary ul li {
  margin-bottom: 10px;
}
.purchase-order.show table.items tr.complete td {
  color: #797979;
}
.purchase-order.show table.items tr.part-received td {
  background-color: #FFF6EF;
}
.purchase-order.show table.items tr td.sales-orders a.unlink {
  visibility: hidden;
}
.purchase-order.show table.items tr td.sales-orders:hover a.unlink {
  visibility: visible;
}

.purchase-order.show .name,
.goods-received.show .name {
  font-weight: 600;
}
.purchase-order.show .box-info,
.goods-received.show .box-info {
  font-style: italic;
  font-size: 10px;
}
.purchase-order.show .box-info .ean, .purchase-order.show .box-info .barcode,
.goods-received.show .box-info .ean,
.goods-received.show .box-info .barcode {
  color: #999;
}
.purchase-order.show table td .commodity-code,
.goods-received.show table td .commodity-code {
  font-size: 11px;
  color: #999;
}
.purchase-order.show table td .commodity-code .badge,
.goods-received.show table td .commodity-code .badge {
  font-size: 10px;
}
.purchase-order.show table td .commodity-code.missing,
.goods-received.show table td .commodity-code.missing {
  color: #fff;
}

table.goods-received-items .name {
  font-weight: 600;
}
table.goods-received-items .name .box-name {
  font-weight: 300;
}
table.goods-received-items .name .ean {
  font-size: 80%;
  color: #999;
}
table.goods-received-items .box-info label {
  font-size: 11px;
  color: #999;
  padding-top: 4px;
  float: left;
}
table.goods-received-items .box-info input {
  font-size: 12px;
  margin-bottom: 5px;
  min-height: 0;
  padding: 14px 0.5em;
  line-height: 14px;
  height: 14px;
}
table.goods-received-items .box-info input.input-small {
  padding: 0.5em;
  width: 75px;
  margin-left: 10px;
}
table.goods-received-items input.num {
  text-align: right;
}

td.sf_admin_list_td_list_value {
  text-align: right !important;
}

.sf_admin_list tbody tr.highlighted > td, .sf_admin_list tbody tr.highlighted:hover > td {
  font-weight: 600;
  background-color: #f5f5f5;
}
.sf_admin_list td {
  transition: 0.2s background;
}
.sf_admin_list td div.date {
  font-style: italic;
  font-size: 90%;
  color: #999;
}
.sf_admin_list td.sf_admin_list_td_list_transfer_date {
  white-space: nowrap;
}
.sf_admin_list td.sf_admin_list_td_list_transfer_date .transfer_time {
  font-size: 80%;
}
.sf_admin_list td .notes .private, .sf_admin_list td .notes .public, .sf_admin_list td .notes .shipping {
  color: #666;
  font-size: 90%;
  line-height: 1.5;
}

td.sf_admin_list_td_list_destination .date {
  font-size: 100%;
  line-height: 1.3;
}
td.sf_admin_list_td_list_destination .date.overdue {
  color: #d1534e;
}

td.sf_admin_list_td_list_id {
  white-space: nowrap;
}

tr.comment td input.description {
  font-style: italic !important;
}

.table td.sf_admin_list_td_list_location_quantity,
.table td.nested {
  padding: 0;
}
.table td.sf_admin_list_td_list_location_quantity > .table,
.table td.nested > .table {
  margin-bottom: 0;
}
.table td.sf_admin_list_td_list_location_quantity > .table :first-child > tr,
.table td.nested > .table :first-child > tr {
  border-top: none;
}
.table td.sf_admin_list_td_list_location_quantity > .table :first-child > tr > th,
.table td.sf_admin_list_td_list_location_quantity > .table :first-child > tr > td,
.table td.nested > .table :first-child > tr > th,
.table td.nested > .table :first-child > tr > td {
  border-top: none;
}
.table td.sf_admin_list_td_list_location_quantity > .table > thead > tr :first-child,
.table td.sf_admin_list_td_list_location_quantity > .table > tbody > tr :first-child,
.table td.nested > .table > thead > tr :first-child,
.table td.nested > .table > tbody > tr :first-child {
  border-left: none;
}
.table td.sf_admin_list_td_list_location_quantity > .table > thead > tr :last-child,
.table td.sf_admin_list_td_list_location_quantity > .table > tbody > tr :last-child,
.table td.nested > .table > thead > tr :last-child,
.table td.nested > .table > tbody > tr :last-child {
  border-right: none;
}
.table td.sf_admin_list_td_list_location_quantity > .table > tbody,
.table td.nested > .table > tbody {
  border-left: none;
}
.table td.sf_admin_list_td_list_location_quantity > .table > tbody > tr,
.table td.nested > .table > tbody > tr {
  border-left: none;
}
.table td.sf_admin_list_td_list_location_quantity > .table > tbody > tr:last-child,
.table td.nested > .table > tbody > tr:last-child {
  border-bottom: none;
}
.table td.sf_admin_list_td_list_location_quantity > .table > tbody > tr:last-child > td,
.table td.nested > .table > tbody > tr:last-child > td {
  border-bottom: none;
}
.table td.sf_admin_list_td_list_location_quantity > .table > tbody > tr > td,
.table td.nested > .table > tbody > tr > td {
  border-left: none;
}

.ledger-items .order-actions {
  padding-left: 0;
}
.ledger-items .bundle-add {
  margin-top: 30px;
  margin-bottom: 10px;
}

table.receipts tbody tr.orphan {
  color: #BBB;
}

#sf_admin_content .footnote,
.page-content .footnote {
  border-top: 1px solid #eee;
  margin-top: 20px;
  padding-top: 5px;
  color: #666;
  font-size: 90%;
}
#sf_admin_content .footnote p,
.page-content .footnote p {
  font-style: italic;
  color: #999;
}

.product-description {
  font-size: 120%;
  color: #999;
  line-height: 1.6;
  margin-top: 0;
}

.bundle-product-tabs {
  margin-top: 30px;
}

table.table-small tr th, table.table-small tr td {
  padding: 5px;
  font-size: 12px;
}
table.table-small tr th.input, table.table-small tr td.input {
  padding: 0;
}
table.table-small tr th.input input, table.table-small tr td.input input {
  padding: 5px 10px;
}

table.table-info {
  width: 100%;
}
table.table-info tr th, table.table-info tr td {
  padding: 0.8em 0.4em 0.2em 0;
  text-align: left;
  border-bottom: 1px solid #efefef;
}
table.table-info tr th {
  font-weight: 600;
}
.back-to-back-order table thead th {
  vertical-align: bottom;
}
.back-to-back-order table tbody th,
.back-to-back-order table tbody td {
  vertical-align: middle;
}

.sf_admin_list.sales_order tbody tr.sf_admin_row td,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td,
.sf_admin_list.quote tbody tr.sf_admin_row td {
  line-height: 1.3;
}
.sf_admin_list.sales_order tbody tr.sf_admin_row td.sf_admin_list_td_list_id, .sf_admin_list.sales_order tbody tr.sf_admin_row td.sf_admin_list_td_list_quote_number,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td.sf_admin_list_td_list_id,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td.sf_admin_list_td_list_quote_number,
.sf_admin_list.quote tbody tr.sf_admin_row td.sf_admin_list_td_list_id,
.sf_admin_list.quote tbody tr.sf_admin_row td.sf_admin_list_td_list_quote_number {
  min-width: 80px;
  max-width: 120px;
  white-space: normal;
}
.sf_admin_list.sales_order tbody tr.sf_admin_row td.sf_admin_list_td_list_id .simply-install, .sf_admin_list.sales_order tbody tr.sf_admin_row td.sf_admin_list_td_list_quote_number .simply-install,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td.sf_admin_list_td_list_id .simply-install,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td.sf_admin_list_td_list_quote_number .simply-install,
.sf_admin_list.quote tbody tr.sf_admin_row td.sf_admin_list_td_list_id .simply-install,
.sf_admin_list.quote tbody tr.sf_admin_row td.sf_admin_list_td_list_quote_number .simply-install {
  max-width: 100px;
  margin-top: 10px;
}
.sf_admin_list.sales_order tbody tr.sf_admin_row td.sf_admin_list_td_list_id .order-number,
.sf_admin_list.sales_order tbody tr.sf_admin_row td.sf_admin_list_td_list_id .quote-number, .sf_admin_list.sales_order tbody tr.sf_admin_row td.sf_admin_list_td_list_quote_number .order-number,
.sf_admin_list.sales_order tbody tr.sf_admin_row td.sf_admin_list_td_list_quote_number .quote-number,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td.sf_admin_list_td_list_id .order-number,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td.sf_admin_list_td_list_id .quote-number,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td.sf_admin_list_td_list_quote_number .order-number,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td.sf_admin_list_td_list_quote_number .quote-number,
.sf_admin_list.quote tbody tr.sf_admin_row td.sf_admin_list_td_list_id .order-number,
.sf_admin_list.quote tbody tr.sf_admin_row td.sf_admin_list_td_list_id .quote-number,
.sf_admin_list.quote tbody tr.sf_admin_row td.sf_admin_list_td_list_quote_number .order-number,
.sf_admin_list.quote tbody tr.sf_admin_row td.sf_admin_list_td_list_quote_number .quote-number {
  font-size: 13px;
  letter-spacing: 0.5px;
}
.sf_admin_list.sales_order tbody tr.sf_admin_row td.sf_admin_list_td_list_customer .name,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td.sf_admin_list_td_list_customer .name,
.sf_admin_list.quote tbody tr.sf_admin_row td.sf_admin_list_td_list_customer .name {
  margin-bottom: 2px;
  font-size: 13px;
}
.sf_admin_list.sales_order tbody tr.sf_admin_row td.sf_admin_list_td_list_customer .code,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td.sf_admin_list_td_list_customer .code,
.sf_admin_list.quote tbody tr.sf_admin_row td.sf_admin_list_td_list_customer .code {
  font-size: 80%;
  font-weight: 600;
  opacity: 0.7;
}
.sf_admin_list.sales_order tbody tr.sf_admin_row td.sf_admin_list_td_list_details .badge,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td.sf_admin_list_td_list_details .badge,
.sf_admin_list.quote tbody tr.sf_admin_row td.sf_admin_list_td_list_details .badge {
  font-size: 80%;
  padding: 1px 4px;
}
.sf_admin_list.sales_order tbody tr.sf_admin_row td.sf_admin_list_td_list_details .salesperson,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td.sf_admin_list_td_list_details .salesperson,
.sf_admin_list.quote tbody tr.sf_admin_row td.sf_admin_list_td_list_details .salesperson {
  margin-top: 2px;
  font-size: 80%;
  text-transform: uppercase;
}
.sf_admin_list.sales_order tbody tr.sf_admin_row td.sf_admin_list_td_list_status .status, .sf_admin_list.sales_order tbody tr.sf_admin_row td.sf_admin_list_td_list_order_status .status,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td.sf_admin_list_td_list_status .status,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td.sf_admin_list_td_list_order_status .status,
.sf_admin_list.quote tbody tr.sf_admin_row td.sf_admin_list_td_list_status .status,
.sf_admin_list.quote tbody tr.sf_admin_row td.sf_admin_list_td_list_order_status .status {
  margin-bottom: 3px;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 10px;
  text-align: center;
}
.sf_admin_list.sales_order tbody tr.sf_admin_row td.sf_admin_list_td_list_notes .notes,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td.sf_admin_list_td_list_notes .notes,
.sf_admin_list.quote tbody tr.sf_admin_row td.sf_admin_list_td_list_notes .notes {
  max-width: 200px;
}
.sf_admin_list.sales_order tbody tr.sf_admin_row td.sf_admin_list_td_list_notes .notes > div,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td.sf_admin_list_td_list_notes .notes > div,
.sf_admin_list.quote tbody tr.sf_admin_row td.sf_admin_list_td_list_notes .notes > div {
  position: relative;
}
.sf_admin_list.sales_order tbody tr.sf_admin_row td.sf_admin_list_td_list_notes .notes > div .summary, .sf_admin_list.sales_order tbody tr.sf_admin_row td.sf_admin_list_td_list_notes .notes > div .full,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td.sf_admin_list_td_list_notes .notes > div .summary,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td.sf_admin_list_td_list_notes .notes > div .full,
.sf_admin_list.quote tbody tr.sf_admin_row td.sf_admin_list_td_list_notes .notes > div .summary,
.sf_admin_list.quote tbody tr.sf_admin_row td.sf_admin_list_td_list_notes .notes > div .full {
  cursor: pointer;
}
.sf_admin_list.sales_order tbody tr.sf_admin_row td.sf_admin_list_td_list_notes .notes > div .summary.hide, .sf_admin_list.sales_order tbody tr.sf_admin_row td.sf_admin_list_td_list_notes .notes > div .full.hide,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td.sf_admin_list_td_list_notes .notes > div .summary.hide,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td.sf_admin_list_td_list_notes .notes > div .full.hide,
.sf_admin_list.quote tbody tr.sf_admin_row td.sf_admin_list_td_list_notes .notes > div .summary.hide,
.sf_admin_list.quote tbody tr.sf_admin_row td.sf_admin_list_td_list_notes .notes > div .full.hide {
  visibility: hidden;
}
.sf_admin_list.sales_order tbody tr.sf_admin_row td.sf_admin_list_td_list_customer,
.sf_admin_list.sales_order_item tbody tr.sf_admin_row td.sf_admin_list_td_list_customer,
.sf_admin_list.quote tbody tr.sf_admin_row td.sf_admin_list_td_list_customer {
  max-width: 200px;
}

i[class^=icon-].red {
  color: #d1534e !important;
}
i[class^=icon-].green {
  color: #5cb859 !important;
}
i[class^=icon-].grey {
  color: #e5e5e5 !important;
}
i[class^=icon-].dark-grey {
  color: #bdbdbd !important;
}
i[class^=icon-].yellow {
  color: #fee188 !important;
}
i[class^=icon-].dark-yellow {
  color: #ebb202 !important;
}
i[class^=icon-].blue {
  color: #6cace0 !important;
}
i[class^=icon-].black {
  color: #393939 !important;
}

.sf_admin_list_td_list_summary .status {
  width: 45px;
  float: left;
  padding-left: 5px;
}
.sf_admin_list_td_list_summary .summary {
  margin-left: 50px;
}

td.input {
  padding: 0;
}
td.input input[type=text],
td.input input[type=number] {
  border-color: rgba(0, 0, 0, 0);
  height: 100%;
  display: table-cell;
  padding: 10px;
  margin-bottom: 0;
  background: #ffffea;
  color: #666;
}

.blameable {
  color: #999;
  font-size: 11px;
  font-style: italic;
}
.blameable .created .created,
.blameable .created .updated, .blameable .updated .created,
.blameable .updated .updated {
  font-style: italic;
}
.blameable .created .name, .blameable .updated .name {
  font-weight: 600;
}
.blameable .created .name a, .blameable .updated .name a {
  color: #999;
  text-decoration: underline;
}
.sf_admin_list td.sf_admin_list_td_list_groups ul,
.sf_admin_list td.sf_admin_list_td_list_brands ul,
.sf_admin_list td.sf_admin_list_td_list_warehouses ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sf_admin_list.purchase_order tr.sf_admin_row.complete, .sf_admin_list.purchase_order tr.sf_admin_row.complete a, .sf_admin_list.purchase_order tr.sf_admin_row.complete .date {
  color: #797979;
}
.sf_admin_list.purchase_order tr.sf_admin_row.future td {
  background-color: rgba(99, 184, 99, 0.2);
}
.sf_admin_list.purchase_order tr.sf_admin_row.future .date {
  color: #999;
}
.sf_admin_list.purchase_order tr.sf_admin_row.today td {
  background-color: rgba(0, 109, 221, 0.1);
}
.sf_admin_list.purchase_order tr.sf_admin_row.today .date, .sf_admin_list.purchase_order tr.sf_admin_row.today a {
  color: #004a97;
}
.sf_admin_list.purchase_order tr.sf_admin_row.overdue td {
  background-color: rgba(221, 0, 0, 0.1);
}
.sf_admin_list.purchase_order tr.sf_admin_row.overdue .date, .sf_admin_list.purchase_order tr.sf_admin_row.overdue a {
  color: #A00;
}

.warehouse_lock_form h3 span.type {
  font-weight: 600;
}

select[disabled],
select[readonly] {
  background: #f5f5f5;
  color: #b3b3b3 !important;
}

a.toggle-favourite {
  text-decoration: none;
}

div.id,
span.id {
  color: #a050a0;
  font-size: 80%;
}
div.id a,
span.id a {
  color: #5cb859;
}

ul.import-report > li {
  margin-bottom: 15px;
}
ul.import-report > li > strong {
  font-size: 16px;
}
ul.import-report > li > h4 > small {
  font-size: 12px;
}
ul.import-report > li > li small {
  color: #666;
}
ul.import-report > li.exceptions > strong, ul.import-report > li.exceptions > h4 {
  color: #d1534e;
}
ul.import-report > li.error > strong, ul.import-report > li.error > h4 {
  color: #d1534e;
}
ul.import-report > li.existing > strong, ul.import-report > li.existing > h4 {
  color: #858585;
}
ul.import-report > li.existing li, ul.import-report > li.existing li a {
  color: #b8b8b8;
}
ul.import-report > li.success > strong, ul.import-report > li.success > h4 {
  color: #5cb859;
}
ul.import-report > li ul, ul.import-report > li ol {
  margin-top: 5px;
}
ul.import-report > li ul li, ul.import-report > li ol li {
  font-size: 12px;
}

div.stock-transfer table tr td.name strong, div.stock-transfer table tr td.product strong,
div.pick-run table tr td.name strong,
div.pick-run table tr td.product strong {
  font-weight: 600;
}
div.stock-transfer table tr td.name .comments, div.stock-transfer table tr td.product .comments,
div.pick-run table tr td.name .comments,
div.pick-run table tr td.product .comments {
  font-size: 90%;
  color: #666;
  font-style: italic;
}

th.shipping-size,
td.shipping-size,
th.shipping-weight,
td.shipping-weight {
  white-space: nowrap;
}

td.shipping-size {
  text-align: center;
  color: #999;
  font-size: 11px;
}
td.shipping-size.long, td.shipping-size.large {
  color: #d1534e;
  outline: 1px solid #d1534e;
}

div.stock-transfer table tr td.name strong {
  font-weight: 600;
}
div.stock-transfer table tr td.name .comments {
  font-size: 90%;
  color: #666;
}
div.stock-transfer table tr td.quick-code {
  text-align: center;
  font-weight: 600;
}

div.stock-transfer table tr td.name strong {
  font-weight: 600;
}
div.stock-transfer table tr td.name .comments {
  font-size: 90%;
  color: #666;
}

.history > ol {
  list-style: none;
}
.history > ol > li {
  margin-bottom: 20px;
}
.history > ol > li > h4 {
  border-top: 1px solid #e4e4e4;
  float: left;
  margin-top: 0;
  padding-top: 8px;
  margin-bottom: 0;
}
.history > ol > li > h4 i.icon-time {
  color: #d6d6d6;
}
.history > ol > li > ol {
  list-style: none;
  padding-left: 60px;
  border-top: 1px solid #e4e4e4;
  padding-top: 3px;
  margin-bottom: 10px;
}
.history > ol > li > ol > li {
  margin-bottom: 0;
  line-height: 2;
  margin-left: 20px;
}
.history > ol > li > ol > li > h5 {
  font-weight: 600;
  padding: 0;
  line-height: 1.1;
  margin: 3px 0 5px 0;
}
.history > ol > li > ol > li > h5::after {
  clear: both;
  content: "";
  display: block;
}
.history > ol > li > ol > li > h5 > small {
  font-style: italic;
  font-size: 85%;
  color: #999;
}
.history > ol > li > ol > li > h5 > .notes {
  margin-top: 5px;
}
.history > ol > li > ol > li > h5 > span.id {
  font-size: 10px;
  margin: 0 0.25em;
}
.history > ol > li > ol > li > p.description {
  margin: 5px;
  padding-left: 0;
  font-style: italic;
}

.ui-datepicker {
  z-index: 9999 !important;
}

#receipt-modal .receipt-quick-amount {
  list-style-type: none;
  margin: 3px 0 0 auto;
  padding: 0;
}
#receipt-modal .receipt-quick-amount::after {
  clear: both;
  content: "";
  display: block;
}
#receipt-modal .receipt-quick-amount li {
  float: left;
  padding-right: 0.5em;
  margin-right: 0.5em;
  border-right: 1px solid #e6e6e6;
}
#receipt-modal .receipt-quick-amount li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
#receipt-modal .receipt-quick-amount li a {
  font-size: 10px;
}
#receipt-modal .form-horizontal table {
  width: 100%;
}
#receipt-modal .form-horizontal table thead tr th {
  text-align: left;
}
#receipt-modal .form-horizontal table tbody tr td {
  border-bottom: rgba(170, 170, 200, 0.15);
}
#receipt-modal .form-horizontal table tbody tr td .control-group {
  margin-bottom: 0 !important;
}
#receipt-modal .form-horizontal table tbody tr td.select {
  width: 20px;
  padding: 8px 6px 12px 10px;
}
#receipt-modal .form-horizontal table tbody tr td.balance {
  text-align: right;
}
#receipt-modal .form-horizontal table tbody tr td.amount {
  width: 140px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#receipt-modal .form-horizontal table tbody tr td.amount input {
  width: 100px;
  text-align: right;
}
#receipt-modal .form-horizontal table tbody tr.selected td {
  border-bottom: 1px solid #fff;
  background-color: rgba(170, 170, 200, 0.15);
}
#receipt-modal .modal-footer h3 {
  margin: 0;
}

pre.code {
  background-color: #f0f0f0;
}

#sf_admin_container.scan-rejects div.files > div.row-fluid {
  border-bottom: 1px solid #ccc;
}
#sf_admin_container.scan-rejects div.files > div.row-fluid .remove-file {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 10px;
  padding: 8px;
  line-height: 0.5;
}
#sf_admin_container.scan-rejects div.files > div.row-fluid a.thumbnail {
  width: 600px;
  height: 848.4px;
}
#sf_admin_container.scan-rejects div.files > div.row-fluid a.thumbnail .tile {
  position: relative;
  overflow: hidden;
  display: block;
  width: 600px;
  height: 848.4px;
}
#sf_admin_container.scan-rejects div.files > div.row-fluid a.thumbnail .tile .photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center;
  background-size: cover;
  transition: transform 0.3s ease-out;
}
#sf_admin_container.scan-rejects div.files > div.row-fluid h4 span {
  font-weight: 600;
}
#sf_admin_container.scan-rejects div.files > div.row-fluid .form ul.shipments {
  margin: 0;
}
#sf_admin_container.scan-rejects div.files > div.row-fluid .form ul.shipments > li {
  transition: all 0.35s;
  padding: 5px 10px;
  background: #efefef;
  margin: 5px auto;
  border-radius: 5px;
  list-style: none inside none;
}
#sf_admin_container.scan-rejects div.files > div.row-fluid .form ul.shipments > li .row-fluid {
  margin-bottom: 0;
}
#sf_admin_container.scan-rejects div.files > div.row-fluid .form ul.shipments > li .row-fluid [class*=span] {
  min-height: 20px;
}
#sf_admin_container.scan-rejects div.files > div.row-fluid .form ul.shipments > li strong,
#sf_admin_container.scan-rejects div.files > div.row-fluid .form ul.shipments > li a {
  font-weight: 600;
}
#sf_admin_container.scan-rejects div.files > div.row-fluid .form ul.shipments > li.has_pod {
  color: #adadad;
}
#sf_admin_container.scan-rejects div.files > div.row-fluid .form ul.shipments > li.has_pod a {
  color: #909090;
}
#sf_admin_container.scan-rejects div.files > div.row-fluid .form ul.shipments > li.selected {
  background: #5cb859;
  color: rgba(255, 255, 255, 0.8196078431);
}
#sf_admin_container.scan-rejects div.files > div.row-fluid .form ul.shipments > li.selected.has_pod {
  background: #d1534e;
}
#sf_admin_container.scan-rejects div.files > div.row-fluid .form ul.shipments > li.selected strong,
#sf_admin_container.scan-rejects div.files > div.row-fluid .form ul.shipments > li.selected a {
  color: #fff;
}
#sf_admin_container.scan-rejects div.files > div.row-fluid .form .alert {
  margin-top: 10px;
}

.stock-take-buttons > .btn {
  line-height: 1.4;
  padding: 5px 1.5em;
  margin: 5px auto;
}

#customer_ratings table h3 {
  line-height: 1.1;
}
#customer_ratings table a {
  color: #333;
  font-weight: 400;
}
#customer_ratings table div.rating {
  display: flex;
  justify-content: space-around;
  align-content: center;
}
#customer_ratings table div.rating img {
  max-width: 75px;
  max-height: 75px;
  cursor: pointer;
  margin: auto;
}
#customer_ratings table div.rating img:not(.selected) {
  filter: grayscale(100%);
}
#customer_ratings table div.rating img.positive:not(.selected), #customer_ratings table div.rating img.negative:not(.selected) {
  filter: grayscale(100%) brightness(150%);
}

.sf_admin_modal .modal-body ul.customer_search_results {
  margin: 0;
  padding: 0;
  background: #fff !important;
  list-style: none;
}
.sf_admin_modal .modal-body ul.customer_search_results li {
  display: block;
  margin: 0 -15px;
  padding: 0 20px 0 50px;
  border-bottom: 1px solid #ebebeb;
  transition: background-color 0.5s ease, opacity 0.5s ease;
}
.sf_admin_modal .modal-body ul.customer_search_results li:last-of-type {
  border-bottom: 0;
}
.sf_admin_modal .modal-body ul.customer_search_results li div.badge-group {
  margin-top: 10px;
}
.sf_admin_modal .modal-body ul.customer_search_results li div.customer_account h4 {
  margin-bottom: 0;
}
.sf_admin_modal .modal-body ul.customer_search_results li div.customer_account span {
  font-weight: 600;
}
.sf_admin_modal .modal-body ul.customer_search_results li div.customer_account small {
  font-size: 80%;
}
.sf_admin_modal .modal-body ul.customer_search_results li div.billing_address {
  font-size: 90%;
  font-style: italic;
  color: #9c9c9c;
}
.sf_admin_modal .modal-body ul.customer_search_results li:hover {
  cursor: pointer;
  background: rgba(67, 142, 185, 0.15);
}

.goods-received-timeline .goods-received {
  display: flex;
  width: 100%;
  height: 100%;
}
.goods-received-timeline .goods-received .overdue .container, .goods-received-timeline .goods-received.overdue .container {
  background-color: rgb(255, 190, 195);
}
.goods-received-timeline .goods-received .overdue .timeline .date-circle, .goods-received-timeline .goods-received.overdue .timeline .date-circle {
  border: 2px solid #ff5865 !important;
}
.goods-received-timeline .goods-received .overdue .timeline .before, .goods-received-timeline .goods-received .overdue .timeline .after, .goods-received-timeline .goods-received.overdue .timeline .before, .goods-received-timeline .goods-received.overdue .timeline .after {
  border-right: 2px solid #ff5865 !important;
}
.goods-received-timeline .goods-received .future .container, .goods-received-timeline .goods-received.future .container {
  background-color: rgba(253, 236, 222, 0.5);
}
.goods-received-timeline .goods-received .future .timeline .date-circle, .goods-received-timeline .goods-received.future .timeline .date-circle {
  border: 2px solid rgba(247, 181, 126, 0.5) !important;
}
.goods-received-timeline .goods-received .future .timeline .before, .goods-received-timeline .goods-received .future .timeline .after, .goods-received-timeline .goods-received.future .timeline .before, .goods-received-timeline .goods-received.future .timeline .after {
  border-right: 2px solid rgba(247, 181, 126, 0.5) !important;
}
.goods-received-timeline .goods-received .booked_in .container, .goods-received-timeline .goods-received.booked_in .container {
  color: #858585;
  background-color: rgb(249, 249, 249);
}
.goods-received-timeline .goods-received .booked_in .timeline .date-circle, .goods-received-timeline .goods-received.booked_in .timeline .date-circle {
  border: 2px solid #c6c6c6 !important;
}
.goods-received-timeline .goods-received .booked_in .timeline .before, .goods-received-timeline .goods-received .booked_in .timeline .after, .goods-received-timeline .goods-received.booked_in .timeline .before, .goods-received-timeline .goods-received.booked_in .timeline .after {
  border-right: 2px solid #c6c6c6 !important;
}
.goods-received-timeline .goods-received .timeline, .goods-received-timeline .goods-received .container {
  float: left;
}
.goods-received-timeline .goods-received .timeline {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  padding: 0 1em;
}
.goods-received-timeline .goods-received .timeline .line {
  height: 100%;
  margin-right: -50%;
  width: 30px;
}
.goods-received-timeline .goods-received .timeline .line .before, .goods-received-timeline .goods-received .timeline .line .after {
  height: 50%;
  border-right: 2px solid #e1e1e1;
}
.goods-received-timeline .goods-received .timeline .entry {
  display: table;
  width: 60px;
}
.goods-received-timeline .goods-received .timeline .entry .date-circle {
  display: table-cell;
  height: 57px;
  width: 60px;
  max-width: 55px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  font-weight: 800;
  line-height: 1em;
  font-size: 12px;
  border: 2px solid #e1e1e1;
  background: #fff;
}
.goods-received-timeline .goods-received .container {
  width: 90%;
  padding: 0;
  margin: 0.5em 0;
}
.goods-received-timeline .goods-received .container .header {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
}
.goods-received-timeline .goods-received .container .header h3 {
  padding-left: 1em;
  margin: 0;
  font-weight: 600;
}
.goods-received-timeline .goods-received .container .header .indicator {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 1em;
  margin-top: 5px;
}
.goods-received-timeline div:first-of-type .timeline .line .before {
  border: 0 !important;
}
.goods-received-timeline div:last-of-type .timeline .line .after {
  border: 0 !important;
}

table.table thead th {
  vertical-align: middle;
}
table.table thead tr.sub-header th {
  font-size: 85%;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.2;
  font-weight: 600;
}

.toggle.btn {
  padding-bottom: 2px;
  cursor: pointer;
}

.goods-received-timeline .goods-received {
  display: flex;
  width: 100%;
  height: 100%;
}
.goods-received-timeline .goods-received .overdue .header h3 > a, .goods-received-timeline .goods-received.overdue .header h3 > a {
  color: #ff0000 !important;
}
.goods-received-timeline .goods-received .overdue .timeline .date-circle, .goods-received-timeline .goods-received.overdue .timeline .date-circle {
  border: 2px solid #ff5865 !important;
  background-color: rgb(255, 190, 195) !important;
}
.goods-received-timeline .goods-received .overdue .timeline .before, .goods-received-timeline .goods-received .overdue .timeline .after, .goods-received-timeline .goods-received.overdue .timeline .before, .goods-received-timeline .goods-received.overdue .timeline .after {
  border-right: 2px solid #ff5865 !important;
}
.goods-received-timeline .goods-received .future .timeline .date-circle, .goods-received-timeline .goods-received.future .timeline .date-circle {
  border: 2px solid rgba(247, 181, 126, 0.5) !important;
}
.goods-received-timeline .goods-received .future .timeline .before, .goods-received-timeline .goods-received .future .timeline .after, .goods-received-timeline .goods-received.future .timeline .before, .goods-received-timeline .goods-received.future .timeline .after {
  border-right: 2px solid rgba(247, 181, 126, 0.5) !important;
}
.goods-received-timeline .goods-received .booked_in .container, .goods-received-timeline .goods-received.booked_in .container {
  color: #858585;
}
.goods-received-timeline .goods-received .booked_in .container .goods-received-items th, .goods-received-timeline .goods-received.booked_in .container .goods-received-items th {
  color: #b8b8b8 !important;
}
.goods-received-timeline .goods-received .booked_in .container .goods-received-items td, .goods-received-timeline .goods-received .booked_in .container .goods-received-items td > a, .goods-received-timeline .goods-received.booked_in .container .goods-received-items td, .goods-received-timeline .goods-received.booked_in .container .goods-received-items td > a {
  color: #858585 !important;
}
.goods-received-timeline .goods-received .booked_in .header h3 > a, .goods-received-timeline .goods-received.booked_in .header h3 > a {
  color: #a1a1a1 !important;
}
.goods-received-timeline .goods-received .booked_in .timeline .date-circle, .goods-received-timeline .goods-received.booked_in .timeline .date-circle {
  border: 2px solid #c6c6c6 !important;
  background-color: rgba(0, 0, 0, 0.3);
  color: #858585;
}
.goods-received-timeline .goods-received .booked_in .timeline .before, .goods-received-timeline .goods-received .booked_in .timeline .after, .goods-received-timeline .goods-received.booked_in .timeline .before, .goods-received-timeline .goods-received.booked_in .timeline .after {
  border-right: 2px solid #c6c6c6 !important;
}
.goods-received-timeline .goods-received .goods-received-items tr.complete.inactive td {
  background-color: #f8f8f8 !important;
  font-style: italic;
}
.goods-received-timeline .goods-received .goods-received-items tr.complete.inactive td a {
  color: #797979 !important;
}
.goods-received-timeline .goods-received .timeline, .goods-received-timeline .goods-received .container {
  float: left;
}
.goods-received-timeline .goods-received .timeline {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 60px;
  padding: 0 1em;
}
.goods-received-timeline .goods-received .timeline .line {
  height: 100%;
  margin-right: -50%;
  width: 30px;
}
.goods-received-timeline .goods-received .timeline .line .before, .goods-received-timeline .goods-received .timeline .line .after {
  border-right: 2px solid #e1e1e1;
}
.goods-received-timeline .goods-received .timeline .line .before {
  height: 51px;
}
.goods-received-timeline .goods-received .timeline .line .after {
  height: calc(100% - 51px);
}
.goods-received-timeline .goods-received .timeline .entry {
  display: table;
  width: 60px;
  margin-top: 21px;
}
.goods-received-timeline .goods-received .timeline .entry .date-circle {
  display: table-cell;
  height: 57px;
  width: 60px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  font-weight: 800;
  line-height: 1em;
  font-size: 12px;
  border: 2px solid #e1e1e1;
  background: #fff;
}
.goods-received-timeline .goods-received .container {
  width: 90%;
  padding: 0;
  margin: 10px 0 50px;
}
.goods-received-timeline .goods-received .container .header {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
}
.goods-received-timeline .goods-received .container .header h3 {
  padding-left: 1em;
  margin: 0;
  font-weight: 600;
}
.goods-received-timeline .goods-received .container .header .indicator {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 1em;
  margin-top: 8px;
}
.goods-received-timeline .goods-received .container .header .indicator .badge-group {
  display: inline-flex;
}
.goods-received-timeline div:first-of-type .timeline .line .before {
  border: 0 !important;
}
.goods-received-timeline div:last-of-type .timeline .line .after {
  border: 0 !important;
}

.table tbody tr a.delete-item {
  visibility: hidden;
  color: #CCC;
  font-size: 120%;
}

.table tbody tr:hover a.delete-item {
  visibility: visible;
}

.table tbody tr a:hover.delete-item {
  color: #d15b47;
  text-decoration: none;
}

.popover {
  z-index: 1050;
}
.popover .popover-title {
  font-weight: 600;
  text-transform: capitalize;
}
.popover .popover-content {
  padding: 9px 14px;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.75;
}

.pallet_item_pool_badge:empty {
  display: inline-block;
}

.toggle.btn {
  padding-bottom: 2px;
  cursor: pointer;
}

form .ledger-items td span.val {
  padding: 10px;
  box-sizing: border-box;
}
form .ledger-items .well.no-padding table tbody td input,
form .ledger-items .well.no-padding table tbody td input.input-block-level,
form .ledger-items .well.no-padding table tbody td input,
form .ledger-items .well.no-padding table tbody td input.input-block-level {
  background-color: #fcf8e3;
}
form .ledger-items .well.no-padding table tbody tr.error td input,
form .ledger-items .well.no-padding table tbody tr.error td input.input-block-level,
form .ledger-items .well.no-padding table tbody tr.error td input,
form .ledger-items .well.no-padding table tbody tr.error td input.input-block-level {
  background-color: #f2dede !important;
}

#product-show .page-header .status {
  display: inline-block;
}
#product-show .product-sidebar .specs h4 {
  margin-top: 30px;
}
#product-show .spares ul {
  list-style: none;
  margin-left: 0;
}
#product-show .spares ul li {
  margin-bottom: 8px;
  background: #f9f9f9;
  padding: 5px 10px;
  border-radius: 8px;
}
#product-show .spares ul li .product-link {
  float: left;
}
#product-show .spares ul li .notes {
  clear: left;
  float: left;
}
#product-show .spares ul li .id {
  float: right;
}
#product-show .spares ul li .quantity {
  text-align: right;
  font-size: 90%;
  float: right;
  clear: right;
}
#product-show .spares ul li::after {
  clear: both;
  content: "";
  display: block;
}

.drag-table tr.blue td {
  background: rgba(25, 129, 255, 0.1) !important;
  font-weight: 600;
}
.drag-table tr:hover .drag-handle span {
  opacity: 1;
}
.drag-table tr .drag-handle span {
  opacity: 0.2;
}

.sage-urn {
  font-size: 10px;
  font-weight: 600;
  background-color: #99ff99 !important;
  padding: 0 4px 0;
  border-radius: 4px;
  color: #007e00;
  display: inline-block;
  white-space: nowrap;
  line-height: 15px;
  font-style: normal;
}

#goods-received-create-pallets .new_pallet_container {
  padding: 0 !important;
}
#goods-received-create-pallets .new_pallet_container .pallet {
  display: block;
  padding: 0;
  border: 1px solid #c5c5c5;
  background-color: #fff;
  margin: 0 0.5em 10px !important;
}
#goods-received-create-pallets .new_pallet_container .pallet.complete {
  background-color: rgba(92, 184, 89, 0.15);
}
#goods-received-create-pallets .new_pallet_container .pallet.ui-droppable {
  transition: 0.5s all;
}
#goods-received-create-pallets .new_pallet_container .pallet.ui-droppable-hover {
  background-color: #b0e0ff;
  transition: 0.5s all;
}
#goods-received-create-pallets .new_pallet_container .pallet .product_drop_zone {
  height: 50px;
  border: 2px dashed #c9c8c8;
  text-align: center;
  padding-top: 25px;
  font-style: italic;
  background-color: #fefff5;
}
#goods-received-create-pallets .new_pallet_container .pallet .pallet_header, #goods-received-create-pallets .new_pallet_container .pallet .pallet_footer {
  height: 25px;
  padding: 10px;
}
#goods-received-create-pallets .new_pallet_container .pallet .pallet_reference span {
  font-size: 1.1em;
  font-weight: 600;
}
#goods-received-create-pallets .new_pallet_container .pallet .new_pallet_header {
  height: 45px;
  padding: 0;
}
#goods-received-create-pallets .new_pallet_container .pallet .new_pallet_header .pallet_reference {
  padding: 10px;
  display: block;
  width: 20%;
  float: left;
}
#goods-received-create-pallets .new_pallet_container .pallet .new_pallet_header .product_drop_zone {
  display: block;
  float: right;
  width: 65%;
  margin: 5px;
  padding: 5px;
  height: 20px;
}
#goods-received-create-pallets .new_pallet_container .pallet .table td {
  font-size: 1em;
}
#goods-received-create-pallets .new_pallet_container .pallet .table td input {
  margin: 0 !important;
}
#goods-received-create-pallets .new_pallet_container .pallet .table td.text i {
  font-size: 1.3em;
}
#goods-received-create-pallets .new_pallet_container .pallet .table td.text span {
  padding: 0;
}
#goods-received-create-pallets .new_pallet_container .pallet .table td.text span.btn {
  padding: 0 5px;
}
#goods-received-create-pallets .new_pallet_container .pallet .table td.val span {
  margin: 10px;
}
#goods-received-create-pallets .new_pallet_container .pallet .table tr.remove {
  text-decoration: line-through;
  color: #a1a1a1;
}
#goods-received-create-pallets .new_pallet_container .submit {
  text-align: center;
}
#goods-received-create-pallets table.create-pallets td.text,
#goods-received-create-pallets table.product-pallet td.text {
  padding: 5px;
}
#goods-received-create-pallets table.create-pallets td.actions,
#goods-received-create-pallets table.product-pallet td.actions {
  white-space: nowrap;
}
#goods-received-create-pallets table.create-pallets tr.success th, #goods-received-create-pallets table.create-pallets tr.success td,
#goods-received-create-pallets table.product-pallet tr.success th,
#goods-received-create-pallets table.product-pallet tr.success td {
  background-color: rgba(92, 184, 89, 0.15) !important;
}

.margin-0 {
  margin: 0;
}

.margin-1 {
  margin: 1em;
}

.margin-2 {
  margin: 2em;
}

.margin-3 {
  margin: 2em;
}

.margin-top-0 {
  margin-top: 0;
}

.margin-top-1 {
  margin-top: 1em;
}

.margin-top-2 {
  margin-top: 2em;
}

.margin-top-3 {
  margin-top: 2em;
}

.margin-right-0 {
  margin-right: 0;
}

.margin-right-1 {
  margin-right: 1em;
}

.margin-right-2 {
  margin-right: 2em;
}

.margin-right-3 {
  margin-right: 3em;
}

.margin-bottom-0 {
  margin-bottom: 0;
}

.margin-bottom-1 {
  margin-bottom: 1em;
}

.margin-bottom-2 {
  margin-bottom: 2em;
}

.margin-bottom-3 {
  margin-bottom: 3em;
}

.margin-left-0 {
  margin-left: 0;
}

.margin-left-1 {
  margin-left: 1em;
}

.margin-left-2 {
  margin-left: 2em;
}

.margin-left-3 {
  margin-left: 3em;
}

.rotate-45 {
  transform: rotate(45deg);
}

.rotate-90 {
  transform: rotate(90deg);
}

.rotate-135 {
  transform: rotate(135deg);
}

.rotate-180 {
  transform: rotate(180deg);
}

.rotate-225 {
  transform: rotate(225deg);
}

.rotate-270 {
  transform: rotate(270deg);
}

.rotate-315 {
  transform: rotate(315deg);
}

table.racking ul, table.racking li {
  list-style: none;
  margin: 0;
}
table.racking ul.pallets > li div {
  font-weight: 600;
}
table.racking ul.pallets > li ul.products li {
  font-size: 80%;
}

.goods-received-timeline .goods-received, .goods-received-timeline .stock-transfer, .stock-transfer-timeline .goods-received, .stock-transfer-timeline .stock-transfer {
  display: flex;
  width: 100%;
  height: 100%;
}
.goods-received-timeline .goods-received .timeline, .goods-received-timeline .goods-received .container, .goods-received-timeline .stock-transfer .timeline, .goods-received-timeline .stock-transfer .container, .stock-transfer-timeline .goods-received .timeline, .stock-transfer-timeline .goods-received .container, .stock-transfer-timeline .stock-transfer .timeline, .stock-transfer-timeline .stock-transfer .container {
  float: left;
}
.goods-received-timeline .goods-received .timeline, .goods-received-timeline .stock-transfer .timeline, .stock-transfer-timeline .goods-received .timeline, .stock-transfer-timeline .stock-transfer .timeline {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 60px;
  padding: 0 1em;
}
.goods-received-timeline .goods-received .timeline .line, .goods-received-timeline .stock-transfer .timeline .line, .stock-transfer-timeline .goods-received .timeline .line, .stock-transfer-timeline .stock-transfer .timeline .line {
  height: 100%;
  margin-right: -50%;
  width: 30px;
}
.goods-received-timeline .goods-received .timeline .line .before, .goods-received-timeline .goods-received .timeline .line .after, .goods-received-timeline .stock-transfer .timeline .line .before, .goods-received-timeline .stock-transfer .timeline .line .after, .stock-transfer-timeline .goods-received .timeline .line .before, .stock-transfer-timeline .goods-received .timeline .line .after, .stock-transfer-timeline .stock-transfer .timeline .line .before, .stock-transfer-timeline .stock-transfer .timeline .line .after {
  border-right: 2px solid #e1e1e1;
}
.goods-received-timeline .goods-received .timeline .line .before, .goods-received-timeline .stock-transfer .timeline .line .before, .stock-transfer-timeline .goods-received .timeline .line .before, .stock-transfer-timeline .stock-transfer .timeline .line .before {
  height: 51px;
}
.goods-received-timeline .goods-received .timeline .line .after, .goods-received-timeline .stock-transfer .timeline .line .after, .stock-transfer-timeline .goods-received .timeline .line .after, .stock-transfer-timeline .stock-transfer .timeline .line .after {
  height: calc(100% - 51px);
}
.goods-received-timeline .goods-received .timeline .entry, .goods-received-timeline .stock-transfer .timeline .entry, .stock-transfer-timeline .goods-received .timeline .entry, .stock-transfer-timeline .stock-transfer .timeline .entry {
  display: table;
  margin-top: 21px;
  width: 60px;
}
.goods-received-timeline .goods-received .timeline .entry .date-circle, .goods-received-timeline .stock-transfer .timeline .entry .date-circle, .stock-transfer-timeline .goods-received .timeline .entry .date-circle, .stock-transfer-timeline .stock-transfer .timeline .entry .date-circle {
  display: table-cell;
  height: 57px;
  width: 60px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  font-weight: 800;
  line-height: 1em;
  font-size: 12px;
  border: 2px solid #e1e1e1;
  background: #fff;
}
.goods-received-timeline .goods-received .goods-received-items tr.complete.inactive td, .goods-received-timeline .stock-transfer .goods-received-items tr.complete.inactive td, .stock-transfer-timeline .goods-received .goods-received-items tr.complete.inactive td, .stock-transfer-timeline .stock-transfer .goods-received-items tr.complete.inactive td {
  background-color: #f8f8f8 !important;
  font-style: italic;
}
.goods-received-timeline .goods-received .goods-received-items tr.complete.inactive td a, .goods-received-timeline .stock-transfer .goods-received-items tr.complete.inactive td a, .stock-transfer-timeline .goods-received .goods-received-items tr.complete.inactive td a, .stock-transfer-timeline .stock-transfer .goods-received-items tr.complete.inactive td a {
  color: #797979 !important;
}
.goods-received-timeline .goods-received .container, .goods-received-timeline .stock-transfer .container, .stock-transfer-timeline .goods-received .container, .stock-transfer-timeline .stock-transfer .container {
  width: 90%;
  padding: 0;
  margin: 10px 0 50px;
}
.goods-received-timeline .goods-received .container .header, .goods-received-timeline .stock-transfer .container .header, .stock-transfer-timeline .goods-received .container .header, .stock-transfer-timeline .stock-transfer .container .header {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
}
.goods-received-timeline .goods-received .container .header h3, .goods-received-timeline .stock-transfer .container .header h3, .stock-transfer-timeline .goods-received .container .header h3, .stock-transfer-timeline .stock-transfer .container .header h3 {
  padding-left: 1em;
  margin: 0;
  font-weight: 600;
}
.goods-received-timeline .goods-received .container .header .indicator, .goods-received-timeline .stock-transfer .container .header .indicator, .stock-transfer-timeline .goods-received .container .header .indicator, .stock-transfer-timeline .stock-transfer .container .header .indicator {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 1em;
  margin-top: 8px;
}
.goods-received-timeline .goods-received .container .header .indicator .badge-group, .goods-received-timeline .stock-transfer .container .header .indicator .badge-group, .stock-transfer-timeline .goods-received .container .header .indicator .badge-group, .stock-transfer-timeline .stock-transfer .container .header .indicator .badge-group {
  display: inline-flex;
}
.goods-received-timeline.small-circle .timeline, .stock-transfer-timeline.small-circle .timeline {
  width: 25px;
}
.goods-received-timeline.small-circle .timeline .line, .stock-transfer-timeline.small-circle .timeline .line {
  width: 10px;
}
.goods-received-timeline.small-circle .timeline .line .before, .goods-received-timeline.small-circle .timeline .line .after, .stock-transfer-timeline.small-circle .timeline .line .before, .stock-transfer-timeline.small-circle .timeline .line .after {
  border-width: 5px;
}
.goods-received-timeline.small-circle .timeline .line .before, .stock-transfer-timeline.small-circle .timeline .line .before {
  height: 15px;
}
.goods-received-timeline.small-circle .timeline .line .after, .stock-transfer-timeline.small-circle .timeline .line .after {
  height: calc(100% - 15px);
}
.goods-received-timeline.small-circle .timeline .entry, .stock-transfer-timeline.small-circle .timeline .entry {
  width: 20px;
  margin-top: 5px;
}
.goods-received-timeline.small-circle .timeline .entry .date-circle, .stock-transfer-timeline.small-circle .timeline .entry .date-circle {
  width: 20px;
  height: 10px;
  position: relative;
  border-width: 5px;
}
.goods-received-timeline.small-circle .timeline .entry .date-circle span, .stock-transfer-timeline.small-circle .timeline .entry .date-circle span {
  font-size: 1.1em;
  line-height: 1.1em;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: -3px;
  width: 75px;
  text-align: right;
}
.goods-received-timeline.small-circle, .stock-transfer-timeline.small-circle {
  margin-left: 50px;
}
.goods-received-timeline.small-circle .container, .stock-transfer-timeline.small-circle .container {
  margin: 0 !important;
}
.goods-received-timeline.small-circle .header, .stock-transfer-timeline.small-circle .header {
  border-bottom: 0;
}
.goods-received-timeline.small-circle .header .bold, .stock-transfer-timeline.small-circle .header .bold {
  font-weight: 800;
}
.goods-received-timeline.small-circle .entry .date-circle, .stock-transfer-timeline.small-circle .entry .date-circle {
  font-weight: 600 !important;
}
.goods-received-timeline .goods-received .overdue .header h3 > a, .goods-received-timeline .goods-received.overdue .header h3 > a, .goods-received-timeline .goods-received .error .header h3 > a, .goods-received-timeline .goods-received.error .header h3 > a, .goods-received-timeline .stock-transfer .overdue .header h3 > a, .goods-received-timeline .stock-transfer.overdue .header h3 > a, .goods-received-timeline .stock-transfer .error .header h3 > a, .goods-received-timeline .stock-transfer.error .header h3 > a, .stock-transfer-timeline .goods-received .overdue .header h3 > a, .stock-transfer-timeline .goods-received.overdue .header h3 > a, .stock-transfer-timeline .goods-received .error .header h3 > a, .stock-transfer-timeline .goods-received.error .header h3 > a, .stock-transfer-timeline .stock-transfer .overdue .header h3 > a, .stock-transfer-timeline .stock-transfer.overdue .header h3 > a, .stock-transfer-timeline .stock-transfer .error .header h3 > a, .stock-transfer-timeline .stock-transfer.error .header h3 > a {
  color: #ff0000 !important;
}
.goods-received-timeline .goods-received .overdue .timeline .date-circle, .goods-received-timeline .goods-received.overdue .timeline .date-circle, .goods-received-timeline .goods-received .error .timeline .date-circle, .goods-received-timeline .goods-received.error .timeline .date-circle, .goods-received-timeline .stock-transfer .overdue .timeline .date-circle, .goods-received-timeline .stock-transfer.overdue .timeline .date-circle, .goods-received-timeline .stock-transfer .error .timeline .date-circle, .goods-received-timeline .stock-transfer.error .timeline .date-circle, .stock-transfer-timeline .goods-received .overdue .timeline .date-circle, .stock-transfer-timeline .goods-received.overdue .timeline .date-circle, .stock-transfer-timeline .goods-received .error .timeline .date-circle, .stock-transfer-timeline .goods-received.error .timeline .date-circle, .stock-transfer-timeline .stock-transfer .overdue .timeline .date-circle, .stock-transfer-timeline .stock-transfer.overdue .timeline .date-circle, .stock-transfer-timeline .stock-transfer .error .timeline .date-circle, .stock-transfer-timeline .stock-transfer.error .timeline .date-circle {
  border-color: #ff5865 !important;
  background-color: rgb(255, 190, 195) !important;
}
.goods-received-timeline .goods-received .overdue .timeline .before, .goods-received-timeline .goods-received .overdue .timeline .after, .goods-received-timeline .goods-received.overdue .timeline .before, .goods-received-timeline .goods-received.overdue .timeline .after, .goods-received-timeline .goods-received .error .timeline .before, .goods-received-timeline .goods-received .error .timeline .after, .goods-received-timeline .goods-received.error .timeline .before, .goods-received-timeline .goods-received.error .timeline .after, .goods-received-timeline .stock-transfer .overdue .timeline .before, .goods-received-timeline .stock-transfer .overdue .timeline .after, .goods-received-timeline .stock-transfer.overdue .timeline .before, .goods-received-timeline .stock-transfer.overdue .timeline .after, .goods-received-timeline .stock-transfer .error .timeline .before, .goods-received-timeline .stock-transfer .error .timeline .after, .goods-received-timeline .stock-transfer.error .timeline .before, .goods-received-timeline .stock-transfer.error .timeline .after, .stock-transfer-timeline .goods-received .overdue .timeline .before, .stock-transfer-timeline .goods-received .overdue .timeline .after, .stock-transfer-timeline .goods-received.overdue .timeline .before, .stock-transfer-timeline .goods-received.overdue .timeline .after, .stock-transfer-timeline .goods-received .error .timeline .before, .stock-transfer-timeline .goods-received .error .timeline .after, .stock-transfer-timeline .goods-received.error .timeline .before, .stock-transfer-timeline .goods-received.error .timeline .after, .stock-transfer-timeline .stock-transfer .overdue .timeline .before, .stock-transfer-timeline .stock-transfer .overdue .timeline .after, .stock-transfer-timeline .stock-transfer.overdue .timeline .before, .stock-transfer-timeline .stock-transfer.overdue .timeline .after, .stock-transfer-timeline .stock-transfer .error .timeline .before, .stock-transfer-timeline .stock-transfer .error .timeline .after, .stock-transfer-timeline .stock-transfer.error .timeline .before, .stock-transfer-timeline .stock-transfer.error .timeline .after {
  border-color: #ff5865 !important;
}
.goods-received-timeline .goods-received .future .timeline .date-circle, .goods-received-timeline .goods-received.future .timeline .date-circle, .goods-received-timeline .goods-received .highlight .timeline .date-circle, .goods-received-timeline .goods-received.highlight .timeline .date-circle, .goods-received-timeline .stock-transfer .future .timeline .date-circle, .goods-received-timeline .stock-transfer.future .timeline .date-circle, .goods-received-timeline .stock-transfer .highlight .timeline .date-circle, .goods-received-timeline .stock-transfer.highlight .timeline .date-circle, .stock-transfer-timeline .goods-received .future .timeline .date-circle, .stock-transfer-timeline .goods-received.future .timeline .date-circle, .stock-transfer-timeline .goods-received .highlight .timeline .date-circle, .stock-transfer-timeline .goods-received.highlight .timeline .date-circle, .stock-transfer-timeline .stock-transfer .future .timeline .date-circle, .stock-transfer-timeline .stock-transfer.future .timeline .date-circle, .stock-transfer-timeline .stock-transfer .highlight .timeline .date-circle, .stock-transfer-timeline .stock-transfer.highlight .timeline .date-circle {
  border-color: rgba(247, 181, 126, 0.5) !important;
}
.goods-received-timeline .goods-received .future .timeline .before, .goods-received-timeline .goods-received .future .timeline .after, .goods-received-timeline .goods-received.future .timeline .before, .goods-received-timeline .goods-received.future .timeline .after, .goods-received-timeline .goods-received .highlight .timeline .before, .goods-received-timeline .goods-received .highlight .timeline .after, .goods-received-timeline .goods-received.highlight .timeline .before, .goods-received-timeline .goods-received.highlight .timeline .after, .goods-received-timeline .stock-transfer .future .timeline .before, .goods-received-timeline .stock-transfer .future .timeline .after, .goods-received-timeline .stock-transfer.future .timeline .before, .goods-received-timeline .stock-transfer.future .timeline .after, .goods-received-timeline .stock-transfer .highlight .timeline .before, .goods-received-timeline .stock-transfer .highlight .timeline .after, .goods-received-timeline .stock-transfer.highlight .timeline .before, .goods-received-timeline .stock-transfer.highlight .timeline .after, .stock-transfer-timeline .goods-received .future .timeline .before, .stock-transfer-timeline .goods-received .future .timeline .after, .stock-transfer-timeline .goods-received.future .timeline .before, .stock-transfer-timeline .goods-received.future .timeline .after, .stock-transfer-timeline .goods-received .highlight .timeline .before, .stock-transfer-timeline .goods-received .highlight .timeline .after, .stock-transfer-timeline .goods-received.highlight .timeline .before, .stock-transfer-timeline .goods-received.highlight .timeline .after, .stock-transfer-timeline .stock-transfer .future .timeline .before, .stock-transfer-timeline .stock-transfer .future .timeline .after, .stock-transfer-timeline .stock-transfer.future .timeline .before, .stock-transfer-timeline .stock-transfer.future .timeline .after, .stock-transfer-timeline .stock-transfer .highlight .timeline .before, .stock-transfer-timeline .stock-transfer .highlight .timeline .after, .stock-transfer-timeline .stock-transfer.highlight .timeline .before, .stock-transfer-timeline .stock-transfer.highlight .timeline .after {
  border-color: rgba(247, 181, 126, 0.5) !important;
}
.goods-received-timeline .goods-received .booked_in .container, .goods-received-timeline .goods-received.booked_in .container, .goods-received-timeline .stock-transfer .booked_in .container, .goods-received-timeline .stock-transfer.booked_in .container, .stock-transfer-timeline .goods-received .booked_in .container, .stock-transfer-timeline .goods-received.booked_in .container, .stock-transfer-timeline .stock-transfer .booked_in .container, .stock-transfer-timeline .stock-transfer.booked_in .container {
  color: #858585;
}
.goods-received-timeline .goods-received .booked_in .container .goods-received-items th, .goods-received-timeline .goods-received.booked_in .container .goods-received-items th, .goods-received-timeline .stock-transfer .booked_in .container .goods-received-items th, .goods-received-timeline .stock-transfer.booked_in .container .goods-received-items th, .stock-transfer-timeline .goods-received .booked_in .container .goods-received-items th, .stock-transfer-timeline .goods-received.booked_in .container .goods-received-items th, .stock-transfer-timeline .stock-transfer .booked_in .container .goods-received-items th, .stock-transfer-timeline .stock-transfer.booked_in .container .goods-received-items th {
  color: #b8b8b8 !important;
}
.goods-received-timeline .goods-received .booked_in .container .goods-received-items td, .goods-received-timeline .goods-received .booked_in .container .goods-received-items td > a, .goods-received-timeline .goods-received.booked_in .container .goods-received-items td, .goods-received-timeline .goods-received.booked_in .container .goods-received-items td > a, .goods-received-timeline .stock-transfer .booked_in .container .goods-received-items td, .goods-received-timeline .stock-transfer .booked_in .container .goods-received-items td > a, .goods-received-timeline .stock-transfer.booked_in .container .goods-received-items td, .goods-received-timeline .stock-transfer.booked_in .container .goods-received-items td > a, .stock-transfer-timeline .goods-received .booked_in .container .goods-received-items td, .stock-transfer-timeline .goods-received .booked_in .container .goods-received-items td > a, .stock-transfer-timeline .goods-received.booked_in .container .goods-received-items td, .stock-transfer-timeline .goods-received.booked_in .container .goods-received-items td > a, .stock-transfer-timeline .stock-transfer .booked_in .container .goods-received-items td, .stock-transfer-timeline .stock-transfer .booked_in .container .goods-received-items td > a, .stock-transfer-timeline .stock-transfer.booked_in .container .goods-received-items td, .stock-transfer-timeline .stock-transfer.booked_in .container .goods-received-items td > a {
  color: #858585 !important;
}
.goods-received-timeline .goods-received .booked_in .header h3 > a, .goods-received-timeline .goods-received.booked_in .header h3 > a, .goods-received-timeline .stock-transfer .booked_in .header h3 > a, .goods-received-timeline .stock-transfer.booked_in .header h3 > a, .stock-transfer-timeline .goods-received .booked_in .header h3 > a, .stock-transfer-timeline .goods-received.booked_in .header h3 > a, .stock-transfer-timeline .stock-transfer .booked_in .header h3 > a, .stock-transfer-timeline .stock-transfer.booked_in .header h3 > a {
  color: #a1a1a1 !important;
}
.goods-received-timeline .goods-received .booked_in .timeline .date-circle, .goods-received-timeline .goods-received.booked_in .timeline .date-circle, .goods-received-timeline .stock-transfer .booked_in .timeline .date-circle, .goods-received-timeline .stock-transfer.booked_in .timeline .date-circle, .stock-transfer-timeline .goods-received .booked_in .timeline .date-circle, .stock-transfer-timeline .goods-received.booked_in .timeline .date-circle, .stock-transfer-timeline .stock-transfer .booked_in .timeline .date-circle, .stock-transfer-timeline .stock-transfer.booked_in .timeline .date-circle {
  border-color: #c6c6c6 !important;
  color: #858585;
}
.goods-received-timeline .goods-received .booked_in .timeline .before, .goods-received-timeline .goods-received .booked_in .timeline .after, .goods-received-timeline .goods-received.booked_in .timeline .before, .goods-received-timeline .goods-received.booked_in .timeline .after, .goods-received-timeline .stock-transfer .booked_in .timeline .before, .goods-received-timeline .stock-transfer .booked_in .timeline .after, .goods-received-timeline .stock-transfer.booked_in .timeline .before, .goods-received-timeline .stock-transfer.booked_in .timeline .after, .stock-transfer-timeline .goods-received .booked_in .timeline .before, .stock-transfer-timeline .goods-received .booked_in .timeline .after, .stock-transfer-timeline .goods-received.booked_in .timeline .before, .stock-transfer-timeline .goods-received.booked_in .timeline .after, .stock-transfer-timeline .stock-transfer .booked_in .timeline .before, .stock-transfer-timeline .stock-transfer .booked_in .timeline .after, .stock-transfer-timeline .stock-transfer.booked_in .timeline .before, .stock-transfer-timeline .stock-transfer.booked_in .timeline .after {
  border-color: #c6c6c6 !important;
}
.goods-received-timeline .goods-received .lighten .timeline .date-circle, .goods-received-timeline .goods-received.lighten .timeline .date-circle, .goods-received-timeline .goods-received .scheduled_future .timeline .date-circle, .goods-received-timeline .goods-received.scheduled_future .timeline .date-circle, .goods-received-timeline .stock-transfer .lighten .timeline .date-circle, .goods-received-timeline .stock-transfer.lighten .timeline .date-circle, .goods-received-timeline .stock-transfer .scheduled_future .timeline .date-circle, .goods-received-timeline .stock-transfer.scheduled_future .timeline .date-circle, .stock-transfer-timeline .goods-received .lighten .timeline .date-circle, .stock-transfer-timeline .goods-received.lighten .timeline .date-circle, .stock-transfer-timeline .goods-received .scheduled_future .timeline .date-circle, .stock-transfer-timeline .goods-received.scheduled_future .timeline .date-circle, .stock-transfer-timeline .stock-transfer .lighten .timeline .date-circle, .stock-transfer-timeline .stock-transfer.lighten .timeline .date-circle, .stock-transfer-timeline .stock-transfer .scheduled_future .timeline .date-circle, .stock-transfer-timeline .stock-transfer.scheduled_future .timeline .date-circle {
  border-color: #e0e0e0 !important;
  color: #858585;
}
.goods-received-timeline .goods-received .lighten .timeline .before, .goods-received-timeline .goods-received .lighten .timeline .after, .goods-received-timeline .goods-received.lighten .timeline .before, .goods-received-timeline .goods-received.lighten .timeline .after, .goods-received-timeline .goods-received .scheduled_future .timeline .before, .goods-received-timeline .goods-received .scheduled_future .timeline .after, .goods-received-timeline .goods-received.scheduled_future .timeline .before, .goods-received-timeline .goods-received.scheduled_future .timeline .after, .goods-received-timeline .stock-transfer .lighten .timeline .before, .goods-received-timeline .stock-transfer .lighten .timeline .after, .goods-received-timeline .stock-transfer.lighten .timeline .before, .goods-received-timeline .stock-transfer.lighten .timeline .after, .goods-received-timeline .stock-transfer .scheduled_future .timeline .before, .goods-received-timeline .stock-transfer .scheduled_future .timeline .after, .goods-received-timeline .stock-transfer.scheduled_future .timeline .before, .goods-received-timeline .stock-transfer.scheduled_future .timeline .after, .stock-transfer-timeline .goods-received .lighten .timeline .before, .stock-transfer-timeline .goods-received .lighten .timeline .after, .stock-transfer-timeline .goods-received.lighten .timeline .before, .stock-transfer-timeline .goods-received.lighten .timeline .after, .stock-transfer-timeline .goods-received .scheduled_future .timeline .before, .stock-transfer-timeline .goods-received .scheduled_future .timeline .after, .stock-transfer-timeline .goods-received.scheduled_future .timeline .before, .stock-transfer-timeline .goods-received.scheduled_future .timeline .after, .stock-transfer-timeline .stock-transfer .lighten .timeline .before, .stock-transfer-timeline .stock-transfer .lighten .timeline .after, .stock-transfer-timeline .stock-transfer.lighten .timeline .before, .stock-transfer-timeline .stock-transfer.lighten .timeline .after, .stock-transfer-timeline .stock-transfer .scheduled_future .timeline .before, .stock-transfer-timeline .stock-transfer .scheduled_future .timeline .after, .stock-transfer-timeline .stock-transfer.scheduled_future .timeline .before, .stock-transfer-timeline .stock-transfer.scheduled_future .timeline .after {
  border-color: #e0e0e0 !important;
}
.goods-received-timeline div:first-of-type .timeline .line .before, .stock-transfer-timeline div:first-of-type .timeline .line .before {
  border: 0 !important;
}
.goods-received-timeline div:last-of-type .timeline .line .after, .stock-transfer-timeline div:last-of-type .timeline .line .after {
  border: 0 !important;
}

div.stock-due-in table.table tr.confirmed td {
  background: rgba(76, 175, 80, 0.1215686275);
}
div.stock-due-in table.table tr.overdue td {
  background: rgba(175, 76, 116, 0.12);
}
#user-timeline {
  outline: 1px solid #E4E4E4;
}
#user-timeline a {
  color: #393939;
}
#user-timeline::after {
  clear: both;
  content: "";
  display: block;
}
#user-timeline .timeline-header {
  background-color: rgba(222, 222, 222, 0.1490196078);
  outline: 1px solid #ddd;
  position: relative;
  width: 145px;
  height: 20px;
  float: left;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#user-timeline .timeline-header span {
  padding: 0 5px 0;
}
#user-timeline .departments .timeline-header, #user-timeline .roles .timeline-header, #user-timeline .rotas .timeline-header, #user-timeline .contracts .timeline-header {
  font-weight: 600;
}
#user-timeline .items {
  left: 145px;
  height: 20px;
  width: calc(100% - 145px);
}
#user-timeline .items .item {
  display: block;
}
#user-timeline .items .item .fill {
  width: calc(100% - 4px);
  height: calc(100% - 2px);
  margin: auto;
  background-color: rgba(67, 142, 185, 0.2588235294);
  outline: 1px solid #ddd;
}
#user-timeline .items .item .fill span {
  font-size: 12px;
  padding: 5px;
}
#user-timeline .items .item .primary {
  background-color: rgba(92, 184, 89, 0.6);
}
#user-timeline .items .item .manager {
  background-color: rgba(247, 169, 29, 0.6);
}
#user-timeline .items .item .cover {
  background-color: rgba(227, 135, 137, 0.7);
}
#user-timeline .commission,
#user-timeline .departments,
#user-timeline .location,
#user-timeline .roles,
#user-timeline .rotas,
#user-timeline .contracts {
  clear: both;
  float: left;
  position: relative;
  width: 100%;
}
#user-timeline .commission::after,
#user-timeline .departments::after,
#user-timeline .location::after,
#user-timeline .roles::after,
#user-timeline .rotas::after,
#user-timeline .contracts::after {
  clear: both;
  content: "";
  display: block;
}
#user-timeline .commission:hover,
#user-timeline .departments:hover,
#user-timeline .location:hover,
#user-timeline .roles:hover,
#user-timeline .rotas:hover,
#user-timeline .contracts:hover {
  background-color: rgba(50, 57, 57, 0.2235294118);
}
#user-timeline .commission .items,
#user-timeline .departments .items,
#user-timeline .location .items,
#user-timeline .roles .items,
#user-timeline .rotas .items,
#user-timeline .contracts .items {
  position: absolute;
  height: 20px;
}
#user-timeline .commission .items .item,
#user-timeline .departments .items .item,
#user-timeline .location .items .item,
#user-timeline .roles .items .item,
#user-timeline .rotas .items .item,
#user-timeline .contracts .items .item {
  position: absolute;
  height: 20px;
  float: right;
}
#user-timeline .contracts .items .item .fill {
  height: 20px;
}
#user-timeline .days {
  clear: both;
  float: left;
  position: relative;
  width: 100%;
}
#user-timeline .days::after {
  clear: both;
  content: "";
  display: block;
}
#user-timeline .days .timeline-header {
  height: 20px;
  margin-bottom: 5px;
}
#user-timeline .days .items {
  position: absolute;
  height: 20px;
  background-color: #f5f5f5;
}
#user-timeline .days .items .item {
  position: absolute;
  height: 20px;
  outline: 1px solid #ddd;
  float: right;
}
#user-timeline .days .items .day {
  background-color: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
}
#user-timeline .days .items .day.is_weekend {
  background-color: #dedede;
}
#user-timeline .items-divider {
  clear: both;
  float: left;
  position: relative;
  width: 100%;
  outline: 1px solid #ddd;
  background-color: #f5f5f5;
  margin-top: 5px;
  margin-bottom: 5px;
}
#user-timeline .items-divider::after {
  clear: both;
  content: "";
  display: block;
}
#user-timeline .items-divider span {
  font-size: 12px;
  font-weight: 800;
  padding-left: 64px;
  padding-top: 10px;
}

.sales_order_wrapper .sales_order {
  position: relative;
}
.sales_order_wrapper .sales_order .dispatch-toolbar {
  outline: 3px solid #d1534e;
  max-width: 1000px;
  position: relative;
  margin: 20px auto;
  background-color: white;
  border-radius: 1px;
}
.sales_order_wrapper .sales_order .dispatch-toolbar div.title h4 {
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  background: #d1534e;
  padding: 10px;
  margin: 0;
}
.sales_order_wrapper .sales_order .dispatch-toolbar div.title h4 a {
  color: #FFF;
}
.sales_order_wrapper .sales_order .dispatch-toolbar .dispatch-details {
  padding-top: 10px;
  width: 25%;
  line-height: 1.4;
}
.sales_order_wrapper .sales_order .dispatch-toolbar .dispatch-details .date {
  font-size: 20px;
  text-align: center;
}
.sales_order_wrapper .sales_order .dispatch-toolbar .dispatch-details .weight {
  font-size: 40px;
  text-align: center;
  margin-bottom: 10px;
}
.sales_order_wrapper .sales_order .dispatch-toolbar .dispatch-options {
  width: 36%;
  margin-left: 3%;
  padding: 10px 0;
}
.sales_order_wrapper .sales_order .dispatch-toolbar .dispatch-actions {
  margin-left: 20px;
  width: 32%;
  padding: 10px !important;
  box-sizing: border-box;
}
.sales_order_wrapper .sales_order .dispatch-toolbar .dispatch-options ul, .sales_order_wrapper .sales_order .dispatch-toolbar .dispatch-actions ul {
  list-style: none;
  margin: 0;
}
.sales_order_wrapper .sales_order .dispatch-toolbar .dispatch-options ul li, .sales_order_wrapper .sales_order .dispatch-toolbar .dispatch-actions ul li {
  display: inline-block;
  font-size: 10px;
  text-transform: uppercase;
  margin: 0 0.5em 0 0;
  border-right: 1px solid #ccc;
  padding: 0 0.8em 0 0;
  line-height: 1;
}
.sales_order_wrapper .sales_order .dispatch-toolbar .dispatch-options ul li:last-child, .sales_order_wrapper .sales_order .dispatch-toolbar .dispatch-actions ul li:last-child {
  margin-right: 0;
  border-right: none;
}
.sales_order_wrapper .sales_order .dispatch-toolbar .dispatch-details, .sales_order_wrapper .sales_order .dispatch-toolbar .dispatch-options, .sales_order_wrapper .sales_order .dispatch-toolbar .dispatch-actions {
  float: left;
}
.sales_order_wrapper .sales_order .dispatch-toolbar .dispatch-notes {
  clear: both;
  border-top: 1px solid #d1534e;
}
.sales_order_wrapper .sales_order .dispatch-toolbar .dispatch-notes::after {
  clear: both;
  content: "";
  display: block;
}
.sales_order_wrapper .sales_order .dispatch-toolbar .dispatch-notes h5 {
  float: left;
  width: 28%;
  margin-right: 2%;
  font-weight: 600;
  text-align: right;
  color: #abbac3;
  margin-top: 5px;
}
.sales_order_wrapper .sales_order .dispatch-toolbar .dispatch-notes .notes {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 70%;
  float: left;
  font-weight: 600;
  font-style: italic;
}
.sales_order_wrapper .sales_order .dispatch-toolbar .is-xl,
.sales_order_wrapper .sales_order .dispatch-toolbar .has-tiles,
.sales_order_wrapper .sales_order .dispatch-toolbar .has-special-order-items {
  font-weight: 600;
  margin: 5px auto 0 auto;
  width: 90%;
  font-size: 11px;
  padding: 6px 4px;
  border-radius: 3px;
  text-align: center;
  color: #474747;
  background: #f5f5f5;
}
.sales_order_wrapper .sales_order .dispatch-toolbar .is-xl i.icon-warning-sign {
  color: #bc2b2b;
}
.sales_order_wrapper .sales_order .dispatch-toolbar .has-special-order-items i.icon-exclamation-sign,
.sales_order_wrapper .sales_order .dispatch-toolbar .has-tiles i.icon-exclamation-sign {
  color: #2b7dbc;
}
.sales_order_wrapper .sales_order .dispatch-toolbar.can_ship {
  outline: 3px solid #5cb859;
}
.sales_order_wrapper .sales_order .dispatch-toolbar.can_ship div.title h4 {
  background: #5cb859;
}
.sales_order_wrapper .sales_order .dispatch-toolbar.can_ship .dispatch-notes {
  border-top-color: #5cb859;
}
.sales_order_wrapper .sales_order .dispatch-toolbar::after {
  clear: both;
  content: "";
  display: block;
}
.sales_order_wrapper .sales_order .dispatch-toolbar .lds-ring {
  display: inline-block;
  position: absolute;
  top: -2px;
  right: 6px;
  width: 35px;
  height: 35px;
  opacity: 0.5;
}
.sales_order_wrapper .sales_order .dispatch-toolbar .lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  margin: 8px;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.sales_order_wrapper .sales_order .dispatch-toolbar .lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.sales_order_wrapper .sales_order .dispatch-toolbar .lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.sales_order_wrapper .sales_order .dispatch-toolbar .lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sales_order_wrapper .sales_order .referral-customer {
  outline: 1px solid #f9dcc2;
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 5px;
  background: #fff9f3;
  margin: 10px auto 0 auto;
}
.sales_order_wrapper .sales_order .referral-customer > div {
  display: inline-block;
}
.sales_order_wrapper .sales_order .referral-customer em,
.sales_order_wrapper .sales_order .referral-customer .account-code,
.sales_order_wrapper .sales_order .referral-customer .account-code a {
  color: #a1a1a1;
}
.sales_order_wrapper .sales_order .referral-customer .account-code {
  font-size: 10px;
}
.sales_order_wrapper .sales_order .referral-customer i.icon-asterisk {
  color: #ffa95d;
  margin-right: 5px;
}
.sales_order_wrapper .sales_order .referral-customer .voucher-code {
  font-weight: 600;
  background: rgba(255, 169, 93, 0.368627451);
  padding: 0 4px;
  margin-left: 4px;
  border: 1px solid #ffd2aa;
  color: #595959;
  border-radius: 3px;
  letter-spacing: 1px;
  font-size: 10px;
}
.sales_order_wrapper .sales_order .referral-customer .voucher-code a {
  color: #595959;
}

.order-addresses h4 {
  min-height: 24px;
}
.order-addresses h4 span.is-two-man {
  margin-left: 0.5em;
}

textarea.autosize {
  max-height: 600px;
}

div.rota-days > table.rota-days-table {
  margin-bottom: 0;
}
div.rota-days > table.rota-days-table thead > tr > th, div.rota-days > table.rota-days-table tbody > tr > th {
  padding: 0;
  text-align: center;
  border-top: 0;
  border-bottom: 0;
  width: 115px;
}
div.rota-days > table.rota-days-table thead .week-number, div.rota-days > table.rota-days-table tbody .week-number {
  width: 15px;
  padding-top: 4px;
}
div.rota-days > table.rota-days-table > tbody > tr > td.in {
  background-color: rgba(67, 142, 185, 0.55);
}
div.rota-days > table.rota-days-table > tbody > tr > td.off {
  background-color: rgba(255, 122, 82, 0.55);
}
div.rota-days > table.rota-days-table > tbody > tr > td {
  border-top: 0;
  border-bottom: 0;
}
div.rota-days > table.rota-days-table > tbody > tr > td > div {
  display: flex;
  justify-content: center;
}
div.rota-days > table.rota-days-table > tbody > tr > td > div > ul {
  list-style-type: none;
}

.margin-0 {
  margin: 0;
}

.margin-1 {
  margin: 1em;
}

.margin-2 {
  margin: 2em;
}

.margin-3 {
  margin: 2em;
}

.margin-top-0 {
  margin-top: 0;
}

.margin-top-1 {
  margin-top: 1em;
}

.margin-top-2 {
  margin-top: 2em;
}

.margin-top-3 {
  margin-top: 2em;
}

.margin-right-0 {
  margin-right: 0;
}

.margin-right-1 {
  margin-right: 1em;
}

.margin-right-2 {
  margin-right: 2em;
}

.margin-right-3 {
  margin-right: 3em;
}

.margin-bottom-0 {
  margin-bottom: 0;
}

.margin-bottom-1 {
  margin-bottom: 1em;
}

.margin-bottom-2 {
  margin-bottom: 2em;
}

.margin-bottom-3 {
  margin-bottom: 3em;
}

.margin-left-0 {
  margin-left: 0;
}

.margin-left-1 {
  margin-left: 1em;
}

.margin-left-2 {
  margin-left: 2em;
}

.margin-left-3 {
  margin-left: 3em;
}

.rotate-45 {
  transform: rotate(45deg);
}

.rotate-90 {
  transform: rotate(90deg);
}

.rotate-135 {
  transform: rotate(135deg);
}

.rotate-180 {
  transform: rotate(180deg);
}

.rotate-225 {
  transform: rotate(225deg);
}

.rotate-270 {
  transform: rotate(270deg);
}

.rotate-315 {
  transform: rotate(315deg);
}

.user-area .page-help {
  font-size: 18px;
  margin-bottom: 20px;
}
.user-area .section-help {
  font-size: 12px;
  margin-bottom: 20px;
  color: #333;
}

.product-link .quick-code:after {
  content: "–";
  margin-left: 0.5em;
  margin-right: 0.5em;
  color: #858585;
}
.product-link .name {
  font-weight: 600;
}
.product-link .code {
  font-size: 80%;
  color: #858585;
}

td > .product-link::after {
  clear: both;
  content: "";
  display: block;
}
td > .product-link .quick-code {
  display: block;
  float: left;
  width: 62px;
  text-align: right;
}
td > .product-link .name-code {
  display: block;
  margin-left: 65px;
}

span.time-string .hours:after, span.time-string .minutes:after {
  margin-left: 0.1em;
  font-size: 80%;
  color: #999;
}
span.time-string .hours:after {
  content: "H";
}
span.time-string .minutes:after {
  content: "M";
}
span.time-string .zero:after {
  content: "—";
  font-size: 80%;
  color: #999;
}

a.btn.btn-timemoto {
  background-image: url("https://www.timemoto.com/favicon.ico") !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #4fb9ab !important;
}
a.btn.btn-timemoto.btn-small {
  height: 24px;
  padding: 0 14px;
}
a.btn.btn-timemoto > span {
  display: none;
}

@keyframes wiggle {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(0deg);
  }
  85% {
    transform: rotate(-5deg);
  }
  95% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
#clock_in_reminder {
  border-left: 1px solid #DDD;
}
#clock_in_reminder > span {
  padding-left: 1rem;
  padding-right: 1rem;
}
#clock_in_reminder > span.clocked-in {
  color: #fff;
}
#clock_in_reminder > span.clocked-out {
  display: inline-block;
  color: #d1534e;
  animation: wiggle 2s infinite linear;
}

@media only screen and (max-width: 422px) {
  #clock_in_reminder {
    border-left: 1px solid #DDD;
  }
  #clock_in_reminder > span {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  #clock_in_reminder > span.clocked-in {
    color: #fff;
  }
  #clock_in_reminder > span.clocked-out {
    display: inline-block;
    color: #d1534e;
    animation: wiggle 2s infinite linear;
  }
}
.date_template_dates .type {
  width: 100%;
  height: 100%;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.date_template_dates .type-working {
  background: #438eb9;
}
.date_template_dates .type-holiday {
  background: #ffb752;
}
.date_template_dates .type-off {
  background: #ff7a52;
}
.date_template_dates .type-holiday-off {
  background: repeating-linear-gradient(0deg, #ffb752, #ffb752 20%, #ff7a52 20%, #ff7a52 100%);
}
.date_template_dates .type-bank-holiday {
  background: #ffb752;
}

.saved-query.results table td.date {
  white-space: nowrap;
}

.alert.alert-error.alert-mini {
  font-size: 10px;
  padding: 2px 6px;
  margin: 3px 10px;
  font-weight: 600;
}

input.input-mini.input-tile-box-qty.num.box,
input.input-mini.input-tile-single-qty.num.box {
  width: 60px;
}

.product-barcode {
  text-align: center;
}
.product-barcode img, .product-barcode svg {
  max-width: 100%;
}
.product-barcode .text {
  letter-spacing: 8px;
  font-family: Consolas, "Courier New", monospace;
  text-align: center;
  padding-left: 10px;
  color: #000;
  font-size: 12px;
  font-weight: 600;
}

.sf_admin_list_td_list_reference,
.sf_admin_list_td_list_stock_location {
  white-space: nowrap;
  font-weight: 600;
}
.sf_admin_list_td_list_reference .moved-at,
.sf_admin_list_td_list_stock_location .moved-at {
  color: #999;
  line-height: 1;
  font-weight: 400;
}

span.vrn,
div.vrn {
  display: inline-block;
  padding: 0 6px;
  background-color: #ffe70b;
  font-family: Consolas, "Courier New", monospace;
  border: 1px solid;
  border-radius: 3px;
}

.vehicle-id {
  background-color: #ccc;
}
.vehicle-id a {
  color: #fff;
}

ul.delivery-crew {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.delivery-crew li {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.delivery-crew li i {
  display: inline-block;
  color: #abbac3;
  width: 14px;
}
ul.delivery-crew li.main-driver {
  font-weight: 600;
}
ul.delivery-crew li.main-driver i {
  color: #6f6f6f;
}

.receipts .finance-options h5 {
  margin-top: 0;
  margin-bottom: 4px;
  font-weight: 400;
}
.receipts .finance-options ul {
  font-size: 85%;
  margin-top: 0;
}
.receipts .finance-options ul li {
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1.6;
}

.list-sort-options {
  padding-top: 10px;
  clear: both;
}
.list-sort-options::after {
  clear: both;
  content: "";
  display: block;
}
.list-sort-options h3, .list-sort-options ol, .list-sort-options li {
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  float: left;
}
.list-sort-options h3 {
  margin: 0 1em 0 auto;
  font-weight: 600;
}
.list-sort-options ul {
  margin: 0 1em 0 auto;
  padding: 0;
}
.list-sort-options ul li {
  list-style: none;
  margin-right: 1em;
}
ul.pallet-spaces {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.pallet-spaces li {
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
}
ul.pallet-spaces li:last-child {
  margin-right: auto;
}

.pick-location > .reference,
.pick-location-reference,
.pallet-reference,
a.pallet-space-reference {
  background: #e3e3e4;
  padding: 1px 5px;
  color: #141414;
  vertical-align: middle;
  border-radius: 2px;
  font-weight: 600;
  transition: 0.2s all;
}
.pick-location > .reference:hover,
.pick-location-reference:hover,
.pallet-reference:hover,
a.pallet-space-reference:hover {
  color: #fff;
  background: #2c2c2c;
  text-decoration: none;
}

.pallet-reference,
.pick-location-reference,
.pick-location > .reference {
  color: #fff;
  background: #2c2c2c;
}

.sf_admin_list_td_list_stock_location .stock-location {
  margin-left: 5px;
}
.sf_admin_list_td_list_stock_location .pallet-space-reference,
.sf_admin_list_td_list_stock_location .pick-location .reference {
  line-height: 1.3;
  color: #fff;
  background-color: #2c2c2c;
  vertical-align: middle;
  border-radius: 2px;
  font-weight: 600;
  transition: 0.2s all;
  position: relative;
  text-align: center;
  display: inline-block;
  padding: 1px 4px !important;
}
.sf_admin_list_td_list_stock_location .pallet-space-reference a,
.sf_admin_list_td_list_stock_location .pick-location .reference a {
  color: #fff !important;
  font-size: 10px !important;
}
.sf_admin_list_td_list_stock_location .pallet-space-reference.invalid,
.sf_admin_list_td_list_stock_location .pick-location .reference.invalid {
  background-color: #e50000;
}

.measure .unit {
  font-size: 85%;
  color: #a1a1a1;
}

table.table tr td div.help-block {
  margin-bottom: 0;
}
table.table tr td.measure {
  text-align: right;
}
table.table tr td.measure .unit {
  display: inline-block;
  margin-left: 0.25em;
  text-align: left;
}
table.table tr.illegal td {
  color: red;
}
table.table.info tr td.measure .unit {
  min-width: 3em;
}

.delivery-image {
  padding: 10px;
  box-shadow: 0 0 5px rgba(128, 128, 128, 0.5411764706);
}
.delivery-image > div.description {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 90%;
  color: #767676;
}
.delivery-image > div.description > .drop {
  margin-top: 3px;
  margin-bottom: 3px;
}
.delivery-image > div.description > .drop > div {
  display: inline-block;
  margin-right: 0.5em;
  padding-right: 0.75em;
  border-right: 1px solid #ccc;
}
.delivery-image > div.description > .drop :last-child {
  margin-right: auto;
  padding-right: 0;
  border-right: none;
}
.delivery-image .author {
  color: #CCC;
  font-style: italic;
  margin-top: 3px;
  font-size: 90%;
}

.pick-items .pick-priority {
  border-radius: 8px;
  padding: 1px 5px 2px 5px;
  font-size: 8px;
  font-weight: bold;
  color: white;
  margin-right: 0.5em;
}
.pick-items .pick-priority.pick-priority-1 {
  background: #a4a7ff;
}
.pick-items .pick-priority.pick-priority-2 {
  background: #a4cbff;
}
.pick-items .pick-priority.pick-priority-3 {
  background: #a4f1ff;
}
.pick-items td.aisle-number div {
  width: 10px;
  margin-right: 16px;
  margin-left: 16px;
  text-align: center;
}
.pick-items td.aisle-number i {
  color: #cdcdcd;
  margin-top: 3px;
}
.pick-items td.aisle-number i.icon-double-angle-up {
  float: left;
}
.pick-items td.aisle-number i.icon-double-angle-down {
  float: right;
}
.pick-items td.stock-location {
  white-space: nowrap;
}
.pick-items td.stock-location .pick-sequence {
  color: #999;
  font-style: italic;
  font-size: 80%;
  float: right;
}

.warehouse-links {
  max-width: 500px;
}
.warehouse-links ul li {
  margin-bottom: 30px;
  padding-bottom: 10px;
  list-style: square;
}
.warehouse-links ul li h3 {
  border-bottom: 1px solid #ededed;
  padding-bottom: 0;
  margin-bottom: 5px;
}
.warehouse-links ul li .description {
  color: #6b6b6b;
}

table.table.nowrap > tbody > tr th, table.table.nowrap > tbody > tr td, table.table.nowrap thead > tr th, table.table.nowrap thead > tr td, table.table.nowrap tfoot > tr th, table.table.nowrap tfoot > tr td {
  white-space: nowrap;
}

.btn.order-images .count {
  font-size: 8px;
  border-radius: 10px;
  background-color: #eff8ff;
  padding: 0 4px 1px;
  position: relative;
  top: -2px;
  color: #555;
}

.sf_admin_list_td_list_shipping_type .shipping-term {
  margin-left: 3px;
  margin-top: 3px;
  background: #cbcbcb;
  color: #fff;
  padding: 1px 2px;
  line-height: 1;
  font-size: 10px;
  border-radius: 3px;
  text-align: center;
  font-weight: 600;
  float: right;
}

a:hover i.icon-minus-sign {
  color: #d1534e !important;
}

.sf_admin_form.shipment textarea#shipment_comments,
.sf_admin_form.shipment textarea#shipment_commercial_invoice_text {
  width: 95%;
}

#sf_admin_content > .sf_admin_list.pick_run table tr.pick-complete td,
#sf_admin_content > .sf_admin_list.delivery table tr.pick-complete td {
  background-color: #b4deb2;
}
#sf_admin_content > .sf_admin_list.pick_run table tr.pick-complete:hover td,
#sf_admin_content > .sf_admin_list.delivery table tr.pick-complete:hover td {
  background-color: #a2d7a0;
}
#sf_admin_content > .sf_admin_list.pick_run table tr.pick-complete td,
#sf_admin_content > .sf_admin_list.delivery table tr.pick-complete td {
  background-color: #b4deb2;
}
#sf_admin_content > .sf_admin_list.pick_run table tr.pick-complete:hover td,
#sf_admin_content > .sf_admin_list.delivery table tr.pick-complete:hover td {
  background-color: #a2d7a0;
}
#sf_admin_content > .sf_admin_list.pick_run table tr.pick-in-progress td,
#sf_admin_content > .sf_admin_list.delivery table tr.pick-in-progress td {
  background-color: #ffecd2;
}
#sf_admin_content > .sf_admin_list.pick_run table tr.pick-in-progress:hover td,
#sf_admin_content > .sf_admin_list.delivery table tr.pick-in-progress:hover td {
  background-color: #ffe1b8;
}
#sf_admin_content > .sf_admin_list.pick_run table tr.pick-in-progress td,
#sf_admin_content > .sf_admin_list.delivery table tr.pick-in-progress td {
  background-color: #ffecd2;
}
#sf_admin_content > .sf_admin_list.pick_run table tr.pick-in-progress:hover td,
#sf_admin_content > .sf_admin_list.delivery table tr.pick-in-progress:hover td {
  background-color: #ffe1b8;
}
#sf_admin_content > .sf_admin_list.pick_run table tr.pick-not-started td,
#sf_admin_content > .sf_admin_list.delivery table tr.pick-not-started td {
  background-color: #f4d1ba;
}
#sf_admin_content > .sf_admin_list.pick_run table tr.pick-not-started:hover td,
#sf_admin_content > .sf_admin_list.delivery table tr.pick-not-started:hover td {
  background-color: #f1c3a4;
}
#sf_admin_content > .sf_admin_list.pick_run table tr.pick-not-started td,
#sf_admin_content > .sf_admin_list.delivery table tr.pick-not-started td {
  background-color: #f4d1ba;
}
#sf_admin_content > .sf_admin_list.pick_run table tr.pick-not-started:hover td,
#sf_admin_content > .sf_admin_list.delivery table tr.pick-not-started:hover td {
  background-color: #f1c3a4;
}
#sf_admin_content > .sf_admin_list.pick_run table tr.no-picks td,
#sf_admin_content > .sf_admin_list.delivery table tr.no-picks td {
  background-color: #ebb5b3;
}
#sf_admin_content > .sf_admin_list.pick_run table tr.no-picks:hover td,
#sf_admin_content > .sf_admin_list.delivery table tr.no-picks:hover td {
  background-color: #e6a29f;
}
#sf_admin_content > .sf_admin_list.pick_run table tr.no-picks td,
#sf_admin_content > .sf_admin_list.delivery table tr.no-picks td {
  background-color: #ebb5b3;
}
#sf_admin_content > .sf_admin_list.pick_run table tr.no-picks:hover td,
#sf_admin_content > .sf_admin_list.delivery table tr.no-picks:hover td {
  background-color: #e6a29f;
}
#sf_admin_content > .sf_admin_list.pick_run table tr.has-skipped-items td.sf_admin_list_td_total_items_skipped,
#sf_admin_content > .sf_admin_list.delivery table tr.has-skipped-items td.sf_admin_list_td_total_items_skipped {
  background-color: #f4d1ba;
}
#sf_admin_content > .sf_admin_list.pick_run table tr.has-skipped-items:hover td.sf_admin_list_td_total_items_skipped,
#sf_admin_content > .sf_admin_list.delivery table tr.has-skipped-items:hover td.sf_admin_list_td_total_items_skipped {
  background-color: #f1c3a4;
}
#sf_admin_content > .sf_admin_list.pick_run table tr.has-skipped-items.is-complete td.sf_admin_list_td_total_items_skipped,
#sf_admin_content > .sf_admin_list.delivery table tr.has-skipped-items.is-complete td.sf_admin_list_td_total_items_skipped {
  background-color: #ebb5b3;
}
#sf_admin_content > .sf_admin_list.pick_run table tr.has-skipped-items.is-complete:hover td.sf_admin_list_td_total_items_skipped,
#sf_admin_content > .sf_admin_list.delivery table tr.has-skipped-items.is-complete:hover td.sf_admin_list_td_total_items_skipped {
  background-color: #e6a29f;
}
#sf_admin_content > .sf_admin_list.pick_run table tr td.sf_admin_list_td_delivery_areas,
#sf_admin_content > .sf_admin_list.delivery table tr td.sf_admin_list_td_delivery_areas {
  max-width: 250px;
}
#sf_admin_content > .sf_admin_list.pick_run table tr .sf_admin_list_td_total_pick_runs,
#sf_admin_content > .sf_admin_list.pick_run table tr .sf_admin_list_td_total_items,
#sf_admin_content > .sf_admin_list.pick_run table tr .sf_admin_list_td_total_items_picked,
#sf_admin_content > .sf_admin_list.pick_run table tr .sf_admin_list_td_list_pick_progress,
#sf_admin_content > .sf_admin_list.pick_run table tr .sf_admin_list_td_list_pick_runs,
#sf_admin_content > .sf_admin_list.delivery table tr .sf_admin_list_td_total_pick_runs,
#sf_admin_content > .sf_admin_list.delivery table tr .sf_admin_list_td_total_items,
#sf_admin_content > .sf_admin_list.delivery table tr .sf_admin_list_td_total_items_picked,
#sf_admin_content > .sf_admin_list.delivery table tr .sf_admin_list_td_list_pick_progress,
#sf_admin_content > .sf_admin_list.delivery table tr .sf_admin_list_td_list_pick_runs {
  text-align: right;
}
#sf_admin_content > .sf_admin_list.pick_run table tr .sf_admin_list_td_list_pick_progress,
#sf_admin_content > .sf_admin_list.delivery table tr .sf_admin_list_td_list_pick_progress {
  font-weight: 600;
}
#sf_admin_content > .sf_admin_list.pick_run table tr .sf_admin_list_td_list_vehicle,
#sf_admin_content > .sf_admin_list.delivery table tr .sf_admin_list_td_list_vehicle {
  white-space: nowrap;
}

@media (max-width: 979px) {
  .page-header {
    position: relative;
    padding-top: 20px;
  }
  .page-header h1 small {
    display: inline-block;
  }
  .btn-toolbar > form > .btn-group,
  .btn-toolbar > form > .btn.btn-small,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .btn.btn-small {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 5px;
    margin-left: 0 !important;
    margin-right: 6px;
    line-height: 1.3;
  }
  table.table.info th {
    max-width: 125px;
  }
  .sf_admin_list,
  #product-show .product-details,
  .saved-query.results {
    overflow: auto;
  }
  .run-form .formContainer {
    margin-left: auto;
  }
  .run-form .form-horizontal .control-group {
    margin-bottom: 5px;
  }
  .run-form .form-horizontal .control-group .controls .btn {
    margin-bottom: 5px;
  }
}
table.pick-items tr.pick-item td.aisle-number {
  width: 50px;
}
table.pick-items tr.pick-item td.aisle-number .icon-double-angle-up,
table.pick-items tr.pick-item td.aisle-number .icon-double-angle-down {
  color: #d1d1d1;
}
table.pick-items tr.pick-item td.aisle-number .icon-double-angle-up {
  float: left;
}
table.pick-items tr.pick-item td.aisle-number .icon-double-angle-down {
  float: right;
}
table.pick-items tr.pick-item td.aisle-number div {
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
}

ul.order-flags {
  margin: 0 auto;
  text-align: center;
}
ul.order-flags li {
  display: inline-block;
  padding: 0 4px;
  background-color: #aaa;
  font-size: 9px;
  border-radius: 3px;
  color: #ffffff;
  min-width: 12px;
  text-align: center;
  line-height: 1.8;
  text-transform: uppercase;
  margin: 0 auto 3px auto;
}
ul.order-flags li.has-tiles {
  background-color: #e3ac3d;
}
ul.order-flags li.has-specials {
  background-color: #e3ac3d;
}
ul.order-flags li.has-rework {
  background-color: #e3ac3d;
}
ul.order-flags li.xl {
  background-color: #e33d3d;
}
ul.order-flags li.xs, ul.order-flags li.post, ul.order-flags li.parcel {
  background-color: #c295ca;
}

.pull-right .btn-group ul.dropdown-menu > li {
  text-align: left;
}

.table tfoot tr th, .table thead tr th,
.sf_admin_list table.table tfoot tr th,
.sf_admin_list table.table thead tr th {
  font-weight: 600;
}

.delivery-list-link .vehicle .vrn {
  font-weight: 600;
}
.delivery-list-link .vehicle .make-model {
  font-size: 80%;
}

.modal .stripe-terminal-message {
  margin-top: 10px;
  clear: both;
  font-size: 12px;
}
.modal .stripe-terminal-message .error {
  color: #d1534e;
}

.sf_admin_list_td_transaction_id {
  font-family: Consolas, "Courier New", monospace;
  color: #999;
}

.receipt-details .transactionId,
.refund-details .transactionId {
  font-family: Consolas, "Courier New", monospace;
  color: #999;
}
.receipt-details .transactionExternalLink,
.refund-details .transactionExternalLink {
  float: right;
  margin-left: 3px;
  margin-bottom: 3px;
}

.stripe-terminal-select p,
.terminal-item {
  font-weight: 600;
  color: slategray;
  font-size: 12px;
  background-color: #f5f5f5;
  padding: 2px 16px 2px 6px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  display: inline-block;
  margin-top: 2px;
  float: left;
}
.stripe-terminal-select p.error,
.terminal-item.error {
  color: #d1534e;
}
.stripe-terminal-select p.ok, .stripe-terminal-select p.selected,
.terminal-item.ok,
.terminal-item.selected {
  color: #5cb859;
}
.stripe-terminal-select p i,
.terminal-item i {
  margin: auto 2px;
}

.reader-status {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  padding: 0;
  margin-left: 10px;
  float: left;
  color: #999999;
}

.reader-status .text-success {
  color: #5cb85c;
}

.reader-status .text-danger {
  color: #d9534f;
}

#new_receipt_notes,
#new-receipt-public-notes,
#new-receipt-private-notes,
#new_receipt_private_notes {
  height: 40px;
}

.terminal-item {
  margin-right: 5px;
}

.terminal-item:hover {
  background-color: #f5f5f5;
  border-color: #999;
  cursor: pointer;
}

.terminal-item.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.terminal-item i {
  margin-right: 5px;
}

body.cms-page.no-title .main-content {
  margin-top: 86px;
}

textarea.code {
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
}

/*# sourceMappingURL=admin.css.map */