/*la fuente Open sans se importa desde el CSS Styles*/
body {
  font-family: 'Open Sans', sans-serif;
  color: #333333;  
}
.ancho_pag_principal{
	width: 1200px;
	margin:auto;
}
#img_portada{
	width: 1000px;
	height:400px;
}
/************************************************/
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/loading.gif') 50% 50% no-repeat rgb(249,249,249);
	background-size: 100px 100px;
    opacity: .8;
}
/************************************************/
/************** Utilizado en login **************/
	.centrar
	{
		position: absolute;
		/*nos posicionamos en el centro del navegador*/
		top:50%;
		left:50%;
		/*determinamos una anchura*/
		width:500px;
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-250px;
		/*determinamos una altura*/
		height:300px;
		/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:-150px;
		padding:5px;
	}
.tabla_login{	/*tabla login*/	
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 0.5px solid #B3E5FC;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
}
.tabla_login td{ /*Contenido de la tabla */
	text-align: left;
	vertical-align: middle;
	border: 0px solid #B3E5FC;
	padding: 3px 10px 0px 10px;
}
.icono_login{
	width: 25px;
	height: 25px;
	padding: 1px 8px 1px 0px;
	position: static;
	vertical-align: middle;	
}	
/************** Configuraciones adicionales **************/
.titulo_h1{		
		font-size: 15px;
		font-weight: bold;
		padding: 1px 1px 1px 8px;
	}
a:visited {
    color: #333333;
}
a:hover{
		color: #616161;
	}
a:link{
		color: #333333;
		text-decoration:none;
}
.td_left{ /*10 de margen*/
	text-align: left !important;
	padding: 5px 3px 5px 10px !important;
}
.td_justify{ /*10 de margen*/
	text-align : justify !important;
	padding: 5px 10px 5px 10px !important;
}
.td_left2{ /*25 de margen, utilizado en etapas con sub-proyecto*/
	text-align: left !important;
	padding: 5px 3px 5px 25px !important;
}
.td_center{ /**/
	text-align: center !important;
	padding: 5px 2px 5px 2px !important;
}
.td_right{ /**/
	text-align: right !important;
	padding: 5px 3px 5px 3px !important;
}
.td_right2{ /**/
	text-align: right !important;
	padding: 5px 10px 5px 3px !important;
}
.td_right2_sinPad{ /**/
	text-align: right !important;
	padding: 0px 10px 0px 3px !important;
}
.tr_color_a{
	background-color: #FFFFFF;
}
.tr_color_b{
	background-color: #f5f5f5;
}
.tr_hover{
	background-color: #dcedc8;
}
.tr_back_color_rojo{
	background-color: #FFCECE;
}
.tr_back_color_verde{
	background-color: #CEFFD5;
}
.tr_back_color_azul{
	background-color: #E0F7FA;
}
.br_espacio{
	margin: 100px 0px 5px 0px;	
}
.texto_rojo{	
	color: #FFE1E1 !important;
}
.texto_rojo_fuerte{	
	color: #FF0000 !important;
}
.sp_hito_tarea_box{ /**/
	text-align: center !important;
	padding: 2px 4px 2px 4px !important;
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;	
	border: 0.5px solid #CACACA !important;
}
.sp_tarea_sinA_box{ /*antendida pero sin aprobar*/
	text-align: center !important;
	padding: 0.5px 2px 0.5px 2px !important;
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;	
	border: 2px solid !important;
}

/*Colores usados en reportes*/
.td_color_celeste{	
	color: #E0F7FA !important;
}
.td_color_rojo_fuerte{	
	color: #FFB3B3 !important;
}
.td_color_rojo_suave{	
	color: #F1DCCF !important;
}

/*tamaño texto usado en reportes*/
.texto_size_9{
	font-size:9px !important;
	font-weight:normal !important;
	text-transform: none !important;
}
/*tamaño texto usado en reportes*/
.texto_size_10{
	font-size:10px !important;
	font-weight:normal !important;
	text-transform: none !important;
}	
/************** ************** **************/

