@keyframes blink { 0% { opacity: 1 } 50% { opacity: 0.5 } 100% { opacity: 1 } }
@-moz-keyframes blink { 0% { opacity: 1 } 50% { opacity: 0.5 } 100% { opacity: 1 } }
@-webkit-keyframes blink { 0% { opacity: 1 } 50% { opacity: 0.5 } 100% { opacity: 1 } }

table.grid_header  thead tr td span.titulo_cabecera_grid    { float:left; margin-left:5px;}
table.grid_header  thead tr td span.orden_neutro            { width:9px; height:11px; background:url(../img/grid_order.png) 0px 0px no-repeat;  float:left; margin-left:5px; }
table.grid_header  thead tr td span.orden_desc              { width:9px; height:11px; background:url(../img/grid_order.png) -9px 0px no-repeat;  float:left; margin-left:5px; }
table.grid_header  thead tr td span.orden_asc               { width:9px; height:11px; background:url(../img/grid_order.png) -18px 0px no-repeat;  float:left; margin-left:5px; }
table.grid_header                                           {  font-size: 11px;  }
table.grid_header tr td                                     { padding:0px; border-collapse: collapse; vertical-align: middle; height:20px;}
table.grid_header thead tr                                  { cursor: pointer;  font-weight:500;  text-transform: uppercase; background-color: #6c8ca5 !important; color: #fff !important; }
table.grid_header thead tr  td                              { padding:0px; border-collapse: collapse;  background-color: #6c8ca5 !important; }
table.grid_header thead tr:first-child td                   { height:18px; padding: 0px 0px; }
table.grid_header thead tr td.selected                      { animation-name: blink; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out; -moz-animation-name: blink; -moz-animation-duration: 1s; -moz-animation-iteration-count: infinite; -moz-animation-direction: alternate; -moz-animation-timing-function: ease-in-out; -webkit-animation-name: blink; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; background-color: #014D87 !important; color:white; text-shadow: 0 0px 6px black; -webkit-box-shadow: 0px 0px 20px #42A3EE; -moz-box-shadow: 0px 0px 20px #42A3EE; box-shadow: 0px 0px 20px #42A3EE; border-top-left-radius: 6px; -ms-border-radius-topleft: 6px; -moz-border-radius-topleft: 6px; -webkit-border-radius-topleft: 6px; -khtml-border-radius-topleft: 6px; border-top-right-radius: 6px; -ms-border-radius-topRight: 6px; -moz-border-radius-topRight: 6px; -webkit-border-radius-topRight: 6px; -khtml-border-radius-topRight: 6px; }
table.grid_header thead tr td                               { font-size:10px; padding: 5px 0px 5px; }
table.grid_header thead tr td.evolucion_fondo               { cursor: default; background-color: #2d5b7f !important;  text-align:center; font-size: 10px !important; height:15px;}
table.grid_header thead tr td.recomendado_para              { cursor: default; background-color: #085896 !important;   text-align:center; font-size: 10px !important; height:15px;}
table.grid_header thead tr td span.titulo_cabecera_grid     { float:left; margin-left:5px; }

table.grid_body                                             {font-size: 11px;  }
table.grid_body tr td                                       { padding:0px; border:1px solid #ccc; border-collapse: collapse; vertical-align: middle; height:35px;}
/*
table.grid_body tr:nth-child(even),table.grid_body tr { background: #FFF; color:#333; }
table.grid_body tr:nth-child(odd),table.grid_body tr.odd { background: #f4f7fc; color:#333;}
*/
table.grid_body tr                              { background: #FFF; color:#333; }
table.grid_body tr.odd                          { background: #f4f7fc; color:#333;}
table.grid_body .columnSelected 		{ background-color: #e7f3ff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; color:#000;}
table.grid_body .rowSelected 			{ /*background-color: #FFEAAA !important; color: black !important;*/ }
table.grid_body tbody				{  overflow-x:hidden; overflow-y:auto;  width:100%; }

table.grid_body tr td div.valor_sube		{ width:16px; height:16px; background: url(../img/ico_grid.png) 0px -0px  no-repeat;  margin:auto; }
table.grid_body tr td div.valor_igual		{ width:16px; height:16px; background: url(../img/ico_grid.png) -16px 0px no-repeat; margin:auto;}
table.grid_body tr td div.valor_baja		{ width:16px; height:16px; background: url(../img/ico_grid.png) -32px 0px  no-repeat; margin:auto;}
table.grid_body tr td a.nombre			{ margin-left:5px; font-weight:500;  font-size: 10px; line-height:12px; text-transform:uppercase; display:table; text-decoration:none; color:#666;  height:13px; overflow:hidden;}
table.grid_body tr td a:hover.nombre		{ text-decoration:underline; color:#0065b3;}
table.grid_body tr td span.familia		{ margin-left:5px;  font-size: 11px; line-height:13px; }
table.grid_body tr td div.comentarios_gestor	{float:right; width:16px; height:16px; background: url(../img/ico_grid.png) -48px 0px no-repeat; cursor: help; margin-right:5px; margin-top:5px;}

table.grid_body tr td div.mas_valorados          { width:17px; height:17px; background: url(../img/ico_valorado.png) 0px 0px no-repeat; margin:auto;}
table.grid_body tr td div.fondo_estrella	{ width:17px; height:17px; background: url(../img/ico_estrella.png) 0px 0px no-repeat; margin:auto;}
table.grid_body tr td div.ultimos_dias          { width:17px; height:17px; background: url(../img/ico_ultimos_dias.png) 0px 0px no-repeat; margin:auto;}
table.grid_body tr td div.nuevo                 { width:17px; height:17px; background: url(../img/ico_new.png) 0px 0px no-repeat; margin:auto;}

table.grid_body tr td.rentabilidad_anio_actual	{ text-align:center}
table.grid_body tr td.rentabilidad_12m          { text-align:center}
table.grid_body tr td.rentabilidad_3a           { text-align:center}
table.grid_body tr td.horizonte                 { text-align:center; text-transform:uppercase;}

table.grid_body tr td div.riesgo1		{ width:16px; height:16px; background: url(../img/ico_grid.png) -64px 0px no-repeat; margin:auto;  }
table.grid_body tr td div.riesgo2		{ width:16px; height:16px; background: url(../img/ico_grid.png) -80px 0px no-repeat; margin:auto;  }
table.grid_body tr td div.riesgo3		{ width:16px; height:16px; background: url(../img/ico_grid.png) -96px 0px no-repeat; margin:auto;  }
table.grid_body tr td div.riesgo4		{ width:16px; height:16px; background: url(../img/ico_grid.png) -112px 0px no-repeat; margin:auto;  }
table.grid_body tr td div.riesgo5		{ width:16px; height:16px; background: url(../img/ico_grid.png) -128px 0px no-repeat; margin:auto;  }
table.grid_body tr td div.riesgo6		{ width:16px; height:16px; background: url(../img/ico_grid.png) -144px 0px no-repeat; margin:auto;  }
table.grid_body tr td div.riesgo7		{ width:16px; height:16px; background: url(../img/ico_grid.png) -160px 0px no-repeat; margin:auto;  }

/* Trazeado de rayas diagonales para fondo de tabla cuando no hay registros o hay pocos */
div.grid_body_wrapper { background-color:#fff; height: 181px; overflow-y: scroll; background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #eee), color-stop(0.25, #eee), color-stop(0.25, #ddd), color-stop(0.5, #ddd), color-stop(0.5, #eee), color-stop(0.75, #eee), color-stop(0.75, #ddd)); background-image: -webkit-linear-gradient(left bottom, #eee 0%, #eee 25%, #ddd 25%, #ddd 50%, #eee 50%, #eee 75%, #ddd 75%); background-image: -moz-linear-gradient(left bottom, #eee 0%, #eee 25%, #ddd 25%, #ddd 50%, #eee 50%, #eee 75%, #ddd 75%); background-image: -ms-linear-gradient(left bottom, #eee 0%, #eee 25%, #ddd 25%, #ddd 50%, #eee 50%, #eee 75%, #ddd 75%); background-image: -o-linear-gradient(left bottom, #eee 0%, #eee 25%, #ddd 25%, #ddd 50%, #eee 50%, #eee 75%, #ddd 75%); background-image: linear-gradient(left bottom, #ddd 0%, #ddd 25%, #ddd 25%, #ddd 50%, #ddd 50%, #ddd 75%, #ddd 75%); background-size: 10px 10px; }

/*Estilos para las tablas estáticas tipo rentabilidades de la ficha de fondo*/
table.grid_estatico			{ font-size: 12px;  }
table.grid_estatico thead tr th:first-child{border-right:1px solid #fff;}
table.grid_estatico thead tr td, table.grid_estatico thead tr th{border-bottom:1px solid #fff; text-transform:uppercase;  border-collapse: collapse; text-align:center; background-color: #6c8ca5 !important; color:#fff; padding:0px; border-collapse: collapse; vertical-align: middle; height:20px; }
table.grid_estatico tbody tr td   	{ text-transform:uppercase; border-collapse: collapse; text-align:center;  vertical-align: middle; height:20px; border-bottom:1px dotted #ccc;}

/*Estilos para las tablas estáticas tipo comisiones de la ficha de fondo */
table.grid_estatico_horizontal                      {  font-size: 9px; margin: 15px 15px 0px; }
table.grid_estatico_horizontal tr td:first-child    { text-transform:uppercase; border-collapse: collapse; text-align: left; padding:0px; border-collapse: collapse; vertical-align: top; height:20px; }
table.grid_estatico_horizontal tr td                { padding-left: 15px; text-transform:uppercase; border-collapse: collapse; text-align: left;  vertical-align: middle; height:20px; border-bottom:1px dotted #ccc; }
table.grid_estatico_horizontal tr td ul li          { margin-bottom: 5px; }

table.grid_estatico_comisiones			{ font-size: 12px; border:1px dotted #ccc; margin:5px auto; }
table.grid_estatico_comisiones tr td.titulo    	{ font-size:11px; text-align: left; width: 150px;   border-collapse: collapse;  color:#6c8ca5; padding:5px; border-collapse: collapse; vertical-align: top; }
table.grid_estatico_comisiones tr td   	{  border-collapse: collapse; text-align:left;  vertical-align: middle; padding:5px; border-bottom:1px dotted #ccc; font-size:12px;}

/*Estilos para las tablas estáticas tipo documentación de la ficha de fondo*/
table.grid_estatico_documentacion            { font-size: 12px; width:100%; }
table.grid_estatico_documentacion tr td.head { text-transform: uppercase; text-align:center; color:#498DC0; padding:0px; border-collapse: collapse; vertical-align: middle; height:20px; border: none; }
table.grid_estatico_documentacion tr:not(first-child) td.head {  font-weight: 500; width: 50%; }
table.grid_estatico_documentacion tr td      { border-collapse: collapse; text-align:center;  vertical-align: middle; height:20px;  }
table.grid_estatico_documentacion tr td table { margin-bottom: 40px; }
table.grid_estatico_documentacion tr td table tr:nth-child(1n+2) td { border-bottom:1px dotted #ccc; }
table.grid_estatico_documentacion tr td table tr td:first-child { width: 190px;text-align: left; }
table.grid_estatico_documentacion tr td table tr:not(first-child) td:nth-child(1n+2) { text-align: center; color: #777777; font-size: 9px; }
table.grid_estatico_documentacion tr td table tr:not(first-child) td:nth-child(2) { width: 16px; }
table.grid_estatico_documentacion tr td table tr:not(first-child) td:nth-child(3) { width: 45px;  }
table.grid_estatico_documentacion tr td table tr:not(first-child) td:nth-child(4) { width: 60px !important; }

.disabled  { background: url(../img/disabled.png);}
.disabled2 { background: url(../img/disabled.png) -5px 1px;}