/* Estilo para los botones de acción rápida */
.btn-block {
    width: 100%;
    padding: 10px 15px;
}

/* Estilo para tarjetas con bordes de colores */
.border-left-primary {
    border-left: 4px solid #4e73df;
}

.border-left-success {
    border-left: 4px solid #1cc88a;
}

.border-left-info {
    border-left: 4px solid #36b9cc;
}

.border-left-warning {
    border-left: 4px solid #f6c23e;
}

.border-left-danger {
    border-left: 4px solid #e74a3b;
}

/* Estilo para el gráfico de área */
.chart-area {
    position: relative;
    height: 300px;
    width: 100%;
}

/* Estilo para el gráfico de pastel */
.chart-pie {
    position: relative;
    height: 250px;
    width: 100%;
}

/* Animaciones */
.fa-bounce {
    animation: bounce 1s infinite;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}

/* Mejoras para el menú lateral */
.sb-sidenav-dark {
    background-color: #343a40;
}

.sb-sidenav-dark .sb-sidenav-menu .nav-link {
    color: rgba(255, 255, 255, 0.8);
}

.sb-sidenav-dark .sb-sidenav-menu .nav-link:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.05);
}

.sb-sidenav-dark .sb-sidenav-menu .nav-link.active {
    color: #fff;
    background-color: #4e73df;
}

/* Estilo para las tarjetas de cumpleaños */
.list-group-item-action:hover {
    background-color: #f8f9fc;
}