#AlertContainer {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
}

button.multiselect {
  background: #ffffff;
  padding: 0.5rem 1.25rem 0.5rem 0.75rem;
  line-height: 1.25;
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: #55595c;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

button.multiselect:after {
  position: absolute;
  top: 50%;
  margin-top: -0.15em;
  right: 0.75rem;
}

ul.multiselect-container {
  width: 100%;
  border-color: #d9d9d9;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
  margin-top: -1px;
  max-height: 30rem;
  overflow-y: auto;
}

ul.multiselect-container li a {
  color: inherit;
}

ul.multiselect-container li a label {
  display: block;
  padding: 5px;
}

ul.multiselect-container li a label:hover {
  background-color: #f5f5f5;
}

ul.multiselect-container .multiselect-item.filter > .input-group {
  margin: 0;
  padding: 5px;
}

ul.multiselect-container .multiselect-item.filter > .input-group .multiselect-clear-filter {
  background-color: #eceeef;
  color: #55595c;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

ul.multiselect-container .multiselect-item.filter > .input-group .multiselect-clear-filter i {
  vertical-align: top;
}

button.btn-selected {
  background-color: #3E70C9;
  color: white;
}

.submit-message {
  color: #007bff;
  margin-top: 10px;
}

.submit-message.success {
  color: #43b968;
  margin-top: 10px;
}

.submit-message.error {
  color: #ff174d;
  margin-top: 10px;
}

.table-container {
  min-height: 182px;
}

.loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  color: #ffffff;
  z-index: 100000;
}

.loading i {
  z-index: 100001;
  position: absolute;
  top: 65px;
  left: 50%;
  margin-left: -26px;
}

.brand {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-size: 64px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin-right: 0.25em;
}

.brand.xs {
  width: 16px;
  height: 16px;
  background-size: 16px;
}
.brand.sm {
  width: 32px;
  height: 32px;
  background-size: 32px;
}
.brand.lg {
  width: 128px;
  height: 128px;
  background-size: 128px;
}
.brand.xl {
  width: 256px;
  height: 256px;
  background-size: 256px;
}

.brand.none.xs {
  background-image: url('/img/brands/none-32.png');
}
.brand.none.sm {
  background-image: url('/img/brands/none-64.png');
}
.brand.none {
  background-image: url('/img/brands/none-128.png');
}
.brand.none.lg {
  background-image: url('/img/brands/none-256.png');
}
.brand.none.xl {
  background-image: url('/img/brands/none-256.png');
}

.brand.shopify.xs {
  background-image: url('/img/brands/shopify-32.png');
}
.brand.shopify.sm {
  background-image: url('/img/brands/shopify-64.png');
}
.brand.shopify {
  background-image: url('/img/brands/shopify-128.png');
}
.brand.shopify.lg {
  background-image: url('/img/brands/shopify-256.png');
}
.brand.shopify.xl {
  background-image: url('/img/brands/shopify-256.png');
}

.brand.shipstation.xs {
  background-image: url('/img/brands/shipstation-32.png');
}
.brand.shipstation.sm {
  background-image: url('/img/brands/shipstation-64.png');
}
.brand.shipstation {
  background-image: url('/img/brands/shipstation-128.png');
}
.brand.shipstation.lg {
  background-image: url('/img/brands/shipstation-256.png');
}
.brand.shipstation.xl {
  background-image: url('/img/brands/shipstation-256.png');
}

.brand.magento.xs {
  background-image: url('/img/brands/magento-32.png');
}
.brand.magento.sm {
  background-image: url('/img/brands/magento-64.png');
}
.brand.magento {
  background-image: url('/img/brands/magento-128.png');
}
.brand.magento.lg {
  background-image: url('/img/brands/magento-256.png');
}
.brand.magento.xl {
  background-image: url('/img/brands/magento-256.png');
}

.brand.ebay.xs {
  background-image: url('/img/brands/ebay-32.png');
}
.brand.ebay.sm {
  background-image: url('/img/brands/ebay-64.png');
}
.brand.ebay {
  background-image: url('/img/brands/ebay-128.png');
}
.brand.ebay.lg {
  background-image: url('/img/brands/ebay-256.png');
}
.brand.ebay.xl {
  background-image: url('/img/brands/ebay-256.png');
}

.brand.amazon.xs {
  background-image: url('/img/brands/amazon-32.png');
}
.brand.amazon.sm {
  background-image: url('/img/brands/amazon-64.png');
}
.brand.amazon {
  background-image: url('/img/brands/amazon-128.png');
}
.brand.amazon.lg {
  background-image: url('/img/brands/amazon-256.png');
}
.brand.amazon.xl {
  background-image: url('/img/brands/amazon-256.png');
}

.brand.etsy.xs {
  background-image: url('/img/brands/etsy-32.png');
}
.brand.etsy.sm {
  background-image: url('/img/brands/etsy-64.png');
}
.brand.etsy {
  background-image: url('/img/brands/etsy-128.png');
}
.brand.etsy.lg {
  background-image: url('/img/brands/etsy-256.png');
}
.brand.etsy.xl {
  background-image: url('/img/brands/etsy-256.png');
}

.brand.canadapost.xs {
  background-image: url('/img/brands/canadapost-32.png');
}
.brand.canadapost.sm {
  background-image: url('/img/brands/canadapost-64.png');
}
.brand.canadapost {
  background-image: url('/img/brands/canadapost-128.png');
}
.brand.canadapost.lg {
  background-image: url('/img/brands/canadapost-256.png');
}
.brand.canadapost.xl {
  background-image: url('/img/brands/canadapost-256.png');
}

.brand.purolator.xs {
  background-image: url('/img/brands/purolator-32.png');
}
.brand.purolator.sm {
  background-image: url('/img/brands/purolator-64.png');
}
.brand.purolator {
  background-image: url('/img/brands/purolator-128.png');
}
.brand.purolator.lg {
  background-image: url('/img/brands/purolator-256.png');
}
.brand.purolator.xl {
  background-image: url('/img/brands/purolator-256.png');
}

.brand.ups.xs {
  background-image: url('/img/brands/ups-32.png');
}
.brand.ups.sm {
  background-image: url('/img/brands/ups-64.png');
}
.brand.ups {
  background-image: url('/img/brands/ups-128.png');
}
.brand.ups.lg {
  background-image: url('/img/brands/ups-256.png');
}
.brand.ups.xl {
  background-image: url('/img/brands/ups-256.png');
}

.brand.canpar.xs {
  background-image: url('/img/brands/canpar-32.png');
}
.brand.canpar.sm {
  background-image: url('/img/brands/canpar-64.png');
}
.brand.canpar {
  background-image: url('/img/brands/canpar-128.png');
}
.brand.canpar.lg {
  background-image: url('/img/brands/canpar-256.png');
}
.brand.canpar.xl {
  background-image: url('/img/brands/canpar-256.png');
}

.brand.obibox.xs {
  background-image: url('/img/brands/obibox-32.png');
}
.brand.obibox.sm {
  background-image: url('/img/brands/obibox-64.png');
}
.brand.obibox {
  background-image: url('/img/brands/obibox-128.png');
}
.brand.obibox.lg {
  background-image: url('/img/brands/obibox-256.png');
}
.brand.obibox.xl {
  background-image: url('/img/brands/obibox-256.png');
}

.brand.loomisexpress.xs {
  background-image: url('/img/brands/loomisexpress-32.png');
}
.brand.loomisexpress.sm {
  background-image: url('/img/brands/loomisexpress-64.png');
}
.brand.loomisexpress {
  background-image: url('/img/brands/loomisexpress-128.png');
}
.brand.loomisexpress.lg {
  background-image: url('/img/brands/loomisexpress-256.png');
}
.brand.loomisexpress.xl {
  background-image: url('/img/brands/loomisexpress-256.png');
}

.brand.nationex.xs {
  background-image: url('/img/brands/nationex-32.png');
}
.brand.nationex.sm {
  background-image: url('/img/brands/nationex-64.png');
}
.brand.nationex {
  background-image: url('/img/brands/nationex-128.png');
}
.brand.nationex.lg {
  background-image: url('/img/brands/nationex-256.png');
}
.brand.nationex.xl {
  background-image: url('/img/brands/nationex-256.png');
}

.brand.ics.xs {
  background-image: url('/img/brands/ics-32.png');
}
.brand.ics.sm {
  background-image: url('/img/brands/ics-64.png');
}
.brand.ics {
  background-image: url('/img/brands/ics-128.png');
}
.brand.ics.lg {
  background-image: url('/img/brands/ics-256.png');
}
.brand.ics.xl {
  background-image: url('/img/brands/ics-256.png');
}

.brand.transportgmr.xs {
  background-image: url('/img/brands/transportgmr-32.png');
}
.brand.transportgmr.sm {
  background-image: url('/img/brands/transportgmr-64.png');
}
.brand.transportgmr {
  background-image: url('/img/brands/transportgmr-128.png');
}
.brand.transportgmr.lg {
  background-image: url('/img/brands/transportgmr-256.png');
}
.brand.transportgmr.xl {
  background-image: url('/img/brands/transportgmr-256.png');
}

.brand.straightline.xs {
  background-image: url('/img/brands/straightline-32.png');
}
.brand.straightline.sm {
  background-image: url('/img/brands/straightline-64.png');
}
.brand.straightline {
  background-image: url('/img/brands/straightline-128.png');
}
.brand.straightline.lg {
  background-image: url('/img/brands/straightline-256.png');
}
.brand.straightline.xl {
  background-image: url('/img/brands/straightline-256.png');
}

.brand.gylmir.xs {
  background-image: url('/img/brands/gylmir-32.png');
}
.brand.gylmir.sm {
  background-image: url('/img/brands/gylmir-64.png');
}
.brand.gylmir {
  background-image: url('/img/brands/gylmir-128.png');
}
.brand.gylmir.lg {
  background-image: url('/img/brands/gylmir-256.png');
}
.brand.gylmir.xl {
  background-image: url('/img/brands/gylmir-256.png');
}

.brand.groupeguilbault.xs {
  background-image: url('/img/brands/groupeguilbault-32.png');
}
.brand.groupeguilbault.sm {
  background-image: url('/img/brands/groupeguilbault-64.png');
}
.brand.groupeguilbault {
  background-image: url('/img/brands/groupeguilbault-128.png');
}
.brand.groupeguilbault.lg {
  background-image: url('/img/brands/groupeguilbault-256.png');
}
.brand.groupeguilbault.xl {
  background-image: url('/img/brands/groupeguilbault-256.png');
}

.brand.joeyco.xs {
  background-image: url('/img/brands/joeyco-32.png');
}
.brand.joeyco.sm {
  background-image: url('/img/brands/joeyco-64.png');
}
.brand.joeyco {
  background-image: url('/img/brands/joeyco-128.png');
}
.brand.joeyco.lg {
  background-image: url('/img/brands/joeyco-256.png');
}
.brand.joeyco.xl {
  background-image: url('/img/brands/joeyco-256.png');
}

.brand.pitneybowes.xs {
  background-image: url('/img/brands/pitneybowes-32.png');
}
.brand.pitneybowes.sm {
  background-image: url('/img/brands/pitneybowes-64.png');
}
.brand.pitneybowes {
  background-image: url('/img/brands/pitneybowes-128.png');
}
.brand.pitneybowes.lg {
  background-image: url('/img/brands/pitneybowes-256.png');
}
.brand.pitneybowes.xl {
  background-image: url('/img/brands/pitneybowes-256.png');
}

.brand.xpo.xs {
  background-image: url('/img/brands/xpo-32.png');
}
.brand.xpo.sm {
  background-image: url('/img/brands/xpo-64.png');
}
.brand.xpo {
  background-image: url('/img/brands/xpo-128.png');
}
.brand.xpo.lg {
  background-image: url('/img/brands/xpo-256.png');
}
.brand.xpo.xl {
  background-image: url('/img/brands/xpo-256.png');
}

.brand.tyitgo.xs {
  background-image: url('/img/brands/tyitgo-32.png');
}
.brand.tyitgo.sm {
  background-image: url('/img/brands/tyitgo-64.png');
}
.brand.tyitgo {
  background-image: url('/img/brands/tyitgo-128.png');
}
.brand.tyitgo.lg {
  background-image: url('/img/brands/tyitgo-256.png');
}
.brand.tyitgo.xl {
  background-image: url('/img/brands/tyitgo-256.png');
}

.brand.eshipper.xs {
  background-image: url('/img/brands/eshipper-32.png');
}
.brand.eshipper.sm {
  background-image: url('/img/brands/eshipper-64.png');
}
.brand.eshipper {
  background-image: url('/img/brands/eshipper-128.png');
}
.brand.eshipper.lg {
  background-image: url('/img/brands/eshipper-256.png');
}
.brand.eshipper.xl {
  background-image: url('/img/brands/eshipper-256.png');
}

.brand.stallionexpress.xs {
  background-image: url('/img/brands/stallionexpress-32.png');
}
.brand.stallionexpress.sm {
  background-image: url('/img/brands/stallionexpress-64.png');
}
.brand.stallionexpress {
  background-image: url('/img/brands/stallionexpress-128.png');
}
.brand.stallionexpress.lg {
  background-image: url('/img/brands/stallionexpress-256.png');
}
.brand.stallionexpress.xl {
  background-image: url('/img/brands/stallionexpress-256.png');
}

.brand.wizmo.xs {
  background-image: url('/img/brands/wizmo-32.png');
}
.brand.wizmo.sm {
  background-image: url('/img/brands/wizmo-64.png');
}
.brand.wizmo {
  background-image: url('/img/brands/wizmo-128.png');
}
.brand.wizmo.lg {
  background-image: url('/img/brands/wizmo-256.png');
}
.brand.wizmo.xl {
  background-image: url('/img/brands/wizmo-256.png');
}

.brand.fastrate.xs {
  background-image: url('/img/brands/fastrate-32.png');
}
.brand.fastrate.sm {
  background-image: url('/img/brands/fastrate-64.png');
}
.brand.fastrate {
  background-image: url('/img/brands/fastrate-128.png');
}
.brand.fastrate.lg {
  background-image: url('/img/brands/fastrate-256.png');
}
.brand.fastrate.xl {
  background-image: url('/img/brands/fastrate-256.png');
}

.brand.cirro.xs {
  background-image: url('/img/brands/cirro-32.png');
}
.brand.cirro.sm {
  background-image: url('/img/brands/cirro-64.png');
}
.brand.cirro {
  background-image: url('/img/brands/cirro-128.png');
}
.brand.cirro.lg {
  background-image: url('/img/brands/cirro-256.png');
}
.brand.cirro.xl {
  background-image: url('/img/brands/cirro-256.png');
}

.brand.pigeonship.xs {
  background-image: url('/img/brands/pigeonship-32.png');
}
.brand.pigeonship.sm {
  background-image: url('/img/brands/pigeonship-64.png');
}
.brand.pigeonship {
  background-image: url('/img/brands/pigeonship-128.png');
}
.brand.pigeonship.lg {
  background-image: url('/img/brands/pigeonship-256.png');
}
.brand.pigeonship.xl {
  background-image: url('/img/brands/pigeonship-256.png');
}

.brand.envoi.xs {
  background-image: url('/img/brands/envoi-32.png');
}
.brand.envoi.sm {
  background-image: url('/img/brands/envoi-64.png');
}
.brand.envoi {
  background-image: url('/img/brands/envoi-128.png');
}
.brand.envoi.lg {
  background-image: url('/img/brands/envoi-256.png');
}
.brand.envoi.xl {
  background-image: url('/img/brands/envoi-256.png');
}

.brand.fleeloptics.xs {
  background-image: url('/img/brands/fleeloptics-32.png');
}
.brand.fleeloptics.sm {
  background-image: url('/img/brands/fleeloptics-64.png');
}
.brand.fleeloptics {
  background-image: url('/img/brands/fleeloptics-128.png');
}
.brand.fleeloptics.lg {
  background-image: url('/img/brands/fleeloptics-256.png');
}
.brand.fleeloptics.xl {
  background-image: url('/img/brands/fleeloptics-256.png');
}

.brand.uniuni.xs {
  background-image: url('/img/brands/uniuni-32.png');
}
.brand.uniuni.sm {
  background-image: url('/img/brands/uniuni-64.png');
}
.brand.uniuni {
  background-image: url('/img/brands/uniuni-128.png');
}
.brand.uniuni.lg {
  background-image: url('/img/brands/uniuni-256.png');
}
.brand.uniuni.xl {
  background-image: url('/img/brands/uniuni-256.png');
}

.brand.landmarkglobal.xs {
  background-image: url('/img/brands/landmarkglobal-32.png');
}
.brand.landmarkglobal.sm {
  background-image: url('/img/brands/landmarkglobal-64.png');
}
.brand.landmarkglobal {
  background-image: url('/img/brands/landmarkglobal-128.png');
}
.brand.landmarkglobal.lg {
  background-image: url('/img/brands/landmarkglobal-256.png');
}
.brand.landmarkglobal.xl {
  background-image: url('/img/brands/landmarkglobal-256.png');
}

.brand.metroland.xs {
  background-image: url('/img/brands/metroland-32.png');
}
.brand.metroland.sm {
  background-image: url('/img/brands/metroland-64.png');
}
.brand.metroland {
  background-image: url('/img/brands/metroland-128.png');
}
.brand.metroland.lg {
  background-image: url('/img/brands/metroland-256.png');
}
.brand.metroland.xl {
  background-image: url('/img/brands/metroland-256.png');
}

.brand.dayandross.xs {
  background-image: url('/img/brands/dayandross-32.png');
}
.brand.dayandross.sm {
  background-image: url('/img/brands/dayandross-64.png');
}
.brand.dayandross {
  background-image: url('/img/brands/dayandross-128.png');
}
.brand.dayandross.lg {
  background-image: url('/img/brands/dayandross-256.png');
}
.brand.dayandross.xl {
  background-image: url('/img/brands/dayandross-256.png');
}

.brand.flashbox.xs {
  background-image: url('/img/brands/flashbox-32.png');
}
.brand.flashbox.sm {
  background-image: url('/img/brands/flashbox-64.png');
}
.brand.flashbox {
  background-image: url('/img/brands/flashbox-128.png');
}
.brand.flashbox.lg {
  background-image: url('/img/brands/flashbox-256.png');
}
.brand.flashbox.xl {
  background-image: url('/img/brands/flashbox-256.png');
}

.brand.gobolt.xs {
  background-image: url('/img/brands/gobolt-32.png');
}
.brand.gobolt.sm {
  background-image: url('/img/brands/gobolt-64.png');
}
.brand.gobolt {
  background-image: url('/img/brands/gobolt-128.png');
}
.brand.gobolt.lg {
  background-image: url('/img/brands/gobolt-256.png');
}
.brand.gobolt.xl {
  background-image: url('/img/brands/gobolt-256.png');
}

.brand.tforcelogistics.xs {
  background-image: url('/img/brands/tforcelogistics-32.png');
}
.brand.tforcelogistics.sm {
  background-image: url('/img/brands/tforcelogistics-64.png');
}
.brand.tforcelogistics {
  background-image: url('/img/brands/tforcelogistics-128.png');
}
.brand.tforcelogistics.lg {
  background-image: url('/img/brands/tforcelogistics-256.png');
}
.brand.tforcelogistics.xl {
  background-image: url('/img/brands/tforcelogistics-256.png');
}

.brand.gofor.xs {
  background-image: url('/img/brands/gofor-32.png');
}
.brand.gofor.sm {
  background-image: url('/img/brands/gofor-64.png');
}
.brand.gofor {
  background-image: url('/img/brands/gofor-128.png');
}
.brand.gofor.lg {
  background-image: url('/img/brands/gofor-256.png');
}
.brand.gofor.xl {
  background-image: url('/img/brands/gofor-256.png');
}

.brand.laposte.xs {
  background-image: url('/img/brands/laposte-32.png');
}
.brand.laposte.sm {
  background-image: url('/img/brands/laposte-64.png');
}
.brand.laposte {
  background-image: url('/img/brands/laposte-128.png');
}
.brand.laposte.lg {
  background-image: url('/img/brands/laposte-256.png');
}
.brand.laposte.xl {
  background-image: url('/img/brands/laposte-256.png');
}

.brand.swyft.xs {
  background-image: url('/img/brands/swyft-32.png');
}
.brand.swyft.sm {
  background-image: url('/img/brands/swyft-64.png');
}
.brand.swyft {
  background-image: url('/img/brands/swyft-128.png');
}
.brand.swyft.lg {
  background-image: url('/img/brands/swyft-256.png');
}
.brand.swyft.xl {
  background-image: url('/img/brands/swyft-256.png');
}

.brand.chronopost.xs {
  background-image: url('/img/brands/chronopost-32.png');
}
.brand.chronopost.sm {
  background-image: url('/img/brands/chronopost-64.png');
}
.brand.chronopost {
  background-image: url('/img/brands/chronopost-128.png');
}
.brand.chronopost.lg {
  background-image: url('/img/brands/chronopost-256.png');
}
.brand.chronopost.xl {
  background-image: url('/img/brands/chronopost-256.png');
}

.brand.colissimo.xs {
  background-image: url('/img/brands/colissimo-32.png');
}
.brand.colissimo.sm {
  background-image: url('/img/brands/colissimo-64.png');
}
.brand.colissimo {
  background-image: url('/img/brands/colissimo-128.png');
}
.brand.colissimo.lg {
  background-image: url('/img/brands/colissimo-256.png');
}
.brand.colissimo.xl {
  background-image: url('/img/brands/colissimo-256.png');
}

.brand.dpd.xs {
  background-image: url('/img/brands/dpd-32.png');
}
.brand.dpd.sm {
  background-image: url('/img/brands/dpd-64.png');
}
.brand.dpd {
  background-image: url('/img/brands/dpd-128.png');
}
.brand.dpd.lg {
  background-image: url('/img/brands/dpd-256.png');
}
.brand.dpd.xl {
  background-image: url('/img/brands/dpd-256.png');
}

.brand.usps.xs {
  background-image: url('/img/brands/usps-32.png');
}
.brand.usps.sm {
  background-image: url('/img/brands/usps-64.png');
}
.brand.usps {
  background-image: url('/img/brands/usps-128.png');
}
.brand.usps.lg {
  background-image: url('/img/brands/usps-256.png');
}
.brand.usps.xl {
  background-image: url('/img/brands/usps-256.png');
}

.brand.delivro.xs {
  background-image: url('/img/brands/delivro-32.png');
}
.brand.delivro.sm {
  background-image: url('/img/brands/delivro-64.png');
}
.brand.delivro {
  background-image: url('/img/brands/delivro-128.png');
}
.brand.delivro.lg {
  background-image: url('/img/brands/delivro-256.png');
}
.brand.delivro.xl {
  background-image: url('/img/brands/delivro-256.png');
}

.brand.dragonfly.xs {
  background-image: url('/img/brands/dragonfly-32.png');
}
.brand.dragonfly.sm {
  background-image: url('/img/brands/dragonfly-64.png');
}
.brand.dragonfly {
  background-image: url('/img/brands/dragonfly-128.png');
}
.brand.dragonfly.lg {
  background-image: url('/img/brands/dragonfly-256.png');
}
.brand.dragonfly.xl {
  background-image: url('/img/brands/dragonfly-256.png');
}

.brand.gls.xs {
  background-image: url('/img/brands/gls-32.png');
}
.brand.gls.sm {
  background-image: url('/img/brands/gls-64.png');
}
.brand.gls {
  background-image: url('/img/brands/gls-128.png');
}
.brand.gls.lg {
  background-image: url('/img/brands/gls-256.png');
}
.brand.gls.xl {
  background-image: url('/img/brands/gls-256.png');
}

.brand.dhl.xs {
  background-image: url('/img/brands/dhl-32.png');
}
.brand.dhl.sm {
  background-image: url('/img/brands/dhl-64.png');
}
.brand.dhl {
  background-image: url('/img/brands/dhl-128.png');
}
.brand.dhl.lg {
  background-image: url('/img/brands/dhl-256.png');
}
.brand.dhl.xl {
  background-image: url('/img/brands/dhl-256.png');
}

.brand.fedex.xs {
  background-image: url('/img/brands/fedex-32.png');
}
.brand.fedex.sm {
  background-image: url('/img/brands/fedex-64.png');
}
.brand.fedex {
  background-image: url('/img/brands/fedex-128.png');
}
.brand.fedex.lg {
  background-image: url('/img/brands/fedex-256.png');
}
.brand.fedex.xl {
  background-image: url('/img/brands/fedex-256.png');
}

.brand.shippo.xs {
  background-image: url('/img/brands/shippo-32.png');
}
.brand.shippo.sm {
  background-image: url('/img/brands/shippo-64.png');
}
.brand.shippo {
  background-image: url('/img/brands/shippo-128.png');
}
.brand.shippo.lg {
  background-image: url('/img/brands/shippo-256.png');
}
.brand.shippo.xl {
  background-image: url('/img/brands/shippo-256.png');
}

.brand.cargo.xs {
  background-image: url('/img/brands/cargo-32.png');
}
.brand.cargo.sm {
  background-image: url('/img/brands/cargo-64.png');
}
.brand.cargo {
  background-image: url('/img/brands/cargo-128.png');
}
.brand.cargo.lg {
  background-image: url('/img/brands/cargo-256.png');
}
.brand.cargo.xl {
  background-image: url('/img/brands/cargo-256.png');
}

.brand.woocommerce.xs {
  background-image: url('/img/brands/woocommerce-32.png');
}
.brand.woocommerce.sm {
  background-image: url('/img/brands/woocommerce-64.png');
}
.brand.woocommerce {
  background-image: url('/img/brands/woocommerce-128.png');
}
.brand.woocommerce.lg {
  background-image: url('/img/brands/woocommerce-256.png');
}
.brand.woocommerce.xl {
  background-image: url('/img/brands/woocommerce-256.png');
}

.brand.shipping-club.xs {
  background-image: url('/img/brands/shipping-club-32.png');
}
.brand.shipping-club.sm {
  background-image: url('/img/brands/shipping-club-64.png');
}
.brand.shipping-club {
  background-image: url('/img/brands/shipping-club-128.png');
}
.brand.shipping-club.lg {
  background-image: url('/img/brands/shipping-club-256.png');
}
.brand.shipping-club.xl {
  background-image: url('/img/brands/shipping-club-256.png');
}

#worldMap {
  height: 400px;
}

