Files
Colaborando/colaborando2.php
cheveguerra 96fee5ccd3 * **Nuevo botón de Pantalla Completa:** Integrado en los encabezados de la pantalla de Resumen y el Tablero mediante la API de Fullscreen de HTML5, actualizando su texto de forma reactiva a eventos del navegador.
*   **Alineación de Departamentos:** Se fijó la altura (38px) de la celda de habilidad especial en el tablero y se restauró el tamaño de letra original (14px) con un line-height controlado (1.2) para evitar desfases de altura cuando el texto ocupa dos líneas sin perder legibilidad.
2026-07-03 00:47:29 -06:00

1412 lines
97 KiB
PHP

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colaborando</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');
body,
input {
font-family: 'Ubuntu', sans-serif;
font-size: 14px;
}
table {
width: 100%;
border-collapse: collapse;
}
.proyectos td {
border-bottom: 1px solid gray;
}
#proyectoDescripcion {
font-size: 14px;
height: 80px;
}
#tablaAccionesPosibles td {
vertical-align: top;
}
#activosProyectoGde td {
border: 1px solid black;
}
/* th, td { */
/* border: 1px solid #000; */
/* padding: 8px; */
/* text-align: left; */
/* } */
.actNinguno {
background-color: white;
width: 35px;
}
.actPersonalCalificado {
background-color: yellow;
width: 35px;
}
.actAnalistas {
background-color: orange;
width: 35px;
}
.actFlujoDeEfectivo {
background-color: limegreen;
width: 35px;
}
.actCreditoEInversion {
background-color: blueviolet;
width: 35px;
color: white;
}
.actTecnologia {
background-color: red;
width: 35px;
color: white;
}
.actTransporteYMaquinaria {
background-color: blue;
width: 35px;
color: white;
}
.dificultad1 {
color: limegreen;
font-size: 14px;
}
.dificultad2 {
color: orange;
font-size: 14px;
}
.dificultad3 {
color: red;
font-size: 14px;
}
.draggable,
.proyectoEncabezado,
#activoReqProyectoNom1,
#activoReqProyectoNom2,
#activoReqProyectoNom3,
.departamentos,
#accionGestionarProyecto,
#accionComprarCapacitacion,
#accionHabilidadEspecial {
cursor: pointer;
}
#recursosDisponiblesGde {
font-size: 18px;
font-weight: 700;
}
#tiempoCh,
#personalCh,
#capitalCh,
#recursoDispTiempoGde,
#recursoDispPersonalGde,
#recursoDispCapitalGde {
font-size: 18px;
font-weight: 700;
}
.ui-button.ui-state-disabledxx {
background-color: #ff0000;
/* Cambia el color de fondo a rojo */
color: #ffffff;
/* Cambia el color del texto a blanco */
}
.alertTitleBar {
background-color: crimson;
color: white;
}
.ui-dialog-titlebar {
background-color: crimson;
color: white;
}
.nav-button {
display: inline-block;
padding: 6px 10px;
font-size: 14px;
font-weight: bold;
color: #fff !important;
background-color: #007bff;
border-radius: 4px;
text-decoration: none;
text-align: center;
}
.nav-button:hover {
background-color: #0056b3;
}
</style>
<!-- <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> -->
<link rel="stylesheet" href="js\jquery-ui.min.css">
<style>
/* Cambia el estilo de la barra de título de la ventana emergente de diálogo */
.ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
background-color: crimson;
color: white;
}
/* Cambia el estilo de la barra de título de la ventana emergente de diálogo */
.ui-widget.ui-widget-content {
/* border: 1px solid #c5c5c5; */
border-color: crimson;
border-width: 5px;
}
/* Cambia el estilo del contenido de la ventana emergente de diálogo */
.ui-dialog .ui-dialog-content {
font-size: 16px;
font-weight: bold;
text-align: center;
}
/* Cambia el estilo del botón de la ventana emergente de diálogo */
.ui-dialog .ui-dialog-buttonpane button {
font-size: 17px;
}
</style>
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="colaborando_arreglos.js?v=<?php echo filemtime('colaborando_arreglos.js'); ?>"></script>
<script src="manejoDeSesiones.js?v=<?php echo filemtime('manejoDeSesiones.js'); ?>"></script>
<!-- <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> -->
</head>
<body>
<div style="/*display:inline-block;*/display:none;width:29.8%;box-sizing:border-box;border:solid 3px;border-color:gray;vertical-align:top;">
<table class="renglonSup">
<tr>
<td colspan="10" style="height:28px;text-align:center;font-size:18px;font-weight:700;border-bottom:1px solid black;">Departamento a Cargo</td>
</tr>
<tr>
<td colspan="8" id="nombreDeptoGde" style="text-align:center;font-size:16px;font-weight:700;width:60%;height:42px;">RECURSOS HUMANOS<span id="deptoNombresGde"></span></td>
<td>
<div id="activoGde1" class="draggable activo-item" style="border:1px solid black;padding:5px;width:20px;text-align:center;float:right;">1</div>
</td>
<td>
<div id="activoGde2" class="draggable activo-item" style="border:1px solid black;padding:5px;width:20px;text-align:center;">2</div>
</td>
</tr>
<tr>
<td colspan="6" id="deptoNombresGdeXX" style="text-align:center;height:1px;"></td>
<td colspan="4" rowspan="8" id="imagenDepto" style="text-align:center;vertical-align:top;"><img id="imagenDeptoGde" src="img/depto-recursos.png" style="text-align:center;width:190px;"><span id="nuevoNombreDeptoGde" style="font-weight:bold;font-size:16px;"></span></td>
</tr>
<tr>
<td colspan="6" style="text-align:center;background-color:gray;color:white;height:25px;">Recursos Disponibles</td>
</tr>
<tr>
<td colspan="6" id="recursosDisponiblesGde" style="height:80px;text-align:center;">
<table style="margin-left:8px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width:32%;">
<table style="width:80px;">
<tr>
<td style="text-align:center;">
<div stylex="vertical-align:middle;display:inline-block;position:relative;z-index:5;">
<img src="img/tiempoNegro.png" height="48px">
</div>
<div stylex="display:inline-block;color:white;margin-left:-28px;background-color:black;padding-left:30px;z-index:0;padding-right:10px;padding-top:5px;padding-bottom:5px;" id="recursoDispTiempoGde" class="draggable recurso-item">
2
</div>
</td>
</tr>
</table>
</td>
<td style="width:32%;">
<table style="width:80px;">
<tr>
<td style="text-align:center;">
<div stylex="vertical-align:middle;display:inline-block;position:relative;z-index:5;">
<img src="img/personalNegro.png" height="48px">
</div>
<div stylex="display:inline-block;color:white;margin-left:-28px;background-color:black;padding-left:30px;z-index:0;padding-right:10px;padding-top:5px;padding-bottom:5px;" id="recursoDispPersonalGde" class="draggable recurso-item">
2
</div>
</td>
</tr>
</table>
</td>
<td style="width:32%;">
<table style="width:80px;">
<tr>
<td style="text-align:center;">
<div stylex="vertical-align:middle;display:inline-block;position:relative;z-index:5;">
<img src="img/capitalNegro.png" height="48px">
</div>
<div stylex="display:inline-block;color:white;margin-left:-28px;background-color:black;padding-left:30px;z-index:0;padding-right:10px;padding-top:5px;padding-bottom:5px;" id="recursoDispCapitalGde" class="draggable recurso-item">
<!-- stylex="display:inline-block;color:white;margin-left:-28px;" -->
2
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="6" style="text-align:center;background-color:gray;color:white;height:25px;">Habilidades Acreditadas</td>
</tr>
<tr>
<td colspan="6" style="text-align:center; height:30px;" id="habilidadesAcreditadasGde1"></td>
</tr>
<tr>
<td colspan="6" style="text-align:center; height:30px;" id="habilidadesAcreditadasGde2"></td>
</tr>
<tr>
<td colspan="6" style="text-align:center; height:30px;" id="habilidadesAcreditadasGde3"></td>
</tr>
<tr>
<td colspan="10" style="text-align:center;background-color:gray;color:white;height:20px;">Habilidad Especial / Quincenal</td>
</tr>
<tr>
<td colspan="10" id="accionEspecialGde" style="text-align:center;background-color:silver;color:black;height:38px;line-height:1.2;vertical-align:middle;">.</td>
</tr>
</table>
</div>
<table borderx stylex="border:3px solid red;">
<tr style="vertical-align:top;">
<td id="renglonSuperior"> <!-- Columna colaborando -->
<div style="display:inline-block;width:100%;box-sizing:border-box;border:solid 3px;border-color:gray;vertical-align:top;">
<table class="renglonSup">
<tr>
<td colspan="8" style="text-align:center;">
<img id="logo" src="img/logoColaborando-tablero.png">
<div style="display: flex; justify-content: space-between; align-items: center; padding: 0 15px;">
<div id="nombreSesion" style="font-weight: bold; font-size: 16px; color: #555;"></div>
<div style="display: flex; gap: 5px;">
<button id="btnFullscreen" onclick="toggleFullscreen()" class="nav-button" style="border: none; cursor: pointer;">Pantalla Completa</button>
<a href="resumen.php?n=<?php echo htmlspecialchars($_GET['n'] ?? $_GET['nombre'] ?? ''); ?>" class="nav-button">Ir al Resumen</a>
</div>
</div>
</td>
</tr>
<tr id="trimestreQuincenaComparativo">
<td colspan="2" style="text-align:center;"> <!--- Trimestre -->
<br><br>
Trimestre
<br>
<div id="trimestre">
<table border="1" style="width:90%;height:25px;margin-left:5px;">
<tr>
<td id="T1">1</td>
<td id="T2">2</td>
<td id="T3">3</td>
<td id="T4">4</td>
</tr>
</table>
</div>
<br>
</td>
<td colspan="2" style="text-align:center;"> <!--- Quincena -->
<div id="quincena" style="text-align:-webkit-center;">
<br><br>
<div>Quincena</div>
<table id="tablaQuincena" border="1" style="text-align:center;width:110px;height:25px;margin-left:5px;">
<tr>
<td><button id="bMenos">&nbsp;-&nbsp;</button></td>
<td>
<input id="etQuincena" type="text" style="width:25px;text-align:center" id="quincena1" value="1">
</td>
<td><button id="bMas">&nbsp;+&nbsp;</button></td>
</tr>
</table>
</div>
<br>
</td>
</tr>
<tr>
<td style="text-align:center;vertical-align:top;"><!--- Reloj -->
<div id="timer"><span id="time" style="font-size:20px;">2:00</span></div>
<div class="button-container">
<button id="relojStartPauseButton" onclick="relojToggleTimer()">Iniciar</button>
<!-- <button onclick="relojPauseTimer()">Pausar</button> -->
<button onclick="relojResumeTimer()">Continuar</button>
</div>
<input type="range" id="timeRange" min="1" max="3" value="1" step="1" oninput="relojUpdateTime()">
<div id="rangeValue" style="font-weight: bold;">2 min</div>
<!-- <script src="timer.js"></script> -->
</td>
<td colspan="2" style="text-align:center;">
Comparativo<br>
<div id="comparativo">1</div>
<br>
</td>
</tr>
<tr>
<td colspan="4" style="text-align:center;"><!-- Generar Recursos -->
<br>
<button id="RGR" class="ui-button ui-widget ui-corner-all">Generar Recursos</button><button id="asignarRecursos" class="ui-button ui-widget ui-corner-all">Asignar >></button>
<!-- <button id="RGR2">Generar Recursos</button> <button id="asignarRecursos2" disabled>Asignar >></button> -->
<table style="height:55px;width:200px;margin:0 auto;">
<tr>
<td><span id="recRand1"></span></td>
<td><span id="recRand2"></span></td>
<td><span id="recRand3"></span> </td>
<td><span id="recRand4"></span> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2" style="text-align:center;">
<br>
<input type="checkbox" name="habilidadesAcreditadas" id="habilidadesAcreditadas">
<label for="habilidadesAcreditadas"> &nbsp;&nbsp;Capacitaciones</label>
<table id="tablaHabilidadesAcreditadas" actual="" style="height:55px;width:160px;margin:0 auto;">
<tr>
<td><span id="haNombre" style="font-weight:bold;"></span></td>
</tr>
<tr>
<td><span id="haCosto"></span></td>
</tr>
</table>
</td>
<td style="text-align:center;">
<br>
Acciones<br><br>
<div>
<button id="bAccion1" style="width:40px;" onclick="toggleColor(this)">1</button>
<button id="bAccion2" style="width:40px;" onclick="toggleColor(this)">2</button>
</div>
<br>
<div style="height:25px;"></div>
</td>
</tr>
<tr>
<td colspan=4 style="vertical-align:top"><!--- Tabla Descripcion Activos -->
<br>
<table id="tablaActivos" style="border:1px solid black;width:100%">
<tr>
<td colspan="2" style="text-align:center;background-color:gray;color:white;height:20px;">ACTIVOS</td>
<td colspan="2" style="text-align:center;background-color:gray;color:white;">Producción</td>
<td colspan="2" style="text-align:center;background-color:gray;color:white;">Recuperación</td>
</tr>
<tr>
<td colspan="2" style="text-align:center;" class="actPersonalCalificado">Personal calificado</td>
<td id="activosPersonalCalificado" colspan="2" style="text-align:center;">1T + 2P + 2C</td>
<td id="recuperacionPersonalCalificado" colspan="2" style="text-align:center;">1P + 1C</td>
</tr>
<tr>
<td colspan="2" style="text-align:center;" class="actAnalistas">Analistas</td>
<td id="activosAnalistas" colspan="2" style="text-align:center;">1T + 2P + 2C</td>
<td id="recuperacionAnalistas" colspan="2" style="text-align:center;">1P + 1C</td>
</tr>
<tr>
<td colspan="2" style="text-align:center;" class="actFlujoDeEfectivo">Flujo de efectivo</td>
<td id="activosFlujoDeEfectivo" colspan="2" style="text-align:center;">1T + 2P + 2C</td>
<td id="recuperacionFlujoDeEfectivo" colspan="2" style="text-align:center;">1P + 1C</td>
</tr>
<tr>
<td colspan="2" style="text-align:center;" class="actCreditoEInversion">Crédito e Inversión</td>
<td id="activosCreditoEInversiono" colspan="2" style="text-align:center;">1T + 2P + 2C</td>
<td id="recuperacionCreditoEInversion" colspan="2" style="text-align:center;">1P + 1C</td>
</tr>
<tr>
<td colspan="2" style="text-align:center;" class="actTecnologia">Tecnología</td>
<td id="activosTecnologia" colspan="2" style="text-align:center;">1T + 2P + 2C</td>
<td id="recuperacionTecnologia" colspan="2" style="text-align:center;">1P + 1C</td>
</tr>
<tr>
<td colspan="2" style="text-align:center;" class="actTransporteYMaquinaria">Transporte y Maquinaria</td>
<td id="activosTransporteYMaquinaria" colspan="2" style="text-align:center;">1T + 2P + 2C</td>
<td id="recuperacionTransporteYMaquinaria" colspan="2" style="text-align:center;">1P + 1C</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan=4 style="vertical-align:top">
<br>
<table id="tablaAccionesPosibles" style="width:100%;border:1px solid black;">
<tr>
<td style="text-align:center;background-color:gray;color:white;height:20px;" colspan=2>Acciones Posibles</td>
</tr>
<tr>
<td>1.-</td>
<td>Generar recursos</td>
</tr>
<tr>
<td>2.-</td>
<td> Generar activos</td>
</tr>
<tr>
<td>3.-</td>
<td> Intercambiar recursos</td>
</tr>
<tr>
<td>4.-</td>
<td> <span id="accionGestionarProyecto">Gestionar nuevo proyecto</span></td>
</tr>
<tr>
<td>5.-</td>
<td> Convocar junta</td>
</tr>
<tr>
<td>6.-</td>
<td> <span id="accionComprarCapacitacion">Abrir/Cambiar/Comprar habilidad</span></td>
</tr>
<tr>
<td>7.-</td>
<td> Colocar activos recuperados</td>
</tr>
<tr>
<td>8.-</td>
<td> <span id="accionHabilidadEspecial">Habilidad especial</span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="4" align="center"><br>
<table border width="100%">
<tr>
<td style="text-align:center;background-color:gray;color:white;height:20px;width:50%;" colspan=1>Proyectos<br>Terminados</td>
<td style="text-align:center;background-color:gray;color:white;height:20px;width:50%;" colspan=1>Incidencias<br>Solventadas</td>
</tr>
<tr>
<td id="proyectosTerminados" style="width:25%;text-align:center;padding-top:10px;padding-bottom:10px;background-color:limegreen;font-weight:bold;font-size:19px;">0</td>
<td id="incidenciasTerminadas" style="width:25%;text-align:center;padding-top:10px;padding-bottom:10px;background-color:orange;font-weight:bold;font-size:19px;">0</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
<td id="renglonDeptos" style="text-align:-webkit-center;"> <!-- Columna deptos -->
<div style="display:inline-block;width:48%;box-sizing:border-box;border:solid 3px;border-color:gray;margin-right:1px;">
<table style="border-collapse: collapse;" class="departamentos droppableRecursos " id="MarketingYVentas">
<tr>
<td colspan="3" style="text-align:center;border-bottom:1px solid gray;padding-bottom:5px;padding-top:5px;height:35px;">
<table>
<tr>
<td colspan=2>
<table>
<tr>
<td style="text-align:center"><span id="nombreDeptoCh" style="font-size:20px;font-weight:bold;">MARKETING Y VENTAS</span></td>
<!-- <td style="text-align:center;width:35%"><span class="personasDepto">Hugo, Paco y Luis</span> -->
</tr>
</table>
</td>
</tr>
<tr>
<td class="deptoNombre" style="width:200px;">
<img id="imagenDeptoGde" src="img/depto-marketing.png" style="text-align:center;width:190px;"><br>
<span style="border:1px solid black;padding:5px;" class="actPersonalCalificado draggable activo-item" id="activoCh1">1</span>
<span style="border:1px solid black;padding:5px;" class="actFlujoDeEfectivo draggable activo-item" id="activoCh2">2</span>
<div style="padding-top:10px">
<table>
<tr>
<td colspan="10" style="text-align:center;background-color:gray;color:white;height:20px;">Habilidad Especial / Quincenal</td>
</tr>
<tr>
<td colspan="10" id="accionEspecialGde" style="text-align:center;background-color:silver;color:black;height:38px;line-height:1.2;vertical-align:middle;"> </td>
</tr>
</table>
</div>
</td>
<td style="vertical-align:top;">
<table>
<tr>
<td style="text-align:center;width:35%"><span class="personasDepto">Hugo, Paco y Luis</span>
<div style="height:5px;">&nbsp;</div>
</tr>
<tr>
<td colspan="6" style="text-align:center;background-color:gray;color:white;height:25px;">Recursos Disponibles</td>
</tr>
</table>
<table>
<tr style="vertical-align:middle;border-bottom:1px solid gray;">
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/tiempoCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="tiempoCh" class="draggable recurso-item">2</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/personalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="personalCh" class="draggable recurso-item">3</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/capitalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="capitalCh" class="draggable recurso-item">1</div>
</td>
</tr>
<tr>
<td colspan="6" style="text-align:center;background-color:gray;color:white;height:25px;">Habilidades Acreditadas</td>
</tr>
<tr>
<td colspan="6" style="text-align:center; height:30px;" id="habilidadesAcreditadasCh1"></td>
</tr>
<tr>
<td colspan="6" style="text-align:center; height:30px;" id="habilidadesAcreditadasCh2"></td>
</tr>
<tr>
<td colspan="6" style="text-align:center; height:30px;" id="habilidadesAcreditadasCh3"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div style="display:inline-block;width:48%;box-sizing:border-box;border:solid 3px;border-color:gray;margin-right:1px;">
<table style="border-collapse: collapse;" class="departamentos droppableRecursos " id="Finanzas">
<tr>
<td colspan="3" style="text-align:center;border-bottom:1px solid gray;padding-bottom:5px;padding-top:5px;height:35px;">
<table>
<tr>
<td colspan=2>
<table>
<tr>
<td style="text-align:center"><span id="nombreDeptoCh" style="font-size:20px;font-weight:bold;">FINANZAS</span></td>
<!-- <td style="text-align:center;width:35%"><span class="personasDepto">Hugo, Paco y Luis</span> -->
</tr>
</table>
</td>
</tr>
<tr>
<td class="deptoNombre" style="width:200px;">
<img id="imagenDeptoGde" src="img/depto-finanzas.png" style="text-align:center;width:190px;"><br>
<span style="border:1px solid black;padding:5px;" class="actFlujoDeEfectivo draggable activo-item" id="activoCh1">1</span>
<span style="border:1px solid black;padding:5px;" class="actCreditoEInversion draggable activo-item" id="activoCh2">2</span>
<div style="padding-top:10px">
<table>
<tr>
<td colspan="10" style="text-align:center;background-color:gray;color:white;height:20px;">Habilidad Especial / Quincenal</td>
</tr>
<tr>
<td colspan="10" id="accionEspecialGde" style="text-align:center;background-color:silver;color:black;height:38px;line-height:1.2;vertical-align:middle;"> </td>
</tr>
</table>
</div>
</td>
<td style="vertical-align:top;">
<table>
<tr>
<td style="text-align:center;width:35%"><span class="personasDepto">Hugo, Paco y Luis</span>
<div style="height:5px;">&nbsp;</div>
</tr>
<tr>
<td colspan="6" style="text-align:center;background-color:gray;color:white;height:25px;">Recursos Disponibles</td>
</tr>
</table>
<table>
<tr style="vertical-align:middle;border-bottom:1px solid gray;">
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/tiempoCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="tiempoCh" class="draggable recurso-item">2</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/personalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="personalCh" class="draggable recurso-item">3</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/capitalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="capitalCh" class="draggable recurso-item">1</div>
</td>
</tr>
<tr>
<td colspan="6" style="text-align:center;background-color:gray;color:white;height:25px;">Habilidades Acreditadas</td>
</tr>
<tr>
<td colspan="6" style="text-align:center; height:30px;" id="habilidadesAcreditadasCh1"></td>
</tr>
<tr>
<td colspan="6" style="text-align:center; height:30px;" id="habilidadesAcreditadasCh2"></td>
</tr>
<tr>
<td colspan="6" style="text-align:center; height:30px;" id="habilidadesAcreditadasCh3"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<!-- <div style="display:inline-block;width:48%;box-sizing:border-box;border:solid 3px;border-color:gray;margin-right:1px;">
<table style="border-collapse:collapse;" class="departamentos droppableRecursos " id="Finanzas">
<tr>
<td colspan="3" style="text-align:center;border-bottom:1px solid gray;padding-bottom:5px;padding-top:5px;height:35px;">
<table>
<tr>
<td class="deptoNombre"><span id="nombreDeptoCh">FINANZAS</span></td>
<td style="width:25%;">
<span style="border:1px solid black;padding:5px;" class="actFlujoDeEfectivo" id="activoCh1">1</span>
<span style="border:1px solid black;padding:5px;" class="actCreditoEInversion" id="activoCh2">2</span>
</td>
</tr>
</table>
</td>
</tr>
<tr style="vertical-align:middle;border-bottom:1px solid gray;">
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/tiempoCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="tiempoCh">2</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/personalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="personalCh">3</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/capitalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="capitalCh">1</div>
</td>
</tr>
</table>
</div> -->
<div style="display:inline-block;width:48%;box-sizing:border-box;border:solid 3px;border-color:gray;margin-right:1px;">
<table style="border-collapse: collapse;" class="departamentos droppableRecursos " id="InvestigacionYDesarrollo">
<tr>
<td colspan="3" style="text-align:center;border-bottom:1px solid gray;padding-bottom:5px;padding-top:5px;height:35px;">
<table>
<tr>
<td colspan=2>
<table>
<tr>
<td style="text-align:center"><span id="nombreDeptoCh" style="font-size:19px;font-weight:bold;">INVESTIGACION Y DESARROLLO</span></td>
<!-- <td style="text-align:center;width:35%"><span class="personasDepto">Hugo, Paco y Luis</span> -->
</tr>
</table>
</td>
</tr>
<tr>
<td class="deptoNombre" style="width:200px;">
<img id="imagenDeptoGde" src="img/depto-investigacion.png" style="text-align:center;width:190px;"><br>
<span style="border:1px solid black;padding:5px;" class="actCreditoEInversion draggable activo-item" id="activoCh1">1</span>
<span style="border:1px solid black;padding:5px;" class="actTecnologia draggable activo-item" id="activoCh2">2</span>
<div style="padding-top:10px">
<table>
<tr>
<td colspan="10" style="text-align:center;background-color:gray;color:white;height:20px;">Habilidad Especial / Quincenal</td>
</tr>
<tr>
<td colspan="10" id="accionEspecialGde" style="text-align:center;background-color:silver;color:black;height:38px;line-height:1.2;vertical-align:middle;"> </td>
</tr>
</table>
</div>
</td>
<td style="vertical-align:top;">
<table>
<tr>
<td style="text-align:center;width:35%"><span class="personasDepto">Hugo, Paco y Luis</span>
<div style="height:5px;">&nbsp;</div>
</tr>
<tr>
<td colspan="6" style="text-align:center;background-color:gray;color:white;height:25px;">Recursos Disponibles</td>
</tr>
</table>
<table>
<tr style="vertical-align:middle;border-bottom:1px solid gray;">
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/tiempoCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="tiempoCh" class="draggable recurso-item">2</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/personalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="personalCh" class="draggable recurso-item">3</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/capitalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="capitalCh" class="draggable recurso-item">1</div>
</td>
</tr>
<tr>
<td colspan="6" style="text-align:center;background-color:gray;color:white;height:25px;">Habilidades Acreditadas</td>
</tr>
<tr>
<td colspan="6" style="text-align:center; height:30px;" id="habilidadesAcreditadasCh1"></td>
</tr>
<tr>
<td colspan="6" style="text-align:center; height:30px;" id="habilidadesAcreditadasCh2"></td>
</tr>
<tr>
<td colspan="6" style="text-align:center; height:30px;" id="habilidadesAcreditadasCh3"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<!-- <div style="display:inline-block;width:48%;box-sizing:border-box;border:solid 3px;border-color:gray;margin-right:1px;">
<table style="border-collapse:collapse;" class="departamentos droppableRecursos" id="InvestigacionYDesarrollo">
<tr>
<td colspan="3" style="text-align:center;border-bottom:1px solid gray;padding-bottom:5px;padding-top:5px;height:35px;">
<table>
<tr>
<td class="deptoNombre"><span id="nombreDeptoCh">INVESTIGACION Y DESARROLLO</span></td>
<td style="width:25%;">
<span style="border:1px solid black;padding:5px;" class="actCreditoEInversion" id="activoCh1">1</span>
<span style="border:1px solid black;padding:5px;" class="actTecnologia" id="activoCh2">2</span>
</td>
</tr>
</table>
</td>
</tr>
<tr style="vertical-align:middle;border-bottom:1px solid gray;">
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/tiempoCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="tiempoCh">2</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/personalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="personalCh">3</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/capitalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="capitalCh">1</div>
</td>
</tr>
</table>
</div> -->
<div style="display:inline-block;width:48%;box-sizing:border-box;border:solid 3px;border-color:gray;margin-right:1px;">
<table style="border-collapse: collapse;" class="departamentos droppableRecursos " id="LogisticaYSistemas">
<tr>
<td colspan="3" style="text-align:center;border-bottom:1px solid gray;padding-bottom:5px;padding-top:5px;height:35px;">
<table>
<tr>
<td colspan=2>
<table>
<tr>
<td style="text-align:center"><span id="nombreDeptoCh" style="font-size:20px;font-weight:bold;">LOGÏSTICA Y SISTEMAS</span></td>
<!-- <td style="text-align:center;width:35%"><span class="personasDepto">Hugo, Paco y Luis</span> -->
</tr>
</table>
</td>
</tr>
<tr>
<td class="deptoNombre" style="width:200px;">
<img id="imagenDeptoGde" src="img/depto-logistica.png" style="text-align:center;width:190px;"><br>
<span style="border:1px solid black;padding:5px;" class="actTecnologia draggable activo-item" id="activoCh1">1</span>
<span style="border:1px solid black;padding:5px;" class="actTransporteYMaquinaria draggable activo-item" id="activoCh2">2</span>
<div style="padding-top:10px">
<table>
<tr>
<td colspan="10" style="text-align:center;background-color:gray;color:white;height:20px;">Habilidad Especial / Quincenal</td>
</tr>
<tr>
<td colspan="10" id="accionEspecialGde" style="text-align:center;background-color:silver;color:black;height:38px;line-height:1.2;vertical-align:middle;"> </td>
</tr>
</table>
</div>
</td>
<td style="vertical-align:top;">
<table>
<tr>
<td style="text-align:center;width:35%"><span class="personasDepto">Hugo, Paco y Luis</span>
<div style="height:5px;">&nbsp;</div>
</tr>
<tr>
<td colspan="6" style="text-align:center;background-color:gray;color:white;height:25px;">Recursos Disponibles</td>
</tr>
</table>
<table>
<tr style="vertical-align:middle;border-bottom:1px solid gray;">
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/tiempoCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="tiempoCh" class="draggable recurso-item">2</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/personalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="personalCh" class="draggable recurso-item">3</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/capitalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="capitalCh" class="draggable recurso-item">1</div>
</td>
</tr>
<tr>
<td colspan="6" style="text-align:center;background-color:gray;color:white;height:25px;">Habilidades Acreditadas</td>
</tr>
<tr>
<td colspan="6" style="text-align:center; height:30px;" id="habilidadesAcreditadasCh1"></td>
</tr>
<tr>
<td colspan="6" style="text-align:center; height:30px;" id="habilidadesAcreditadasCh2"></td>
</tr>
<tr>
<td colspan="6" style="text-align:center; height:30px;" id="habilidadesAcreditadasCh3"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<!-- <div style="display:inline-block;width:48%;box-sizing:border-box;border:solid 3px;border-color:gray;margin-right:1px;">
<table style="border-collapse:collapse;" class="departamentos droppableRecursos" id="LogisticaYSistemas">
<tr>
<td colspan="3" style="text-align:center;border-bottom:1px solid gray;padding-bottom:5px;padding-top:5px;height:35px;">
<table>
<tr>
<td class="deptoNombre"><span id="nombreDeptoCh">LOGÍSTICA Y SISTEMAS</span></td>
<td style="width:25%;">
<span style="border:1px solid black;padding:5px;" class="actTecnologia" id="activoCh1">1</span>
<span style="border:1px solid black;padding:5px;" class="actTransporteYMaquinaria" id="activoCh2">2</span>
</td>
</tr>
</table>
</td>
</tr>
<tr style="vertical-align:middle;border-bottom:1px solid gray;">
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/tiempoCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="tiempoCh">2</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/personalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="personalCh">3</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/capitalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="capitalCh">1</div>
</td>
</tr>
</table>
</div> -->
<div style="display:inline-block;width:48%;box-sizing:border-box;border:solid 3px;border-color:gray;margin-right:1px;">
<table style="border-collapse: collapse;" class="departamentos droppableRecursos " id="Operaciones">
<tr>
<td colspan="3" style="text-align:center;border-bottom:1px solid gray;padding-bottom:5px;padding-top:5px;height:35px;">
<table>
<tr>
<td colspan=2>
<table>
<tr>
<td style="text-align:center"><span id="nombreDeptoCh" style="font-size:20px;font-weight:bold;">OPERACIONES</span></td>
<!-- <td style="text-align:center;width:35%"><span class="personasDepto">Hugo, Paco y Luis</span> -->
</tr>
</table>
</td>
</tr>
<tr>
<td class="deptoNombre" style="width:200px;">
<img id="imagenDeptoGde" src="img/depto-operaciones.png" style="text-align:center;width:190px;"><br>
<span style="border:1px solid black;padding:5px;" class="actTransporteYMaquinaria draggable activo-item" id="activoCh1">1</span>
<span style="border:1px solid black;padding:5px;" class="actAnalistas draggable activo-item" id="activoCh2">2</span>
<div style="padding-top:10px">
<table>
<tr>
<td colspan="10" style="text-align:center;background-color:gray;color:white;height:20px;">Habilidad Especial / Quincenal</td>
</tr>
<tr>
<td colspan="10" id="accionEspecialGde" style="text-align:center;background-color:silver;color:black;height:38px;line-height:1.2;vertical-align:middle;"> </td>
</tr>
</table>
</div>
</td>
<td style="vertical-align:top;">
<table>
<tr>
<td style="text-align:center;width:35%"><span class="personasDepto">Hugo, Paco y Luis</span>
<div style="height:5px;">&nbsp;</div>
</tr>
<tr>
<td colspan="6" style="text-align:center;background-color:gray;color:white;height:25px;">Recursos Disponibles</td>
</tr>
</table>
<table>
<tr style="vertical-align:middle;border-bottom:1px solid gray;">
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/tiempoCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="tiempoCh" class="draggable recurso-item">2</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/personalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="personalCh" class="draggable recurso-item">3</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/capitalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="capitalCh" class="draggable recurso-item">1</div>
</td>
</tr>
<tr>
<td colspan="6" style="text-align:center;background-color:gray;color:white;height:25px;">Habilidades Acreditadas</td>
</tr>
<tr>
<td colspan="6" style="text-align:center; height:30px;" id="habilidadesAcreditadasCh1"></td>
</tr>
<tr>
<td colspan="6" style="text-align:center; height:30px;" id="habilidadesAcreditadasCh2"></td>
</tr>
<tr>
<td colspan="6" style="text-align:center; height:30px;" id="habilidadesAcreditadasCh3"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<!-- <div style="display:inline-block;width:48%;box-sizing:border-box;border:solid 3px;border-color:gray;margin-right:1px;">
<table style="border-collapse:collapse;" class="departamentos droppableRecursos" id="Operaciones">
<tr>
<td colspan="3" style="text-align:center;border-bottom:1px solid gray;padding-bottom:5px;padding-top:5px;height:35px;">
<table>
<tr>
<td class="deptoNombre"><span id="nombreDeptoCh">OPERACIONES</span></td>
<td style="width:25%;">
<span style="border:1px solid black;padding:5px;" class="actTransporteYMaquinaria" id="activoCh1">1</span>
<span style="border:1px solid black;padding:5px;" class="actAnalistas" id="activoCh2">2</span>
</td>
</tr>
</table>
</td>
</tr>
<tr style="vertical-align:middle;border-bottom:1px solid gray;">
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/tiempoCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="tiempoCh">2</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/personalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="personalCh">3</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/capitalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="capitalCh">1</div>
</td>
</tr>
</table>
</div> -->
<div style="display:inline-block;width:48%;box-sizing:border-box;border:solid 3px;border-color:gray;margin-right:1px;">
<table style="border-collapse: collapse;" class="departamentos droppableRecursos " id="RecursosHumanos">
<tr>
<td colspan="3" style="text-align:center;border-bottom:1px solid gray;padding-bottom:5px;padding-top:5px;height:35px;">
<table>
<tr>
<td colspan=2>
<table>
<tr>
<td style="text-align:center"><span id="nombreDeptoCh" style="font-size:20px;font-weight:bold;">RECURSOS HUMANOS</span></td>
<!-- <td style="text-align:center;width:35%"><span class="personasDepto">Hugo, Paco y Luis</span> -->
</tr>
</table>
</td>
</tr>
<tr>
<td class="deptoNombre" style="width:200px;">
<img id="imagenDeptoGde" src="img/depto-recursos.png" style="text-align:center;width:190px;"><br>
<span style="border:1px solid black;padding:5px;" class="actPersonalCalificado draggable activo-item" id="activoCh1">1</span>
<span style="border:1px solid black;padding:5px;" class="actAnalistas draggable activo-item" id="activoCh2">2</span>
<div style="padding-top:10px">
<table>
<tr>
<td colspan="10" style="text-align:center;background-color:gray;color:white;height:20px;">Habilidad Especial / Quincenal</td>
</tr>
<tr>
<td colspan="10" id="accionEspecialGde" style="text-align:center;background-color:silver;color:black;height:38px;line-height:1.2;vertical-align:middle;"> </td>
</tr>
</table>
</div>
</td>
<td style="vertical-align:top;">
<table>
<tr>
<td style="text-align:center;width:35%"><span class="personasDepto">Hugo, Paco y Luis</span>
<div style="height:5px;">&nbsp;</div>
</tr>
<tr>
<td colspan="6" style="text-align:center;background-color:gray;color:white;height:25px;">Recursos Disponibles</td>
</tr>
</table>
<table>
<tr style="vertical-align:middle;border-bottom:1px solid gray;">
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/tiempoCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="tiempoCh" class="draggable recurso-item">2</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/personalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="personalCh" class="draggable recurso-item">3</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/capitalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="capitalCh" class="draggable recurso-item">1</div>
</td>
</tr>
<tr>
<td colspan="6" style="text-align:center;background-color:gray;color:white;height:25px;">Habilidades Acreditadas</td>
</tr>
<tr>
<td colspan="6" style="text-align:center; height:30px;" id="habilidadesAcreditadasCh1"></td>
</tr>
<tr>
<td colspan="6" style="text-align:center; height:30px;" id="habilidadesAcreditadasCh2"></td>
</tr>
<tr>
<td colspan="6" style="text-align:center; height:30px;" id="habilidadesAcreditadasCh3"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<!-- <div style="display:inline-block;width:48%;box-sizing:border-box;border:solid 3px;border-color:gray;margin-right:1px;">
<table style="border-collapse: collapse;" class="departamentos droppableRecursos" id="RecursosHumanos">
<tr>
<td colspan="3" style="text-align:center;border-bottom:1px solid gray;padding-bottom:5px;padding-top:5px;height:35px;">
<table>
<tr>
<td class="deptoNombre"><span id="nombreDeptoCh">RECURSOS HUMANOS</span></td>
<td style="width:25%;">
<span style="border:1px solid black;padding:5px;" class="actPersonalCalificado" id="activoCh1">1</span>
<span style="border:1px solid black;padding:5px;" class="actAnalistas" id="activoCh2">2</span>
</td>
</tr>
</table>
</td>
</tr>
<tr style="vertical-align:middle;border-bottom:1px solid gray;">
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/tiempoCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="tiempoCh">2</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/personalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="personalCh">3</div>
</td>
<td style="text-align:center;">
<div style="vertical-align:middle;display:inline-block;"><img src="img/capitalCH.png" style="width: 35px; height: 35px;"></div>
<div style="vertical-align:middle;display:inline-block;" id="capitalCh">1</div>
</td>
</tr>
</table>
</div> -->
</td>
<td style="width:33%" id="renglonProyectos2"> <!-- Columna Proyectos -->
<div style="display:inline-block;width:100%;box-sizing:border-box;border:solid 3px;border-color:gray;vertical-align:top;"><!--- Proyecto Grande -->
<table id="TablaProyectoGde" num="0" class="renglonSup">
<tr>
<td colspan="10" style="height:28px;text-align:center;font-size:18px;font-weight:700;border-bottom:1px solid black;">Proyecto en Turno</td>
</tr>
<tr style="border-top:1px solid black;border-bottom:1px solid black;">
<td id="nombreProyectoGde" colspan="8" style="text-align:center;font-size:18px;font-weight:700;">INDICADORES ROI<br><span>FINANZAS</span></td>
<td id="puntosGanados" style="text-align:center;font-size:15px;vertical-align:top;">Potencial<br>1</td>
<td id="puntosPerdidos" style="text-align:center;font-size:15px;vertical-align:top;">Penalización<br>2</td>
</tr>
<tr>
<td id="descripcionProyectoGde" colspan="8" style="text-align: center;padding-top:10px;padding-left:5px;padding-right:5px;vertical-align:center;font-size:20px;">Establecer<br>Indicadores de ROI en<br>tiendas físicas</td>
<td colspan="2" colspan="5" style="text-align:center;"><img id="imagenProyectoGde" src="img/grafica.jpg" style="width:190px;"></td>
</tr>
<tr>
<td colspan="10" style="text-align:center;">
<table id="activosProyectoGde">
<tr class="droppableActivos">
<td id="activoReqProyectoNom1" num="1" style="width:100px;">Analista</td>
<td id="activoReqProyectoCantX1">1</td>
<td id="activoReqProyectoNom2" num="2" style="width:100px;">Personal<br>calificado</td>
<td id="activoReqProyectoCantX2">2</td>
<td id="activoReqProyectoNom3" num="3" style="width:100px;">Crédito o<br>Inversión</td>
<td id="activoReqProyectoCantX3">2</td>
</tr>
</table>
</td>
</tr>
<tr>
<!-- <td colspan="5" style="text-align:center;background-color:gray;color:white;"></td> -->
<td colspan="10" id="mantoGde" style="text-align:center;background-color:gray;color:white;">MTTO: 1T + 1P + 1C</td>
</tr>
<tr>
<td colspan="10" style="text-align:center;;">
<table id="activosProyectoGde">
<tr class="droppableActivos">
<td>&nbsp;&nbsp;</td>
<td id="activoReqProyectoCant1">1</td>
<td>&nbsp;&nbsp;</td>
<td id="activoReqProyectoCant2">2</td>
<td>&nbsp;&nbsp;</td>
<td id="activoReqProyectoCant3">2</td>
<td>&nbsp;&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div style="display:inline-block;width:49%;box-sizing:border-box;border:solid 3px;border-color:gray;">
<table stylze="border-collapse:collapse;border:gray;" class="proyectos droppableActivos" id="proyecto_1">
<tr style="height:50px;">
<td colspan="3" class="proyectoEncabezado" style="text-align:center;">
<div id="proyectoNombre" style="font-size:14px;">PROCESO SANITIZACIÓN XXX</div>
<span id="proyectoDepto" style="font-size:11px;">OPERACIONES</span> <span id="puntos" style="font-size:11px;">+1</span>
</td>
</tr>
<tr>
<td colspan="3" style="text-align:center;font-style:italic;" id="proyectoDescripcion">Establecer proceso extra de sanitización de los productos antes de enviarse.</td>
</tr>
<tr>
<td style="text-align:center;">
<div class="actFlujoDeEfectivo" style="vertical-align:middle;display:inline-block;" id="activoReq1">3 FE</div>
<div class="actTransporteYMaquinaria" style="vertical-align:middle;display:inline-block;" id="activoReq2">2 TM</div>
<div class="actTecnologia" style="vertical-align:middle;display:inline-block;" id="activoReq3">1 T</div>
</td>
</tr>
<tr>
<td colspan="3" style="font-size:14px;text-align:center;background-color:silver;text-align:right;"><!--En procesox -->
<div style="display:inline-block;font-size:12px;background-color:gray;color:white;padding:2px;" id="recursosManto">MTTO: 2C+2P+1T</div>
</td>
</tr>
<tr>
<td colspan="3" style="text-align:center;">
<span class="actFlujoDeEfectivo" id="activoAsignado1" style="width:35px;display:inline-block;">1</span>
<span class="actTransporteYMaquinaria" id="activoAsignado2" style="width:35px;display:inline-block;">0</span>
<span class="actTecnologia" id="activoAsignado3" style="width:35px;display:inline-block;">2</span>
</td>
</tr>
</table>
</div>
<div style="display:inline-block;width:49%;box-sizing:border-box;border:solid 3px;border-color:gray;">
<table stylze="border-collapse:collapse;border:gray;" class="proyectos droppableActivos" id="proyecto_2">
<tr style="height:50px;">
<td colspan="3" class="proyectoEncabezado" style="text-align:center;">
<div id="proyectoNombre" style="font-size:14px;"> </div>
<span id="proyectoDepto" style="font-size:11px;"> </span> <span id="puntos" style="font-size:11px;">+1</span>
</td>
</tr>
<tr>
<td colspan="3" style="text-align:center;font-style:italic;" id="proyectoDescripcion"> </td>
</tr>
<tr>
<td style="text-align:center;">
<div class="actFlujoDeEfectivo" style="vertical-align:middle;display:inline-block;" id="activoReq1">3 FE</div>
<div class="actTransporteYMaquinaria" style="vertical-align:middle;display:inline-block;" id="activoReq2">2 TM</div>
<div class="actTecnologia" style="vertical-align:middle;display:inline-block;" id="activoReq3">1 T</div>
</td>
</tr>
<tr>
<td colspan="3" style="font-size:14px;text-align:center;background-color:silver;text-align:right;"><!--En procesox -->
<div style="display:inline-block;font-size:12px;background-color:gray;color:white;padding:2px;" id="recursosManto">MTTO: 2C+2P+1T</div>
</td>
</tr>
<tr>
<td colspan="3" style="text-align:center;">
<span class="actFlujoDeEfectivo" id="activoAsignado1" style="width:35px;display:inline-block;">1</span>
<span class="actTransporteYMaquinaria" id="activoAsignado2" style="width:35px;display:inline-block;">0</span>
<span class="actTecnologia" id="activoAsignado3" style="width:35px;display:inline-block;">2</span>
</td>
</tr>
</table>
</div>
<div style="display:inline-block;width:49%;box-sizing:border-box;border:solid 3px;border-color:gray;">
<table stylze="border-collapse:collapse;border:gray;" class="proyectos droppableActivos" id="proyecto_3">
<tr style="height:50px;">
<td colspan="3" class="proyectoEncabezado" style="text-align:center;">
<div id="proyectoNombre" style="font-size:14px;"> </div>
<span id="proyectoDepto" style="font-size:11px;"> </span> <span id="puntos" style="font-size:11px;">+1</span>
</td>
</tr>
<tr>
<td colspan="3" style="text-align:center;font-style:italic;" id="proyectoDescripcion"> </td>
</tr>
<tr>
<td style="text-align:center;">
<div class="actFlujoDeEfectivo" style="vertical-align:middle;display:inline-block;" id="activoReq1">3 FE</div>
<div class="actTransporteYMaquinaria" style="vertical-align:middle;display:inline-block;" id="activoReq2">2 TM</div>
<div class="actTecnologia" style="vertical-align:middle;display:inline-block;" id="activoReq3">1 T</div>
</td>
</tr>
<tr>
<td colspan="3" style="font-size:14px;text-align:center;background-color:silver;text-align:right;"><!--En procesox -->
<div style="display:inline-block;font-size:12px;background-color:gray;color:white;padding:2px;" id="recursosManto">MTTO: 2C+2P+1T</div>
</td>
</tr>
<tr>
<td colspan="3" style="text-align:center;">
<span class="actFlujoDeEfectivo" id="activoAsignado1" style="width:35px;display:inline-block;">1</span>
<span class="actTransporteYMaquinaria" id="activoAsignado2" style="width:35px;display:inline-block;">0</span>
<span class="actTecnologia" id="activoAsignado3" style="width:35px;display:inline-block;">2</span>
</td>
</tr>
</table>
</div>
<div style="display:inline-block;width:49%;box-sizing:border-box;border:solid 3px;border-color:gray;">
<table stylze="border-collapse:collapse;border:gray;" class="proyectos droppableActivos" id="proyecto_4">
<tr style="height:50px;">
<td colspan="3" class="proyectoEncabezado" style="text-align:center;">
<div id="proyectoNombre" style="font-size:14px;"> </div>
<span id="proyectoDepto" style="font-size:11px;"> </span> <span id="puntos" style="font-size:11px;"></span>
</td>
</tr>
<tr>
<td colspan="3" style="text-align:center;font-style:italic;" id="proyectoDescripcion"> </td>
</tr>
<tr>
<td style="text-align:center;">
<div class="actFlujoDeEfectivo" style="vertical-align:middle;display:inline-block;" id="activoReq1"></div>
<div class="actTransporteYMaquinaria" style="vertical-align:middle;display:inline-block;" id="activoReq2"></div>
<div class="actTecnologia" style="vertical-align:middle;display:inline-block;" id="activoReq3"></div>
</td>
</tr>
<tr>
<td colspan="3" style="font-size:14px;text-align:center;background-color:silver;text-align:right;">
<div style="display:inline-block;font-size:12px;background-color:gray;color:white;padding:2px;" id="recursosManto"></div>
</td>
</tr>
<tr>
<td colspan="3" style="text-align:center;">
<span class="actFlujoDeEfectivo" id="activoAsignado1" style="width:35px;display:inline-block;"></span>
<span class="actTransporteYMaquinaria" id="activoAsignado2" style="width:35px;display:inline-block;"></span>
<span class="actTecnologia" id="activoAsignado3" style="width:35px;display:inline-block;"></span>
</td>
</tr>
</table>
</div>
<div style="display:inline-block;width:49%;box-sizing:border-box;border:solid 3px;border-color:gray;">
<table stylze="border-collapse:collapse;border:gray;" class="proyectos droppableActivos" id="proyecto_5">
<tr style="height:50px;">
<td colspan="3" class="proyectoEncabezado" style="text-align:center;">
<div id="proyectoNombre" style="font-size:14px;"> </div>
<span id="proyectoDepto" style="font-size:11px;"> </span> <span id="puntos" style="font-size:11px;"></span>
</td>
</tr>
<tr>
<td colspan="3" style="text-align:center;font-style:italic;" id="proyectoDescripcion"> </td>
</tr>
<tr>
<td style="text-align:center;">
<div class="actFlujoDeEfectivo" style="vertical-align:middle;display:inline-block;" id="activoReq1"></div>
<div class="actTransporteYMaquinaria" style="vertical-align:middle;display:inline-block;" id="activoReq2"></div>
<div class="actTecnologia" style="vertical-align:middle;display:inline-block;" id="activoReq3"></div>
</td>
</tr>
<tr>
<td colspan="3" style="font-size:14px;text-align:center;background-color:silver;text-align:right;">
<div style="display:inline-block;font-size:12px;background-color:gray;color:white;padding:2px;" id="recursosManto"></div>
</td>
</tr>
<tr>
<td colspan="3" style="text-align:center;">
<span class="actFlujoDeEfectivo" id="activoAsignado1" style="width:35px;display:inline-block;"></span>
<span class="actTransporteYMaquinaria" id="activoAsignado2" style="width:35px;display:inline-block;"></span>
<span class="actTecnologia" id="activoAsignado3" style="width:35px;display:inline-block;"></span>
</td>
</tr>
</table>
</div>
<div style="display:inline-block;width:49%;box-sizing:border-box;border:solid 3px;border-color:gray;">
<table stylze="border-collapse:collapse;border:gray;" class="proyectos droppableActivos" id="proyecto_6">
<tr style="height:50px;">
<td colspan="3" class="proyectoEncabezado" style="text-align:center;">
<div id="proyectoNombre" style="font-size:14px;"> </div>
<span id="proyectoDepto" style="font-size:11px;"> </span> <span id="puntos" style="font-size:11px;"></span>
</td>
</tr>
<tr>
<td colspan="3" style="text-align:center;font-style:italic;" id="proyectoDescripcion"> </td>
</tr>
<tr>
<td style="text-align:center;">
<div class="actFlujoDeEfectivo" style="vertical-align:middle;display:inline-block;" id="activoReq1"></div>
<div class="actTransporteYMaquinaria" style="vertical-align:middle;display:inline-block;" id="activoReq2"></div>
<div class="actTecnologia" style="vertical-align:middle;display:inline-block;" id="activoReq3"></div>
</td>
</tr>
<tr>
<td colspan="3" style="font-size:14px;text-align:center;background-color:silver;text-align:right;">
<div style="display:inline-block;font-size:12px;background-color:gray;color:white;padding:2px;" id="recursosManto"></div>
</td>
</tr>
<tr>
<td colspan="3" style="text-align:center;">
<span class="actFlujoDeEfectivo" id="activoAsignado1" style="width:35px;display:inline-block;"></span>
<span class="actTransporteYMaquinaria" id="activoAsignado2" style="width:35px;display:inline-block;"></span>
<span class="actTecnologia" id="activoAsignado3" style="width:35px;display:inline-block;"></span>
</td>
</tr>
</table>
</div>
<!-- <div style="display:inline-block;width:49%;box-sizing:border-box;border:solid 3px;border-color:gray;">
<table stylze="border-collapse:collapse;border:gray;" class="proyectos droppableActivos" id="proyecto_7">
<tr style="height:50px;">
<td colspan="3" class="proyectoEncabezado" style="text-align:center;">
<div id="proyectoNombre" style="font-size:14px;"> </div>
<span id="proyectoDepto" style="font-size:11px;"> </span> <span id="puntos" style="font-size:11px;"></span>
</td>
</tr>
<tr>
<td colspan="3" style="text-align:center;font-style:italic;" id="proyectoDescripcion"> </td>
</tr>
<tr>
<td style="text-align:center;">
<div class="actFlujoDeEfectivo" style="vertical-align:middle;display:inline-block;" id="activoReq1"></div>
<div class="actTransporteYMaquinaria" style="vertical-align:middle;display:inline-block;" id="activoReq2"></div>
<div class="actTecnologia" style="vertical-align:middle;display:inline-block;" id="activoReq3"></div>
</td>
</tr>
<tr>
<td colspan="3" style="font-size:14px;text-align:center;background-color:silver;">
<div style="display:inline-block;font-size:12px;background-color:gray;color:white;padding:2px;float:right;" id="recursosManto"></div>
</td>
</tr>
<tr>
<td colspan="3" style="text-align:center;">
<span class="actFlujoDeEfectivo" id="activoAsignado1" style="width:35px;display:inline-block;"></span>
<span class="actTransporteYMaquinaria" id="activoAsignado2" style="width:35px;display:inline-block;"></span>
<span class="actTecnologia" id="activoAsignado3" style="width:35px;display:inline-block;"></span>
</td>
</tr>
</table>
</div> -->
</td>
</tr>
</table>
<div id="quitarProyectoCompleto" style="display:none;">
<div id="quitarProyectoCompletoTexto" style="font-size:14px;">¿Está seguro que desea quitar el proyecto completado?</div>
<div id="quitarProyectoCompletoBotones" style="text-align:center;">
</div>
</div>
<script src="jsCode.js?v=<?php echo filemtime('jsCode.js'); ?>"></script>
</body>
</html>
</body>