body {
  font-family: "Titillium Web", sans-serif;
}

label {
  color: #000066;
  font-weight: bold;
}

.pagination li {
  display: inline-block;
  padding: 5px;
}

.pagination li a {
  color: #000066 !important;
}

button:hover {
  background-color: #000066 !important;
}

hover,
button:focus,
button:hover {
  background-color: #000066 !important;
}

.fc-toolbar h2 {
  font-size: 30px;
  color: #5056ac !important;
  text-transform: capitalize;
}

.fc th {
  color: #5056ac !important;
  text-transform: capitalize;
}

.fc-day-number {
  color: #5056ac !important;
}

hover,
button:focus,
button:hover {
  background-color: #5056ac !important;
}

.list-group-item:hover {
  background-color: #ecf0ff !important;
}

.fc-center h2 {
  position: relative !important;
  bottom: 10px !important;
  text-align: center !important;
  font: normal normal bold 32px/53px Titillium Web !important;
  letter-spacing: 0.01px !important;
  color: #5056ac !important;
  opacity: 1 !important;
}

.fc-center {
  height: 30px;
}
.fc button {
  color: #5056ac;
  border-color: #5056ac !important;
}

/* @media (min-width: 1024px) {
  button.fc-prev-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
      position: relative !important;
      left: 122px !important;
  }

  button.fc-next-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
      position: relative !important;
      right: 125px !important;
  }
} */

#lista-eventos .active {
  border-bottom: 3px solid #db141c;
}

.form-control {
  border-radius: 10px !important;
  border: 1px solid #000066 !important;
}

/* FULLCALENDAR */

/* Contenedor del calendario */
.fullcalendar-container {
  background-color: white; /* Fondo blanco para el contenedor */
  padding: 20px; /* Espaciado interno opcional */
}

/* Fondo blanco para el calendario */
.fullcalendar-container .fc {
  background-color: white; /* Fondo blanco para el calendario */
}

/* Asegurarse de que los días del calendario también sean blancos */
.fullcalendar-container .fc-day,
.fullcalendar-container .fc-day-top,
.fullcalendar-container .fc-daygrid-day {
  background-color: white;
}

/* Fondo blanco para las cabeceras del calendario */
.fullcalendar-container .fc-toolbar,
.fullcalendar-container .fc-header-toolbar,
.fullcalendar-container .fc-toolbar-title {
  background-color: white;
}

/* Estilo para los eventos en el calendario */
.fullcalendar-container .fc-event {
  background-color: #f5f5f5; /* Color de fondo de los eventos */
  color: #333; /* Color de texto de los eventos */
  border: 1px solid #ddd; /* Borde de los eventos */
}