#lateCountryStats_paginate,
#lateStateStats_paginate,
#lateCityStats_paginate,
#deliveryTimesCountry_paginate,
#deliveryTimesState_paginate,
#deliveryTimesCity_paginate {
  text-align: left;
}

.dataTable th.method {
  font-size: 0.75em;
}

.irs-single {
  background-color: #3e70c9;
}

.irs-single:after {
  border-top-color: #3e70c9;
}

.stores ul.actions {
  display: none;
  list-style: none;
  float: right;
  font-size: 0.75em;
  margin: 0;
  padding: 0;
  line-height: 1.75em;
}

.stores .store:hover ul.actions {
  display: block;
}

.stores .store:hover ul.actions li {
  display: inline-block;
  margin-left: 2em;
}

.stores .store.account-deleted ul.actions {
  margin-top: 45px;
}

table td {
  cursor: default;
}

table tr {
  transition: background-color 0.2s linear;
}

table tr.detailed {
  background-color: rgba(0, 0, 0, 0.05);
}

table tr.row-details {
  display: none;
}

table tr.detailed + tr.row-details {
  background-color: rgba(0, 0, 0, 0.05);
}

table tr.row-details td {
  border-top: 0;
}

table.sortable thead th {
  cursor: pointer;
  vertical-align: top;
}

