:root {
  /* --theme-1-color: #6c1e69;
    --theme-2-color: #7fc02c;
    --theme-3-color: #367fa9; */
  --theme-1-color: #5a189a;
  --theme-2-color: #00c853;
  --theme-3-color: #035077;
  --theme-4-color: #5465ff;
  --theme-5-color: #dbe4ee;
  --theme-white-color: #ffffff;
}

.skin-blue .sidebar a {
  color: #002945 !important;
}
.skin-blue .sidebar-menu > li:hover > a {
  color: #dbe4ee !important;
  background-color: #5465ff !important;
}
.sidebar-menu > li.active > a {
  color: #dbe4ee !important;
}
.login-logo,
.register-logo {
  font-size: 30px !important;
}

.bg-green-arc {
  background-color: var(--theme-3-color) !important;
  color: white !important;
}

.bg-purple-arc {
  background-color: var(--theme-1-color) !important;
  color: white !important;
}

.label_gray {
  color: var(--theme-3-color) !important;
}

.btn {
  margin-left: 5px;
}

.btn-primary {
  background-color: #5465ff !important;
  border-color: #5465ff !important;
}
a[href*="edit/"] {
  background-color: #7cb518 !important;
  border-color: #7cb518 !important;
}
.btn-success {
  background-color: #7cb518 !important;
  border-color: #7cb518 !important;
}

.btn-info {
  background-color: #023e8a !important;
  border-color: #023e8a !important;
}

.btn-danger {
  background-color: #e5383b !important;
  border-color: #e5383b !important;
}

.btn-warning {
  background-color: #ffbf69 !important;
  border-color: #ffbf69 !important;
}
div:where(.swal2-container) div:where(.swal2-popup) {
  font-size: 12px !important;
}

.sweet-alert button.cancel,
.swal2-cancel {
  background-color: #ffbf69 !important;
  border-color: #ffbf69 !important;
}
.swal2-confirm {
  background-color: #7cb518 !important;
  border-color: #7cb518 !important;
}
.sweet-alert button {
  background-color: #e5383b !important;
  border-color: #e5383b !important;
}

.btn-print-unit {
  background-color: #03045e !important;
  border-color: #03045e !important;
  color: #ffffff !important;
  font-weight: bold;
}

.btn-print-pallet {
  background-color: #4f5b62 !important;
  border-color: #4f5b62 !important;
  color: #ffffff !important;
  font-weight: bold;
}

.btn-quarantine {
  background-color: #0077b6 !important;
  border-color: #0077b6 !important;
  color: #ffffff !important;
  font-weight: bold;
}

.btn-hold {
  background-color: #d3d305 !important;
  border-color: #d3d305 !important;
  color: #ffffff !important;
  font-weight: bold;
}

.btn-approve {
  background-color: #a7c957 !important;
  border-color: #a7c957 !important;
  color: #ffffff !important;
  font-weight: bold;
}

.btn-recall {
  background-color: #720026 !important;
  border-color: #720026 !important;
  color: #ffffff !important;
  font-weight: bold;
}

.btn-reject {
  background-color: #e5383b !important;
  border-color: #e5383b !important;
  color: #ffffff !important;
  font-weight: bold;
}

.btn-release {
  background-color: #ff8fab !important;
  border-color: #ff8fab !important;
  color: #ffffff !important;
  font-weight: bold;
}

.btn-ship {
  background-color: #2c6e49 !important;
  border-color: #2c6e49 !important;
  color: #ffffff !important;
  font-weight: bold;
}

.alert-success {
  border-color: #58bc82 !important;
}

.alert-danger,
.alert-error {
  border-color: #a8201a !important;
}

.alert-warning {
  border-color: #ec9a29 !important;
}

.alert-info {
  border-color: #023e8a !important;
}

.nowrap {
  white-space: nowrap !important;
  word-break: keep-all;
}

.btn {
  margin: 5px 5px 0px 0px;
}

.prelinewrap {
  word-spacing: normal !important;
  word-break: break-all !important;
  white-space-collapse: collapse !important;
  word-wrap: break-word !important;
  text-wrap: auto !important;
  white-space: collapse balance !important;
  line-break: loose !important;
  text-orientation: sideways !important;
  text-align: start !important;
}