<?php //session_start();
  ///error_reporting(E_ALL);

//Nombre de botones columna 1

//btnbajopeso -->bajo peso
//btnnormal ---> normal
//btnsobrepeso -->sobrepeso
//btnobesidad --> obesidad

  ////recibimos los datos del post
  $vargenero = $_POST['genero'];

  $varconteo = $_POST['conteo'];

  $nomnom = $_POST['nom'];
  //logica de botones de la segunda columna
  $resultpoco = false;
  $resultnormal= false;
  $resultsobrep= false;
  $resultobesidad= false;
  $result1="";
  $result2="";
  $btnbajopeso=false;
  $img1234=false; // te falta 
  $img567=false; // te fala

  ///aqui se checa el conteo que dio

  if($varconteo == '1' || $varconteo == '2' || $varconteo == '3' || $varconteo == '4'){
    $img1234 = true;
    $img567= false;
  } 
  if($varconteo == '5' || $varconteo == '6' || $varconteo == '7'){
    $img1234= false;
    $img567 = true;
  }

  // hace lo de la segunda columna
  if($_POST['nom'] == 'poco' || $_POST['nom'] == 'bajo'){
      $resultpoco = true;
      $resultnormal= false;
      $resultsobrep= false;
      $resultobesidad= false;
    }
    if($_POST['nom'] == 'normal'){
      $resultnormal= true;
      $resultpoco = false;
      $resultsobrep=false;
      $resultobesidad=false;
    } 
    if($_POST['nom'] == 'sobrepeso'){
      $resultsobrep=true;
      $resultnormal=false;
      $resultpoco = false;
      $resultobesidad=false;
    } 
    if($_POST['nom'] == 'obesidad'){
      $resultobesidad=true;
      $resultnormal=false;
      $resultpoco = false;
      $resultsobrep=false;
    } 

    /******************************************** resultado de la tercera columna***********************************************/
    //se calculan las variables de las condiciones de la primera columna vs la segunda para dar resultado en
    //la tercer columna
    //boton bajo pso
    /*
    if(isset(($_POST['btnbajopeso'])) && ($resultpoco == true)){
          $result1=true;
    }else if (isset(($_POST['btnsobrepeso'])) && ($resultnormal == true)){
        $result1=false;
    } else if (isset(($_POST['btnsobrepeso'])) && ($resultsobrep == true)){
      $result1= false;
    } else if(isset(($_POST['btnsobrepeso'])) && ($resultobesidad == true)){
      $result1=false;
    }
    ////////////////////////////boton normal
    if(isset(($_POST['btnnormal'])) && ($resultnormal == true)){
      $result1=true;
    } else if (isset(($_POST['btnnormal'])) && ($resultpoco == true)) {
      $result1=false;
    } else if (isset(($_POST['btnnormal'])) && ($resultsobrep == true)) {
      $result1=false;
    } else if (isset(($_POST['btnnormal'])) && ($resultobesidad == true)) {
      $result1=false;
    }
    //////////////////////////////////////boton sobrepeso
    if(isset(($_POST['btnsobrepeso'])) && ($resultsobrep == true)){
      $result1=true;
    }else if (isset(($_POST['btnsobrepeso'])) && ($resultpoco == true)) {
      $result1=false;
    }
    else if (isset(($_POST['btnsobrepeso'])) && ($resultnormal == true)) {
      $result1=false;
    }
    else if (isset(($_POST['btnsobrepeso'])) && ($resultobesidad == true)) {
      $result1=false;
    }
    ///////////////////////////////////////boton obesidad
    if(isset(($_POST['btnobesidad'])) && ($resultobesidad == true)){
      $result1=true;
    }else if (isset(($_POST['btnobesidad'])) && ($resultpoco  == true)){
      $result1=false;
    }else if (isset(($_POST['btnobesidad'])) && ($resultnormal == true)){
      $result1= false;
    }else if (isset(($_POST['btnobesidad'])) && ($resultsobrep == true)){
      $result1=false;
    }*/
    /*************************************************resultado quinta columna***********************************************/
    /*
    if ((isset($_POST['btnbajopeso'])) && ($img1234 == true)) {
        $result2=false;
    } else if ((isset($_POST['btnnormal'])) && ($img1234 == true)){
        $result2=false;
    } else if ((isset($_POST['btnsobrepeso'])) && ($img1234 == true)){
        $result2=true;
    } else if ((isset($_POST['btnobesidad'])) && ($img1234 == true)){
        $result2=true;
    } 
    ///boton img567
    if ((isset($_POST['btnbajopeso'])) && ($img567 == true)){
      $result2=true;
    } else if ((isset($_POST['btnnormal'])) && ($img567 == true)){
      $result2=true;
    } else if ((isset($_POST['btnsobrepeso'])) && ($img567 == true)){
      $result2=false;
    } else if ((isset($_POST['btnbajopeso'])) && ($img1234 == true)){
      $result2=false;
    }*/