table.sortable thead th.unsortable {
  cursor: default;
}

.row-details .contact {
  margin-bottom: 0.5em;
}

.dropdown-menu li.uib-typeahead-match a {
  display: block;
  padding: 3px 20px;
  color: #333333;
}

.dropdown-menu li.uib-typeahead-match a.active,
.dropdown-menu li.uib-typeahead-match a:hover {
  background-color: #3e70c9;
  color: #ffffff;
}

.incomplete-customer-problem {
  margin-bottom: 10px;
}

.incomplete-customer-problem:last-child {
  margin-bottom: 0;
}

/* Badges
--------------------------------------------------
*/
.badge {
  text-shadow: none;
  font-family: wf_segoe-ui_light, wf_segoe-ui_normal, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 600;
  background-color: #e6e6e6;
  /*font-size: 11px;*/
  padding: 4px 6px;
  color: #626262;
  border-radius: 10px;
}
.badge-success {
  background-color: #10cfbd;
  color: #fff;
}
.badge-warning {
  background-color: #f8d053;
  color: #fff;
}
.badge-important {
  background-color: #f55753;
  color: #fff;
}
.badge-danger {
  background-color: #f55753;
  color: #fff;
}
.badge-info {
  background-color: #3b4752;
  color: #fff;
}
.badge-inverse {
  background-color: #2b6a94;
  color: #fff;
}
.badge-white {
  background-color: #fff;
  color: #626262;
}
.badge-disable {
  background-color: #2c2c2c;
  color: #626262;
}

