/*
	cuentas.css
*/


.marco_cuenta { display: inline-block; width: 100%; min-height: 32px; 
	max-width: 760px; /* suma de cuenta_titulos +4 */
	background-color: White; margin-bottom: 16px; margin-right: 8px;
}

.cuenta_titulos { display: block; border-bottom: solid 1px LightGray; background-color: WhiteSmoke; }

.cuenta_titulos > div { display: inline-block; padding: 4px 8px 2px; 
	font-size: 14px; font-weight: 400; margin-right: 1px;
	border-right: solid 1px LightGray; 
}
.cuenta_titulos > div:last-child {border:none;}

.cuenta_titulos > div:nth-child(1) { width: 160px; }
.cuenta_titulos > div:nth-child(2) { width: 64px; }
.cuenta_titulos > div:nth-child(3) { width: 240px; }
.cuenta_titulos > div:nth-child(4) { width: 88px; text-align: right; }
.cuenta_titulos > div:nth-child(5) { width: 88px; text-align: right; }
.cuenta_titulos > div:nth-child(6) { width: 88px; text-align: right; }
.cuenta_titulos > div:nth-child(7) { width: 88px; text-align: right; border-right: none; }
.cuenta_titulos > div:nth-child(8) { width: 40px; text-align: center; padding: 0px; }



.cuenta_fila { display: block; border-bottom: solid 1px LightGray; position: relative; }
.cuenta_fila > div { display: inline-block; height: 30px; padding: 0px; 
	border: none; border-right: solid 1px LightGray; margin-right: 1px;
}

.cuenta_fila > div > input { width: 100%; height: 100%; padding: 4px 8px 2px; 
	font-size: 14px; font-weight: 300; border: none;}

.cuenta_fila > div > span { height: 30px; padding: 0px 4px 4px; 
	font-size: 14px; font-weight: 300;}

.cuenta_fila > div:nth-child(1) { width: 160px; }
.cuenta_fila > div:nth-child(2) { width: 64px; }
.cuenta_fila > div:nth-child(3) { width: 240px; }
.cuenta_fila > div:nth-child(4) { width: 88px; text-align: right; }
.cuenta_fila > div:nth-child(4) > input { text-align: right; }

.cuenta_fila > div:nth-child(5) { width: 88px; text-align: right; }
.cuenta_fila > div:nth-child(5) > input { width: 99%; text-align: right; }

.cuenta_fila > div:nth-child(6) { width: 88px; text-align: right; }
.cuenta_fila > div:nth-child(6) > input { width: 99%; text-align: right; }

.cuenta_fila > div:nth-child(7) { width: 88px; text-align: right; margin-right: 0px;
/*border: dashed 1px Gray;*/ border-right: none; }
.cuenta_fila > div:nth-child(7) > input { width: 99%; text-align: right; border-right:none;}

.cuenta_fila > div:nth-child(8) { position: absolute; top: 0px; right: 0px;
	width: 40px; height: 30px;
	font-size: 16px; line-height: 1; text-align: center;  padding: 6px 4px 0px;
	cursor: pointer; background-color: WhiteSmoke; color: Gray; border-right:none;
}
.cuenta_fila > div:nth-child(8):hover { background-color: LightGray; color: Red; }

.cuenta_fila:last-child { border-bottom: solid 1px Gray; }


.cuenta_montos { display: block; width: 100%; min-width: 360px; max-width: 640px; 
	margin-top: 8px; border-top: solid 2px LightGray; background-color: White;}
.cuenta_montos > div { display:inline-block; width: 33%; padding: 2px 4px 0px; 
	font-size: 15px; font-weight: 300; border-right: solid 1px LightGray;
}
.cuenta_montos > div:nth-child(3) { border-right: none; }

.cuenta_montos > div > div { display:inline-block; width: 80%; padding: 3px 0px 0px; 
	font-size: 16px; font-weight: 300; text-align: center; border: dashed 0px cyan;
}


.balance_fila { display: block; border-bottom: solid 1px LightGray; position: relative; }
.balance_fila > div { display:inline-block; min-width: 40px; min-height: 38px; border: dashed 0px orange; }
.balance_fila > div:nth-child(1) { width: 304px; }
.balance_fila > div:nth-child(2) { width: 100px; text-align: right; border-right: solid 1px LightGray; }
.balance_fila > div:nth-child(3) { width: 100px; text-align: right; }
.balance_fila > div:nth-child(4) { width: 48px;  
	position: absolute; top: 0px; right: 50px; padding: 10px 8px 8px !important; 
	cursor: pointer; font-size: 17px; text-align: center;
	color: Gray; background: WhiteSmoke;
}
.balance_fila > div:nth-child(5) { width: 48px; 
	position: absolute; top: 0px; right: 0px; padding: 10px 8px 8px !important; 
	cursor: pointer; font-size: 17px; text-align: center;
	color: Gray; background: WhiteSmoke;
}



