.main-header .sidebar-toggle::before {
  content: "\f0c9";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}

.main-header .sidebar-toggle {
  padding: 14px 15px;
}

.small-box-footer:hover {
  cursor: pointer;
}

.modal {
  background: rgba(0, 0, 0, 0.45);
}

.checkbox label .icheckbox,
.radio label .icheckbox {
  margin-left: -20px;
  margin-right: 5px;
}

#manager-override-passcode {
  background: rgba(0, 0, 0, 0.6);
}

#manager-override-passcode .modal-dialog {
  width: 400px;
  margin-top: 100px;
}

#modal-scan label,
#manager-override-passcode label {
  font-size: 20px;
  font-weight: normal;
  margin: 0 0 15px;
}

#modal-scan input[name="search"],
#manager-override-passcode input[name="passcode"] {
  height: 90px;
  font-size: 40px;
  font-weight: bold;
  padding: 6px 20px;
}

.modal-header {
  background: #3c8dbc;
  color: #fff;
}

.modal-body {
  background: #ecf0f5;
}

.modal-footer {
  background: #d9dde1;
}

input.BIG {
  height: 90px;
  font-size: 40px;
  font-weight: bold;
  padding: 6px 20px;
}

label.BIG {
  font-size: 20px;
  font-weight: normal;
}

/* Fixes icon alignment in menu */
.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .far,
.sidebar-menu > li > a > .fas {
  width: 24px;
}
.nav.nav-pills > li > a > .fa,
.nav.nav-pills > li > a > .far,
.nav.nav-pills > li > a > .fas {
  width: 22px;
}

.bg-white {
  color: #333;
  border: 1px solid #664427;
  background: #fff;
}

.bg-yellow-alt,
.bg-yellow-alt:hover {
  background-color: #ffcf44;
  border: 1px solid rgba(0, 0, 0, 0.05);
  color: inherit;
}
.bg-yellow-alt table.table td {
  border-color: rgba(0, 0, 0, 0.15);
}

.bg-brown,
.bg-brown:hover {
  color: #fff;
  border: 1px solid #d5d5d5;
  background: #926239;
}

.bg-brown table.table td {
  border-color: #3d2817;
}

.text-white {
  color: #fff;
}

.label.bg-lime,
label.btn.bg-lime {
  color: #333 !important;
}

.btn-sm > span.btn-inner {
  padding: 7px 11px 7px 11px;
  margin: auto -11px;
}

.label.label-AZ,
.label.label-WM,
.label.label-TG,
.label.label-HD,
.label.label-LW,
.label.label-RA,
.label.label-database,
.label.label-manifest {
  display: inline !important;
}

.label.label-database,
.label.label-manifest {
  padding: 0.2em 0.6em 0.3em;
  font-family: "Font Awesome 5 Free";
}

.label.label-database:before {
  content: "\f1c0";
}
.label.label-database {
  color: #ffffff;
  background: #000000 !important;
}

.label.label-manifest:before {
  content: "\f1c3";
}
.label.label-manifest {
  color: #ffffff;
  background: #00824c !important;
}

.label.label-AZ:before {
  content: "AZ";
}
.label.label-AZ {
  color: #2d2929;
  background: #ffa900 !important;
}

.label.label-WM:before {
  content: "WM";
}
.label.label-WM {
  color: #ffffff;
  background: #0088c7 !important;
}

.label.label-TG:before {
  content: "TG";
}
.label.label-TG {
  color: #ffffff;
  background: #db2318 !important;
}

.label.label-HD:before {
  content: "HD";
}
.label.label-HD {
  color: #ffffff;
  background: #fb7927 !important;
}

.label.label-LW:before {
  content: "LW";
}
.label.label-LW {
  color: #ffffff;
  background: #0d61a0 !important;
}

.label.label-RA:before {
  content: "R \00a0 \00a0 \00a0 \00a0 A";
}
.label.label-RA {
  color: #fff;
  background: linear-gradient(
    to right,
    #37579e 0%,
    #37579e 50%,
    #eb484c 50%,
    #eb484c 100%
  ) !important;
}

.product-search-title {
  display: inline;
  font-weight: bold;
  font-size: 18px;
}

@media (max-width: 767px) {
  .small-box h3 {
    font-size: 20px;
  }
}
.pushable {
  width: 100%;
}

.react-datepicker__close-icon::after {
  line-height: 0 !important;
  background-color: #c4c4c4 !important;
}

.loader-tag {
  color: black !important;
}

.react-select div {
  top: auto;
  left: auto;
  margin-top: 0;
}

.prefix-react-select__single-value,
.prefix-react-select__placeholder {
  top: 50% !important;
}

#customer_id {
  background-color: grey;
}

/*
.loader,
.loader:before,
.loader:after {
  background: #000000;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #000000;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
} */
.sidebar-mini.sidebar-collapse .main-header .logo > .logo-large {
  display: none;
}

.main-header .logo .logo-collapsed {
  display: none;
}

.sidebar-mini.sidebar-collapse .main-header .logo > .logo-collapsed {
  display: block;
  margin-top: 13px;
}