<!DOCTYPE html>
<!--
https://stackoverflow.com/questions/14565365/jquery-getscript-callback-when-script-is-fully-loaded-and-executed
jQuery.getScript

$.getScript("test.js").done(function(script, textStatus) {
  console.log("finished loading and running test.js. with a status of" + textStatus);
});

-->
<html>
  <head>
    <meta charset="UTF-8" />

    <title>S2i Software</title>
    
<script
      src="https://sanjfs.s2i-software.com/scripts/leaflet.js"
    ></script>

    
    
    <link
      rel="stylesheet"
      href="https://sanjfs.s2i-software.com/styles/toastr.min.css"
    />
    <link
      rel="stylesheet"
      href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
    />
    <link
      rel="stylesheet"
      href="https://skywalkapps.github.io/bootstrap-dropmenu/stylesheets/bootstrap-dropmenu.min.css"
    />

    <link
      rel="stylesheet"
      href="https://sanjfs.s2i-software.com/styles/fontawesome-all.min.css"
    />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/v4-shims.min.css"
    />

    <link rel="stylesheet" href="https://sanjfs.s2i-software.com/styles/mega.css" />

    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

    <script
      type="text/javascript"
      src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"
    ></script>
    <script
      type="text/javascript"
      src="https://cdnjs.cloudflare.com/ajax/libs/holder/2.9.1/holder.min.js"
    ></script>
    
    <link rel="stylesheet" href="https://sanjfs.s2i-software.com/styles/leaflet.css" />

    <link
      rel="stylesheet"
      href="https://sanjfs.s2i-software.com/styles/leaflet-measure.css"
    />

    <link
      rel="stylesheet"
      href="https://sanjfs.s2i-software.com/styles/L.Control.ZoomBox.css"
    />
    <script
      defer
      src="https://sanjfs.s2i-software.com/scripts/L.Control.ZoomBox.js"
    ></script>

    <link
      rel="stylesheet"
      href="https://sanjfs.s2i-software.com/styles/colorlibKPI.css"
    />

    <script
      type="text/javascript"
      src="https://sanjfs.s2i-software.com/scripts/toastr.min.js"
    ></script>
    <link
    rel="stylesheet"
    href="https://sanjfs.s2i-software.com/styles/jqx/jqx.base.css"
    type="text/css"
  />
  <link
    rel="stylesheet"
    href="https://sanjfs.s2i-software.com/styles/jqx/jqx.orange.css"
    type="text/css"
  />
  <link
    rel="stylesheet"
    href="https://sanjfs.s2i-software.com/styles/jqx/jqx.metrodark.css"
    type="text/css"
  />


    <link
      rel="stylesheet"
      href="https://sanjfs.s2i-software.com/styles/s2istyles.css"
    />

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1"
    />
    <script
    type="text/javascript"
    src="https://sanjfs.s2i-software.com/scripts/jqx/jqxcore.js"
  ></script>
  <script
    type="text/javascript"
    src="https://sanjfs.s2i-software.com/scripts/jqx/jqx-all.js"
  ></script>
  <script type="text/javascript" src="https://sanjfs.s2i-software.com/scripts/jqx/jqxcombobox.js"></script>
  <script type="text/javascript" src="https://sanjfs.s2i-software.com/scripts/jqx/jqxcheckbox.js"></script>


    <script src="https://sanjfs.s2i-software.com/scripts/globalization/globalize.js"></script>
    <script src="https://sanjfs.s2i-software.com/scripts/localization.js"></script>
    <script src="https://sanjfs.s2i-software.com/scripts/jquery.i18n.js"></script>
    <script src="https://sanjfs.s2i-software.com/scripts/jquery.i18n.messagestore.js"></script>

    <script src="https://sanjfs.s2i-software.com/scripts/s2i.js?vd=h"></script>

    <script defer src="https://www.amcharts.com/lib/4/core.js"></script>
    <script defer src="https://www.amcharts.com/lib/4/charts.js"></script>
    <script
      defer
      src="https://www.amcharts.com/lib/4/themes/dataviz.js"
    ></script>
    <script
      defer
      src="https://www.amcharts.com/lib/4/themes/animated.js"
    ></script>
    <script defer src="https://cdn.amcharts.com/lib/4/themes/dark.js"></script>

    <script src="https://cdn.amcharts.com/lib/5/index.js"></script>
    <script src="https://cdn.amcharts.com/lib/5/map.js"></script>
    <script src="https://cdn.amcharts.com/lib/5/geodata/worldLow.js"></script>
    <script src="https://cdn.amcharts.com/lib/5/themes/Animated.js"></script>
    <script src="https://cdn.amcharts.com/lib/5/percent.js"></script>

    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.6.0/leaflet.css"
    />
    <link
      rel="stylesheet"
      href="https://sanjfs.s2i-software.com/styles/leaflet-search.css"
    />
    <link rel="stylesheet" href="https://sanjfs.s2i-software.com/styles/leaflet.css" />

    <script
      defer
      src="https://sanjfs.s2i-software.com/scripts/leaflet-search.js"
    ></script>

    <link
      rel="stylesheet"
      href="https://leaflet.github.io/Leaflet.markercluster/example/screen.css"
    />
    <link
      rel="stylesheet"
      href="https://leaflet.github.io/Leaflet.markercluster/dist/MarkerCluster.css"
    />
    <link
      rel="stylesheet"
      href="https://leaflet.github.io/Leaflet.markercluster/dist/MarkerCluster.Default.css"
    />
    <script
      defer
      src="https://leaflet.github.io/Leaflet.markercluster/dist/leaflet.markercluster-src.js"
    ></script>
    <script
      defer
      src="https://leaflet.github.io/Leaflet.heat/dist/leaflet-heat.js"
    ></script>

    <script
      defer
      src="https://sanjfs.s2i-software.com/scripts/qgis2web_expressions.js"
    ></script>
    <script
      defer
      src="https://sanjfs.s2i-software.com/scripts/multi-style-layer.js"
    ></script>
    <script
      defer
      src="https://sanjfs.s2i-software.com/scripts/leaflet-svg-shape-markers.min.js"
    ></script>
    <script
      defer
      src="https://sanjfs.s2i-software.com/scripts/leaflet.rotatedMarker.js"
    ></script>
    <script
      defer
      src="https://sanjfs.s2i-software.com/scripts/leaflet.pattern.js"
    ></script>
    <script
      defer
      src="https://sanjfs.s2i-software.com/scripts/leaflet-hash.js"
    ></script>
    <script
      defer
      src="https://sanjfs.s2i-software.com/scripts/Autolinker.min.js"
    ></script>
    <script defer src="https://sanjfs.s2i-software.com/scripts/rbush.min.js"></script>
    <script
      defer
      src="https://sanjfs.s2i-software.com/scripts/labelgun.min.js"
    ></script>
    <script defer src="https://sanjfs.s2i-software.com/scripts/labels.js"></script>
    <script
      defer
      src="https://sanjfs.s2i-software.com/scripts/leaflet-measure.js"
    ></script>

    <script
      type="text/javascript"
      src="https://sanjfs.s2i-software.com/scripts/jqx/jqxtooltip.js"
    ></script>

    <script defer src="//d3js.org/d3.v4.min.js"></script>

    <!--
    <script
      defer
      src="https://sanjfs.s2i-software.com/scripts/geotiff.js"
    ></script>
  -->
    <!-- 
    <script
      defer
      src="//npmcdn.com/geotiff@0.3.6/dist/geotiff.js?s=11"
    ></script>
    -->
    <!-- optional -->
    <script
      defer
      src="//cdnjs.cloudflare.com/ajax/libs/chroma-js/1.3.0/chroma.min.js"
    ></script>

    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/chartist/0.9.7/chartist.min.css"
    />
    <script
      defer
      src="https://cdnjs.cloudflare.com/ajax/libs/chartist/0.9.7/chartist.min.js"
    ></script>

    <script
      defer
      src="https://ihcantabria.github.io/Leaflet.CanvasLayer.Field/dist/leaflet.canvaslayer.field.js"
    ></script>

    <script
      type="text/javascript"
      src="https://sanjfs.s2i-software.com/scripts/ui/index.js?dw=aqw"
    ></script>

    <link
      rel="stylesheet"
      href="https://sanjfs.s2i-software.com/scripts/leaflet.fullscreen/leaflet.fullscreen.css"
    />
    <script
      defer
      src="https://sanjfs.s2i-software.com/scripts/leaflet.fullscreen/Leaflet.fullscreen.min.js"
    ></script>

    <script
      defer
      src="https://sanjfs.s2i-software.com/scripts/spin/dist/spin.js"
    ></script>
    <script
      defer
      src="https://sanjfs.s2i-software.com/scripts/leaflet.spin.js"
    ></script>
    <script
      defer
      src="https://sanjfs.s2i-software.com/scripts/leaflet.spin.min.js"
    ></script>

    <link
      rel="stylesheet"
      href="https://sanjfs.s2i-software.com/styles/leaflet.awesome-markers.css"
    />
    <script
      defer
      src="https://sanjfs.s2i-software.com/scripts/leaflet.awesome-markers.js"
    ></script>

    <!--
    <script
      defer
      src="https://cdn.socket.io/4.5.1/socket.io.min.js"
    ></script>

    
    <link
      href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"
      rel="stylesheet"
    />
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
    -->

    <script defer src="https://sanjfs.s2i-software.com/scripts/shp.js"></script>
    <script defer src="https://sanjfs.s2i-software.com/scripts/leaflet-shp.js"></script>

    <script defer src="https://sanjfs.s2i-software.com/scripts/proj4-src.js"></script>
    <script defer src="https://sanjfs.s2i-software.com/scripts/georaster.min.js"></script>
    <script
      defer
      src="https://sanjfs.s2i-software.com/scripts/georaster-layer-for-leaflet.min.js"
    ></script>