/************** Configuracion barra superior **************/
	.barra_sup{
		width: 1280px;		
		border-radius: 05px 05px 05px 05px;
		-moz-border-radius: 05px 05px 05px 05px;
		-webkit-border-radius: 05px 05px 05px 05px;
		/*border: 0.5px solid #B3E5FC;*/
		background-color: #E0F7FA;
		font-size:12px
	}
	.barra_sup td{
		padding: 7px 20px 7px 20px;	
	}
	.barra_sup_popup{ /*Barra superior de popup*/
		width: 100%;		
		border-radius: 05px 05px 05px 05px;
		-moz-border-radius: 05px 05px 05px 05px;
		-webkit-border-radius: 05px 05px 05px 05px;
		/*border: 0.5px solid #B3E5FC;*/
		background-color: #E0F7FA;
		font-size:12px
	}
	.barra_sup_popup{
		padding: 7px 20px 7px 20px;	
	}		
	.icono_barra_sup{
		width: 18px;
		height: 18px;
		padding: 1px 8px 1px 8px;
		position: static;
		vertical-align: middle;	
	}
	.icono_logo{ /*Logo superior izquierdo*/
		width: 40px;
		height: 40px;
		padding: 1px 1px 1px 1px;
		position: static;
		vertical-align: middle;		
	}
	.icono_empresa{ /*Logo superior izquierdo*/
		height: 30px;
		padding: 1px 1px 1px 1px;
		position: static;
		vertical-align: middle;		
	}	
	.icono_logo_popup{ /*Logo superior izquierdo*/
		width: 25px;
		height: 25px;
		padding: 1px 1px 1px 1px;
		position: static;
		vertical-align: middle;		
	}
	.icono_logo_empresa{ /*Logo superior izquierdo*/
		height: 25px;
		padding: 1px 1px 1px 1px;
		position: static;
		vertical-align: middle;		
	}
/************** ************** **************/	
	
/************** Contenido Pagina **************/
	.contenido{
		width: 100%;
		font-size: 12px;		
	}
	.contenido h1{		
		font-size: 12px;
	}
	.contenido h2{		
		font-size: 11px;
		padding: 0px 8px 0px 30px;
	}
	.link_py:link{ /*Para visualizar nombre PY en el reporte del mismo color que el resto de las columnas*/
		color: #333333;
	}		
	.icono_titulos{ /*Acompañado del titulo <h1>*/
		width: 18px;
		height: 18px;
		padding: 1px 8px 1px 8px;
		position: static;
		vertical-align: middle;		
	}
	.icono_18_sin_b{ /*Acompañado del titulo <h1>*/
		width: 18px;
		height: 18px;
		padding: 1px 1px 1px 1px;
		position: static;
		vertical-align: middle;		
	}	
	.icono_input{ /*Para colocar al lado de un input*/
		width: 18px;
		height: 18px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 3px 0px;
		position: static;
		vertical-align: middle;		
	}	
	.icono_pie{ /*imagen pie pag*/
		width: 25px;
		height: 25px;
		padding: 1px 5px 1px 5px;
		position: static;
		vertical-align: middle;		
	}	
	.icono_agregar{ /*Acompañado del titulo <h1>*/
		width: 22px;
		height: 22px;
		padding: 1px 8px 1px 8px;
		position: static;
		vertical-align: middle;		
	}	
	.icono_15x15{
		width: 15px;
		height: 15px;
		padding: 1px 5px 1px 5px;
		position: static;
		vertical-align: middle;		
	}	
	.icono_menu_py{ /*boton menu opciones PY*/
		width: 35px;
		height: 35px;
		margin: 0px 4px 0px 4px;
		position: static;
		vertical-align: middle;		
	}
	.icono_estado{
		width: 18px;
		height: 18px;
		padding: 1px 8px 1px 8px;
		position: static;
		vertical-align: middle;	
	}
	.icono_estado_sin_padd{
		width: 17px;
		height: 17px;
		padding: 1px 1px 1px 1px;
		position: static;
		vertical-align: middle;	
	}		
	.grupo_botones{ /*Agrupar botones*/		
		padding: 2px 2px 2px 2px !important;
		text-align: center !important;
	}
	.boton_inferior{ /*Boton inferior ej: Volver*/
		width: 35px;
		height: 35px;
		padding: 1px 8px 1px 8px;
		position: relative;
		vertical-align: middle;		
	}
	.boton_inferior:hover{
		width: 37px;
		height: 37px;		
	}
	.boton_azul {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		/*text-shadow: 1px 1px 3px #000000;*/
		color: #333333;
		font-size: 12px;
		background: #3498db;
		padding: 5px 10px 5px 10px;
		text-decoration: none;
	}
	.boton_azul:hover {
		background: #3cb0fd;
		text-decoration: none;
	}	
/************** ************** **************/

