.animate-ripple {
    animation: ripple 0.6s linear;
  }
  @keyframes ripple {
    to {
      transform: scale(4);
      opacity: 0;
    }
  }

.modal-enter-active,
.modal-leave-active {
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.modal-enter-from,
.modal-leave-to {
  opacity: 0;
  transform: translateY(-20px);
}
.modal-enter-to,
.modal-leave-from {
  opacity: 1;
  transform: translateY(0);
}
.invoice-selected {
  border: 3px solid #c1370e;
  background: rgb(6 149 19 / 50%);
  zoom: 110%;
}

.bg-red-500 {
  margin-left: 14px;
  --tw-bg-opacity: 1;
  background: rgb(6 149 19 / 50%);
}

.no {
  user-select: none; /* Prevents text selection */
  cursor: default;   /* Ensures the cursor remains the default arrow */
}