is-invalid .form-check-input {
  border: 1px solid #dc3545 !important;
}

.is-invalid .form-check-label {
  color: #dc3545 !important;
}

.btn-primary {
    background-color: #286090 !important;
    border-color: #286090 !important;
    color: #fff !important;
}

.btn-primary:hover {
    background-color: #204d74 !important;
    border-color: #204d74 !important;
}

@keyframes slideInLeft {
  from {
    transform: translateX(-120%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.toast.slide-in {
  animation: slideInLeft 0.4s ease-out forwards;
}

#spinner {
  position: fixed !important;
  z-index: 9999 !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* This hides the up and down arrows on the item_num box, comment or remove it to add them back  */

input[data-field="itemNum"]::-webkit-outer-spin-button,
input[data-field="itemNum"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[data-field="itemNum"] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.tasks-vscroll {
  height: 100%;
  overflow: auto;
}

.tasks-vscroll thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--bs-body-bg);
}

.tasks-vscroll thead th.th-resize {
  z-index: 3;
}

span.card {
  border: none;
}