/************** PAGINA PROYECTOS **************/
.tabla_datos{	/*tabla datos generales proyecto, texto alineado izquierda, sin barra titulo, hereda tamaño texto .CONTENIDO*/	
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 0.5px solid #B3E5FC;
	background-color: #FFFFFF;
	padding: 10px 0px 10px 0px;
}
.tabla_datos td{ /*Contenido de la tabla */
	text-align: left;
	vertical-align: middle;
	border: 0px solid #B3E5FC;
	padding: 3px 5px 3px 10px;
}
.tabla_center_borde{/*Usado para iconos menu PY*/	
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 0.5px solid #B3E5FC;
	background-color: #FFFFFF;
	padding: 2px 0px 2px 0px;
}
.tabla_center_borde td{
	text-align: center;
	vertical-align: middle;
	padding: 3px 3px 3px 3px;
}
/*******************************************************/
.tabla_valor_g{ /**/
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 1px solid #B3E5FC;
	background-color: #FFFFFF;
	margin: 10px 0px 10px 0px;	
}
.tabla_valor_g td{ /*Contenido de la tabla*/
	text-align: center;
	vertical-align: middle;
	border: 0px solid #B3E5FC;
	padding: 8px 3px 8px 3px !important;
	font-size:10px;
}
.tabla_valor_g_cabecera{ /*TD Titulo de la tabla*/
	background-color: #E0F7FA !important;
	text-transform: uppercase !important;
	font-size:9px !important;
	text-align: center !important;
	padding: 5px 3px 5px 3px !important;
}
/*******************************************************/
.tabla_etapas{ /**/
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 1px solid #B3E5FC;
	background-color: #FFFFFF;
	margin: 10px 0px 10px 0px;	
}
.tabla_etapas td{ /*Contenido de la tabla*/
	text-align: center;
	vertical-align: middle;
	border: 0px solid #B3E5FC;
	padding: 5px 3px 5px 3px;
	font-size:11px;
}
.tabla_etapas_cabecera{ /*TD Titulo de la tabla*/
	background-color: #E0F7FA !important;
	font-weight:bold !important;
	text-transform: uppercase !important;
	font-size:12px !important;
	text-align: center !important;
	padding: 8px 3px 8px 3px !important;
}
.tabla_etapas_cabecera2{ /*TD Titulo de la tabla*/
	background-color: #E0F7FA !important;
	font-weight:bold !important;
	text-transform: uppercase !important;
	font-size:11px !important;
	text-align: center !important;
	padding: 8px 3px 8px 3px !important;
}
.tabla_etapas_subpy{ /*TR para sub PY*/
	background-color: #E0F7FA !important;
	font-weight:bold !important;
	text-transform: uppercase !important;
	text-align: center !important;
	padding: 8px 3px 8px 3px !important;
}
.tabla_calendario{	/*tabla para calendario Registro HH*/	
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 0.5px solid #B3E5FC;
	background-color: #FFFFFF;
	padding: 10px 0px 10px 0px;
}
.tabla_calendario td{
	text-align: center;
	vertical-align: middle;
	border: 0px solid #B3E5FC;
	padding: 8px 3px 8px 3px;
}
.td_tabla_calendario_labo{ /*TD para dias de la semana*/
	font-size:11px !important;
}
.td_tabla_calendario_finde{ /*TD para dias de la fines de semana*/
	font-size:11px !important;		
	background-color: #FFE1E1 !important;
}
.td_tabla_calendario_hoy{ /*TD para dias de la fines de semana*/
	font-size:11px !important;		
	background-color: #E0F7FA !important;
}
.titulo_sub_py{ /*Titulo del sub PY, puede ir en <td> ó <tr>*/
	background-color: #E0F7FA !important;
	font-weight:bold !important;
	text-transform: uppercase !important;
	/*font-size:12px !important;*/
	/*padding: 8px 3px 8px 3px !important;*/
}
/************** ************** **************/	