.section-title .badge {
  font-size: 12px;
  vertical-align: top;
}

.section-title h3,
.section-title h5 {
  display: inline-block;
  line-height: 25.025px;
}

.section-title h5 {
  float: right;
  vertical-align: top;
}

.modal .modal-header .modal-title i.material-icons {
  vertical-align: middle;
  line-height: 29.25px;
}

.text-center {
  text-align: center;
}
.text-bold {
  font-weight: bold;
}

tr.vis-visible {
}
tr.vis-grayed {
  background-color: lightgray;
}
tr.vis-hidden {
  display: none;
}

.category-title {
  color: #ff6347; /*#F59345*/
}
.category-refresh-btn {
  position: absolute;
  top: 16.25px;
  right: 16.25px;
}
.category-refresh-btn button {
  background: none !important;
  border: none;
  padding: 0 !important;
  /*optional*/
  font-family: arial, sans-serif;
  /*input has OS specific font-family*/
  color: #b7c3cc;
  text-decoration: none;
  cursor: pointer;
}
.category-refresh-btn button:hover {
  color: #818a91;
}

.top-stats {
  color: #818a91;
}
.top-stats .highlight {
  color: #373a3c;
}
.top-stats ul.carrier-stats {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.top-stats ul.carrier-stats > li {
  display: inline;
  padding-left: 3px;
  padding-right: 3px;
}
.top-stats ul.carrier-stats > li:before {
  content: '-';
}

.base-stats .left-section,
.base-stats .right-section {
  padding: 5px 5px 0;
}
.base-stats .left-section {
  padding-left: 20px;
  padding-right: 15px;
}
.base-stats .right-section {
  padding-left: 15px;
  padding-right: 20px;
  padding-top: 12px;
}
.base-stats .left-section .stats-box {
  padding: 7px;
}

.base-stats .left-section .stats-box .box {
  margin-bottom: 0 !important;
}
.base-stats .left-section .t-icon i.mdi {
  font-size: 26px;
  line-height: 26px;
  vertical-align: middle;
  top: -5px;
}

.customer-stats .stats-box a,
.base-stats .stats-box a {
  color: unset;
}

.customer-stats .stats-box a:hover,
.base-stats .stats-box a:hover {
  color: #34459e;
}

.base-stats .bg-secondary {
  background-color: #34459e !important;
}
.base-stats .bg-success {
  background-color: #3cad5a !important;
}
.base-stats .bg-success-alt {
  background-color: #33874c !important;
}
.base-stats .bg-danger-alt {
  background-color: #c6352d !important;
}
.base-stats .bg-warning-alt {
  background-color: #c9783a !important;
}
.base-stats .bg-gray {
  background-color: #9ca5ad !important;
}
.base-stats .bg-gray-alt {
  background-color: #7d858c !important;
}

.stats-box .bg-customer-incomplete-1 {
  background-color: #c62159 !important;
}
.stats-box .bg-customer-incomplete-2 {
  background-color: #f1491c !important;
}
.stats-box .bg-customer-incomplete-3 {
  background-color: #ff7f00 !important;
}
.stats-box .bg-customer-incomplete-4 {
  background-color: #ffb808 !important;
}

.customer-stats .stats-box h4 {
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
  min-height: 21px;
}

.customer-stats .stats-box h1 > span,
.customer-stats .stats-box h4 > span {
  font-size: 12px;
}

.strike {
  text-decoration: line-through;
}

.stats-category-section .statsbox-reduced-text .stats-box .box .t-content h1 {
  font-size: 28px;
  line-height: 35.75px;

  margin-bottom: 0px !important;
  padding-top: 6.5px;
}

.graph-container {
  position: relative;
  margin-right: 10px;
  height: 220px;
  border: 1px solid #dfdfdf;
  /*background-color: #DFDFDF;*/
}

.graph-container .selectors {
  position: absolute;
  top: -34px;
  right: -1px;
}

.graph-container .selectors .period div[daterangepicker] {
  display: inline-block;
  width: 230px;
  position: relative;
  top: -2px;
}

.graph-container .selectors .period,
.graph-container .selectors .scale {
  display: inline-block;
}

.graph-container .selectors .scale select {
  display: inline-block;
  width: auto;
  position: relative;
  top: 0;
  padding-top: 3px;
  padding-bottom: 3px;
  height: 29px;
}

.graph-container .graph-total {
  position: absolute;
  top: -30px;
  right: 5px;
}

.graph-container canvas {
  width: 100%;
  height: 100%;
}

.stats-category-section:not(:last-child) {
  margin-bottom: 18px;
}

.stats-category-section div.section-title {
  position: relative;
}

.stats-category-section div.section-title .section-title-info {
  font-size: 15px;
  vertical-align: text-bottom;
}

.stats-category-section .without-topStats div.section-title .graph-total {
  position: absolute;
  top: -15px;
  right: 15px;
}

.stats-category-section .stats-graph-selectors .selectors .form-group {
  display: inline-block;
  padding-right: 12px;
  margin-bottom: 8px;
}

.stats-category-section .stats-graph-selectors .selectors .form-group:last-child {
  padding-right: 0;
}

.stats-category-section .stats-graph-selectors .selectors .form-group label,
.stats-category-section .stats-graph-selectors .selectors .form-group select {
  display: inline-block;
  width: auto;
}

.stats-category-section .stats-graph-selectors .selectors .form-group label > i.fa {
  font-size: 22px;

  position: relative;
  padding-right: 3px;
}

.stats-category-section .stats-graph-selectors .selectors .form-group label > i.fa.fa-truck,
.stats-category-section .stats-graph-selectors .selectors .form-group label > i.fa.fa-line-chart {
  top: 5px;
}
.stats-category-section .stats-graph-selectors .selectors .form-group label > i.fa.fa-clock-o {
  top: 2px;
}

.stats-category-section .stats-graph-selectors .selectors .form-group .btn-group.w-100 {
  width: 250px !important;
}

.stats-graph-selectors .pull-right {
  text-align: right;
}

.stats-category-section .stats-graph-selectors .selectors .period div[daterangepicker] {
  display: inline-block;
  text-align: left;
  width: 230px;
  position: relative;
  top: -2px;
}

.stats-category-section .stats-graph-selectors .form-group.form-check .form-check-label {
  padding-left: 5px;
}

.stats-category-section .stats-graph-selectors .form-group.form-check .form-check-input {
  margin-left: 0px;
  margin-right: 0px;
  top: 8px;
}

.stats-category-section .stats-graph-selectors .form-group.form-check .form-check-label {
  padding-left: 18px;
  padding-top: 8px;
}

.dt-topBottom {
  margin-bottom: 15px;
}

.dt-topBottom .base-stats .graph-container {
  margin-left: 0;
  margin-right: 0;
}

.dt-topBottom .statsBox-container {
  padding-left: 0;
  padding-right: 0;
}

/*.dt-topBottom:hover {*/
/*  background-color: #E5E5E5;*/
/*}*/

.dt-topBottom .graph-container .selectors {
  top: 5px;
  right: 33px;
}

.dt-topBottom .graph-container > canvas {
  margin-top: 5px;
}

.stats-category .loading {
  position: relative;
  width: 100%;
  height: 200px;
  background-color: rgba(0, 0, 0, 0.3);
  color: #ffffff;
  z-index: 100000;
}

/* === 5 Column in Bootstrap == */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-5ths {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}

.inactive-link {
  pointer-events: none !important;
  cursor: default !important;
}

.inactive-link:hover {
  color: unset !important;
}

table.hover-highlight > tbody > tr:hover {
  background-color: #e8ebf0;
}

.kpi-table {
  width: 100%;
  text-align: center;
  border-width: 0;
}

.kpi-table,
.kpi-table tr,
.kpi-table th,
.kpi-table td {
  border-color: #dfdfdf !important;
}

.kpi-table thead th {
  border-bottom-width: 1px !important;
}

.kpi-table .top-left-corner {
  border-left-width: 0;
  border-top-width: 0;
}

.kpi-table > thead > tr > th,
.kpi-table > tbody > tr > td {
  text-align: center;
}

.kpi-table tbody tr:hover {
  background-color: rgba(202, 217, 235, 0.5);
}

.kpi-stats .stats-category-section .bottom-section {
  margin-top: 50px;
}

.kpi-stats .stats-category-section .bottom-section .graph-container {
  margin-right: 0;
}

/*.kpi-table > tbody > tr.odd {*/
/*  background-color: #a0a0a0;*/
/*}*/

.fa-shipping-club:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('/img/brands/shipping-club-32.png');
  background-size: cover;
  filter: invert();
  margin-right: -5px;
}

