label {
  font-size: 15px; 
  color: #878786;
  font-weight: lighter;
}

.select2-container--default .select2-results__option,
.select2-container--default .select2-results__option--highlighted {
  font-weight: lighter !important;
  font-size: 15px;
}

.select2-dropdown {
  min-width: 100% !important;
  font-size: 15px;
  white-space: nowrap;
  font-weight: lighter;
  z-index: 1051; /* Para que esté por encima del modal (Bootstrap modal tiene 1050) */
}

/* Nuevo estilo para alert */
.alert-custom-gray {
  background-color: #EDEDEB;
  border-color: #6E6E6B;
  color: #787877;
}

.alert-custom-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-custom-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-custom-tlalpan {
  background-color: #EDEDEB;
  border-color: #6E6E6B;
  color: #787877;
}

.bg-rose {
  background-color: #9d2148 !important;
  color: #fff !important; /* Texto blanco para contraste */
}

    .contenedor-tabla {
      width: 100%; /* Ancho del contenedor */
      height: 800px; /* Alto del contenedor */
      overflow: auto; /* Muestra barras de desplazamiento si el contenido excede las dimensiones */
      border: 1px solid #ccc; /* Borde para visualizar el contenedor */
    }

    .contenedor-tabla table {
      /* Evita que el texto se ajuste a nuevas líneas y mantiene el ancho de la tabla */
      white-space: nowrap;
      border-collapse: collapse; /* Para un mejor estilo */
      width: 100%; /* Asegura que la tabla ocupe el ancho disponible */
    }

    .contenedor-tabla th, .contenedor-tabla td {
      padding: 8px;
      border: 1px solid #ddd;
      text-align: left;
    }

	#chart_div {
		width: 100%;
		min-height: 800px;
		border: 1px solid #ccc;
		margin-top: 20px;
		padding: 10px;
		background: white;
		overflow: auto;
	}	
  

#Myiframe{
    width:100%;
    height:100vh;
    border:none;
}

.card-clickable {
    cursor: pointer;
}

/* ── Tablas globales: texto pequeño y espaciado mínimo ─────────────────────── */
.table td,
.table th {
    font-size: 11px !important;
    padding: 2px 5px !important;
    line-height: 1.3 !important;
    vertical-align: middle !important;
    white-space: nowrap;
}

/* Fila de filtros (segunda cabecera de DataTables) */
.table thead tr:nth-child(2) th input {
    font-size: 10px !important;
    padding: 1px 3px !important;
    height: 22px;
    line-height: 1.2;
}

/* Botones dentro de celdas */
.table td .btn,
.table td .btn-xs {
    font-size: 10px !important;
    padding: 1px 5px !important;
    line-height: 1.4 !important;
}
/* ── Tema institucional Alcaldía Tlalpan – guinda ────────────────────────── */
/* Cabecera de la tabla de últimos acuses con acento guinda */
#tblUltimosAcuses thead tr th {
    background-color: #6d1c2e !important;
    color:            #fff    !important;
    font-size:        10px    !important;
    padding:          4px 6px !important;
    border-bottom:    2px solid #4a0f1e !important;
}
/* Filas alternadas con tono rosa muy suave */
#tblUltimosAcuses tbody tr:nth-child(odd)  { background-color: #fdf5f7; }
#tblUltimosAcuses tbody tr:nth-child(even) { background-color: #fff;    }
#tblUltimosAcuses tbody tr:hover           { background-color: #f3dde2; }

/* Highcharts – eliminar borde del contenedor */
#chartResumenCarga .highcharts-container,
#chartAreasCarga   .highcharts-container {
    overflow: visible !important;
}

/* Tabla resumen bajo el donut */
#tblResumenDonut thead tr th {
    background-color: #6d1c2e !important;
    color:            #fff    !important;
    font-size:        10px    !important;
    padding:          4px 8px !important;
    border:           none    !important;
}
#tblResumenDonut tbody tr td {
    font-size:  11px;
    padding:    4px 8px !important;
    border-top: 1px solid #f3dde2 !important;
    vertical-align: middle !important;
}

/* Fila con acuse registrado — tono muy suave guinda */
#tblCargaEmpleados tbody tr.fila-con-acuse td {
    background-color: #fdf5f7 !important;
}
#tblCargaEmpleados tbody tr.fila-con-acuse:hover td {
    background-color: #f3dde2 !important;
}