.bg-pending-feedback {
    background-color: #dbeafe;
    color: #1e40af;
}

.bg-approved {
    background-color: #dcfce7;
    color: #166534;
}

.bg-revision-requested {
    background-color: #fee2e2;
    color: #991b1b;
}

.bg-pending-approval {
    background-color: #fef3c7;
    color: #92400e;
}

.bg-cancelled {
    background-color: #575d67;;
    color: #f9fafb;
}

.bg-unassigned {
    background-color: #e5e7eb;
    color: #393e46;
}

.badge[class*="bg-"] {
    font-weight: 600;
    text-transform: uppercase;
}

.bg-no-change {
  background-color: #d3d3d3;
  color: #000;
} 


/* For Proposal Documents 
.bg-proposal-document {
  background-color: #9c27b0;
  color: #FFFFFF;
}


/* For Reviewer Feedback 
.bg-reviewer-feedback {
  background-color: #f5970b; 
  color: #FFFFFF;
}

/* For Approval Memo 
.bg-approval-memo {
  background-color: #009688; 
  color: #FFFFFF;
}
*/

/* For Proposal Documents - Soft Purple */
.bg-proposal-document {
  background-color: #e1bee7; /* Soft Purple */
  color: #4a148c; /* Dark Purple text */
}

/* For Reviewer Feedback - Soft Orange */
.bg-reviewer-feedback {
  background-color: #ffe0b3; /* Soft Orange */
  color: #bf6000; /* Dark Orange text */
}

/* For AdminFeedback - Soft Pink */
.bg-admin-feedback {
  background-color: #f8bbd9; /* Soft Pink */
  color: #880e4f; /* Dark Pink text */
}

/* For Approval Memo - Soft Teal */
.bg-approval-memo {
  background-color: #b2dfdb; /* Soft Teal */
  color: #00695c; /* Dark Teal text */
}

@keyframes fadeIn {
  from {
      opacity: 0;
      transform: translateY(-20px);
  }

  to {
      opacity: 1;
      transform: translateY(0);
  }
}

@keyframes fadeOut {
  from {
      opacity: 1;
      transform: translateY(0);
  }

  to {
      opacity: 0;
      transform: translateY(20px);
  }
}

.animate-fade-in {
  animation: fadeIn 0.5s ease-out forwards;
}

.animate-fade-out {
  animation: fadeOut 0.5s ease-in forwards;
}