@CHARSET "UTF-8";
/* =====================================================================================
   SACI - Mejora visual global (nueva version de la interfaz)
   Se incluye automaticamente en TODAS las pantallas de igfae mediante
   ec.mil.fae.igfae.util.EstiloVisualListener (faces-config.xml), sin tocar los formularios.

   Reglas de diseno para no afectar el funcionamiento:
   - Solo colores, bordes, sombras, tipografia y transiciones.
   - No se cambia display, position, width/height ni padding de los campos (no mueve el layout).
   - No se usa !important: los estilos propios de cada pantalla (style="...", semaforos,
     celdaInvitado, etc.) siguen teniendo prioridad.
   Para desactivarla basta con comentar el listener en faces-config.xml.
   ===================================================================================== */

/* ---------- Paleta institucional ---------- */
/* azul FAE #002349 | azul medio #004080 | celeste #DCE6F0 | borde #9FB3C8 | acento #FF8C00 */

/* ---------- Tipografia general ---------- */
html body {
	color: #1F2D3D;
	-webkit-font-smoothing: antialiased;
}

html body a {
	color: #004080;
	transition: color .2s ease;
}

html body a:hover {
	color: #FF8C00;
}

/* ---------- Tablas (rich:dataTable / rich:extendedDataTable) ---------- */
html body table.rf-dt {
	border-collapse: collapse;
	border: 1px solid #9FB3C8;
	box-shadow: 0 2px 6px rgba(0, 35, 73, .12);
}

html body .rf-dt-hdr-c,
html body .rf-dt-shdr-c,
html body .rf-edt-hdr-c {
	background-color: #004080;
	background-image: linear-gradient(to bottom, #0A4F96 0%, #003366 100%);
	color: #FFFFFF;
	font-weight: bold;
	border-color: #002349;
	letter-spacing: .2px;
}

html body .rf-dt-c {
	border-color: #C9D6E3;
	transition: background-color .15s ease;
}

/* filas alternas (se pinta la fila; si la celda tiene color propio, gana la celda) */
html body tr.rf-dt-r:nth-child(even) {
	background-color: #F4F8FC;
}

/* resaltado de la fila al pasar el mouse */
html body tr.rf-dt-r:hover {
	background-color: #E3EEF9;
}

/* ---------- Campos de captura ---------- */
html body input[type="text"],
html body input[type="password"],
html body input:not([type]),
html body textarea,
html body select {
	border: 1px solid #9FB3C8;
	border-radius: 3px;
	background-color: #FFFFFF;
	transition: border-color .2s ease, box-shadow .2s ease;
}

html body input[type="text"]:hover,
html body input[type="password"]:hover,
html body textarea:hover,
html body select:hover {
	border-color: #4A7DB5;
}

html body input[type="text"]:focus,
html body input[type="password"]:focus,
html body input:not([type]):focus,
html body textarea:focus,
html body select:focus {
	border-color: #004080;
	box-shadow: 0 0 0 3px rgba(0, 64, 128, .18);
	outline: none;
}

html body input[disabled],
html body select[disabled],
html body textarea[disabled],
html body input[readonly] {
	background-color: #EEF2F6;
	color: #5A6B7D;
}

/* ---------- Botones e iconos de accion ---------- */
html body input[type="image"],
html body a img {
	transition: transform .15s ease, filter .15s ease;
}

html body input[type="image"]:hover,
html body a:hover img {
	transform: scale(1.08);
	filter: drop-shadow(0 2px 3px rgba(0, 35, 73, .35));
}

html body input[type="submit"],
html body input[type="button"],
html body button {
	border: 1px solid #002349;
	border-radius: 4px;
	background-color: #004080;
	background-image: linear-gradient(to bottom, #0A4F96 0%, #003366 100%);
	color: #FFFFFF;
	cursor: pointer;
	transition: filter .15s ease, box-shadow .15s ease;
}

html body input[type="submit"]:hover,
html body input[type="button"]:hover,
html body button:hover {
	filter: brightness(1.15);
	box-shadow: 0 2px 5px rgba(0, 35, 73, .3);
}

/* ---------- Popups (rich:popupPanel) ---------- */
html body .rf-pp-shdw {
	box-shadow: 0 8px 24px rgba(0, 35, 73, .35);
}

html body .rf-pp-hdr {
	background-color: #002349;
	background-image: linear-gradient(to bottom, #0A4F96 0%, #002349 100%);
	border-color: #002349;
}

html body .rf-pp-hdr-cnt {
	color: #FFFFFF;
	font-weight: bold;
}

html body .rf-pp-hdr-cntrls a {
	color: #FFFFFF;
}

html body .rf-pp-cntr {
	border-color: #002349;
}

/* ---------- Listas desplegables de autocompletar ---------- */
html body .rf-au-lst-cord {
	border-color: #9FB3C8;
	box-shadow: 0 4px 12px rgba(0, 35, 73, .2);
}

html body .rf-au-itm-sel {
	background-color: #004080;
	background-image: none;
	color: #FFFFFF;
}

/* ---------- Mensajes ---------- */
html body .rf-msgs-err,
html body .rf-msg-err {
	color: #B02A37;
}

html body .rf-msgs-inf,
html body .rf-msg-inf {
	color: #1E7B34;
}

/* ---------- Sin registros ---------- */
html body .noRows {
	color: #5A6B7D;
	font-style: italic;
}

/* ---------- Tooltips ---------- */
html body .rf-tt-cnt {
	border-radius: 4px;
	box-shadow: 0 3px 8px rgba(0, 0, 0, .2);
}

/* ---------- Barra de desplazamiento (Chrome / Edge) ---------- */
html body ::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

html body ::-webkit-scrollbar-track {
	background: #EEF2F6;
}

html body ::-webkit-scrollbar-thumb {
	background: #9FB3C8;
	border-radius: 5px;
}

html body ::-webkit-scrollbar-thumb:hover {
	background: #4A7DB5;
}