.card-header{
    cursor: pointer;
}

.card{
    direction: rtl;
}
.active-td {
    color: #333; /* Dark gray text color */
    font-weight: bold; /* Bold text */
    text-shadow: 0 0 5px rgba(0, 138, 206, 0.2); /* Subtle green glow effect */
    transition: color 0.3s ease; /* Smooth color transition on hover */
  }
  
  .active-td:hover {
    color: #008cba; /* Green text color on hover */
  }
  
  /* Style for inactive TD elements */
  .inactive-td {
    color: #999; /* Very light gray text color */
    font-weight: normal; /* Regular text weight */
    opacity: 0.7; /* Reduce opacity for a subdued appearance */
  }