/* barras.css */


.barra_encabezado { display: block; }

.barra_encabezado > div { display: inline-block; padding: 4px 8px 2px; }
.barra_encabezado > div:nth-child(1) { display: block; width: 100%; padding: 0px; }
.barra_encabezado > div:nth-child(2) { display: block; width: 100%; padding: 0px; }
/*
.barra_encabezado div:nth-child(1) { font-size: 20px; font-weight: 400; border-bottom: solid 1px LightGray; }
.barra_encabezado div:nth-child(2) { font-size: 16px; font-weight: 300; border-bottom: solid 2px Gray; }
*/
.barra_encabezado > div:nth-child(3) { width: 152px; font-size: 16px; font-weight: 300; }
.barra_encabezado > div:nth-child(4) { width: 168px; font-size: 16px; font-weight: 300; text-align:left; }
.barra_encabezado > div:nth-child(5) { width: 160px; font-size: 16px; font-weight: 300; text-align:left; }

.barra_encabezado_titulo { font-size: 20px; color:#C46C52; font-weight: 400; border-bottom: solid 1px LightGray; }
.barra_encabezado_subtitulo { font-size: 16px; font-weight: 300; border-bottom: solid 2px Gray; }


.barra_controles { display: block; text-align: right; 
	border-top: solid 1px LightGray; border-bottom: solid 1px LightGray;
	font-size: 16px; margin: 0px; padding: 0px; background-color: White;
}
.barra_controles > div { display: inline-block; width: 48px; height:32px; 
	font-size: 24px; text-align: center; margin-right: 2px; 
	padding: 4px 8px; color: Gray; background-color: WhiteSmoke; cursor: pointer;
}
.barra_controles > div:hover { background-color: LightGray; color: Black; }
/*
.barras_controles > div { display: inline-block; text-align: right; padding: 0px 16px 4px; }
.barras_controles > div:nth-child(1) { padding-right: 24px; }
.barras_controles > div:nth-child(2) { width: 360px; }
*/
.barras_marco_datos { display: inline-block; position: relative; vertical-align: top;
	min-height: 48px; padding: 0px; overflow: visible;
	border-right: solid 1px LightGray;
}


.barras_marco_barras { display: inline-block; position: relative; vertical-align: top;
	min-width: 80px; min-height: 48px; 
	padding: 0px; overflow: scroll;
	/*border-left: solid 1px Gray;*/
	border-right: solid 1px LightGray;
}
.barras_marco_barras > div { display: block; position: relative;
	height: 30px; padding: 0px; border-bottom: solid 1px LightGray;
}
.barras_marco_barras > div:nth-child(1) { background: #eee8e4; border-top: solid 1px LightGray; }




.barra_fila { display: block; position: relative; vertical-align: top;
	height: 30px; padding: 0px; white-space: nowrap;
	border-bottom: solid 1px LightGray;
}

.barra_fila > div { display: inline-block; position: relative;
	vertical-align: middle;
	height: 30px;
	font-size: 13px;
	font-weight: 300;
	padding-top: 6px;
	border-right: solid 1px LightGray;
}
.barra_fila > div:last-child {border-right: none;}

.barra_fila div:nth-child(1) { width: 36px; text-align: center; padding: 0px; cursor: pointer; }/*menú*/
.barra_fila div:nth-child(2) { width: 36px; text-align: center; padding-top: 6px; cursor:grab; }
.barra_fila div:nth-child(3) { width: 240px; font-size: 15px; 
	padding: 0px; overflow: hidden;
}
	.barra_fila div:nth-child(3) input { width: 100%; padding: 6px 4px 0px; border:none; 
		background:transparent; color: inherit; }

/* responsable */
.barra_fila div:nth-child(4) { width: 56px; text-align: center; }
	.barra_fila div:nth-child(4) input { width: 100%; padding: 6px 4px 0px; border:none; 
		background:transparent; color: inherit; }

/* predecesor */
.barra_fila div:nth-child(5) { width: 40px; cursor:pointer; text-align: center; overflow: hidden; }

/* duración */
.barra_fila div:nth-child(6) { width: 48px; text-align: left; }
	.barra_fila div:nth-child(6) input { width: 28px; border:none; padding-right: 2px; text-align: right; background:transparent; color: inherit; }
	.barra_fila div:nth-child(6) span { padding-top: 6px; }

/* avance */
.barra_fila div:nth-child(7) { width: 48px;  text-align: center; }
	.barra_fila div:nth-child(7) input { width: 24px; border:none; text-align: right; background:transparent; color: inherit; }
	.barra_fila div:nth-child(7) span { padding-top: 6px; }

.barra_fila div:nth-child(8) { width: 48px; text-align: center; }
.barra_fila div:nth-child(9) { width: 48px; text-align: center; }



.fila_menu { position: relative; height: 29px; }
.fila_menu button { cursor: pointer; width: 100%; height: 29px; 
	text-align: center; padding: 4px;
	border: none;
	background: #eee8e4 !important; color: Gray;
}

.fila_menu button:hover { background: #cbbaaf !important; }

.fila_menu_contenido { width: 210px !important; background-color:#baa495; position: relative;
	padding: 0px !important;
	top:-12px; left:+8px;
	box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19); /* card-4 */
}
.fila_menu_contenido > div { width: 100% !important; cursor: pointer; 
	color:#000 !important; background-color:#cbbaaf !important;
	padding: 8px 16px !important;
	font-size: 15px;
	border-bottom: solid 1px White;
}
.fila_menu_contenido > div:hover { background-color:#4c7d8c !important; color: #FFF !important; }

.fila_menu_contenido > div:last-child { border-bottom: none; }

.fila_sel_predecesor { display: block; vertical-align: top; border-bottom: solid 1px LightGray; }
.fila_sel_predecesor div { display: inline-block; vertical-align: top;
	font-size: 18px; font-weight:300; border:dotted 0px gray;
}
.fila_sel_predecesor div:nth-child(1) { width: 28px; text-align:right; padding-right: 4px; }
.fila_sel_predecesor div:nth-child(2) { width: 320px; padding-left: 4px; }
.fila_sel_predecesor div:nth-child(3) { width: 56px; }
.fila_sel_predecesor div:nth-child(3) input { width: 40px; height: 27px; 
	font-size: 16px; text-align:right; padding: 2px 0px 0px;
}
.fila_sel_predecesor div:nth-child(4) { width: 28px; height: 28px; 
	margin-left: 16px;
	text-align:center; padding: 4px; cursor: pointer; background-color: #EEE;
}
.fila_sel_predecesor div:nth-child(4):hover { background-color: #CCC; color:White; }



.barra_dias { display:block; position:absolute; top:0px; width:100%; }

.barra_dias > div { position:absolute; top:0px; height: 29px; 
	text-align: center; font-size: 10px; font-weight: 300; padding-top: 9px;
	cursor:default; border-right: solid 1px WhiteSmoke; color: Black;
}


.barra_tit_dias { display: block; position:absolute; top:0px; width:100%; height:29px; }

.barra_tit_dias > div { display: block; position:relative; cursor:default;
	font-size: 10px; font-weight: 300; padding: 0px;
}
.barra_tit_dias > div:nth-child(1) { top:0px; height:14px; width:100%;		/* nombres de meses */
	 border-bottom: solid 1px White; color: Black;
}
.barra_tit_dias > div:nth-child(1) span { position:absolute; top: 0px; }

.barra_tit_dias > div:nth-child(2) div { display:inline-block; position:absolute;	/* columnas días */
	top:0px; height:14px; padding-top: 1px;
	text-align: center; border-left: solid 1px White; color: Black;
}


/* el color de la barra ahora va en bd.css bloqueClaro*/
.barra { position: absolute; overflow: visible;
	cursor: ew-resize;
}
.barra span { position: absolute; left: 4px; top: 2px; font-size: 12px; font-weight: 400; }

/* avance */
.barra div { position: absolute; left: 0px; top: 0px; height: 20px; 
	background-color: rgba(0,0,0,0.3);
}