/* costos.css */

.costos_cont_insumos {display: inline-block; 
	width:49%; max-width:510px; min-width:360px;
	margin-right:8px; background-color: White;}
.costos_cont_integra {display: inline-block; 
	width:49%; /*max-width:570px;*/ min-width:360px;
	margin-right:8px; background-color: White;}
.costos_cont_presup {display: block; margin-top: 16px;
	width:100%; /*max-width:570px;*/ min-width:360px;
	background-color: White;}

/* LISTA DE INTEGRACIONES */
.costos_fila { width: 100%; max-width: 570px; 
	background-color: White; font-weight: 300; position:relative; 
	padding-right: 84px; border-bottom: solid 1px LightGray; 
}
.costos_fila > div { display: inline-block; height: 100%; padding:0; }
.costos_fila div input {background:transparent;}
.costos_fila > div > input { border:none; padding: 12px 4px 8px; }
.costos_fila > div > div { border:none; padding: 12px 4px 8px; line-height:1.1;}
.costos_fila > div > textarea { border:none; padding: 8px 4px 8px; line-height:1.1; margin:0;}

.costos_fila > div:nth-child(1) { width: 32px; padding: 4px 4px 0px; 
	color:Gray; cursor:grab;}
.costos_fila > div:nth-child(1) select { border:none; }
.costos_fila > div:nth-child(1) select option { border:none; }

.costos_fila > div:nth-child(2) { width: 250px; padding-left: 0px; border:dashed 0px red}
.costos_fila > div:nth-child(3) { width: 72px; }
.costos_fila > div:nth-child(3) > input { text-align:center; 
	padding-left: 2px; padding-right: 2px;}

.costos_fila > div:nth-child(4) { width: 62px; text-align:right; }
.costos_fila > div:nth-child(4) > input { text-align:right; }

.costos_fila > div:nth-child(5) { width: 40px; height:34px; text-align:center;
	font-size: 22px; padding: 6px 8px 4px;
	background-color: WhiteSmoke; color:Gray; cursor:pointer;
	position:absolute; right: 43px; top: 0px; }
.costos_fila > div:nth-child(6) { width: 40px; height:34px; text-align:center;
	font-size: 18px; padding: 8px 8px 8px;
	background-color: WhiteSmoke; color:Gray; cursor:pointer;
	position:absolute; right: 1px; top: 0px; }

.costos_fila > div:nth-child(5):hover {background-color: Gray;color:White;}
.costos_fila > div:nth-child(6):hover {background-color: LightGray;color:Red;}


/* LISTA DE INSUMOS */
.costos_insumos { width: 100%; max-width: 510px; 
	background-color: White; font-weight: 300; position:relative; 
	padding-right: 84px; border-bottom: solid 1px LightGray; 
}
.costos_insumos > div { display: inline-block; height: 100%; padding:0; }
.costos_insumos div input {background:transparent;}
.costos_insumos > div > input { border:none; padding: 12px 4px 8px; }
.costos_insumos > div > div { border:none; padding: 12px 4px 8px; line-height:1.1;}
.costos_insumos > div > textarea { border:none; padding: 8px 4px 8px; line-height:1.1; margin:0;}

.costos_insumos > div:nth-child(1) { width: 32px; padding: 4px 4px 0px; 
	color:Gray; cursor:grab;}
.costos_insumos > div:nth-child(1) select { border:none; }
.costos_insumos > div:nth-child(1) select option { border:none; }

.costos_insumos > div:nth-child(2) { width: 160px; padding-left: 0px; border:dashed 0px red}
.costos_insumos > div:nth-child(3) { width: 72px; }
.costos_insumos > div:nth-child(3) > input { text-align:center; 
	padding-left: 2px; padding-right: 2px;}

.costos_insumos > div:nth-child(4) { width: 62px; text-align:right; }
.costos_insumos > div:nth-child(4) > input { text-align:right; }

/*fecha*/
.costos_insumos > div:nth-child(5) { width: 96px; font-size:14px; 
padding: 10px 4px 0px; text-align:center; color: DarkGray;
border: dashed 0px Red;
}

.costos_insumos > div:nth-child(6) { width: 40px; height:34px; text-align:center;
	font-size: 22px; padding: 6px 8px 4px;
	background-color: WhiteSmoke; color:Gray; cursor:pointer;
	position:absolute; right: 43px; top: 0px; }
.costos_insumos > div:nth-child(7) { width: 40px; height:34px; text-align:center;
	font-size: 18px; padding: 8px 8px 8px;
	background-color: WhiteSmoke; color:Gray; cursor:pointer;
	position:absolute; right: 1px; top: 0px; }

.costos_insumos > div:nth-child(6):hover {background-color: Gray;color:White;}
.costos_insumos > div:nth-child(7):hover {background-color: LightGray;color:Red;}


/* MATRIZ */

.costos_matriz { max-width: 664px; position: relative; 
	font-weight: 300; font-size: 16px;
}

.costos_matriz > div:nth-child(1) { position:relative;  	/* encabezado */
	min-height:40px;}
.costos_matriz > div:nth-child(1) > div:nth-child(1) { 		/* nombre */
	display:inline-block; min-width: 400px; max-width: 660px;
	font-weight: 400;
}
.costos_matriz > div:nth-child(1) > div:nth-child(2) { /* bot. config */
	display: inline-block; color:Gray; position:absolute;right:0px;top:0px;
}

/* resumen */
.costos_matriz > div:nth-child(2) {font-size: 16px;text-align: right;padding:0;}
.costos_matriz > div:nth-child(2) > div:nth-child(1) {display: inline-block;
	padding:8px 8px 4px; text-align: right; font-weight: 400;}