?>
  
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Tema 5</title>
  
  <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
  <!-- Bootstrap 3.3.2 -->
  <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  <!-- FontAwesome 4.3.0 -->
  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  <!-- Ionicons 2.0.0 -->
  <link href="http://code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css" rel="stylesheet" type="text/css" />
  <!-- Theme style -->
  <link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
  <!-- AdminLTE Skins. Choose a skin from the css/skins 
         folder instead of downloading all of them to reduce the load. -->
  <link href="dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
  <!-- iCheck -->
  <link href="plugins/iCheck/flat/blue.css" rel="stylesheet" type="text/css" />
  <!-- jvectormap -->
  <link href="plugins/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
  <!-- Date Picker -->
  <link href="plugins/datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
  <!-- Daterange picker -->
  <link href="plugins/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
  <!-- bootstrap wysihtml5 - text editor -->
  <link href="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
  <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
   <style type="text/css">
  .myButton {
  -moz-box-shadow: 0px 0px 0px 2px #4c6cc4;
  -webkit-box-shadow: 0px 0px 0px 2px #4c6cc4;
  box-shadow: 0px 0px 0px 2px #4c6cc4;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #93addb), color-stop(1, #3077c9));
  background:-moz-linear-gradient(top, #93addb 5%, #3077c9 100%);
  background:-webkit-linear-gradient(top, #93addb 5%, #3077c9 100%);
  background:-o-linear-gradient(top, #93addb 5%, #3077c9 100%);
  background:-ms-linear-gradient(top, #93addb 5%, #3077c9 100%);
  background:linear-gradient(to bottom, #93addb 5%, #3077c9 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#93addb', endColorstr='#3077c9',GradientType=0);
  background-color:#93addb;
  -moz-border-radius:23px;
  -webkit-border-radius:23px;
  border-radius:23px;
  border:1px solid #081742;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:17px;
  padding:12px 20px;
  text-decoration:none;
  text-shadow:0px 1px 0px #283966;
  margin-left:auto;
}
.myButton1 {
  -moz-box-shadow: 0px 0px 0px 2px #4c6cc4;
  -webkit-box-shadow: 0px 0px 0px 2px #4c6cc4;
  box-shadow: 0px 0px 0px 2px #4c6cc4;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #93addb), color-stop(1, #3077c9));
  background:-moz-linear-gradient(top, #93addb 5%, #3077c9 100%);
  background:-webkit-linear-gradient(top, #93addb 5%, #3077c9 100%);
  background:-o-linear-gradient(top, #93addb 5%, #3077c9 100%);
  background:-ms-linear-gradient(top, #93addb 5%, #3077c9 100%);
  background:linear-gradient(to bottom, #93addb 5%, #3077c9 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#93addb', endColorstr='#3077c9',GradientType=0);
  background-color:#93addb;
  -moz-border-radius:23px;
  -webkit-border-radius:23px;
  border-radius:23px;
  border:1px solid #081742;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:17px;
  padding:12px 20px;
  text-decoration:none;
  text-shadow:0px 1px 0px #283966;
  margin-left:auto;
}
.myButton:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3077c9), color-stop(1, #93addb));
  background:-moz-linear-gradient(top, #3077c9 5%, #93addb 100%);
  background:-webkit-linear-gradient(top, #3077c9 5%, #93addb 100%);
  background:-o-linear-gradient(top, #3077c9 5%, #93addb 100%);
  background:-ms-linear-gradient(top, #3077c9 5%, #93addb 100%);
  background:linear-gradient(to bottom, #3077c9 5%, #93addb 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3077c9', endColorstr='#93addb',GradientType=0);
  background-color:#3077c9;
}
.myButton:active {
  position:relative;
  top:1px;
}
td{
  text-align: center;
}
input{
  text-align: center
  justify-content: center
}
div.container-fluid.text-center form td input{
margin-left: auto;
  margin-right: auto;
}
/*input:invalid  {
  background: hsla(0, 90%, 70%, 1);
}

input:valid  {
  background: hsla(100, 90%, 70%, 1);
}*/
.nadecuado1{
  background-color: red;
}
.change:invalid{
  background-color: red;
}
input[type=radio]:checked + label{
    color: red;
    font-weight: bold;
}
div.no-print{
  display: none;
}
.aftereffect:active {
  background: #38AFE2;
  color: white;
}
</style>

</head>

<body class="skin-blue">
  <div class="wrapper">

    <header class="main-header">
      <!-- Logo -->
      <a href="index.html" class="logo"><img src="imagenes/CAMBIO SALUDABLE LOGO-01.png" alt="Smiley face" height="75" width="75"></a>
      <!-- Header Navbar: style can be found in header.less -->
      <nav class="navbar navbar-static-top" role="navigation">
        <!-- Sidebar toggle button-->
        <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
          <span class="sr-only">Toggle navigation</span>
        </a>
        <!--<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
            <span class="sr-only">Toggle navigation</span>
          </a>-->
        <div class="navbar-custom-menu">
          <ul class="nav navbar-nav">
            <li class="dropdown messages-menu">
              <a href="index.html">
                <h5><i>Inicio</i></h5>
              </a>
            </li>


            <li class="dropdown tasks-menu">
              <a href="contacto.html">
                <h5><i>Contacto</i></h5>
              </a>
            </li>

            <li class="dropdown tasks-menu">
              <a href="acerca.html">
                <h5><i>Acerca de</i></h5>
              </a>
            </li>
            <!-- User Account: style can be found in dropdown.less -->

          </ul>
        </div>
      </nav>
    </header>
    <!-- Left side column. contains the logo and sidebar -->
    <aside class="main-sidebar">
      <!-- sidebar: style can be found in sidebar.less -->
      <section class="sidebar">
        <!-- Sidebar user panel -->


        <!--Menu lateral de navegacion  -->
        <ul class="sidebar-menu">
          <li class="header"> MENÚ </li>

          <li class="treeview">
            <a href="#">
              <i class="fa fa-child"></i>
              <strong><span>Módulo 1: Entendiendo el exceso de peso</span>
                <i class="fa fa-angle-left pull-right"></i></strong>
            </a>
            <ul class="treeview-menu">
              <li><a href="presentacion1.html"><i class="fa fa-circle-o"></i> Presentación</a></li>
              <li><a href="m1t1.html"><i class="fa fa-circle-o"></i> Tema 1</a></li>
              <li><a href="m1t2.html"><i class="fa fa-circle-o"></i> Tema 2</a></li>
              <li><a href="m1t3.html"><i class="fa fa-circle-o"></i> Tema 3</a></li>
              <li><a href="m1t4.html"><i class="fa fa-circle-o"></i> Tema 4</a></li>
              <li><a href="m1t5.html"><i class="fa fa-circle-o"></i> Tema 5</a></li>
              <li><a href="m1t6.html"><i class="fa fa-circle-o"></i> Tema 6</a></li>
              <li><a href="m1t7.html"><i class="fa fa-circle-o"></i> Tema 7</a></li>
            </ul>
          </li>
          <li class="treeview">
            <a href="#">
              <i class="fa fa-question"></i>
              <strong><span>Módulo 2: ¿Cómo está el peso de mi hijo?</span>
                <i class="fa fa-angle-left pull-right"></i></strong>
            </a>
            <ul class="treeview-menu">
              <li><a href="presentacion2.html"><i class="fa fa-circle-o"></i> Presentación</a></li>
              <li><a href="m2t1.php"><i class="fa fa-circle-o"></i> Tema 1</a></li>
              <li><a href="m2t2.html"><i class="fa fa-circle-o"></i> Tema 2</a></li>
              <li><a href="m2t3.html"><i class="fa fa-circle-o"></i> Tema 3</a></li>
              <li><a href="m2t4.html"><i class="fa fa-circle-o"></i> Tema 4</a></li>
              <li><a href="m2t5.php"><i class="fa fa-circle-o"></i> Tema 5</a></li>
              <li><a href="m2t6.html"><i class="fa fa-circle-o"></i> Tema 6</a></li>
              <li><a href="m2t7.html"><i class="fa fa-circle-o"></i> Tema 7</a></li>
              <li><a href="m2t8.html"><i class="fa fa-circle-o"></i> Tema 8</a></li>
            </ul>
          </li>
          <li class="treeview">
            <a href="#">
              <strong><i class="fa fa-apple"></i> <span>Módulo 3: Prácticas Maternas de Alimentación y Actividad
                  Física</span>
                <i class="fa fa-angle-left pull-right"></i></strong>
            </a>
            <ul class="treeview-menu">
              <li><a href="presentacion3.html"><i class="fa fa-circle-o"></i> Presentación</a></li>
              <li><a href="m3t1.html"><i class="fa fa-circle-o"></i> Tema 1</a></li>
              <li><a href="m3t2.html"><i class="fa fa-circle-o"></i> Tema 2</a></li>
              <li><a href="m3t3.html"><i class="fa fa-circle-o"></i> Tema 3</a></li>
              <li><a href="m3t4.html"><i class="fa fa-circle-o"></i> Tema 4</a></li>
            </ul>
          </li>
          <li class="treeview">
            <a href="#">
              <strong><i class="fa fa-check"></i> <span>Módulo 4: Metas Maternas</span></strong>
              <i class="fa fa-angle-left pull-right"></i>
            </a>
            <ul class="treeview-menu">
                            <li><a href="presentacion4.html"><i class="fa fa-circle-o"></i> Presentación</a></li>
                            <li><a href="m4t1.html"><i class="fa fa-circle-o"></i> Tema 1</a></li>
                            <li><a href="m4t2.html"><i class="fa fa-circle-o"></i> Tema 2</a></li>
                            <li><a href="m4t3.html"><i class="fa fa-circle-o"></i> Tema 3</a></li>
                            <li><a href="m4t4.html"><i class="fa fa-circle-o"></i> Tema 4</a></li>
                        </ul>
          </li>
        </ul>
      </section>
    </aside>

    <div class="content-wrapper">
      <section class="content-header">
        <center><strong>
            <h3><b>Modulo 2 TEMA 5: Comparando percepción vs realidad</b></h3>
          </strong></center>
      </section>

      <div class="container-fluid text-center">
        <div class="text-left" style="margin-left: 10%; margin-right: 10%; padding: 10px; font-family: 'Montserrat', sans-serif; font-size: 16px; text-align: justify-all;">
          <h3><strong>Instrucciones</strong></h3>
          <p>En el siguiente apartado, tendrá que dar click en el enlace a continuación para abrir la <a target="_blank" rel="noopener noreferrer" href="https://www.cdc.gov/healthyweight/spanish/bmi/calculator.html">Calculadora del Percentil del IMC para niños y adolescentes</a>. Se deberán de llenar los campos necesarios de su hijo acerca de la edad, peso y estatura. Una vez presionado el boton Calcular, favor de identificar el resultado ya sea: <strong>Bajo de peso, Normal, Sobrepeso u Obesidad.</strong></p>
          <p>Según el resultado anterior, favor de seleccionar el boton del <b>Peso de mi hijo</b> que <b>corresponda al resultado  de la calculadora</b> (columna azul).</p>
        </div>
        <br>
        <br>
        <br>
        <form action="m2t5.php" method="post">
          <div class="table-responsive" style=" font-family: 'Montserrat', sans-serif; font-size: 14px;text-align: center; padding: 10px; margin-left: 5%; margin-right: 5%;">
            <table class="table" border="1">
              <tr style='background-color:green; color:white;'>
                <td style="background-color: teal;">Peso de mi hijo</td>
                <td style="background-color: #24BC42; pointer-events: none;">Cómo considerar el peso de su hijo (mi respuesta)</td>
                <td style="background-color: #24BC42;  pointer-events: none;">Percepción adecuada / no adecuada</td>
                <td style="background-color: #24BC42;  pointer-events: none;">Por imagenes (mi respuesta)</td>
                <td style="background-color: #24BC42;  pointer-events: none;">Percepción adecuada / no adecuada</td>
              </tr>
              <!--Primera fila!-->
              <tr>
                <td> <!--boton de bajo peso -->
                  <label>
                     <input id="btnpesobp" type="button" class="aftereffect" name="Peso" value="Bajo Peso" onclick = "ppeso()">
                  </label>
                </td>
                <td style="pointer-events: none;">
                  <label  id="LblBajopeso"> <!--radio button Bajo peso  -->
                    <input id="bpso" type="radio" name="rdb1" value="rdbbajo" hidden
                    <?php if ($resultpoco == true) {echo 'checked';} ?>>Bajo/a de peso o un poquito bajo/a de peso
                  </label>
                </td>
                  <!--adecuado-->       <!--radio button adecuado 1  -->                                         
                  <td style="pointer-events: none;">
                    <label id="lblAdecuado">
                    <input id ="rdbAdecuado" type="radio" onclick="myFunction2()" name="rdb2" value="rdbadecuado" hidden
                    <?php if ($result1 == true) { echo 'checked'; } ?>>Adecuado
                    </label>
                  </td>
                  <!--radio button imagenes 5, 6 y 7  -->
                <!--/////////////////////////////////////////imagen5,6 y 7///////////////////////////////-->
                <td style="pointer-events: none;">
                  <label id="lblImg5">
                    <input id="rdbImg5" type="radio" name="rdb3" value="rdbimagen1" hidden
                    <?php if ($img567 == true) {echo 'checked';} ?>>Imagen 5, 6 y 7</label></td>
                <!--adecuado-->
                <td style="pointer-events: none;">
                  <label id="lblAdecuado2">
                    <input id ="rdbAdecuado2" type="radio"  name="rdb4" value="rdbadecuado2" hidden
                    <?php if ($result2 == true) { echo 'checked'; } ?>>Adecuado
                  </label>
                </td>
              </tr>
              <!--Segunda fila!-->
              <tr>
                <td>
                  <label>
                    <input id="btnpesonormal" type="button" name="Peso" class="aftereffect" value="Normal" onclick="normalin()">
                  </label>
                </td>
                <td style="pointer-events: none;"> <!-- hace que no haga click el usuario!-->
                  <label id="Lblnormal">
                    <input id="nrml" type="radio" name="rdb1" value="rdbmasomenos" hidden
                  <?php if ($resultnormal == true) {echo 'checked';} ?>>Más o menos con el peso correcto
                </label>
              </td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
              <!--Tercera fila!-->
              <tr>
                <td>
                  <label>
                    <input id="btnpesosobrepeso" type="button" name="Peso" class="aftereffect" value="Sobrepeso" onclick="sobrepsin()">
                  </label>
                </td>
                <td style="pointer-events: none;"> <!--- hace que no haga click el usuario !-->
                  <label id="LblPocosobrepeso">
                    <input id="rdbspeso" type="radio" name="rdb1" value="rdbpoco"  hidden
                    <?php if ($resultsobrep == true) {echo 'checked';} ?>>Con un poco de sobrepeso
                  </label>
                </td>
                <!--***************************no adecuado*******************-->
                <td style="pointer-events: none;">
                  <label id ="lblNoAdecuado" >
                    <input id="rdbNoAdecuado" type="radio" onclick="myFunction2()" name="rdb2" value="rdbnoadecuado"    hidden
                      <?php if ($result1 == false) { echo 'checked'; } ?>>No Adecuado
                  </label>
                </td>
                <!-- ///////////////////////////////imagen 1, 2, 3 y 4///////////////////////////////////-->
                <td style="pointer-events: none;">
                  <label id="lblImg2">
                    <input id="rdbImg2" type="radio" name="rdb3" value="rdbimagen2" hidden
                    <?php if ($img1234 == true) {echo 'checked';} ?>>Imagen 1, 2, 3 y 4
                  </label>
                </td>
                <!--********************no adecuado**********************-->
                <td style="pointer-events: none;">
                  <label id ="lblNoAdecuado2" >
                    <input id="rdbNoAdecuado2" type="radio" name="rdb4" value="rdbnoadecuado2" id="nadecuado2" hidden
                    
                    <?php if ($result2 == false) { echo 'checked';} ?> >No Adecuado
                  </label>
                </td>
              </tr>
              <!--Cuarta fila!-->
              <tr>
                <td>
                  <label>
                     <input id="btnpesoobesidad" type="button" name="Peso"  class="aftereffect" value="Obesidad" onclick="esponjoso()">
                  </label>
                </td>
                <td style="pointer-events: none;">
                  <label  id="LblSobrepeso">
                    <input id="rdbsobrepeso" type="radio" name="rdb1" value="rdbobeso" hidden
                    <?php if ($resultobesidad == true) {echo 'checked';} ?>>Con sobrepeso
                  </label>
                </td>
                <td>
                  <p></p>
                </td>
                <td></td>
                <td>
                  <p></p>
                </td>
              </tr>
            </table>
        </form>
      </div>
    </div>
	<div>
	<center>
        <a href="m2t4.html" class="myButton">Regresar</a>
        <a href="m2t6.html" class="myButton1">Siguiente</a>
		</center>
      </div>
  </div><!-- ./wrapper 

<script>
  var adec1 = document.getElementById('adecuado1');
  var adec2 = document.getElementById('adecuado2');
  var ndec1=  document.getElementById('nadecuado1');
  var ndec2=  document.getElementById('nadecuado2');
  if( document.getElementById('adecuado1').rbdadecuado) {
    adec1.style.color = '#000';
  }else if(document.getElementById('nadecuado1').rbdadecuado) {
    adec2.style.color = '#FF0000';
}
</script>-->
  <!-- jQuery 2.1.3 -->
  <script src="plugins/jQuery/jQuery-2.1.3.min.js"></script>
  <!-- jQuery UI 1.11.2 -->
  <script src="http://code.jquery.com/ui/1.11.2/jquery-ui.min.js" type="text/javascript"></script>
  <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
  <script>
    $.widget.bridge('uibutton', $.ui.button);
  </script>
  <!-- Bootstrap 3.3.2 JS -->
  <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
  <!-- Sparkline -->
  <script src="plugins/sparkline/jquery.sparkline.min.js" type="text/javascript"></script>
  <!-- jvectormap -->
  <script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js" type="text/javascript"></script>
  <script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script>
  <!-- jQuery Knob Chart -->
  <script src="plugins/knob/jquery.knob.js" type="text/javascript"></script>
  <!-- daterangepicker -->
  <script src="plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
  <!-- datepicker -->
  <script src="plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>
  <!-- iCheck -->
  <script src="plugins/iCheck/icheck.min.js" type="text/javascript"></script>
  <!-- Slimscroll -->
  <script src="plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
  <!-- FastClick -->
  <script src='plugins/fastclick/fastclick.min.js'></script>
  <!-- AdminLTE App -->
  <script src="dist/js/app.min.js" type="text/javascript"></script>

  <!-- AdminLTE for demo purposes -->
  <script src="dist/js/demo.js" type="text/javascript"></script>

  
  <!-- SCRIPT QUE CAMBIA EL COLOR DEL TEXTO DEPENDIENDO SI ES ADECUADO O NO ADECUADO 
    SI FUNCIONA, FAVOR DE NO MOVERLE A NADA ** NADA DE NADAAAAAAAAAAAA-->
<script type="text/javascript">
      $( document ).ready(function() {
        /*
        if($('#rdbAdecuado').is(':checked')) {
          $("#lblAdecuado").css("color", "blue");
        } else{
          $("#lblNoAdecuado").css("color", "red");
        }
        if($('#rdbAdecuado2').is(':checked')) {
          $("#lblAdecuado2").css("color", "blue");
        } else {
          $("#lblNoAdecuado2").css("color", "red");
        }*/
        if($('#bpso').is(':checked')){
            $('#LblBajopeso').css("color","#2EA00B");
        }
        if($('#nrml').is(':checked')){
            $('#Lblnormal').css("color","#2EA00B");
        }
        if($('#rdbspeso').is(':checked')){
            $('#LblPocosobrepeso').css("color","#2EA00B");
        }
        if($('#rdbsobrepeso').is(':checked')){
            $('#LblSobrepeso').css("color","#2EA00B");
        }
        if($('#rdbImg5').is(':checked')){
          $('#lblImg5').css("color","#2EA00B");
        }
        if($('#rdbImg2').is(':checked')){
          $('#lblImg2').css("color","#2EA00B");
        }
        if($('#rdbImg2').is(':checked')){
          $('#lblImg2').css("color","#2EA00B");
        }
      });
/*
      $( document ).ready(function() {
        var genero1 = '<?php   echo $vargenero; ?>'
        var conteo1 = '<?php   echo $varconteo; ?>'
        var nomnom = '<?php    echo $nomnom; ?>'
        var resultpoco = false;
        var   resultnormal= false;
        var   resultsobrep= false;
        var   resultobesidad= false;
        var result1=false;
        var result2=false;
        var btnbajopeso=false;
        var img1234=false; // te falta 
        var img567=false; // te fala

*/        //funcion de la tercer columna 
        function ppeso (){
          alert("Hizo click en el boton de bajo peso");
          if($('#bpso').is(':checked')){
              //si es correcto se pone de este color
             $("#lblAdecuado").css("color", "blue");

          }else{
              //si no es correcto se pone de este color
              $("#lblNoAdecuado").css("color", "red");
          }
          if($('#rdbImg2').is(':checked')){
              $("#lblAdecuado2").css("color", "blue");
        }else{
            $("#lblNoAdecuado2").css("color", "red"); //no funciona(?)
          }
        }
          //funcion de la tercer columna normal
        function normalin (){
           alert("Hizo click en el boton de peso normal");
          if($('#nrml').is(':checked')){
              //si es correcto se pone de este color
             $("#lblAdecuado").css("color", "blue");

          }else{
              //si no es correcto se pone de este color
              $("#lblNoAdecuado").css("color", "red");
          }
          if($('#rdbImg5').is(':checked')){
              $("#lblAdecuado2").css("color", "blue");
          }else{
              $("#lblNoAdecuado2").css("color", "red"); //no funciona(?)
         }
        }
        //funcion de la tercer columna sobrepeso
        function sobrepsin (){
           alert("Hizo click en el boton de sobrepeso");
          if($('#rdbspeso').is(':checked')){
              //si es correcto se pone de este color
             $("#lblAdecuado").css("color", "blue");

          }else{
              //si no es correcto se pone de este color
              $("#lblNoAdecuado").css("color", "red");
          }
          if($('#rdbImg2').is(':checked')){
              $("#lblAdecuado2").css("color", "blue");
           }else{
              $("#lblNoAdecuado2").css("color", "red"); //no funciona(?)
          }
        }
        //funcion de la tercer columna obesidad
        function esponjoso (){
           alert("Hizo click en el boton de obesidad");
          if($('#rdbsobrepeso').is(':checked')){
              //si es correcto se pone de este color
             $("#lblAdecuado").css("color", "blue");

          }else{
              //si no es correcto se pone de este color
              $("#lblNoAdecuado").css("color", "red");
          }

        if($('#rdbImg2').is(':checked')){
          $("#lblAdecuado2").css("color", "blue");
        }else{
          $("#lblNoAdecuado2").css("color", "red"); //no funciona(?)
        }
      }
  </script>
</body>

</html>