html[data-bs-theme="dark"] .select2-selection__placeholder{ color: #FFF !important; }

html[data-bs-theme="dark"] #tabla-info_paginate #tabla-info_first, html[data-bs-theme="dark"] #tabla-info_paginate #tabla-info_previous, html[data-bs-theme="dark"] #tabla-info_paginate #tabla-info_next, html[data-bs-theme="dark"] #tabla-info_paginate #tabla-info_last, html[data-bs-theme="dark"] #tabla-info_paginate .paginate_total, html[data-bs-theme="dark"] #tabla-info_paginate .paginate_input{
	color: white;
    background-color: #1c1c1c;
    border: 1px solid #323248;
}

.icon-campaneo {
    display: inline-block;
    animation: campaneo 1.2s ease-in-out infinite, colorChange 2s ease-in-out infinite;
}

/* Efecto de campaneo */
@keyframes campaneo {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(-5deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(5deg); }
    100% { transform: rotate(0deg); }
}

/* Cambio de color */
@keyframes colorChange {
    0% { color: #99A1B7; /* color original del icono */ }
    50% { color: red; /* color amarillo de Bootstrap */ }
    100% { color: #99A1B7; }
}
.anim {
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition:    -moz-transform .3s ease-out;
    -o-transition:      -o-transform .3s ease-out;
    -ms-transition:     -ms-transform .3s ease-out;
    transition: transform .3s ease;
}
.anim.rotate-circle {
    transform: rotate(360deg);
}