<!--      src="https://unpkg.com/georaster-layer-for-leaflet/georaster-layer-for-leaflet.browserify.min.js" -->

    <script>

$(document).ready(function () {
        
        sessionStorage.setItem("debug", 0);
        $(document).ready(function () {

        $.i18n()
          .load({
            en: "https://sanjfs.s2i-software.com/i18n/en.json?v=" + token,
            pt: "https://sanjfs.s2i-software.com/i18n/pt.json?v=" + token,
          })
          .done(function () {
            //LoginForDebug();
            checkLogin();
          });
      });

      });

    </script>
    <script src="https://kit.fontawesome.com/d7af03be1d.js?a=b" crossorigin="anonymous"></script>
  </head>

  <body>
    <div class="container-fluid">
      <div class="row">
        <nav class="navbar navbar-inverse S2iNavBar navbar-fixed-top">
          <div class="container-fluid">
            <div class="navbar-header">
              <button
                type="button"
                class="navbar-toggle collapsed"
                data-toggle="collapse"
                data-target="#bs-example-navbar-collapse-1"
                aria-expanded="false"
              >
                <span class="sr-only">Alternar</span>
                <span class="icon-bar"> </span>
                <span class="icon-bar"> </span>
                <span class="icon-bar"> </span>
              </button>
              <span class="navbar-brand">
                <span
                  style="color: white"
                  onclick="javascript:openInstance('/ui/home')"
                  >S2i&trade;</span
                >
              </span>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div
              class="collapse navbar-collapse"
              id="bs-example-navbar-collapse-1"
            >
              <ul class="nav navbar-nav">
                <li
                  id="MegaMenuAdmin"
                  style="display: none"
                  class="dropdown dropdown-megamenu"
                >
                  <a
                    href="#"
                    class="dropdown-toggle"
                    data-toggle="dropdown"
                    role="button"
                    aria-haspopup="true"
                    aria-expanded="false"
                  >
                    <i style="color: #ffb12b" class="fas fa-user-cog"></i>
                    &nbsp;<span data-i18n="administration"></span>
                  </a>

                  <div class="dropdown-container menuGradient">
                    <div class="row" style="margin-bottom: 10px">
                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i
                                style="color: #ffb12b"
                                class="fas fa-sliders-h"
                              ></i
                              >&nbsp;<span data-i18n="settings"></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="company"
                                  onclick="javascript:openInstance('ui/admin/instance/company',0,'companycompanyprofile')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="permissions"
                                  onclick="javascript:listinstances('roles_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="users"
                                  onclick="javascript:listinstances('users_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="mobile_devices"
                                  onclick="javascript:listinstances('mobiledevices_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="probes"
                                  onclick="javascript:listinstances('probes_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="drones"
                                  onclick="javascript:listinstances('drones_')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <!-- /col -->

                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i
                                style="color: #ffb12b"
                                class="fas fa-user-cog"
                              ></i
                              >&nbsp;<span data-i18n="general"></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="entities"
                                  onclick="javascript:listinstances('entities_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="products"
                                  onclick="javascript:listinstances('products_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="agencies"
                                  onclick="javascript:listinstances('agencies_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="marketsAndWarehouses"
                                  onclick="javascript:listinstances('markets_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="campaigns"
                                  onclick="javascript:listinstances('campaigns_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="auxiliartables"
                                  onclick="javascript:listinstances('auxiliartables_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="facttables"
                                  onclick="javascript:openInstance('ui/admin/instance/facttables')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <!-- /col -->

                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i style="color: #ffb12b" class="fas fa-store"></i
                              >&nbsp;<span data-i18n="joao_stores"></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="stores"
                                  onclick="javascript:listinstances('stores_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="warehouses"
                                  onclick="javascript:listinstances('warehouses_')"
                                ></button>
                              </li>

                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="suppliers"
                                  onclick="javascript:listinstances('suppliers_')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <!-- /col -->
                    </div>
                    <!-- /row -->
                  </div>
                  <!-- /dropdown-container -->
                </li>

                <li
                  id="MegaMenuOS"
                  style="display: none"
                  class="dropdown dropdown-megamenu"
                >
                  <a
                    href="#"
                    class="dropdown-toggle"
                    data-toggle="dropdown"
                    role="button"
                    aria-haspopup="true"
                    aria-expanded="false"
                    ><i style="color: #ffb12b" class="fas fa-leaf"></i>
                    &nbsp;<span data-i18n="outgrowing_scheme"></span
                  ></a>

                  <div class="dropdown-container menuGradient">
                    <div class="row" style="margin-bottom: 10px">
                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i style="color: #ffb12b" class="fas fa-leaf"></i
                              >&nbsp;<span data-i18n="outgrowing_scheme"></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="learninggroups"
                                  onclick="javascript:listinstances('learninggroupcampaigns_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="producers"
                                  onclick="javascript:listinstances('producerscampaigns_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="mobilesessions"
                                  onclick="javascript:listinstances('mobilesessions_campaigns_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="markettransfersproducers"
                                  onclick="javascript:openInstance('ui/admin/instance/markettransfersproducers')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <!-- /col -->

                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i
                                style="color: #ffb12b"
                                class="fas fa-shipping-fast"
                              ></i
                              >&nbsp;<span data-i18n="logistics"></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="logistic_operators"
                                  onclick="javascript:listinstances('logistic_operators_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="vehicles"
                                  onclick="javascript:listinstances('vehicles_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="LogisticOperatorsActivity"
                                  onclick="javascript:listinstances('logisticoperatorsactivity_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="MarketSalesStatus"
                                  onclick="javascript:openInstance('ui/management/list/MarketSalesStatus')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <!-- /col -->

                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i style="color: #ffb12b" class="fas fa-users"></i
                              >&nbsp;<span data-i18n="team-management"></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="reference_activities"
                                  onclick="javascript:listinstances('schedule_reference_activities_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="technician_visit_plans"
                                  onclick="javascript:listinstances('technician_visit_plans_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="global_agenda"
                                  onclick="javascript:listinstances('global_agenda_')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <!-- /col -->
                    </div>
                    <!-- /row -->

                    <div class="row" style="margin-bottom: 10px">
                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i
                                style="color: #ffb12b"
                                class="fas fa-comments"
                              ></i
                              >&nbsp;<span data-i18n="crm"></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="distributionlist_list"
                                  onclick="javascript:listinstances('distributionlist_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="crm_campaigns"
                                  onclick="javascript:listinstances('crm_campaigns_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="workspace_crm"
                                  onclick="javascript:openInstance('ui/crm/instance/workspace_crm')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="active_numbers_management"
                                  onclick="javascript:openInstance('ui/crm/instance/crm_active_numbers_management')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <!-- /col -->

                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i
                                style="color: #ffb12b"
                                class="fas fa-piggy-bank"
                              ></i
                              >&nbsp;<span data-i18n="finance"></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="letshego"
                                  onclick="javascript:openInstance('ui/finance/letshego')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="TIM"
                                  onclick="javascript:openInstance('ui/finance/tim')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <!-- /col -->

                      <div class="col-sm-6 col-md-4">&nbsp;</div>
                      <!-- /col -->
                    </div>
                  </div>
                  <!-- /dropdown-container -->
                </li>

                <li
                  id="MegaMenuOtherModules"
                  style="display: none"
                  class="dropdown dropdown-megamenu"
                >
                  <a
                    href="#"
                    class="dropdown-toggle"
                    data-toggle="dropdown"
                    role="button"
                    aria-haspopup="true"
                    aria-expanded="false"
                    ><i
                      style="color: #ffb12b; color: #ffb12b"
                      class="fas fa-project-diagram"
                    ></i
                    >&nbsp;<span data-i18n="othermodules"></span
                  ></a>

                  <div class="dropdown-container menuGradient">
                    <div class="row" style="margin-bottom: 10px">
                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i style="color: #ffb12b" class="fas fa-store"></i
                              >&nbsp;<span data-i18n="joao_stores"></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="orders"
                                  onclick="javascript:listinstances('orders_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="stock_entries"
                                  onclick="javascript:listinstances('stock_entries_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="stock_movements"
                                  onclick="javascript:listinstances('stock_movements_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="stock_inventories"
                                  onclick="javascript:listinstances('stock_adjustments_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="integrationWithPrimavera"
                                  onclick="javascript:openInstance('ui/lojajoao/instance/integrationprimavera')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <!-- /col -->

                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i
                                style="color: #ffb12b"
                                class="fas fa-gamepad"
                              ></i
                              >&nbsp;<span
                                data-i18n="training_and_games"
                              ></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="training_game_areas"
                                  onclick="javascript:listinstances('training_game_areas_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="games"
                                  onclick="javascript:listinstances('games_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="training_video_areas"
                                  onclick="javascript:listinstances('training_video_areas_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="videos"
                                  onclick="javascript:listinstances('videos_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="exploration"
                                  onclick="javascript:openInstance('ui/reports/TGExploration')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <!-- /col -->

                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i
                                style="color: #ffb12b"
                                class="fas fa-ship"
                              ></i
                              >&nbsp;<span data-i18n="iaom_expedition"></span>
                            </h4>
                            <ul class="list-links">

                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="contractmanagement"
                                  onclick="javascript:openInstance('ui/admin/instance/contractmanagement')"
                                ></button>
                              </li>

                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="dockmanagement"
                                  onclick="javascript:openInstance('ui/admin/instance/dockmanagement')"
                                ></button>
                              </li>

                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="cottonbalemanagement"
                                  onclick="javascript:openInstance('ui/admin/instance/cottonbalemanagement')"
                                ></button>
                              </li>

                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="cottonbaleweightlog"
                                  onclick="javascript:openInstance('ui/admin/instance/cottonbale')"
                                ></button>
                              </li>

                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="classifications_list"
                                  onclick="javascript:listinstances('classificationlist_')"
                                ></button>
                              </li>

                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="boardingscheme"
                                  onclick="javascript:listinstances('boarding_scheme_')"
                                ></button>
                              </li>

                              
                            </ul>
                          </div>
                        </div>
                      </div>
                      
                      <!-- /col -->
                    </div>
                    <!-- /row -->

                    <div class="row" style="margin-bottom: 10px">
                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i
                                style="color: #ffb12b"
                                class="fas fa-satellite"
                              ></i
                              >&nbsp;<span data-i18n="remotesensing"></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="flightmissions"
                                  onclick="javascript:listinstances('flightmissionscampaigns_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="thematic-terrain-maps"
                                  onclick="javascript:openInstance('ui/remotesensing/instance/thematicterrainmaps')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="onlineservices"
                                  onclick="javascript:openInstance('ui/remotesensing/instance/onlineservices')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <!-- /col -->

                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i
                                style="color: #ffb12b"
                                class="fas fa-map-marked-alt"
                              ></i
                              >&nbsp;<span data-i18n="cartography"></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="validationofareas"
                                  onclick="javascript:listinstances('operations_management_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="gis_navigator"
                                  onclick="javascript:openInstance('ui/analytics/gis')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <!-- /col -->

                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i
                                style="color: #ffb12b"
                                class="fas fa-project-diagram"
                              ></i
                              >&nbsp;<span
                                data-i18n="artificial_intelligence"
                              ></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="algorithms"
                                  onclick="javascript:listinstances('algorithms_')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="capsulescount"
                                  onclick="javascript:listinstances('capsulescountcampaigns_')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>

                    </div>
                    <!-- /row -->


                    <div class="row" style="margin-bottom: 10px">
                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i
                                style="color: #ffb12b"
                                class="fas fa-satellite"
                              ></i
                              >&nbsp;<span data-i18n="aluxo"></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem "
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="productmanagement"
                                  onclick="javascript:listinstances('aluxoaphya_')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <!-- /col -->


                    </div>
                    <!-- /row -->
                  </div>
                  <!-- /dropdown-container -->
                </li>

                <li
                  id="MegaMenuReports"
                  style="display: none"
                  class="dropdown dropdown-megamenu"
                >
                  <a
                    href="#"
                    class="dropdown-toggle"
                    data-toggle="dropdown"
                    role="button"
                    aria-haspopup="true"
                    aria-expanded="false"
                    ><i style="color: #ffb12b" class="fas fa-file-invoice"></i
                    >&nbsp;<span data-i18n="reports"></span
                  ></a>

                  <div class="dropdown-container menuGradient">
                    <div class="row" style="margin-bottom: 10px">
                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i style="color: #ffb12b" class="fas fa-leaf"></i
                              >&nbsp;<span data-i18n="outgrowing_scheme"></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="weighting_scale_control"
                                  onclick="javascript:openInstance('ui/reports/OSWeightingScaleControl')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="weighting_scale_notprocessedyet"
                                  onclick="javascript:openInstance('ui/reports/OSWeightingScaleControlNotProcessedYet')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="AgencyProgress"
                                  onclick="javascript:openInstance('ui/reports/list/OSProgress')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="IAMReport"
                                  onclick="javascript:openInstance('ui/reports/list/IAMReports')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="IAM2Report"
                                  onclick="javascript:openInstance('ui/reports/IAM2Report')"
                                ></button>
                              </li>                              
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="BagsWithCotton"
                                  onclick="javascript:openInstance('ui/reports/list/BagsReceived')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <!-- /col -->

                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i
                                style="color: #ffb12b"
                                class="fas fa-map-marked-alt"
                              ></i
                              >&nbsp;<span data-i18n="cartography"></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="gis_areasacquisitionbytechnician"
                                  onclick="javascript:openInstance('ui/reports/list/GISAreaAcquisition')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="gis_marketprogress"
                                  onclick="javascript:openInstance('ui/reports/list/GISProducersNotAcquired')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <!-- /col -->

                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i style="color: #ffb12b" class="fas fa-store"></i
                              >&nbsp;<span data-i18n="othermodules"></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="LJoaoExploration"
                                  onclick="javascript:openInstance('ui/reports/JoaoExploration')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="LMOperatorSecondTrips"
                                  onclick="javascript:openInstance('ui/reports/list/campaignselector/LMOperatorSecondTripsCampaigns')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="AluxoTransactions"
                                  onclick="javascript:openInstance('ui/reports/AluxoTransactions')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="TrainingLog"
                                  onclick="javascript:openInstance('ui/reports/TrainingLog')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <!-- /col -->
                    </div>
                    <!-- /row -->

                    <div class="row" style="margin-bottom: 10px">
                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i
                                style="color: #ffb12b"
                                class="fas fa-satellite"
                              ></i
                              >&nbsp;<span data-i18n="remotesensing"></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="availablesources"
                                  onclick="javascript:openInstance('ui/reports/RSAvailableSources')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="statistics"
                                  onclick="javascript:openInstance('ui/reports/RSStatistics')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <!-- /col -->

                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i
                                style="color: #ffb12b"
                                class="fas fa-comments"
                              ></i
                              >&nbsp;<span data-i18n="crm"></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="report"
                                  onclick="javascript:openInstance('ui/reports/CRMReport')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <!-- /col -->

                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i style="color: #ffb12b" class="fas fa-store"></i
                              >&nbsp;<span data-i18n="LearningGroups"></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="exploration"
                                  onclick="javascript:openInstance('ui/reports/LGExploration')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="row" style="margin-bottom: 10px">
                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i
                                style="color: #ffb12b"
                                class="fas fa-ship"
                              ></i
                              >&nbsp;<span data-i18n="iaom_expedition"></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="classification_list"
                                  onclick="javascript:openInstance('ui/reports/classificationlist')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="boardingscheme"
                                  onclick="javascript:openInstance('ui/reports/boarding_scheme')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="contract"
                                  onclick="javascript:openInstance('ui/reports/contract')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="balesnotused"
                                  onclick="javascript:openInstance('ui/reports/balesnotused')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <!-- /col -->

                      <div class="col-sm-6 col-md-4">
                        <div class="media">
                          <div class="media-body">
                            <h4>
                              <i
                                style="color: #ffb12b"
                                class="fas fa-sun"
                              ></i
                              >&nbsp;<span data-i18n="aluxo"></span>
                            </h4>
                            <ul class="list-links">
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="equipmentlist"
                                  onclick="javascript:openInstance('ui/reports/aluxo/productlist')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="tokensexpiringsoon"
                                  onclick="javascript:openInstance('ui/reports/aluxo/expiring')"
                                ></button>
                              </li>
                              <li>
                                <button
                                  class="btn dropdown-toggle S2iNavBarItem"
                                  data-toggle="dropdown"
                                  data-target="#dropdown-toggle"
                                  data-i18n="tokengenerationactivity"
                                  onclick="javascript:openInstance('ui/reports/aluxo/tokengenerationlog')"
                                ></button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <!-- /col -->

                      <div class="col-sm-6 col-md-4">
                        
                      </div>
                    </div>
                    <!-- /row -->
                  </div>
                  <!-- /dropdown-container -->
                </li>

                <li
                  id="MegaMenuAnalytics"
                  style="display: none"
                  class="dropdown dropdown-megamenu"
                >
                  <a
                    href="#"
                    class="dropdown-toggle"
                    data-toggle="dropdown"
                    role="button"
                    aria-haspopup="true"
                    aria-expanded="false"
                    ><i style="color: #ffb12b" class="fas fa-chart-bar"></i
                    >&nbsp;<span data-i18n="analytics"></span
                  ></a>

                  <div class="dropdown-container menuGradient">
                    <div class="row" style="margin-bottom: 10px">
                      <div class="container-fluid">
                        <div class="row">
                          <div class="col-sm-6 col-md-3">
                            <div class="media">
                              <div class="media-body">
                                <h4>
                                  <i
                                    style="color: #ffb12b"
                                    class="fas fa-seedling"
                                  ></i
                                  >&nbsp;<span
                                    data-i18n="outgrowing_scheme"
                                  ></span>
                                </h4>
                                <ul class="list-links">
                                  <li>
                                    <button
                                      class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                      data-toggle="dropdown"
                                      data-target="#dropdown-toggle"
                                      data-i18n="general"
                                      onclick="javascript:openInstance('ui/analytics/fieldgeneral')"
                                    ></button>
                                  </li>
                                  <!--
                                <li>
                                  <button class="btn dropdown-toggle S2iNavBarItem" data-toggle="dropdown"
                                  data-target="#dropdown-toggle" data-i18n="Campanha C2021"
                                  onclick="javascript:openInstance('ui/analytics/c2021')"></button>
                                </li>
                              -->
                                </ul>
                              </div>
                            </div>
                          </div>
                          <!-- /col -->

                          <div class="col-sm-6 col-md-3">
                            <div class="media">
                              <div class="media-body">
                                <h4>
                                  <i
                                    style="color: #ffb12b"
                                    class="fas fa-users"
                                  ></i
                                  >&nbsp;<span
                                    data-i18n="technicians_management"
                                  ></span>
                                </h4>
                                <ul class="list-links">
                                  <li>
                                    <button
                                      class="btn dropdown-toggle S2iNavBarItem "
                                      data-toggle="dropdown"
                                      data-target="#dropdown-toggle"
                                      data-i18n="tasks"
                                      onclick="javascript:openInstance('ui/analytics/list/technicianstaskslist')"
                                    ></button>
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </div>
                          <!-- /col -->

                          <div class="col-sm-6 col-md-3">
                            <div class="media">
                              <div class="media-body">
                                <h4>
                                  <i
                                    style="color: #ffb12b"
                                    class="fas fa-project-diagram"
                                  ></i
                                  >&nbsp;<span
                                    data-i18n="artificial_intelligence"
                                  ></span>
                                </h4>
                                <ul class="list-links">
                                  <li>
                                    <button
                                      class="btn dropdown-toggle S2iNavBarItem"
                                      data-toggle="dropdown"
                                      data-target="#dropdown-toggle"
                                      data-i18n="data_fusion"
                                      onclick="javascript:openInstance('ui/analytics/aidatafusion')"
                                    ></button>
                                  </li>
                                  <li>
                                    <button
                                      class="btn dropdown-toggle S2iNavBarItem"
                                      data-toggle="dropdown"
                                      data-target="#dropdown-toggle"
                                      data-i18n="classifiers"
                                      onclick="javascript:openInstance('ui/analytics/aiclassifiers')"
                                    ></button>
                                  </li>
                                  <li>
                                    <button
                                      class="btn dropdown-toggle S2iNavBarItem"
                                      data-toggle="dropdown"
                                      data-target="#dropdown-toggle"
                                      data-i18n="forecast"
                                      onclick="javascript:openInstance('ui/analytics/aiforecast')"
                                    ></button>
                                  </li>
                                  <li>
                                    <button
                                      class="btn dropdown-toggle S2iNavBarItem"
                                      data-toggle="dropdown"
                                      data-target="#dropdown-toggle"
                                      data-i18n="temporalanalysis"
                                      onclick="javascript:openInstance('ui/analytics/aitemporalanalysis')"
                                    ></button>
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </div>
                          <!-- /col -->

                          <div class="col-sm-6 col-md-3">
                            <div class="media">
                              <div class="media-body">
                                <h4>
                                  <i
                                    style="color: #ffb12b"
                                    class="fas fa-piggy-bank"
                                  ></i
                                  >&nbsp;<span data-i18n="finance"></span>
                                </h4>
                                <ul class="list-links">
                                  <li>
                                    <button
                                      class="btn dropdown-toggle S2iNavBarItem"
                                      data-toggle="dropdown"
                                      data-target="#dropdown-toggle"
                                      data-i18n="letshego"
                                      onclick="javascript:openInstance('ui/analytics/financeletshego')"
                                    ></button>
                                  </li>
                                  <li>
                                    <button
                                      class="btn dropdown-toggle S2iNavBarItem"
                                      data-toggle="dropdown"
                                      data-target="#dropdown-toggle"
                                      data-i18n="carriers"
                                      onclick="javascript:openInstance('ui/analytics/financecarriers')"
                                    ></button>
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </div>
                          <!-- /col -->
                        </div>
                        <!-- /row -->

                        <div class="row">
                          <div class="col-sm-6 col-md-3">
                            <div class="media">
                              <div class="media-body">
                                <h4>
                                  <i
                                    style="color: #ffb12b"
                                    class="fas fa-project-diagram"
                                  ></i
                                  >&nbsp;<span data-i18n="othermodules"></span>
                                </h4>
                                <ul class="list-links">
                                  <li>
                                    <button
                                      class="btn dropdown-toggle S2iNavBarItem"
                                      data-toggle="dropdown"
                                      data-target="#dropdown-toggle"
                                      data-i18n="joao_stores"
                                      onclick="javascript:openInstance('ui/analytics/othersjoaostores')"
                                    ></button>
                                  </li>
                                  <li>
                                    <button
                                      class="btn dropdown-toggle S2iNavBarItem"
                                      data-toggle="dropdown"
                                      data-target="#dropdown-toggle"
                                      data-i18n="videos_and_games"
                                      onclick="javascript:openInstance('ui/analytics/fieldvideosandgames')"
                                    ></button>
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </div>
                          <!-- /col -->

                          <div class="col-sm-6 col-md-3">
                            <div class="media">
                              <div class="media-body">
                                <h4>
                                  <i
                                    style="color: #ffb12b"
                                    class="fas fa-satellite"
                                  ></i
                                  >&nbsp;<span data-i18n="aerial"></span>
                                </h4>
                                <ul class="list-links">
                                  <li>
                                    <button
                                      class="btn dropdown-toggle S2iNavBarItem"
                                      data-toggle="dropdown"
                                      data-target="#dropdown-toggle"
                                      data-i18n="drone"
                                      onclick="javascript:openInstance('ui/analytics/aerialdrone')"
                                    ></button>
                                  </li>
                                  <li>
                                    <button
                                      class="btn dropdown-toggle S2iNavBarItem"
                                      data-toggle="dropdown"
                                      data-target="#dropdown-toggle"
                                      data-i18n="satellite"
                                      onclick="javascript:openInstance('ui/analytics/aerialsatellite')"
                                    ></button>
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </div>
                          <!-- /col -->

                          <div class="col-sm-6 col-md-3">
                            <div class="media">
                              <div class="media-body">
                                <h4>
                                  <i
                                    style="color: #ffb12b"
                                    class="fas fa-microchip"
                                  ></i
                                  >&nbsp;<span data-i18n="iot"></span>
                                </h4>
                                <ul class="list-links">
                                  <li>
                                    <button
                                      class="btn dropdown-toggle S2iNavBarItem"
                                      data-toggle="dropdown"
                                      data-target="#dropdown-toggle"
                                      data-i18n="probes"
                                      onclick="javascript:openInstance('ui/analytics/iotprobes')"
                                    ></button>
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </div>
                          <!-- /col -->

                          <div class="col-sm-6 col-md-3">
                            <div class="media">
                              <div class="media-body">
                                <h4>
                                  <i
                                    style="color: #ffb12b"
                                    class="fas fa-comments"
                                  ></i
                                  >&nbsp;<span data-i18n="crm"></span>
                                </h4>
                                <ul class="list-links">
                                  <li>
                                    <button
                                      class="btn dropdown-toggle S2iNavBarItem"
                                      data-toggle="dropdown"
                                      data-target="#dropdown-toggle"
                                      data-i18n="contacts"
                                      onclick="javascript:openInstance('ui/analytics/crmcontacts')"
                                    ></button>
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </div>
                          <!-- /col -->
                        </div>




                        <div class="row">
                          <div class="col-sm-6 col-md-3">
                            <div class="media">
                              <div class="media-body">
                                <h4>
                                  <i
                                    style="color: #ffb12b"
                                    class="fas fa-ship"
                                  ></i
                                  >&nbsp;<span data-i18n="iaom_expedition"></span>
                                </h4>
                                <ul class="list-links">
                                  <li>
                                    <button
                                      class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                      data-toggle="dropdown"
                                      data-target="#dropdown-toggle"
                                      data-i18n="general"
                                      onclick="javascript:openInstance('ui/analytics/iaom_expedition')"
                                    ></button>
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </div>
                          <!-- /col -->

                          <div class="col-sm-6 col-md-3">
                            <div class="media">
                              <div class="media-body">
                                <h4>
                                  <i
                                    style="color: #ffb12b"
                                    class="fas fa-sun"
                                  ></i
                                  >&nbsp;<span data-i18n="aluxo"></span>
                                </h4>
                                <ul class="list-links">
                                  <li>
                                    <button
                                      class="btn dropdown-toggle S2iNavBarItem S2iValidated"
                                      data-toggle="dropdown"
                                      data-target="#dropdown-toggle"
                                      data-i18n="general"
                                      onclick="javascript:openInstance('ui/analytics/aluxo')"
                                    ></button>
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </div>
                          <!-- /col -->

                          <div class="col-sm-6 col-md-3">
                            
                          </div>
                          <!-- /col -->

                          <div class="col-sm-6 col-md-3">
                           
                          </div>
                          <!-- /col -->
                        </div>



                      </div>
                    </div>
                    <!-- /row -->
                  </div>
                  <!-- /dropdown-container -->
                </li>
              </ul>

              <ul class="nav navbar-nav navbar-right">
                <li
                  id="MegaMenuHistory"
                  style="display: none"
                  class="dropdown dropdown-megamenu"
                >
                  <a
                    id="cmdHistory"
                    href="#"
                    class="dropdown-toggle"
                    data-toggle="dropdown"
                    role="button"
                    aria-haspopup="true"
                    aria-expanded="false"
                    ><i class="fas fa-history"></i>&nbsp;</a
                  >

                  <div class="dropdown-container">
                    <div class="row">
                      <div class="col-sm-1"></div>
                      <div class="col-sm-10">
                        <h4
                          id="headerLastEntities"
                          class="S2iFormTabHeader"
                        ></h4>
                        <div style="margin-bottom: 20px;" id="gridLastEntities"></div>
                      </div>
                      <!-- /col -->
                      <div class="col-sm-1"></div>
                    </div>
                    <!-- /row -->
                  </div>
                  <!-- /dropdown-container -->
                </li>

                <li
                  id="MegaMenuAvailableReports"
                  style="display: none"
                  class="dropdown dropdown-megamenu"
                >
                  <a
                    href="#"
                    class="dropdown-toggle"
                    data-toggle="dropdown"
                    role="button"
                    aria-haspopup="true"
                    aria-expanded="false"
                    onclick="javascript:updateautoopen()"
                    ><span id="countAvailableReports"></span>&nbsp;<i
                      class="far fa-file-alt"
                      style="color: rgb(100, 189, 100)"
                    ></i
                    >&nbsp;</a
                  >

                  <div class="dropdown-container">
                    <div class="row">
                      <div class="col-sm-1"></div>
                      <div class="col-sm-10">
                        <h4
                          id="headerAvailableReports"
                          class="S2iFormTabHeader"
                        ></h4>


                        <div style="float: right; margin-right: 20px; margin-bottom: 10px;">
                          <button class="btn btn-circle green btn-sm dropdown-toggle" data-toggle="tooltip" data-placement="top" id="cmdrefreshavailablereports" style="
                          background-color: #465963;
                          color: antiquewhite;
                          width: 30px;
                          height: 30px;
                          font-size: 12px;
                        " type="button" title="Reler lista de relatórios disponíveis">
                        <i class="fas fa-sync"></i>
                          </button>
                        </div>
                        <div   style="float: right; margin-right: 20px; margin-bottom: 10px;">
                          <button class="btn btn-circle green btn-sm dropdown-toggle" data-toggle="tooltip" data-placement="top" id="cmdDeleteReports" style="
                          background-color: #465963;
                          color: antiquewhite;
                          width: 30px;
                          height: 30px;
                          font-size: 12px;
                        " type="button" title="Eliminar registos">
                        <i class="fas fa-trash"></i>
                          </button>
  
                        </div>
                      
                        <div style="float: right; margin-right: 20px; margin-bottom: 10px;">
                          <button class="btn btn-circle green btn-sm dropdown-toggle" data-toggle="tooltip" data-placement="top" id="cmdbulkdownload" style="
                          background-color: #465963;
                          color: antiquewhite;
                          width: 30px;
                          height: 30px;
                          font-size: 12px;
                        " type="button" title="Download todos os itens">
                        <i class="fas fa-download"></i>
                          </button>

                        </div>
                        
                        <div style="float: right; margin-right: 20px; margin-bottom: 10px;">
                          <button class="btn btn-circle green btn-sm dropdown-toggle" data-toggle="tooltip" data-placement="top" id="autoopencheck" style="
                              background-color: #465963;
                              color: antiquewhite;
                              width: 30px;
                              height: 30px;
                              font-size: 12px;
                            " type="button" title="Abrir os relatórios automáticamente">
                                <i id="changeautocolor" class="fas fa-external-link"></i>
                          </button>
                        </div>
                        <div
                        style="margin-bottom: 20px;"
                          id="gridAvailableReports"
                        ></div>
                      </div>
                      <!-- /col -->
                      <div class="col-sm-1"></div>
                    </div>
                    <!-- /row -->
                  </div>
                  <!-- /dropdown-container -->
                </li>

                <li
                  id="MegaMenuMyAccount"
                  style="display: none"
                  class="dropdown dropdown-megamenu"
                >
                  <a
                    href="javascript:openUserProfile()"
                    class="dropdown-toggle"
                    role="button"
                    ><i style="color: #ffb12b" class="far fa-user"></i
                    >&nbsp;<span data-i18n="my_account"></span
                  ></a>
                </li>

                <li
                  id="MegaMenuLogout"
                  style="display: none"
                  class="dropdown dropdown-megamenu"
                >
                  <a
                    href="javascript:logout()"
                    class="dropdown-toggle"
                    role="button"
                    ><i style="color: #ffb12b" class="fa fa-sign-out"></i
                    >&nbsp;<span data-i18n="logout"></span>
                  </a>
                </li>
              </ul>
            </div>
          </div>
          <!-- /.container-fluid -->
        </nav>
      </div>

      <div id="wrap" style="margin-bottom: 0px; margin-top: 0px">
        <div id="loadingmessage" style="width: 100%; text-align: center">
          <img src="./media/loader.gif" />
        </div>
        <div id="workspace" style="margin-bottom: 50px"></div>
      </div>
    </div>

    <script>
      function loadCSS(src) {
        if (document.createStyleSheet) {
          document.createStyleSheet(src);
        } else {
          $("head").append($("<link rel='stylesheet' href='" + src + " />"));
        }
      }

      $("#loadingmessage").hide();
    </script>

    <div id="helpWindow" style="display: none">
      <div></div>
      <div></div>
    </div>

    <div id="confirmDeletion" style="display: none">
      <div data-i18n="confirmDeleteTitle"></div>
      <div id="confirm_content">
        <div data-i18n="AskUserToConfirmDeleteOperation"></div>
        <div style="float: right; margin-top: 15px">
          <input
            type="button"
            id="confirm_ok"
            value="OK"
            style="margin-right: 10px"
          />
          <input type="button" id="confirm_cancel" value="Cancel" />
        </div>
      </div>
    </div>

    <div id="confirmPost" style="display: none">
      <div data-i18n="confirmPostTitle"></div>
      <div id="confirm_post_content">
        <div data-i18n="AskUserToConfirmPostOperation"></div>
        <div style="float: right; margin-top: 15px">
          <input
            type="button"
            id="confirm_post_ok"
            value="OK"
            style="margin-right: 10px"
          />
          <input type="button" id="confirm_post_cancel" value="Cancel" />
        </div>
      </div>
    </div>

    <div id="s2ifooter" class="footer navbar-fixed-bottom">
      <div class="row container-fluid">
        <div class="col-sm-4">
          <p style="text-align: left !important; padding-top: 5px">
            © Copyright S2i Software. All Rights Reserved.
          </p>
        </div>
        <div class="col-sm-4">
          <a href="https://www.s2i-software.com/" target="_blank"
            ><img src="./s2i_logo_footer.png" width="90px;"
            
          /></a>
        </div>
        <div
          class="col-sm-4"
          style="text-align: right !important; padding-top: 5px"
        >
          <a href="https://www.s2i-software.com/" target="_blank"
            ><i class="fas fa-globe" style="color: antiquewhite"></i
          ></a>
          <a href="https://www.facebook.com/s2i.software" target="_blank"
            ><i
              class="fab fa-facebook-f"
              style="color: antiquewhite; padding-left: 6px"
            ></i
          ></a>
          <a
            href="https://www.youtube.com/channel/UCI7f7LzC4sbe0VjXBHm58_g"
            target="_blank"
            ><i
              class="fab fa-youtube"
              style="color: antiquewhite; padding-left: 6px"
            ></i
          ></a>
          <a
            href="https://www.linkedin.com/company/s2i-software"
            target="_blank"
            ><i
              class="fab fa-linkedin-in"
              style="color: antiquewhite; padding-left: 6px"
            ></i
          ></a>
        </div>
      </div>
    </div>
  </body>
</html>
