@font-face{
  font-family: "HELVETICANEUELTSTD";
  src: url('../fonts/OpenSans-Regular.ttf');
}
body {
  margin: 0;
 font-family: "HELVETICANEUELTSTD";
  /* font-size: 17px; */
  padding-top: 0px;
  font-size: calc(var(--font-size) * 1em)

}
:root {
  --main-line-color:  #6b8c7d;  /*Cambiar color al estilo principal */
  --main-title-question-color:  #02422c; 
  --main-color:  #128040;  /*Cambiar color al estilo principal */
  --font-size: 1;
}

a {
  color: rgb(19, 23, 77);
  text-decoration: none;
}

a:hover {
  color: #000000;
  text-decoration: underline;
}

.header_first_div {
  height: 9px;
  background: #008046;
}

.features-boxed {
  background: rgb(237,236,236);
}

.box {
  height: 443.594px;
}

.div-titulo {
border: 1px solid rgb(176,176,176) ;
border-radius: 1px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-top: 10px;
padding-top: 2px;
padding-bottom: 0px;
}

.div-pregunta {
  background: #f7f7f7;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 2px;
  border: 1px solid rgb(222,218,218) ;
}
.div_formulario{
  background: rgb(253, 253, 253);
  margin-top: 16px;
  padding: 10px 30px 10px 30px;
  border-color: var(--main-line-color);
  border-radius: 3px;
}

.boton_final {
  width: 100%;
  border-radius: 0px;
  border-style: solid;
  font-size: 25px;
color: #ffffff;
font-weight: bold;
}

.titulo_bloque {
  color: #777777;
  font-size: 16px;
  border-bottom: 1px solid rgb(205,205,205);
  margin-top: 25px;
}
.txt_size_08{
  font-size: 0.8em;
  font-weight: normal;
  color: #777777;
}
.txt_small13{
  font-size: 13px;
  font-weight: normal;
}
.txt_suave_small8{
  font-size: 8px;
  font-weight: normal;
  color: #bebebe;
}
.txt_suave_small11{
  font-size: 11px;
  font-weight: normal;
  color: #bebebe;
}
.txt_cabecera{
font-size: 34px;
color: #777777;


}

.mayuscula{text-transform:uppercase;}

.form_alert {
  padding: 4px 48px 16px 16px;
  padding-right: 51px;
  padding-bottom: 4px;
  padding-left: 51px;
  background: rgb(247,247,247);
  font-size: 14px;
}

.alert_button {
  color: #7d8285;
  background-color: #a7a7a7;
  height: 10px;
}
.form_container {
  padding-bottom: 33px;
}
.form_cabecera_titulo{
  color: var(--bs-gray-700);
  font-size: 25px;
}

/*estilo para el color de las preguntas */
.text-titulo-pregunta {
  color: var(--main-title-question-color );
  font-size: calc(var(--font-size) * 1.2em)
  /* font-size: 18px; */
  /* font-weight: bold; */
}

/* Separators (hr) */
.bs-docs-separator {
  margin: 0px 0px 1px;
}
/* Etiquetas para entradas marcadas */
 input:checked +label {
  color: #28a745;
  font-weight: bold;
} 
/*cambiamos estilo respuestas */
.form-check-label{
color:#666666;

}



/*gestion de errores*/

#investigador label.error {
  margin-left: 1px;
  width: 100%;
  color: white;
  font-weight: bold;
  background-color: #fca44cd8;
  padding: 5px 5px 5px 5px;
  border-radius: 3px;

}
#login label.error {
  margin-left: 1px;
  width: 100%;
  color: white;
  font-weight: bold;
  background-color: #fca44cd8;
  padding: 5px 5px 5px 5px;
  border-radius: 3px;

}

#login2 label.error {
  margin-left: 1px;
  width: 100%;
  color: white;
  font-weight: bold;
  background-color: #fca44cd8;
  padding: 5px 5px 5px 5px;
  border-radius: 3px;

}
#cambia label.error {
  margin-left: 1px;
  width: 100%;
  color: white;
  font-weight: bold;
  background-color: #fca44cd8;
  padding: 5px 5px 5px 5px;
  border-radius: 3px;

}

/* #login2 label.error {
  margin-left: 10px;
  width: auto;
  display: inline;
  color: white;
  font-weight: bold;
  background-color: #db2c2c;
  padding: 3px 6px;
  border-radius: 3px;
  position: absolute;
} */

#registro label.error:before {
  content: '';
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #db2c2c;
  border-left: 8px solid transparent;
  left: -16px;
  position: absolute;
  top: 5px;
}

#registro label.errorcc {
  margin-left: 1px;
  width: auto;
  color: white;
  font-weight: bold;
  background-color: #db2c2c;
  padding: 3px 6px;
  border-radius: 3px;
}

/* TABLAS */ 
/* centrada */

.tablaC td {
  vertical-align: middle;
 /* border: 1px solid #dddddd;*/
  text-align: center;
}
.tablaC th {
  vertical-align: middle;
 /* border: 1px solid #dddddd;*/
  text-align: center;
}

.tablaC2 td {
  vertical-align: top;
  border: 1px solid #dddddd;
  text-align: left;
}

.box.final_cajas {
  height: 310.594px;
}
.final_pie {
  text-align: center;
  color: rgb(101,101,101);
  margin-top: 20px;
}

.final_pie_superior {
  height: 37px;
  background-color: var(--main-color);
}

.cabecera_brand {
  width: 600px;
  padding-bottom: 17px;
  padding-top: 1px;
}