@media screen and (max-width: 830px)
{
	.cuenta_titulos > div:nth-child(3) { width: 480px; }
	.cuenta_titulos > div:nth-child(4) { width: 25%; }
	.cuenta_titulos > div:nth-child(5) { width: 25%; }
	.cuenta_titulos > div:nth-child(6) { width: 25%; }
	.cuenta_titulos > div:nth-child(7) { width: 25%; }
	
	.cuenta_fila { border-bottom: solid 2px Gray; }
	.cuenta_fila > input:nth-child(2) { border-bottom: solid 1px LightGray; }
	.cuenta_fila > input:nth-child(3) { width: 480px; border-bottom: solid 1px LightGray; }
	.cuenta_fila > input:nth-child(4) { width: 25%; }
	.cuenta_fila > input:nth-child(5) { width: 25%; }
	.cuenta_fila > input:nth-child(6) { width: 25%; }
	.cuenta_fila > input:nth-child(7) { width: 25%; }
	
	/*
	.cuenta_fila > input:nth-child(5)::before { content: "+"; }
	.cuenta_fila > div:nth-child(5)::before { content: "+"; }
	.cuenta_fila > input:nth-child(6)::before { content: "-"; }
	*/
}

@media screen and (orientation: portrait)
{
	.cuenta_fila { border-bottom: solid 2px Gray; }
	.cuenta_fila > div:nth-child(1) { width: 220px; }
	.cuenta_fila > div:nth-child(2) { width: 140px; border:none; }
	
	.cuenta_fila > input:nth-child(3) { width: 100%; border-right: none;
		border-top: solid 1px LightGray; border-bottom: solid 1px LightGray; }
}

@media screen and (max-width: 680px)
{
/*	.cuenta_titulos { display: none; }*/
	
	.cuenta_fila { border-bottom: solid 2px Gray; }
	.cuenta_fila > div:nth-child(1) { width: 220px; }
	.cuenta_fila > div:nth-child(2) { width: 140px; border:none; }
	
/*	.cuenta_fila > input:nth-child(1)::before { content: "Fecha: "; }*/
	/*
	.cuenta_fila > div:nth-child(2)::before { content: "Referencia: "; }
	.cuenta_fila > input:nth-child(5)::before { content: "+"; }
	.cuenta_fila > input:nth-child(6)::before { content: "-"; }
	*/
	
	.cuenta_fila > input:nth-child(3) { width: 100%; border-right: none;
		border-top: solid 1px LightGray; border-bottom: solid 1px LightGray; }
}
/*
@media screen and (max-width: 720px)
{
	.cuenta_fila > input:nth-child(4) { width: 32%; }
	.cuenta_fila > input:nth-child(5) { width: 32%; }
	.cuenta_fila > input:nth-child(6) { width: 33%; }
	
	.cuenta_fila > div:nth-child(7) { position: absolute; top: 0px; right: 0px;}
}
*/

@media screen and (max-width: 440px)
{
.cuenta_titulos > div:nth-child(1) { border-right: none; }
.cuenta_titulos > div:nth-child(3) { width: 99%; 
	border-right: none; border-bottom: solid 1px LightGray !important; }
.cuenta_titulos > div:nth-child(4) { width: 92%; }
.cuenta_titulos > div:nth-child(5) { width: 33% !important; }
.cuenta_titulos > div:nth-child(6) { width: 33% !important; }
.cuenta_titulos > div:nth-child(7) { width: 33% !important; }

	.cuenta_fila input { font-weight: 400; }
	.cuenta_fila > div:nth-child(1) { border-right: none; }
	.cuenta_fila > div:nth-child(3) { width: 99% !important; 
		border-top: solid 1px LightGray !important; 
		border-bottom: solid 1px LightGray !important;
		border-right: none; }
	.cuenta_fila > div:nth-child(4) { width: 92% !important; }/*cantidad*/
	.cuenta_fila > div:nth-child(5) { width: 33% !important; }
	.cuenta_fila > div:nth-child(6) { width: 33% !important; }
	.cuenta_fila > div:nth-child(7) { width: 33% !important; }
	.cuenta_fila > input:nth-child(3) { font-size: 15px; }
	
	.cuenta_fila > div:nth-child(4)::before { content: "Cantidad: "; }
	/*
	.cuenta_fila > div:nth-child(2)::before { content: "Referencia: "; }
	.cuenta_fila > input:nth-child(5)::before { content: "+"; }
	.cuenta_fila > input:nth-child(6)::before { content: "-"; }
	*/
	
	.cuenta_fila > div:nth-child(8) { position: absolute; top: 0px; right: 0px;}
	
	.cuenta_montos > div:nth-child(1) { width: 49%; }
	.cuenta_montos > div:nth-child(2) { width: 49%; }
	.cuenta_montos > div:nth-child(3) { width: 99%; border-top: solid 1px LightGray; }
	
.balance_fila > div:nth-child(1) { width: 260px; }
.balance_fila > div:nth-child(2) { width: 50%; }
.balance_fila > div:nth-child(3) { width: 50%; }
}