.badge {
  transition: background-color 0.4s ease;
}
.cleanLink {
    user-select: none;
    cursor: pointer;
    text-decoration: none;
}
.fixed-bottom {
    pointer-events: none; /* Make the container transparent to pointer events */
}
.fixed-bottom .btn {
    pointer-events: auto; /* Re-enable pointer events for the button */
}
.offcanvas-bottom {
    height: 50vh;
}
.toast-container {
    z-index: 9999;
    pointer-events: none; /* Make the container transparent to pointer events */
}
.toast-container .toast {
    pointer-events: auto; /* Re-enable pointer events for the button */
}
.sticky-table-component {
    z-index: 500 !important;
}
.zoomHover {
    transition: 1s;
    transform: scale(1);
    transform-origin: center;
    max-width: 800px; 
    background: rgba(200, 200, 200, 0);
}
.zoomHover:hover {
    transition: 1s;
    transform: scale(1.06);
    background: rgb(200, 200, 200, 0.2);
    transform-origin: center;
}

.fade-in {
    opacity: 0;
    transform: translateY(10px);
    animation: fadeInUp 0.4s ease-out forwards;
}

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

@keyframes rainbow {
    0% { color: red; }
    14% { color: orange; }
    28% { color: yellow; }
    42% { color: green; }
    57% { color: blue; }
    71% { color: indigo; }
    85% { color: violet; }
    100% { color: red; }
}

.rainbow-text {
    animation: rainbow 2s linear infinite; /* Adjust the duration as needed */
}