@charset "utf-8";
.tabla{
	width:100%;
	height:100%;
	overflow:hidden;
}
	
	.tabla_top{
		height:40px;
		border-bottom:1px solid #999999;
	}
	
			/* estilos para el top donde está el texto de búsqueda */
			.tabla_top div{
				float:left;
				height:40px;
				line-height:40px;
			}
				.tabla_top div label{
					font-family:Arial, Helvetica, sans-serif;
					font-size:16px;
					color:#666666;
				}
				.tabla_top div input[type="text"]{
					padding:4px;
					border:1px solid #999;
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					color:#333333;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;
					border-radius: 4px;
				}
	
	
	.tabla_hdr{
		height:30px;
		border-bottom:1px solid #999999;
		overflow:hidden;
	}
	
	.tabla_bdy{
		height:calc(100% - 40px - 30px - 2px);
		overflow-y:scroll;
	}
	
	
			/*	estilos para la tabla de datos	*/
			.tabla table{
				width:100%;
				border-left:1px solid #054c89;
			}
			/*	estilos para la tabla de datos - HEADER	*/
			.tabla table thead td{
				border-right:1px solid;
				
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				height:30px;
				background-color:#054c89;
				color:#FFFFFF;
			}
				.tabla table thead td div{
					padding:5px;
				}
			.tabla table thead td:last-child{
				width:16px;
				border-right:1px solid #054c89;
			}
			.tabla table thead td:nth-last-child(2){
				border-right:1px solid #054c89;
			}
			
			
			/*	estilos para la tabla de datos - BODY	*/
			.tabla table tbody tr:last-child td{
				border-bottom:1px solid #054c89;
			}
			
			.tabla table tbody td{
				border-right:1px dotted #BBB;
				border-bottom:1px dotted #BBB;
				
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				height:30px;
				color:#054c89;
			}
			
				.tabla table tbody td div{
					padding:2px 6px;
					height:calc(100% - 4px);
					line-height:26px;
					white-space:nowrap;
					text-overflow: ellipsis;
					overflow:hidden;
				}
				
				.tabla table tbody td.tabla_rowhdr div{
					background-color:#CCCCCC;
					color:#333333;
					font-weight:bold;
				}
				
				
				.tabla table tbody td.tabla_onclic{
					cursor:pointer;
				}
					.tabla table tbody td.tabla_onclic:hover{
						background-color:#66CCFF;
						font-weight:bold;
					}