td.highlighted,
th.highlighted {
  background-color: #f6f6f6;
}

.table-info td.highlighted,
.table-info th.highlighted {
  background-color: #cce7f4;
}

.tag {
  padding-top: 0.3em;
}

.pointer {
  cursor: pointer;
}

#table-stats tbody td.pointer:hover {
  background-color: rgba(62, 112, 201, 0.2);
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
ul[dnd-list] {
  min-height: 42px;
  padding-left: 0px;
}

/**
* The dndDraggingSource class will be applied to
* the source element of a drag operation. It makes
* sense to hide it to give the user the feeling
* that he's actually moving it.
*/
ul[dnd-list] .dndDraggingSource {
  display: none;
}

/**
* An element with .dndPlaceholder class will be
* added to the dnd-list while the user is dragging
* over it.
*/
ul[dnd-list] .dndPlaceholder {
  background-color: #ddd;
  display: block;
  min-height: 42px;
}

ul[dnd-list] li {
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
}

/* angular-xeditable */
.editable-wrap {
  display: block;
  width: 100%;
}
.editable-wrap .editable-controls > input,
.editable-wrap .editable-controls > select,
.editable-wrap .editable-controls > textarea {
  display: inline-block;
  width: 100%;
}
.editable-error {
  color: red;
}