/************** Elementos Formulario **************/
	.inputBuscarJQ{ /*Lupa para input text*/
		background-image:url('../img/icons/jlupa.png');
		background-repeat:no-repeat;
		background-position-y: 6px;
		background-position-x: 1px;
		padding-left:20px !important;
		background-size: 14px 14px;  
	}
	input[type=text]{
		color: #333333;
		font-size:12px;
		font-family: 'Open Sans', sans-serif;	
		padding:5px; 
		border:1px solid #B3E5FC; 
		-webkit-border-radius: 5px;
		border-radius: 5px;
		text-transform: uppercase;
	}
	input[type=text]:focus {
		/*border-color:#333;*/
		outline:none;
	}
	input[type=password] {
		color: #333333;
		font-size:12px;
		font-family: 'Open Sans', sans-serif;	
		padding:5px; 
		border:1px solid #B3E5FC; 
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	input[type=password]:focus {
		/*border-color:#333;*/
		outline:none;
	}
		input[type=date] {
		color: #333333;
		font-size:12px;
		font-family: 'Open Sans', sans-serif;	
		padding:5px; 
		border:1px solid #B3E5FC; 
		-webkit-border-radius: 5px;
		border-radius: 5px;
		text-transform: uppercase;
	}
	input[type=date]:focus {
		/*border-color:#333;*/
		outline:none;
	}
		input[type=mail] {
		color: #333333;
		font-size:12px;
		font-family: 'Open Sans', sans-serif;	
		padding:5px; 
		border:1px solid #B3E5FC; 
		-webkit-border-radius: 5px;
		border-radius: 5px;
		text-transform: uppercase;
	}
	input[type=mail]:focus {
		/*border-color:#333;*/
		outline:none;
	}		
	input[type=button] {
		padding:5px 15px;
		margin: 0px 5px 0px 5px; 
		background:#E0F7FA; 
		border:0 none;
		cursor:pointer;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		font-size: 12px;
		color: #333333;
		font-weight:bold;		 
	}
	input[type=button]{
		outline: none;
	}
	input[type=submit] {
		padding:5px 15px;
		margin: 0px 5px 0px 5px; 
		background:#E0F7FA; 
		border:0 none;
		cursor:pointer;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		font-size: 12px;
		color: #333333;
		font-weight:bold;		 
	}
	input[type=submit]{
		outline: none;
	}
	input[type=file] {
		padding:5px 15px;
		margin: 0px 5px 0px 5px; 
		background:#E0F7FA; 
		border:0 none;
		cursor:pointer;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		font-size: 12px;
		color: #333333;
		font-weight:bold;		 
	}
	input[type=file]{
		outline: none;
	}	
	/*------------Clase para input tipo FILE-------------*/
	.file-input {
	  visibility: hidden;
	  width: 0;
	 /* position: relative;*/
	}
	.file-input::before {
		content: 'SELECCIONAR ARCHIVOS';
		display: inline-block;
		background: #E0F7FA;
		/*border: 1px solid #999;*/
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		font-size: 11px;
		color: #333333; /*Color texto*/
		margin: -2px 0px 0px -20px;
		padding: 7px 10px;
		outline: none;
		white-space: nowrap;
		-webkit-user-select: none;
		cursor: pointer;
		/*font-weight: 700; */
		visibility: visible;
		position: absolute;
	}
	/*-------------------------------------------------*/			
	textarea{
		color: #333333;
		font-size:12px;
		font-family: 'Open Sans', sans-serif;
		border:1px solid #B3E5FC; 
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;		
		resize: none;
		outline: none;
		text-transform: uppercase;
	}
/****select****/
	select { 
		color: #333333;
		font-size:12px;
		font-family: 'Open Sans', sans-serif;
		padding:5px 5px 6px 5px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		background: #FFFFFF;
		border: 1px solid #B3E5FC;
		outline:none;
		display: inline-block;
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		cursor:pointer;
		background-image: url(../img/icons/down.png); /*aquí deberás escribir la ruta de la imagen que utilizarás como flecha del desplegable*/
		background-repeat: no-repeat;
		background-position: right center;
		text-transform: uppercase;
	}
	/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		select {padding-right:22px}
	}
/****select****/
	.selectTbEquiv { 
		color: #333333;
		font-size:10px;
		font-family: 'Open Sans', sans-serif;
		padding:5px 5px 6px 5px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		background: #FFFFFF;
		border: 1px solid #B3E5FC;
		outline:none;
		display: inline-block;
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		cursor:pointer;
		background-image: url(../img/icons/down.png); /*aquí deberás escribir la ruta de la imagen que utilizarás como flecha del desplegable*/
		background-repeat: no-repeat;
		background-position: right center;
		text-transform: uppercase;
	}
	/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.selectTbEquiv {padding-right:22px}
	}	
	
