.color-muestra {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}

/* Estilos generales para todos los eventos */
.fc-event {
    border-color: #fefefe !important;
    background-color: rgb(33 177 240) !important;
    font-weight: bold;
}

/* Estilos específicos para el "dot" en las vistas que lo usan */
.fc-event-dot {
    background-color: #0a0a0a !important;
}

/* Colores de texto para la hora y el título en todas las vistas */
.fc-event-time, .fc-event-title {
    color: #0a0a0a !important;
}

.fc-event-title-container {
    color: #0a0a0a !important;
}

/* Estilos específicos para la vista de lista */
.fc-list-event {
    background-color: rgb(33 177 240) !important;
    border-color: #fefefe !important;
    font-weight: bold;
    color: #0a0a0a !important;
}

/* Estilos para las vistas de grid (semana y día) */
.fc-timegrid-event {
    border-color: #fefefe !important;
    background-color: rgb(33 177 240) !important;
    font-weight: bold;
    color: #0a0a0a !important;
}

/* Estilos para el texto dentro de los eventos en vista de día y semana */
.fc-timegrid-event .fc-event-title, .fc-timegrid-event .fc-event-time {
    color: #0a0a0a !important;
}


.d-flex_2 {
    height: 60px;
    display: flex!important;
}
.calendar {
    width: 3.125rem;
    line-height: 1;
    display: flex;
    flex-direction: column;
    text-align: center;
    font-family: Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    border-radius: 0.375rem;
}

.calendar .calendar-month {
    background-color: #27bcfd;
    color: #fff;
    border-radius: 0.375rem 0.375rem 0 0;
    padding: 0.25rem;
    font-weight: 600;
}

.calendar .calendar-day {
    font-size: 1.728rem;
    padding: 0.25rem;
    border: 0.125rem solid #27bcfd;
    border-top: 0;
    border-radius: 0 0 0.375rem 0.375rem;
    color: #9da9bb;
    font-weight: 700;
}

/* badgets que no estaban en el template no se porque */
.badge-subtle-primary {
    color: #ffffff; /* Blanco */
    background-color: #007bff; /* Azul de Bootstrap */
}

.badge-subtle-primary[href]:hover, 
.badge-subtle-primary[href]:focus {
    text-decoration: none;
    color: #ffffff; /* Blanco */
    background-color: #0056b3; /* Azul oscuro de Bootstrap */
}

.badge-subtle-secondary {
    color: #ffffff; /* Blanco */
    background-color: #6c757d; /* Gris oscuro de Bootstrap */
}

.badge-subtle-secondary[href]:hover, 
.badge-subtle-secondary[href]:focus {
    text-decoration: none;
    color: #ffffff; /* Blanco */
    background-color: #545b62; /* Gris más oscuro */
}

.badge-subtle-success {
    color: #ffffff; /* Blanco */
    background-color: #28a745; /* Verde de Bootstrap */
}

.badge-subtle-success[href]:hover, 
.badge-subtle-success[href]:focus {
    text-decoration: none;
    color: #ffffff; /* Blanco */
    background-color: #218838; /* Verde oscuro de Bootstrap */
}

.badge-subtle-info {
    color: #ffffff; /* Blanco */
    background-color: #17a2b8; /* Celeste de Bootstrap */
}

.badge-subtle-info[href]:hover, 
.badge-subtle-info[href]:focus {
    text-decoration: none;
    color: #ffffff; /* Blanco */
    background-color: #117a8b; /* Celeste oscuro */
}

.badge-subtle-warning {
    color: #212529; /* Negro */
    background-color: #ffc107; /* Amarillo de Bootstrap */
}

.badge-subtle-warning[href]:hover, 
.badge-subtle-warning[href]:focus {
    text-decoration: none;
    color: #212529; /* Negro */
    background-color: #e0a800; /* Amarillo oscuro */
}

.badge-subtle-danger {
    color: #ffffff; /* Blanco */
    background-color: #dc3545; /* Rojo de Bootstrap */
}

