/* GENERAL */

.txtproceso {
	color:black;
	font-size:12px;
}

.txtselect{
	color:black;
	/*text-decoration: underline #2E9AFE;*/
	font-size:12px;
}


/*.txtselect::after {
  color: red;
  content: '*';
}*/

/*.txtselect:first-letter {
  text-decoration:underline;
}*/

.checkpoint{
	position:absolute;
	z-index: 4;
}

.point_select{

  /*background: gray;*/
  border:2px solid Gainsboro;
  display:flex;
  position:absolute;
  justify-content: center;
  align-items: center;
	background: rgb(236,236,236);
	background: linear-gradient(90deg, rgba(236,236,236,1) 11%, rgba(255,255,255,1) 84%);
  border-left:4px solid #4cbb17;
}

.point{

  /*background: gray;*/
  border:2px solid Gainsboro;
  display:flex;
  position:absolute;
  justify-content: center;
  align-items: center;
	background: rgb(236,236,236);
	background: linear-gradient(90deg, rgba(236,236,236,1) 11%, rgba(255,255,255,1) 84%);
 
}

.point2{
  background: white;
   display:flex;
  position:absolute;
  justify-content: center;
  align-items: center
}

.cuadrolargo{
  width: calc(75% - 30px);
  height: 50px;
  border-radius:10px;
  z-index:3;
}

.cuadrolargosub{
  width: calc(50% - 25px);
  height: 50px;
  border-radius:10px;
  z-index:3;
}

.cuadrogrande{
  width: calc(100% - 40px);
  height: 50px;
  border-radius:10px;
  z-index:3;
}

.cuadrocorto{
  width: 60px;
  height: 30px;
  border-radius:10px;
  z-index:4;
  color:black;
}

.cuadropequeño{
  width: calc(25% - 10px);
  height: 50px;
  border-radius:10px;
  z-index:3;
}

/* COMUN */

#svg1_comun{
 position: absolute;
  top: 142px;
  left: calc(12% - 5px);
  width: 5px;
  height: 210px;
 
}

#svg2_comun{
 position: absolute;
  top: 90px;
  left: calc(50% - 20px);
  width:  5px;
  height: 260px;

}

#svg3_comun{
  position: absolute;
  top: 22px;
  left: calc(83% - 15px);
  width:  5px;
  height: 400px;
}

#line_comun{
  stroke-width:2px;
  stroke:rgb(0,0,0);
}


#nivelunion_comun{
  top: 420px;
  left: 130px;
}

#nivel1_comun{
  top: 20px;
  left: calc(75% - 30px);
}

#nivel2_comun{
  top: 80px;
  left: 0px;
}


#nivel3_1_comun{
  top: 140px;
  left: 0px;
}

#nivel3_2_comun{
  top: 140px;
  left: calc(25% - 40px);
}

#nivel3_3_comun{
  top: 140px;
  left: calc(75% - 30px);
}

#nivel4_comun{
  top: 200px;
  left: calc(75% - 30px);
}

#nivel5_comun{
  top: 260px;
  left: 0px;
}

#nivel6_comun{
  top: 320px;
  left: 0px;
}

#nivel7_comun{
  top: 380px;
  left: 0px;
}

#nivel8left_comun{
  top: 440px;
  left: 0px;
}

#nivel8right_comun{
  top: 440px;
  left: calc(50% - 15px);
}

#nivel9_comun{
  top: 500px;
  left: 0px;
}

/* REFINADA */

#svg_refinada{
 position: absolute;
  top: 22px;
  left: calc(75% - 30px);
  width: 5px;
  height: 150px;
}

#nivelunion_refinada{
  top: 420px;
  left: 50px;
}

#nivel1_refinada{
  top: 20px;
  left: 0px;
}

#nivel2left_refinada{
  top: 80px;
  left: 0px;
}

#nivel2right_refinada{
  top: 80px;
  left: calc(25% - 40px);
}

#nivel3left_refinada{
  top: 140px;
  left: 0px;
}

#nivel4_refinada{
  top: 200px;
  left: 0px;
}

#nivel5_refinada{
  top: 260px;
  left: 0px;
}

#nivel6_refinada{
  top: 320px;
  left: 0px;
}

#nivel7left_refinada{
  top: 380px;
  left: 0px;
}

#nivel7right_refinada{
  top: 380px;
  left: calc(50% - 15px);
}

#nivel8_refinada{
  top: 440px;
  left: 0px;
}

/*BLANDA*/

#svg1_blanda{
  position: absolute;
  top: 140px;
  left: calc(25% - 12px);
  width: 5px;
  height: 210px;

}

#svg2_blanda{
  position: absolute;
  top: 140px;
  left: calc(75% - 30px);
  width: 5px;
  height: 280px;

}

#nivelunion_blanda{
  top: 420px;
  left: 50px;
}

#nivel1_blanda{
  top: 20px;
  left: 0px;
}

#nivel2_blanda{
  top: 80px;
  left: 0px;
}

#nivel3right_blanda{
  top: 140px;
  left: calc(50% - 15px);
}

#nivel3left_blanda{
  top: 140px;
  left: 0px;
}

#nivel4right_blanda{
  top: 200px;
  left: calc(50% - 15px);
}

#nivel5_blanda{
  top: 260px;
  left: 0px;
}

#nivel6right_blanda{
  top: 320px;
  left: 0px;
}

#nivel7_blanda{
  top: 380px;
  left: 0px;
}

#nivel8right_blanda{
  top: 440px;
  left: 0px;
}

#nivel8left_blanda{
  top: 440px;
  left: calc(50% - 15px);
}

#nivel9_blanda{
  top: 500px;
  left: 0px;
}

/* ENRIQUECIDA */

#svg1_enriquecida{
  position: absolute;
  top: 80px;
  left: calc(25% - 12px);
  width: 5px;
  height: 210px;

}

#svg2_enriquecida{
  position: absolute;
  top: 80px;
  left: calc(75% - 30px);
  width: 5px;
  height: 280px;

}

#nivelunion_enriquecida{
  top: 420px;
  left: 80px;
}

#nivel1_enriquecida{
  top: 20px;
  left: 0px;
}

#nivel2_enriquecida{
  top: 20px;
  left: 0px;
}

#nivel3right_enriquecida{
  top: 80px;
  left: calc(50% - 15px);
}

#nivel3left_enriquecida{
  top: 80px;
  left: 0px;
}

#nivel4right_enriquecida{
  top: 140px;
  left: calc(50% - 15px);
}

#nivel5_enriquecida{
  top: 200px;
  left: 0px;
}

#nivel6right_enriquecida{
  top: 260px;
  left: 0px;
}

#nivel7_enriquecida{
  top: 320px;
  left: 0px;
}

#nivel8right_enriquecida{
  top: 380px;
  left: 0px;
}

#nivel8left_enriquecida{
  top: 380px;
  left: calc(50% - 15px);
}

#nivel9_enriquecida{
  top: 440px;
  left: 0px;
}