/*

* Override Pages default styles or create your own styles here

*/
.jumbotron h1.large-demo-text{
	font-size: 150px;
}

.icon-text-search{
	font-size: 42px;
	width: 150%;
}
/* calendario */
.fc-event {
    transition: background-color #c1ddf9 0.3s ease, transform 0.2s ease;
}

.fc-event:hover {
    background-color: #c1ddf9 !important; /* Azul claro para el hover */
    transform: scale(1.02); /* Ligeramente más grande al pasar el mouse */
    cursor: pointer;
}

.medico-card {
    cursor: pointer;
    transition: border-color 0.3s ease, background-color 0.3s ease;
}

.paciente-card {
    cursor: pointer;
    transition: border-color 0.3s ease, background-color 0.3s ease;
}

.hospital-card.selected, .medico-card.selected, .paciente-card.selected {
    border: 2px solid #007bff; /* Borde azul */
    background-color: #e9f5ff; /* Fondo azul claro */
    transition: background-color 0.3s, border-color 0.3s;
}
.day-card {
    min-width: 100px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.day-card h6 {
    font-size: 0.8rem; /* Texto más pequeño para el día */
    font-weight: bold;
    margin-bottom: 0.2rem; /* Reduce el margen inferior */
}

.day-card p {
    font-size: 0.7rem; /* Texto más pequeño para la fecha */
    color: #6c757d; /* Mantén el color gris claro */
    margin-bottom: 0.4rem; /* Ajusta el margen */
}

.day-card .horarios .badge {
    font-size: 0.7rem; /* Texto más pequeño para los horarios */
    padding: 0.3rem 0.6rem; /* Reduce el tamaño del badge */
    border-radius: 0.3rem; /* Ajusta los bordes redondeados */
    cursor: pointer; /* Cursor de mano para indicar que es seleccionable */
    transition: all 0.2s ease-in-out; /* Transición suave */
    background-color: #87dbf7 ; /* Fondo azul claro */
}

.day-card .horarios .badge:hover {
    color: #fff; /* Texto blanco al pasar el mouse */
}

.day-card .horarios .badge.selected {
    color: #fff; /* Texto blanco */
    background-color: #007bff !important; /* Fondo azul */
}
.horario.not-selectable {
    cursor: not-allowed;
    pointer-events: none;
    color: #6c757d; /* Texto gris */
    background-color: #e9ecef !important; /* Fondo gris claro */
    border-color: #ced4da; /* Borde gris claro */
    text-decoration: line-through; /* Línea en medio del texto */
}