/****CheckBox****/
	input[type="checkbox"]{
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
	 appearance: none;
	 -moz-appearance: none;
	 -webkit-appearance: none;
	 border: 1px solid #B3E5FC;
	 width: 16px;
	 height: 16px;
	 border-radius: 2px;
	 margin: 0 4px -4px 0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius: 4px;
	}
	input:checked{ /*checkbox 1*/
		background: #FFFFFF;
		background-image: url(../img/icons/check.png);
		background-repeat: no-repeat;
		background-position: center center;
		/*background-size: 10px 10px;*/
	}
	input:focus{ /**/
		outline: none;
	}
	input:disabled{ /*checkbox 0*/
		background: #e6e6e6;
		opacity: 0.5;
		pointer-events: none;
	}
	input:disabled:checked{ /*checkbox 1*/
		background-image: url(../img/icons/check.png);
	}

	
/************** ************** **************/


/************** tabla de reportes **************/	
.tabla_reporte{
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 1px solid #B3E5FC;	
	background-color: #FFFFFF;
}
.tabla_reporte td{ /*Contenido de la tabla*/
	text-align: center;
	vertical-align: middle;		
	padding: 5px 3px 5px 3px;
	font-size:11px;	
}
.td_reporte_cabecera{ /*Titulo de la tabla*/
	background-color: #E0F7FA !important;
	font-weight:bold !important;
	text-transform: uppercase !important;
	font-size:12px !important;
	text-align: center !important;
	padding: 8px 3px 8px 3px !important;
}

/************** ************** **************/

/************** Configuración pie pag **************/
	.pie_pag{
		width: 1280px;		
		border-radius: 05px 05px 05px 05px;
		-moz-border-radius: 05px 05px 05px 05px;
		-webkit-border-radius: 05px 05px 05px 05px;
		border: 0.5px solid #B3E5FC;
		background-color: #FFFFFF;
		font-size:9px	
	}
	.pie_pag td{
		padding: 7px 0px 7px 0px;
		color: #9E9E9E	
	}
	.pie_pag td a:link{
		color: #9E9E9E	
	}
	.pie_pag td a:hover{
		color: #616161	
	}
/************** ************** **************/	

/************** Tabla con scroll (Mantenedores) **************/	
.tabla_scroll {
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 1px solid #B3E5FC;	
	'max-width:980px;
	table-layout:fixed;
	margin:auto;
}
/*.tabla_scroll th, td {
	padding:5px 10px;
	'border:1px solid #000;
}*/
.tabla_scroll thead, tfoot {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}
.tabla_scroll tbody {
	height:300px;
	overflow:scroll; /*scroll Y siempre activo*/
	overflow-x:hidden;
	display:block;
	width:100%;
}
.tabla_scroll tbody tr {
	display:table;
	width:100%;
	'table-layout:fixed;
}
/************** ************** **************/

.tabla_scroll_2 {
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 1px solid #B3E5FC;	
	'max-width:980px;
	table-layout:fixed;
	margin:auto;
	font-size: 11px;
}
/*.tabla_scroll_2 th, td {
	padding:5px 10px;
	'border:1px solid #000;
}*/
.tabla_scroll_2 thead, tfoot {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}
.tabla_scroll_2 tbody {
	height:300px;
	overflow:scroll; /*scroll Y siempre activo*/
	overflow-x:hidden;
	display:block;
	width:100%;
}
.tabla_scroll_2 tbody tr {
	display:table;
	width:100%;
	'table-layout:fixed;
}
/************** ************** **************/
/************** ************** **************/

.tabla_scroll_150 {
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 1px solid #B3E5FC;	
	'max-width:980px;
	table-layout:fixed;
	margin:auto;
	font-size: 11px;
}
/*.tabla_scroll_2 th, td {
	padding:5px 10px;
	'border:1px solid #000;
}*/
.tabla_scroll_150 thead, tfoot {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}
.tabla_scroll_150 tbody {
	height:150px;
	overflow:scroll; /*scroll Y siempre activo*/
	overflow-x:hidden;
	display:block;
	width:100%;
}
.tabla_scroll_150 tbody tr {
	display:table;
	width:100%;
	'table-layout:fixed;
}
/************** ************** **************/
/************** ************** **************/

