/* Archivo CSS personalizado para cambiar el color del ticketero y visor a #4e228d */

/* Cambiar el color de fondo de la barra de navegación */
.navbar.bg-primary,
.navbar.navbar-dark.bg-primary,
.main-header {
    background-color: #4e228d !important;
}

/* Cambiar el color de los botones primarios */
.btn-primary {
    background-color: #4e228d !important;
    border-color: #4e228d !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #3c1a6e !important;
    border-color: #3c1a6e !important;
}

/* Cambiar el color de los enlaces */
a.text-primary,
.text-primary {
    color: #4e228d !important;
}

/* Cambiar el color de los bordes y elementos de acento */
.border-primary {
    border-color: #4e228d !important;
}

/* Cambiar el color de fondo de los elementos con clase bg-primary */
.bg-primary {
    background-color: #4e228d !important;
}

/* Cambiar el color de los elementos de la tarjeta de motivo en el ticketero */
.motivo-icon {
    color: #4e228d !important;
}

.motivo-card:hover {
    border-color: #4e228d !important;
}

.btn-generar {
    background-color: #4e228d !important;
}

.motivo-card:hover .btn-generar {
    background-color: #3c1a6e !important;
}

/* Cambiar el color del footer */
.footer {
    background-color: #4e228d !important;
}

/* Cambiar el color de los números de ticket */
.ticket-number {
    color: #4e228d !important;
}

/* Cambiar el color de los elementos en el visor */
.turno-actual {
    border-color: #4e228d !important;
}

.turno-numero {
    color: #4e228d !important;
}

/* Cambiar el color de los elementos de alerta y notificación */
.alert-primary {
    background-color: #e9d8ff !important;
    border-color: #4e228d !important;
    color: #4e228d !important;
}

/* Cambiar el color de los elementos de progreso */
.progress-bar-primary {
    background-color: #4e228d !important;
}