/* Archivo CSS para estilos que estaban inline */

/* Estilos para colores de texto */
.text-muted-custom {
    color: #495057 !important;
}

.text-white-custom {
    color: #fff !important;
}

.text-dark-custom {
    color: #212529 !important;
}

.text-primary-custom {
    color: #006FB3 !important;
}

/* Estilos para imágenes */
.img-gallery {
    max-width: 200px;
    margin: 10px;
}

/* Estilos para bordes */
.border-primary-custom {
    border: 2px solid #007bff !important;
}

/* Estilos para barras de progreso dinámicas */
.progress-bar-dynamic {
    /* El ancho se establecerá dinámicamente via JavaScript */
}

/* Clases para anchos específicos de barras de progreso */
.progress-width-0 { width: 0% !important; }
.progress-width-1 { width: 1% !important; }
.progress-width-2 { width: 2% !important; }
.progress-width-3 { width: 3% !important; }
.progress-width-4 { width: 4% !important; }
.progress-width-5 { width: 5% !important; }
.progress-width-6 { width: 6% !important; }
.progress-width-7 { width: 7% !important; }
.progress-width-8 { width: 8% !important; }
.progress-width-9 { width: 9% !important; }
.progress-width-10 { width: 10% !important; }
.progress-width-11 { width: 11% !important; }
.progress-width-12 { width: 12% !important; }
.progress-width-13 { width: 13% !important; }
.progress-width-14 { width: 14% !important; }
.progress-width-15 { width: 15% !important; }
.progress-width-16 { width: 16% !important; }
.progress-width-17 { width: 17% !important; }
.progress-width-18 { width: 18% !important; }
.progress-width-19 { width: 19% !important; }
.progress-width-20 { width: 20% !important; }
.progress-width-21 { width: 21% !important; }
.progress-width-22 { width: 22% !important; }
.progress-width-23 { width: 23% !important; }
.progress-width-24 { width: 24% !important; }
.progress-width-25 { width: 25% !important; }
.progress-width-26 { width: 26% !important; }
.progress-width-27 { width: 27% !important; }
.progress-width-28 { width: 28% !important; }
.progress-width-29 { width: 29% !important; }
.progress-width-30 { width: 30% !important; }
.progress-width-31 { width: 31% !important; }
.progress-width-32 { width: 32% !important; }
.progress-width-33 { width: 33% !important; }
.progress-width-34 { width: 34% !important; }
.progress-width-35 { width: 35% !important; }
.progress-width-36 { width: 36% !important; }
.progress-width-37 { width: 37% !important; }
.progress-width-38 { width: 38% !important; }
.progress-width-39 { width: 39% !important; }
.progress-width-40 { width: 40% !important; }
.progress-width-41 { width: 41% !important; }
.progress-width-42 { width: 42% !important; }
.progress-width-43 { width: 43% !important; }
.progress-width-44 { width: 44% !important; }
.progress-width-45 { width: 45% !important; }
.progress-width-46 { width: 46% !important; }
.progress-width-47 { width: 47% !important; }
.progress-width-48 { width: 48% !important; }
.progress-width-49 { width: 49% !important; }
.progress-width-50 { width: 50% !important; }
.progress-width-51 { width: 51% !important; }
.progress-width-52 { width: 52% !important; }
.progress-width-53 { width: 53% !important; }
.progress-width-54 { width: 54% !important; }
.progress-width-55 { width: 55% !important; }
.progress-width-56 { width: 56% !important; }
.progress-width-57 { width: 57% !important; }
.progress-width-58 { width: 58% !important; }
.progress-width-59 { width: 59% !important; }
.progress-width-60 { width: 60% !important; }
.progress-width-61 { width: 61% !important; }
.progress-width-62 { width: 62% !important; }
.progress-width-63 { width: 63% !important; }
.progress-width-64 { width: 64% !important; }
.progress-width-65 { width: 65% !important; }
.progress-width-66 { width: 66% !important; }
.progress-width-67 { width: 67% !important; }
.progress-width-68 { width: 68% !important; }
.progress-width-69 { width: 69% !important; }
.progress-width-70 { width: 70% !important; }
.progress-width-71 { width: 71% !important; }
.progress-width-72 { width: 72% !important; }
.progress-width-73 { width: 73% !important; }
.progress-width-74 { width: 74% !important; }
.progress-width-75 { width: 75% !important; }
.progress-width-76 { width: 76% !important; }
.progress-width-77 { width: 77% !important; }
.progress-width-78 { width: 78% !important; }
.progress-width-79 { width: 79% !important; }
.progress-width-80 { width: 80% !important; }
.progress-width-81 { width: 81% !important; }
.progress-width-82 { width: 82% !important; }
.progress-width-83 { width: 83% !important; }
.progress-width-84 { width: 84% !important; }
.progress-width-85 { width: 85% !important; }
.progress-width-86 { width: 86% !important; }
.progress-width-87 { width: 87% !important; }
.progress-width-88 { width: 88% !important; }
.progress-width-89 { width: 89% !important; }
.progress-width-90 { width: 90% !important; }
.progress-width-91 { width: 91% !important; }
.progress-width-92 { width: 92% !important; }
.progress-width-93 { width: 93% !important; }
.progress-width-94 { width: 94% !important; }
.progress-width-95 { width: 95% !important; }
.progress-width-96 { width: 96% !important; }
.progress-width-97 { width: 97% !important; }
.progress-width-98 { width: 98% !important; }
.progress-width-99 { width: 99% !important; }
.progress-width-100 { width: 100% !important; }

/* Clases para estilos de informes HTML */
.text-success-custom {
    color: green !important;
}

.text-warning-custom {
    color: orange !important;
}

.bg-success-light {
    background-color: #d4edda !important;
}

.text-center-custom {
    text-align: center !important;
}

.text-left-inline {
    text-align: left !important;
    display: inline-block !important;
}

.footer-info {
    text-align: center !important;
    margin-top: 30px !important;
    color: #666 !important;
}