.tabla_scroll_hh {
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 1px solid #B3E5FC;	
	'max-width:980px;
	table-layout:fixed;
	margin:auto;
	font-size: 11px;
}
/*.tabla_scroll_hh th, td {
	padding:5px 10px;
	'border:1px solid #000;
}*/
.tabla_scroll_hh thead, tfoot {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}
.tabla_scroll_hh tbody {
	height:200px;
	overflow:scroll; /*scroll Y siempre activo*/
	overflow-x:hidden;
	display:block;
	width:100%;
}
.tabla_scroll_hh tbody tr {
	display:table;
	width:100%;
	'table-layout:fixed;
}
/************** ************** **************/


.tabla_scroll_PX {
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 1px solid #B3E5FC;	
	'max-width:980px;
	table-layout:fixed;
	margin:auto;
	font-size: 11px;
}
/*.tabla_scroll_PX th, td {
	padding:5px 10px;
	'border:1px solid #000;
}*/
.tabla_scroll_PX thead, tfoot {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}
.tabla_scroll_PX tbody {
	height:500px;
	overflow:scroll; /*scroll Y siempre activo*/
	overflow-x:hidden;
	display:block;
	width:100%;
}
.tabla_scroll_PX tbody tr {
	display:table;
	width:100%;
	'table-layout:fixed;
}
/************** ************** **************/

/************** ************** **************/


.tabla_scroll_Capacity{
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 1px solid #B3E5FC;	
	'max-width:980px;
	table-layout:fixed;
	margin:auto;
	font-size: 11px;
}
/*.tabla_scroll_PX th, td {
	padding:5px 10px;
	'border:1px solid #000;
}*/
.tabla_scroll_Capacity thead {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}
.tabla_scroll_Capacity tfoot {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}
.tabla_scroll_Capacity tbody {
	height:400px;
	overflow:scroll; /*scroll Y siempre activo*/
	overflow-x:hidden;
	display:block;
	width:100%;
}
.tabla_scroll_Capacity tbody tr {
	display:table;
	width:100%;
	'table-layout:fixed;
}
/************** ************** **************/

/************** Tabla con scroll (Mantenedores) **************/	
.tabla_scroll {
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 1px solid #B3E5FC;	
	'max-width:980px;
	table-layout:fixed;
	margin:auto;
}
/*.tabla_scroll th, td {
	padding:5px 10px;
	'border:1px solid #000;
}*/
.tabla_scroll thead, tfoot {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}
.tabla_scroll tbody {
	height:300px;
	overflow:scroll; /*scroll Y siempre activo*/
	overflow-x:hidden;
	display:block;
	width:100%;
}
.tabla_scroll tbody tr {
	display:table;
	width:100%;
	'table-layout:fixed;
}
/************** ************** **************/

/************** Tabla con scroll (EERR Movimientos) **************/	
.tabla_scroll_eerr {
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 1px solid #B3E5FC;	
	'max-width:980px;
	table-layout:fixed;
	margin:auto;
}
/*.tabla_scroll th, td {
	padding:5px 10px;
	'border:1px solid #000;
}*/
.tabla_scroll_eerr thead {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}
.tabla_scroll_eerr tfoot {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}
.tabla_scroll_eerr tbody {
	height:300px;
	overflow:scroll; /*scroll Y siempre activo*/
	overflow-x:hidden;
	display:block;
	width:100%;
}
.tabla_scroll_eerr tbody tr {
	display:table;
	width:100%;
	'table-layout:fixed;
}
/************** ************** **************/

/************** Tabla con scroll (Gastos PY Movimientos) **************/	
.tabla_scroll_gastos_mov {
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 1px solid #B3E5FC;	
	'max-width:980px;
	table-layout:fixed;
	margin:auto;
}
/*.tabla_scroll th, td {
	padding:5px 10px;
	'border:1px solid #000;
}*/
.tabla_scroll_gastos_mov thead {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}
.tabla_scroll_gastos_mov tfoot {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}
.tabla_scroll_gastos_mov tbody {
	height:150px;
	overflow:scroll; /*scroll Y siempre activo*/
	overflow-x:hidden;
	display:block;
	width:100%;
}
.tabla_scroll_gastos_mov tbody tr {
	display:table;
	width:100%;
	'table-layout:fixed;
}
/************** ************** **************/

/************** ************** **************/
.tabla_scroll_Propuesta_GC{
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 1px solid #B3E5FC;	
	'max-width:980px;
	table-layout:fixed;
	margin:auto;
	font-size: 11px;
}
/*.tabla_scroll_PX th, td {
	padding:5px 10px;
	'border:1px solid #000;
}*/
.tabla_scroll_Propuesta_GC thead {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}
.tabla_scroll_Propuesta_GC tfoot {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}
.tabla_scroll_Propuesta_GC tbody {
	height:400px;
	overflow:scroll; /*scroll Y siempre activo*/
	overflow-x:hidden;
	display:block;
	width:100%;
}
.tabla_scroll_Propuesta_GC tbody tr {
	display:table;
	width:100%;
	'table-layout:fixed;
}
/************** ************** **************/