.badge-subtle-danger[href]:hover, 
.badge-subtle-danger[href]:focus {
    text-decoration: none;
    color: #ffffff; /* Blanco */
    background-color: #c82333; /* Rojo oscuro */
}

.badge-subtle-light {
    color: #212529; /* Negro */
    background-color: #f8f9fa; /* Claro de Bootstrap */
}

.badge-subtle-light[href]:hover, 
.badge-subtle-light[href]:focus {
    text-decoration: none;
    color: #212529; /* Negro */
    background-color: #dae0e5; /* Claro más oscuro */
}

.badge-subtle-dark {
    color: #ffffff; /* Blanco */
    background-color: #343a40; /* Gris muy oscuro de Bootstrap */
}

.badge-subtle-dark[href]:hover, 
.badge-subtle-dark[href]:focus {
    text-decoration: none;
    color: #ffffff; /* Blanco */
    background-color: #1d2124; /* Gris oscuro */
}


.badge-subtle-primary {
    color: #ffffff; /* Blanco */
    background-color: #a4c8f0; /* Azul pastel */
}

.badge-subtle-primary[href]:hover, 
.badge-subtle-primary[href]:focus {
    text-decoration: none;
    color: #ffffff; /* Blanco */
    background-color: #86b3e5; /* Azul pastel más oscuro */
}

.badge-subtle-secondary {
    color: #ffffff; /* Blanco */
    background-color: #c5c6c7; /* Gris pastel */
}

.badge-subtle-secondary[href]:hover, 
.badge-subtle-secondary[href]:focus {
    text-decoration: none;
    color: #ffffff; /* Blanco */
    background-color: #adb0b1; /* Gris pastel más oscuro */
}

.badge-subtle-success {
    color: #ffffff; /* Blanco */
    background-color: #a9d7ae; /* Verde pastel */
}

.badge-subtle-success[href]:hover, 
.badge-subtle-success[href]:focus {
    text-decoration: none;
    color: #ffffff; /* Blanco */
    background-color: #88c78f; /* Verde pastel más oscuro */
}

.badge-subtle-info {
    color: #ffffff; /* Blanco */
    background-color: #a8d5e3; /* Celeste pastel */
}

.badge-subtle-info[href]:hover, 
.badge-subtle-info[href]:focus {
    text-decoration: none;
    color: #ffffff; /* Blanco */
    background-color: #8ac7d7; /* Celeste pastel más oscuro */
}

.badge-subtle-warning {
    color: #212529; /* Negro */
    background-color: #ffe6a1; /* Amarillo pastel */
}

.badge-subtle-warning[href]:hover, 
.badge-subtle-warning[href]:focus {
    text-decoration: none;
    color: #212529; /* Negro */
    background-color: #ffd782; /* Amarillo pastel más oscuro */
}

.badge-subtle-danger {
    color: #ffffff; /* Blanco */
    background-color: #f8a6a0; /* Rojo pastel */
}

.badge-subtle-danger[href]:hover, 
.badge-subtle-danger[href]:focus {
    text-decoration: none;
    color: #ffffff; /* Blanco */
    background-color: #f58b83; /* Rojo pastel más oscuro */
}

.badge-subtle-light {
    color: #212529; /* Negro */
    background-color: #f0f0f5; /* Claro pastel */
}

.badge-subtle-light[href]:hover, 
.badge-subtle-light[href]:focus {
    text-decoration: none;
    color: #212529; /* Negro */
    background-color: #e1e1eb; /* Claro pastel más oscuro */
}

.badge-subtle-dark {
    color: #ffffff; /* Blanco */
    background-color: #b3b3b7; /* Gris oscuro pastel */
}

.badge-subtle-dark[href]:hover, 
.badge-subtle-dark[href]:focus {
    text-decoration: none;
    color: #ffffff; /* Blanco */
    background-color: #96969a; /* Gris oscuro pastel más oscuro */
}


.input-with-value {
    border-color: #29b3ee; /* Color del borde */
    background-color: rgba(108, 117, 125, 0.1); /* Fondo sutil */
    color: var(--bs-body-color); /* Se adapta al texto claro/oscuro según el tema */
}