.costos_matriz > div:nth-child(2) > div:nth-child(2) {display: inline-block;
	font-weight: 400; padding: 8px 8px 4px 0px;}
/*
.costos_matriz > div:nth-child(3) { 
	min-height: 32px; background-color: WhiteSmoke; padding: 8px 16px 2px;
	text-align: right; font-weight: 400; font-size: 16px;
}
*/
.costos_matriz > div:nth-child(3) { 	/* matriz */
	border-top: solid 2px Gray; position: relative; 
}

/* fila de integración */
.costos_matriz > div:nth-child(3) > div { display: block; 
	position: relative; padding-right: 40px; font-size: 14px;
	border-bottom: solid 1px LightGray; background-color: White;
}

/*						   matriz	fila  col				*/
.costos_matriz > div:nth-child(3) > div > div { height: 100%; padding: 0px;
	border-right: solid 1px LightGray; display: inline-block; 
}
.costos_matriz > div:nth-child(3) > div > div:first-child {border-right:none;}
.costos_matriz > div:nth-child(3) > div > div:last-child {border-right:none;}

/*						   matriz	fila  col				*/
.costos_matriz > div:nth-child(3) > div > div > input {
	border:none; padding: 9px 4px 4px; line-height: 1;
}
.costos_matriz > div:nth-child(3) > div > div > textarea { border:none; 
	padding: 8px 4px 8px; line-height:1.1; margin:0;}
.costos_matriz > div:nth-child(3) > div > div > div {
	border:none; padding: 9px 4px 4px; line-height: 1;
}

/* botón drag */
/*						   matriz	fila  col				*/
.costos_matriz > div:nth-child(3) > div > div:nth-child(1) {
	width: 36px; cursor: grab; color: Gray; padding: 4px 4px 2px;
}
/*	concepto			   matriz	fila  col				*/
.costos_matriz > div:nth-child(3) > div > div:nth-child(2) {
	width: 220px;
}
/*	unidad				   matriz	fila  col				*/
.costos_matriz > div:nth-child(3) > div > div:nth-child(3) {
	width: 64px;
}
.costos_matriz > div:nth-child(3) > div > div:nth-child(3) input {
	text-align: center;
}
.costos_matriz > div:nth-child(3) > div > div:nth-child(3) div {
	text-align: center;
}
/*	cantidad			   matriz	fila  col				*/
.costos_matriz > div:nth-child(3) > div > div:nth-child(4) {
	width: 72px; 
}
.costos_matriz > div:nth-child(3) > div > div:nth-child(4) input {
	text-align: right; padding-right:8px;
}
.costos_matriz > div:nth-child(3) > div > div:nth-child(4) div {
	text-align: right; padding-right:8px;
}
/*	costo			   matriz	fila  col				*/
.costos_matriz > div:nth-child(3) > div > div:nth-child(5) {
	width: 72px;
}
.costos_matriz > div:nth-child(3) > div > div:nth-child(5) input {
	text-align: right; padding-right:8px;
}
.costos_matriz > div:nth-child(3) > div > div:nth-child(5) div {
	text-align: right; padding-right:8px;
}

/*	importe				   matriz	fila  col				*/
.costos_matriz > div:nth-child(3) > div > div:nth-child(6) {
	width: 72px; text-align: right; padding: 6px 8px 4px; border-right:none;
}

/*	bot elim			   matriz	fila  col				*/
.costos_matriz > div:nth-child(3) > div > div:nth-child(7) {
	width: 32px; background-color: WhiteSmoke; cursor: pointer;
	padding: 8px 4px; color: Gray; text-align: center;
	font-size: 14px; position: absolute; right:0px; top:0px;
}
.costos_matriz > div:nth-child(3) > div > div:nth-child(7):hover {
	background-color: LightGray; color:White;
}



.costos_explosion_fila { display: block; 
	position: relative; font-size: 14px;
	border-bottom: solid 1px LightGray; background-color: White;
}
.costos_explosion_fila > div { display: inline-block; height: 100%; padding: 8px;
	border-right: solid 1px LightGray; 
}
.costos_explosion_fila > div:nth-child(1) {width:24px;border-right:none;font-size: 12px;color:LightGray}
.costos_explosion_fila > div:nth-child(2) {width:160px;}
.costos_explosion_fila > div:nth-child(3) {width:64px;text-align:center;}
.costos_explosion_fila > div:nth-child(4) {width:88px;text-align:right;}
.costos_explosion_fila > div:nth-child(5) {width:72px;text-align:right;}
.costos_explosion_fila > div:nth-child(6) {width:72px;text-align:right;
	border-right:none;}


table, th, td {border-collapse: collapse;padding:4px 8px;}

@media screen and (max-width: 720px)
{
	.costos_cont_insumos {display: block; width:99%; }
	.costos_cont_integra {display: block; width:99%; }
}

@media screen and (max-width: 360px)
{
	.costos_cont_insumos {display: block; width:99%; }
	.costos_cont_integra {display: block; width:99%; }
	
	/*	concepto			   matriz	fila				*/
	.costos_matriz > div:nth-child(3) > div {border-bottom: solid 2px Gray;}

	/*	concepto			   matriz	fila  col				*/
	.costos_matriz > div:nth-child(3) > div > div { border-right:none; }
	.costos_matriz > div:nth-child(4) > div > div:nth-child(2) {
		width: 280px;}
	
	.costos_fila { min-height: 70px; }
	.costos_fila > div:nth-child(2) {width: 314px;}
	.costos_fila > div:nth-child(5) {right:1px;}
	.costos_fila > div:nth-child(6) {right:1px; top:48px;}
}