/************** Tabla con scroll inferior (caja global comercial) **************/	

.tabla_scroll_inf {
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 0px solid #CCCCCC;	
	/*'max-width:980px;*/
	table-layout:fixed;
	margin:auto;
}
.tabla_scroll_inf_td {
	padding: 0px 0px 0px 0px;
	/*border:1px solid #000;*/
}
/*.tabla_scroll_inf thead, tfoot {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}*/
.tabla_scroll_inf_tbody {
	height:565px;
	overflow:scroll; /*scroll X siempre activo*/
	overflow-y:hidden;
	display:block;
	width:1240px;
}
/*.tabla_scroll_inf_tr {
	display:table;
	width:100%;
	/*table-layout:fixed;
}*/
/************** ************** **************/

/************** Tabla con scroll (ESTADOS PP) (Gestión comercial) **************/	

.tabla_scroll_GC {
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 1px solid #B3E5FC;	
	/*margin:auto;*/
	background:#FFFFFF;
	width:204px;
}
.tabla_scroll_GC thead, tfoot {
	background:#FFFFFF;
	display:table;
	width:100%;
	table-layout:fixed;
}
.tabla_scroll_GC_tbody {
	height:410px;
	overflow:scroll !important; /*scroll Y siempre activo*/
	overflow-x:hidden !important;
	display:block !important;
	width:100%;
}
.tabla_scroll_GC_tr { /*.tabla_scroll tbody tr {*/
	display:table;	
	table-layout:fixed;
}
.tabla_scroll_GC_td {
	padding:0px 1px 0px 1px;
}
/************** ************** **************/

/************** Tabla SIN  scroll ANIDADA (Gestión Comercial) **************/	

.tabla_sin_scroll {
	border-radius: 02px 02px 02px 02px;
	-moz-border-radius: 02px 02px 02px 02px;
	-webkit-border-radius: 02px 02px 02px 02px;
	border: 1px solid #B3E5FC;	
	width:100%;
	table-layout:fixed;	
	background:#E0F7FA;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	box-shadow: 0px 0px 0px 0px #FFFFFF;
}
.tabla_sin_scroll:hover{
	box-shadow: 0px 0px 25px 0px rgba(199,199,199,0.83);
}
.tabla_sin_scroll thead, tfoot {
	background:#FFFFFF;
	display:table;
	width:100%;
	/*width:calc(100% - 18px);*/
	table-layout:fixed;
}
.tabla_sin_scroll tbody {
	height:50px !important;
	overflow:hidden !important; /*scroll X e Y siempre oculto*/
	overflow-x:hidden !important;
	/* display:block;*/
	width:100%;
}
.tabla_sin_scroll tbody tr {
	display:table;
	width:100%;
	/*table-layout:fixed;*/
}
/************** ************** **************/ /*estilos para páginas de finanzas e indicadores financieros */

/************** Tabla Scroll Detalle Planificacion/reg HH  **************/
.tabla_scroll_250{
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 1px solid #B3E5FC;	
	'max-width:980px;
	table-layout:fixed;
	margin:auto;
	font-size: 11px;
}
.tabla_scroll_250 thead {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}
.tabla_scroll_250 tfoot {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}
.tabla_scroll_250 tbody {
	height:250px;
	overflow:scroll; /*scroll Y siempre activo*/
	overflow-x:hidden;
	display:block;
	width:100%;
}
.tabla_scroll_250 tbody tr {
	display:table;
	width:100%;
	'table-layout:fixed;
}
/************** ************** **************/

/************** Tabla Scroll Detalle Planificacion/reg HH  **************/
.tabla_scroll_dash{
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 1px solid #B3E5FC;	
	'max-width:980px;
	table-layout:fixed;
	margin:auto;
	font-size: 11px;
}
.tabla_scroll_dash thead {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}
.tabla_scroll_dash tfoot {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}
.tabla_scroll_dash tbody {
	height:200px;
	overflow:scroll; /*scroll Y siempre activo*/
	overflow-x:hidden;
	display:block;
	width:100%;
}
.tabla_scroll_dash tbody tr {
	display:table;
	width:100%;
	'table-layout:fixed;
}
/************** ************** **************/

