.ui-widget-content {background: rgb(206, 220, 236);}
#vbusqueda_autores td { border-color:#c3cfdc;  vertical-align:middle;  padding-left:5px; }
#vbusqueda_autores tr { border-color:#c3cfdc;  opacity:1;}
.ui-jqgrid .ui-jqgrid-htable th { background: #80AAC6; color:#FFFFFF;  padding-left:5px !important;   }
.ui-jqgrid-pager { background: #eaedf4 !important; } 
.ui-pg-selbox {display:none !important;}

.estilocol_ANUNAC , .estilocol_ANUFAL, #gs_NOMBRE, #gs_ANUNAC, #gs_ANUFAL, #gs_RESTO,
.estilocol_DENREG, .estilocol_DENPRO, .estilocol_DENMUN, #gs_DENREG, #gs_DENPRO, #gs_DENMUN
{
	font-family: 'OpenSansCondensedLight';
	font-size:12px;
	font-weight:normal !important;
}

.estilocol_NOMBRE
{
	font-family: 'OpenSansCondensedBold';
	color: #333399;
	font-size:14px;
}


#load_vbusqueda_autores
{
	height:16px !important;
}


.ui-autocomplete-loading {
    background: url('images/ui-anim_basic_16x16.gif') right center no-repeat;  
}

.ui-autocomplete {
    max-height: 200px;
	font-size:12px !important;
	width: 450px;
    overflow-y: auto;
	font-family:'PTSansRegular' !important;
	background-color: #FFFFFF;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

/* ==============================
   phpGrid Lite - Apariencia clásica exacta
   ============================== */

/* ==============================
   Titlebar (oculta)
   ============================== */
.ui-jqgrid .ui-jqgrid-titlebar {
    display: none !important;
}

/* ==============================
   Grid principal
   ============================== */
.ui-jqgrid {
    border: 0 none !important;
    font-family: Arial, sans-serif;
	font-weight: normal;
    font-size: 8px; /* base */
    color: #000000;
}

/* Quitar borde superior general */
.ui-jqgrid .ui-jqgrid-view {
    border-top: 0 none !important;
}

/* ==============================
   Cabecera de columnas
   ============================== */
.ui-jqgrid .ui-jqgrid-hdiv {
    border: 0 none !important;
    background: #80aac6;
}

.ui-jqgrid .ui-jqgrid-htable th {
    background: #80aac6;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    padding-left: 5px !important;
    border-bottom: 1px solid #a3c2d6;
    font-size: 12px; /* cabecera más legible */
}

/* ==============================
   Cuerpo del grid
   ============================== */
.ui-jqgrid .ui-jqgrid-bdiv {
    text-align: left;
	background-color: #dae6f0;
}

/* Filas */
.ui-jqgrid tr.jqgrow td {
    background-color: #dae6f0;
    border-bottom: 1px solid #c3cfdc;
    padding: 0 5px;
    height: 22px;
    color: #000000;
    font-size: 10px !important; /* 🔹 tamaño más pequeño para el resto */
}

/* Filas alternas */
.ui-jqgrid tr.jqgrow:nth-child(even) td {
    background-color: #e8eff7;
}


/* ==============================
   FIX DEFINITIVO: COLUMNA AUTOR
   (usa aria-describedby, no posición)
   ============================== */
/* Columna autor */
.ui-jqgrid tr.jqgrow td[aria-describedby="vbusqueda_autores_NOMBRE"],
.ui-jqgrid tr.jqgrow td[aria-describedby="vbusqueda_autores_NOMBRE"] * {
    font-size: 13px !important;
    font-weight: bold !important;
    color: #1f4aa8 !important;
}





/* Resaltar fila al pasar el ratón */
.ui-jqgrid tr.jqgrow:hover td {
    background-color: #c3d4e0 !important; /* azul ligeramente más oscuro que las filas */
}


/* ==============================
   Fila seleccionada
   ============================== */
.ui-jqgrid .selected-row,
.ui-jqgrid .selected-row td {
    background-color: #c3cfdc !important;
    font-weight: normal;
}

/* ==============================
   Pager (barra inferior)
   ============================== */
.ui-jqgrid .ui-jqgrid-pager {
    background: #eaedf4 !important;
    border: 0 none !important;
    height: 25px;
    font-size: 11px;
    color: #555555 !important;
}

/* Texto del pager */
.ui-jqgrid .ui-paging-info {
    color: #555555 !important;
}

/* Botones del pager */
.ui-jqgrid .ui-pg-button span {
    margin: 0 2px;
    float: left;
    color: #555555 !important;
}

.ui-jqgrid .ui-pg-button:hover {
    background: #d0d8e6;
    padding: 0;
}

/* Inputs y selects del pager */
.ui-jqgrid .ui-pg-input,
.ui-jqgrid .ui-pg-selbox {
    font-size: 0.8em;
    line-height: 18px;
    height: 18px;
    color: #555555 !important;
    background: #ffffff;
    border: 1px solid #c3cfdc;
}

/* Iconos del pager */
.ui-jqgrid .ui-icon {
    color: #555555 !important;
}

/* ==============================
   Footer
   ============================== */
.ui-jqgrid tr.footrow td {
    background: #eaedf4;
    border-top: 1px solid #c3cfdc;
    font-weight: normal;
    padding: 0 5px;
    color: #555555;
    font-size: 11px;
}

/* ==============================
   Toolbar de búsqueda
   ============================== */
.ui-jqgrid tr.ui-search-toolbar th {
    border-top-width: 1px !important;
    border-top-color: inherit !important;
    border-top-style: ridge !important;
}

tr.ui-search-toolbar input,
tr.ui-search-toolbar select {
    margin: 1px 0 0 0;
}

/* ==============================
   Elementos deshabilitados
   ============================== */
.ui-jqgrid .ui-jqgrid-titlebar-close,
.ui-jqgrid .ui-jqgrid-resize {
    display: none !important;
}


/* ==============================
   Flechas del pager en gris
   ============================== */
.ui-jqgrid .ui-pg-button .ui-icon {
    opacity: 1 !important;
    background-image: url("/themes/base/images/ui-icons_888888_256x240.png") !important;
}

.pg_notify {
    display: none !important;
}