/* Estilos para el calendario y eventos */

/* seleccionado del dia*/
.fc-daygrid-day.selected-day {
  background-color: #9bb1efb2 !important;
  border: 2px solid #121bc4 !important;
  border-radius: 5px;
}

/* Estilos para cada tipo de evento */
.event-presentacion {
  background-color: #3da0adb3 !important;
  border-left: 6px solid #3da0adb3;
}
.event-demostracion {
  background-color:  #0c588fb0  !important;
  border-left: 6px solid  #0c588fb0 ;
}
.event-instalacion {
  background-color: #0c8b178e  !important;
  border-left: 6px solid #0c8b178e;
}
.event-soporte {
  background-color:  #ce00ed87 !important;
  border-left: 6px solid #ce00ed87 ;
}
.event-visita {
  background-color:  #ede90087 !important;
  border-left: 6px solid #ede90087 ;
}

.event-otro {
  background-color: #97141495 !important;
  border-left: 6px solid #97141495;
}

/* Bordes inferiores para los eventos en el calendario */
.fc-daygrid-event.event-presentacion .fc-event-main {
  border-bottom: 3px solid #3da0adb3 !important;
}
.fc-daygrid-event.event-demostracion .fc-event-main {
  border-bottom: 3px solid #0c588fb0 !important;
}
.fc-daygrid-event.event-instalacion .fc-event-main {
  border-bottom: 3px solid   #0c8b178e  !important;
}
.fc-daygrid-event.event-soporte .fc-event-main {
  border-bottom: 3px solid #ce00ed87 !important;
}
.fc-daygrid-event.event-visita .fc-event-main {
  border-bottom: 3px solid #ede90087!important;
}
.fc-daygrid-event.event-otro .fc-event-main {
  border-bottom: 3px solid #97141495 !important;
}

/* Icono dentro del evento */
.fc-daygrid-event .fc-event-main .event-icon {
  margin-right: 4px;
}

/* Estilos para filas en la tabla del modal */

#dayEventsList tr.event-presentacion td {
  background-color: #3da0adb3 !important;
}
#dayEventsList tr.event-demostracion td {
  background-color: #0c588fb0 !important;
}
#dayEventsList tr.event-instalacion td {
  background-color: #0c8b178e !important;
}
#dayEventsList tr.event-soporte td {
  background-color: #ce00ed87 !important;
}
#dayEventsList tr.event-visita td {
  background-color: #ede90087 !important;
}
#dayEventsList tr.event-otro td {
  background-color: #97141495 !important;
}

/* Borde y vertical align para celdas */
#dayEventsList td {
  border-top: 1px solid #ccc;
  vertical-align: middle;
}

/* Hover para filas */
#dayEventsList tr:hover td {
  background-color: #dcefff !important;
}
.fc-day-today .fc-daygrid-day-number {
  color: #e74c3c; /* rojo para el día actual */
  font-weight: bold;
}
/* Cambiar color del texto principal del evento */
.fc-event-title,
.fc-event-time {
  color: #1c1c1c !important; /* Cambia por el color que desees */
  font-weight: bold;
}