<!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>