table tr.top20 td {
  border-bottom: 2px solid #3e70c9;
}

.rolling-6m-data {
  color: #3e70c9;
}

.rolling-3m-data {
  color: #20b9ae;
}

td:has(> .rolling-12m-data, > .rolling-6m-data, > .rolling-3m-data) > div:nth-child(2) {
  font-size: 0.9em;
}

td:has(> .rolling-12m-data, > .rolling-6m-data, > .rolling-3m-data) > div:nth-child(3) {
  font-size: 0.8em;
}

.credential-item a {
  visibility: hidden;
}

.credential-item:hover a {
  visibility: visible;
}

.no-wrap {
  white-space: nowrap;
}

td.report-status {
  max-width: 150px;
  word-wrap: break-word;
}

div.shipment-import-disabled {
  background-color: #E8EBF0;
}

.input-warning {
  border: 1px solid #FF6A00;
  background-color: #FFF6F2;
}

.mismatch {
  color: #FF6A00; 
  font-weight: bold;
}

.error-message {
  white-space: normal; 
  word-break: break-word;
}

/* New App Menu Styles */
.new-app-item {
  position: relative;
}

/* Subtle "V2" marker for items that live in the new app (bf2). */
.tag-v2 {
  display: inline-block;
  margin-left: 6px;
  padding: 0 5px;
  font-size: 0.6em;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: #64748b;
  background: rgba(100, 116, 139, 0.12);
  border-radius: 4px;
  vertical-align: middle;
}

.new-app-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(45deg, #ffc107, #ff9800);
  border-radius: 0 2px 2px 0;
}

.new-app-link {
  font-weight: 500;
  transition: all 0.3s ease;
}

.new-app-link:hover {
  background-color: rgba(255, 193, 7, 0.1) !important;
  transform: translateX(2px);
}

.new-app-star {
  animation: pulse 2s infinite;
}

.new-app-star i {
  filter: drop-shadow(0 0 2px rgba(255, 193, 7, 0.5));
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.new-app-item .tag.tag-success {
  animation: bounce 2s infinite;
  box-shadow: 0 2px 4px rgba(16, 207, 189, 0.3);
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-2px);
  }
  60% {
    transform: translateY(-1px);
  }
}

.import-source-block {
  font-size: 13px;
}
.import-source-label {
  font-size: 11px;
  text-transform: uppercase;
  color: #64748b;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
}
.import-source-pills {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.import-source-pills .pill {
  background: #f1f5f9;
  color: #475569;
  padding: 4px 12px;
  border-radius: 9999px;
  cursor: pointer;
  user-select: none;
}
.import-source-pills .pill.active {
  background: #dcfce7;
  color: #166534;
}
.import-source-pills .pill.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}