.APROBADO
{ 
 
 color:#04a08b;
  
}

.SUSPENSO
{
	color:#FFF321;
	
}
.REMEDIAL
{
	color:#ff9920;
	
}
.GRACIA
{
	color:#ff562f;
	
}
.REPROBADO
{
	color:#000000;
	
}
.REF. ACAD
{
	color:#000000;
}
.Asistencia
{
	color:#090;
}
.Atraso
{
	color:#C90;
}
.Inasistencia
{
	color:#F00;
}

.focus{
	color:#ff9920 !important;
	transform:scale(1.10);
}

.no-focus{
	transform:scale(0.90);
}

.focus-product{
	box-shadow: -1px 1px 50px 13px rgba(255,153,32,0.75);
	-webkit-box-shadow: -1px 1px 50px 13px rgba(255,153,32,0.75);
	-moz-box-shadow: -1px 1px 50px 13px rgba(255,153,32,0.75);
	transform:scale(0.7) !important;
}

.fx-card-avatar img{
	cursor: pointer !important;
}

.producto-pagado{
	filter: brightness(0.4);
}


.icono-accion {
  font-size: 28px;
  color: #1f2937;
  margin: 0 6px;
  transition: color 0.2s ease, transform 0.2s ease;
  vertical-align: middle;
}

.icono-accion:hover {
  color: #0d6efd;
  transform: scale(1.15);
  cursor: pointer;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));
}

/* Personalizar encabezado del calendario */
.fc-toolbar-title {
    color: #1f2937; /* gris oscuro elegante */
    font-weight: bold;
    font-size: 20px;
}

.fc-button {
    background-color: #007bff !important;
    color: white !important;
    border: none;
    border-radius: 6px !important;
    padding: 4px 10px !important;
    font-weight: 500;
}

.fc-button:hover {
    background-color: #0056b3 !important;
}

.fc-button-active {
    background-color: #0069d9 !important;
}

/* Día actual */
.fc-day-today {
    background-color: #e3f2fd !important;
    border: 1px solid #2196F3 !important;
}

/* Eventos */
.fc-event {
    background-color: #1976d2 !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 0.85rem;
    padding: 2px 4px;
}

.fc-event:hover {
    background-color: #0d47a1 !important;
    cursor: pointer;
}

/* Encabezado de días (lunes, martes...) */
.fc-col-header-cell-cushion {
    color: #333;
    font-weight: 600;
}

    #calendar {
        background: white;
        padding: 15px;
        border-radius: 12px;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        font-size: 15px;
    }

    .fc-daygrid-day-number {
        font-weight: 600;
        color: #0d6efd;
    }

.box {
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    padding: 20px;
    background: #fff;
}

.apexchart {
    margin-top: 10px;
}
.fc-toolbar-chunk {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.fc-toolbar.fc-header-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /* Cambia a nowrap si deseas forzar en una sola fila */
    margin-bottom: 1rem;
}

#charts_widget_2_chart1,
#charts_widget_2_chart4 {
    height: 400px !important;
    min-height: 400px !important;
    width: 100% !important;
}