/************** Tabla Scroll Dashboard Admin  **************/
.tabla_scroll_dash_user{
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 1px solid #B3E5FC;	
	'max-width:980px;
	table-layout:fixed;
	margin:auto;
	font-size: 11px;
}
.tabla_scroll_dash_user thead {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}
.tabla_scroll_dash_user tfoot {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}
.tabla_scroll_dash_user tbody {
	height:100px;
	overflow:scroll; /*scroll Y siempre activo*/
	overflow-x:hidden;
	display:block;
	width:100%;
}
.tabla_scroll_dash_user tbody tr {
	display:table;
	width:100%;
	'table-layout:fixed;
}
/************** ************** **************/		

.td_grupo_movimiento{ /*TD Titulo de la tabla*/
	background-color: #E9F2E3 !important;
	font-weight:bold !important;
	text-transform: uppercase !important;
	font-size:10px !important;
	text-align: left !important;
	padding: 2px 10px 2px 10px !important;
	
}
.td_grupo_movimiento2{ /*TD Titulo de la tabla*/
	background-color: #E9F2E3 !important;
	font-weight:bold !important;
	text-transform: uppercase !important;
	font-size:10px !important;
	text-align: left !important;
	padding: 2px 10px 2px 15px !important;
	
}
.td_grupo_movimiento_sumatoria{ /*TD Titulo de la tabla*/
	background-color: #E0F7FA !important;
	font-weight:normal !important;
	text-transform: uppercase !important;
	font-size:11px !important;
	text-align: center !important;
	padding: 5px 3px 5px 25px !important;
}


.td_grupo_movimiento_separador{ /*TD Titulo de la tabla*/
	font-size:2px !important;
}

/************** Tabla con scroll inferior (gestion mail, tabla pagina) **************/	

.tabla_scroll_inf_ges_mail {
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 0px solid #CCCCCC;	
	/*'max-width:980px;*/
	table-layout:fixed;
	margin:auto;
}
.tabla_scroll_inf_ges_mail_td {
	padding: 0px 0px 0px 0px;
	/*border:1px solid #000;*/
}
/*.tabla_scroll_inf thead, tfoot {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}*/
.tabla_scroll_inf_ges_mail_tbody {
	/*height:655px;*/
	overflow:hidden; /*scroll X siempre activo*/
	overflow-y:hidden;
	display:block;
	width:400px;
}
/*.tabla_scroll_inf_tr {
	display:table;
	width:100%;
	/*table-layout:fixed;
}*/
/************** ************** **************/

/************** Tabla con scroll inferior (caja global comercial) **************/	

.tabla_scroll_inf_ges_mail2 {
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 0px solid #CCCCCC;	
	/*'max-width:980px;*/
	table-layout:fixed;
	margin:auto;
}
.tabla_scroll_inf_ges_mail2_td {
	padding: 0px 0px 0px 0px;
	/*border:1px solid #000;*/
}
/*.tabla_scroll_inf thead, tfoot {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}*/
.tabla_scroll_inf_ges_mail2_tbody {
	/*height:655px;*/
	overflow:scroll; /*scroll X siempre activo*/
	overflow-y:hidden;
	display:block;
	width:840px;
}
/*.tabla_scroll_inf_tr {
	display:table;
	width:100%;
	/*table-layout:fixed;
}*/
/************** ************** **************/

/************** Tabla con scroll (Mantenedores) **************/	
.tabla_eepp {
	border-radius: 05px 05px 05px 05px;
	-moz-border-radius: 05px 05px 05px 05px;
	-webkit-border-radius: 05px 05px 05px 05px;
	border: 1px solid #B3E5FC;	
	'max-width:980px;
	table-layout:fixed;
	margin:auto;
	font-size:11px;
}
/*.tabla_scroll th, td {
	padding:5px 10px;
	'border:1px solid #000;
}*/
.tabla_eepp thead, tfoot {
	background:#FFFFFF;
	display:table;
	width:100%;
	width:calc(100% - 18px);
	table-layout:fixed;
}
.tabla_eepp tbody {
	height:300px;
	overflow:scroll; /*scroll Y siempre activo*/
	overflow-x:hidden;
	display:block;
	width:100%;
}
.tabla_eepp tbody tr {
	display:table;
	width:100%;
	'table-layout:fixed;
}
/************** ************** **************/