

<!-- BOOTSTRAP CSS -->
<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> -->
<link href="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- FONTAWSOME -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">

<!-- STYLE CSS -->
<link href="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/css/hstyle.css" rel="stylesheet"/>
<link href="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/colors/color1.css" rel="stylesheet"/>
<link href="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/css/sidemenu.css" rel="stylesheet"/>
<link href="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/plugins/single-page/css/main.css" rel="stylesheet" type="text/css">
<link href="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/plugins/leaflet/leaflet.css" rel="stylesheet" type="text/css">

<link href="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/HARassets/css/HAR_style.css" rel="stylesheet"/>

<div id="dashboard" class="app sidebar-mini" style="max-width:100%">
  <div class="app-sidebar__overlay" data-bs-toggle="sidebar"></div>
  <aside class="app-sidebar">
        <div class="side-header">
        RETE LAGO D'ISEO    </div>
      <ul class="side-menu">
                    <li class="slide">
                <a class="side-menu__item active section-changer page-loader"  page_to_load="1">
                    <i class="side-menu__icon fas fa-broadcast-tower"></i><span class="side-menu__label">Boa Trentapassi</span>
                </a>
            </li>
                      <li class="slide">
                <a class="side-menu__item  section-changer page-loader"  page_to_load="2">
                    <i class="side-menu__icon fas fa-broadcast-tower"></i><span class="side-menu__label">Castro</span>
                </a>
            </li>
                      <li class="slide">
                <a class="side-menu__item  section-changer page-loader"  page_to_load="3">
                    <i class="side-menu__icon fas fa-broadcast-tower"></i><span class="side-menu__label">Iseo</span>
                </a>
            </li>
                      <li class="slide">
                <a class="side-menu__item  section-changer page-loader"  page_to_load="4">
                    <i class="side-menu__icon fas fa-broadcast-tower"></i><span class="side-menu__label">Torbiere d'Iseo</span>
                </a>
            </li>
                      <li class="slide">
                <a class="side-menu__item  section-changer page-loader"  page_to_load="5">
                    <i class="side-menu__icon fas fa-map"></i><span class="side-menu__label">Mappa</span>
                </a>
            </li>
          
      </ul>
  </aside>




      <div class="app-content side-app">
        <div class="app-header header" style="position:relative;">
           <div class="container-fluid">
               <div class="d-flex">
                 <a aria-label="Hide Sidebar" class="app-sidebar__toggle" data-bs-toggle="sidebar">
                   <i class="fas fa-align-left font-20"></i>
                 </a>
               </div>
           </div>

        </div>

                <div class="container page-container " id="page-1">


          <div class="">
            <h2 class="page-title">Boa Trentapassi               <a class="text-info font-12 mb-0 section-changer page-loader float-end d-sm-none"  page_to_load="5"><i class="fas fa-map text-info"></i> Visualizza su mappa</a>
            </h2>
                          <a class="text-info font-12 mb-0 section-changer page-loader float-end d-none d-sm-block"  page_to_load="5"><i class="fas fa-map text-info"></i> Visualizza su mappa</a>
                        <p class="text-muted font-14"><i class="fas fa-clock text-muted"></i> Ultimo aggiornamento: <span id="last_update_1">-</span></p>
          </div>

          <!-- Navigazione dei tab da desktop-->
          <div class=" tab-menu-heading d-none d-sm-block">
            <div class="tabs-menu1 "> <!-- Tabs -->
              <ul class="nav panel-tabs">
                                  <li>
                    <a class=" active me-1 tab_selector_menu" page_id="1" tab_id="1" data-bs-toggle="tab" data-bs-target="#page-1-tab-1">Ultimo valore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="1" tab_id="2" data-bs-toggle="tab" data-bs-target="#page-1-tab-2">3 ore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="1" tab_id="3" data-bs-toggle="tab" data-bs-target="#page-1-tab-3">6 ore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="1" tab_id="4" data-bs-toggle="tab" data-bs-target="#page-1-tab-4">12 ore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="1" tab_id="5" data-bs-toggle="tab" data-bs-target="#page-1-tab-5">24 ore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="1" tab_id="6" data-bs-toggle="tab" data-bs-target="#page-1-tab-6">72 ore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="1" tab_id="9" data-bs-toggle="tab" data-bs-target="#page-1-tab-9">Settimana</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="1" tab_id="10" data-bs-toggle="tab" data-bs-target="#page-1-tab-10">Mese</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="1" tab_id="11" data-bs-toggle="tab" data-bs-target="#page-1-tab-11">Anno</a>
                  </li>

                              </ul>
            </div>
          </div>

          <!-- Navigazione dei tab tramite select per mobile -->
          <select class="tab_selector_select mb-3 form-select d-sm-none" page="1">
                            <option selected value="1">Ultimo valore</option>
                            <option  value="2">3 ore</option>
                            <option  value="3">6 ore</option>
                            <option  value="4">12 ore</option>
                            <option  value="5">24 ore</option>
                            <option  value="6">72 ore</option>
                            <option  value="9">Settimana</option>
                            <option  value="10">Mese</option>
                            <option  value="11">Anno</option>
                      </select>


        <!-- <nav>
          <div class="nav nav-tabs" id="page-1-nav-tab" role="tablist">
            
              <button class="nav-link active" id="page-1-nav-tab-1" data-bs-toggle="tab" data-bs-target="#page-1-tab-1" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Ultimo valore</button>

            
              <button class="nav-link " id="page-1-nav-tab-2" data-bs-toggle="tab" data-bs-target="#page-1-tab-2" type="button" role="tab" aria-controls="nav-home" aria-selected="true">3 ore</button>

            
              <button class="nav-link " id="page-1-nav-tab-3" data-bs-toggle="tab" data-bs-target="#page-1-tab-3" type="button" role="tab" aria-controls="nav-home" aria-selected="true">6 ore</button>

            
              <button class="nav-link " id="page-1-nav-tab-4" data-bs-toggle="tab" data-bs-target="#page-1-tab-4" type="button" role="tab" aria-controls="nav-home" aria-selected="true">12 ore</button>

            
              <button class="nav-link " id="page-1-nav-tab-5" data-bs-toggle="tab" data-bs-target="#page-1-tab-5" type="button" role="tab" aria-controls="nav-home" aria-selected="true">24 ore</button>

            
              <button class="nav-link " id="page-1-nav-tab-6" data-bs-toggle="tab" data-bs-target="#page-1-tab-6" type="button" role="tab" aria-controls="nav-home" aria-selected="true">72 ore</button>

            
              <button class="nav-link " id="page-1-nav-tab-9" data-bs-toggle="tab" data-bs-target="#page-1-tab-9" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Settimana</button>

            
              <button class="nav-link " id="page-1-nav-tab-10" data-bs-toggle="tab" data-bs-target="#page-1-tab-10" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Mese</button>

            
              <button class="nav-link " id="page-1-nav-tab-11" data-bs-toggle="tab" data-bs-target="#page-1-tab-11" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Anno</button>

                      </div>
        </nav> -->

        <!-- Contenuto dei tab -->
        <div class="tab-content" id="page-1-nav-tab-content">
          
            <div class="tab-pane fade show active" id="page-1-tab-1" role="tabpanel" aria-labelledby="tab-1">

                              <div class="row" id="page-1-tab-1-row-4">

                                      <div class="col-md-6" id="page-1-tab-1-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Velocità vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-1-row-4-col-1-chart-1" >
                                                                <div class="spinner-border" role="status"></div>
                                  <span class="value"></span> <span class="unit_of_measure"></span><br>
                                  <!-- <span class="value_date"></span> -->
                                                        </div>
                      	</div>
                      </div>
                    </div>
                                      <div class="col-md-6" id="page-1-tab-1-row-4-col-2">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Direzione vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-1-row-4-col-2-chart-1" >
                                                                <div class="spinner-border" role="status"></div>
                                  <span class="value"></span> <span class="unit_of_measure"></span><br>
                                  <!-- <span class="value_date"></span> -->
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-1-row-1">

                                      <div class="col-md-6" id="page-1-tab-1-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Rosa dei venti 1h</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-1-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                                      <div class="col-md-6" id="page-1-tab-1-row-1-col-2">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Rosa dei venti 3h</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-1-row-1-col-2-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-1-row-2">

                                      <div class="col-md-6" id="page-1-tab-1-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione totale netta</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-1-row-2-col-1-chart-5" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                                      <div class="col-md-6" id="page-1-tab-1-row-2-col-2">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Ossigeno -75m</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-1-row-2-col-2-chart-6" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-1-row-3">

                                      <div class="col-md-4" id="page-1-tab-1-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura acqua lago -0,2m</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-1-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                                      <div class="col-md-4" id="page-1-tab-1-row-3-col-2">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura acqua lago -10m</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-1-row-3-col-2-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                                      <div class="col-md-4" id="page-1-tab-1-row-3-col-3">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura acqua lago -100m</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-1-row-3-col-3-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-1-tab-2" role="tabpanel" aria-labelledby="tab-2">

                              <div class="row" id="page-1-tab-2-row-1">

                                      <div class="col-md-12" id="page-1-tab-2-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-2-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-2-row-2">

                                      <div class="col-md-12" id="page-1-tab-2-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione totale netta</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-2-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-2-row-3">

                                      <div class="col-md-12" id="page-1-tab-2-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Ossigeno -75m</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-2-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-2-row-4">

                                      <div class="col-md-12" id="page-1-tab-2-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura acqua lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-2-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-1-tab-3" role="tabpanel" aria-labelledby="tab-3">

                              <div class="row" id="page-1-tab-3-row-1">

                                      <div class="col-md-12" id="page-1-tab-3-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-3-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-3-row-2">

                                      <div class="col-md-12" id="page-1-tab-3-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione totale netta</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-3-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-3-row-3">

                                      <div class="col-md-12" id="page-1-tab-3-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Ossigeno -75m</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-3-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-3-row-4">

                                      <div class="col-md-12" id="page-1-tab-3-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura acqua lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-3-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-1-tab-4" role="tabpanel" aria-labelledby="tab-4">

                              <div class="row" id="page-1-tab-4-row-1">

                                      <div class="col-md-12" id="page-1-tab-4-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-4-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-4-row-2">

                                      <div class="col-md-12" id="page-1-tab-4-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione totale netta</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-4-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-4-row-3">

                                      <div class="col-md-12" id="page-1-tab-4-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Ossigeno -75m</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-4-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-4-row-4">

                                      <div class="col-md-12" id="page-1-tab-4-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura acqua lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-4-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-1-tab-5" role="tabpanel" aria-labelledby="tab-5">

                              <div class="row" id="page-1-tab-5-row-1">

                                      <div class="col-md-12" id="page-1-tab-5-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-5-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-5-row-2">

                                      <div class="col-md-12" id="page-1-tab-5-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione totale netta</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-5-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-5-row-3">

                                      <div class="col-md-12" id="page-1-tab-5-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Ossigeno -75m</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-5-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-5-row-4">

                                      <div class="col-md-12" id="page-1-tab-5-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura acqua lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-5-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-1-tab-6" role="tabpanel" aria-labelledby="tab-6">

                              <div class="row" id="page-1-tab-6-row-1">

                                      <div class="col-md-12" id="page-1-tab-6-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-6-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-6-row-2">

                                      <div class="col-md-12" id="page-1-tab-6-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione totale netta</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-6-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-6-row-3">

                                      <div class="col-md-12" id="page-1-tab-6-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Ossigeno -75m</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-6-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-6-row-4">

                                      <div class="col-md-12" id="page-1-tab-6-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura acqua lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-6-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-1-tab-9" role="tabpanel" aria-labelledby="tab-9">

                              <div class="row" id="page-1-tab-9-row-1">

                                      <div class="col-md-12" id="page-1-tab-9-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-9-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-9-row-2">

                                      <div class="col-md-12" id="page-1-tab-9-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione totale netta</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-9-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-9-row-3">

                                      <div class="col-md-12" id="page-1-tab-9-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Ossigeno -75m</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-9-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-9-row-4">

                                      <div class="col-md-12" id="page-1-tab-9-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura acqua lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-9-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-1-tab-10" role="tabpanel" aria-labelledby="tab-10">

                              <div class="row" id="page-1-tab-10-row-1">

                                      <div class="col-md-12" id="page-1-tab-10-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-10-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-10-row-2">

                                      <div class="col-md-12" id="page-1-tab-10-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione totale netta</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-10-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-10-row-3">

                                      <div class="col-md-12" id="page-1-tab-10-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Ossigeno -75m</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-10-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-10-row-4">

                                      <div class="col-md-12" id="page-1-tab-10-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura acqua lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-10-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-1-tab-11" role="tabpanel" aria-labelledby="tab-11">

                              <div class="row" id="page-1-tab-11-row-1">

                                      <div class="col-md-12" id="page-1-tab-11-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-11-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-11-row-2">

                                      <div class="col-md-12" id="page-1-tab-11-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione totale netta</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-11-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-11-row-3">

                                      <div class="col-md-12" id="page-1-tab-11-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Ossigeno -75m</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-11-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-1-tab-11-row-4">

                                      <div class="col-md-12" id="page-1-tab-11-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura acqua lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-1-tab-11-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

                  </div>

      </div> <!-- Fine contenuto Page-->
              <div class="container page-container d-none" id="page-2">


          <div class="">
            <h2 class="page-title">Castro               <a class="text-info font-12 mb-0 section-changer page-loader float-end d-sm-none"  page_to_load="5"><i class="fas fa-map text-info"></i> Visualizza su mappa</a>
            </h2>
                          <a class="text-info font-12 mb-0 section-changer page-loader float-end d-none d-sm-block"  page_to_load="5"><i class="fas fa-map text-info"></i> Visualizza su mappa</a>
                        <p class="text-muted font-14"><i class="fas fa-clock text-muted"></i> Ultimo aggiornamento: <span id="last_update_2">-</span></p>
          </div>

          <!-- Navigazione dei tab da desktop-->
          <div class=" tab-menu-heading d-none d-sm-block">
            <div class="tabs-menu1 "> <!-- Tabs -->
              <ul class="nav panel-tabs">
                                  <li>
                    <a class=" active me-1 tab_selector_menu" page_id="2" tab_id="1" data-bs-toggle="tab" data-bs-target="#page-2-tab-1">Ultimo valore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="2" tab_id="2" data-bs-toggle="tab" data-bs-target="#page-2-tab-2">3 ore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="2" tab_id="3" data-bs-toggle="tab" data-bs-target="#page-2-tab-3">6 ore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="2" tab_id="4" data-bs-toggle="tab" data-bs-target="#page-2-tab-4">12 ore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="2" tab_id="5" data-bs-toggle="tab" data-bs-target="#page-2-tab-5">24 ore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="2" tab_id="6" data-bs-toggle="tab" data-bs-target="#page-2-tab-6">72 ore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="2" tab_id="9" data-bs-toggle="tab" data-bs-target="#page-2-tab-9">Settimana</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="2" tab_id="10" data-bs-toggle="tab" data-bs-target="#page-2-tab-10">Mese</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="2" tab_id="11" data-bs-toggle="tab" data-bs-target="#page-2-tab-11">Anno</a>
                  </li>

                              </ul>
            </div>
          </div>

          <!-- Navigazione dei tab tramite select per mobile -->
          <select class="tab_selector_select mb-3 form-select d-sm-none" page="2">
                            <option selected value="1">Ultimo valore</option>
                            <option  value="2">3 ore</option>
                            <option  value="3">6 ore</option>
                            <option  value="4">12 ore</option>
                            <option  value="5">24 ore</option>
                            <option  value="6">72 ore</option>
                            <option  value="9">Settimana</option>
                            <option  value="10">Mese</option>
                            <option  value="11">Anno</option>
                      </select>


        <!-- <nav>
          <div class="nav nav-tabs" id="page-2-nav-tab" role="tablist">
            
              <button class="nav-link active" id="page-2-nav-tab-1" data-bs-toggle="tab" data-bs-target="#page-2-tab-1" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Ultimo valore</button>

            
              <button class="nav-link " id="page-2-nav-tab-2" data-bs-toggle="tab" data-bs-target="#page-2-tab-2" type="button" role="tab" aria-controls="nav-home" aria-selected="true">3 ore</button>

            
              <button class="nav-link " id="page-2-nav-tab-3" data-bs-toggle="tab" data-bs-target="#page-2-tab-3" type="button" role="tab" aria-controls="nav-home" aria-selected="true">6 ore</button>

            
              <button class="nav-link " id="page-2-nav-tab-4" data-bs-toggle="tab" data-bs-target="#page-2-tab-4" type="button" role="tab" aria-controls="nav-home" aria-selected="true">12 ore</button>

            
              <button class="nav-link " id="page-2-nav-tab-5" data-bs-toggle="tab" data-bs-target="#page-2-tab-5" type="button" role="tab" aria-controls="nav-home" aria-selected="true">24 ore</button>

            
              <button class="nav-link " id="page-2-nav-tab-6" data-bs-toggle="tab" data-bs-target="#page-2-tab-6" type="button" role="tab" aria-controls="nav-home" aria-selected="true">72 ore</button>

            
              <button class="nav-link " id="page-2-nav-tab-9" data-bs-toggle="tab" data-bs-target="#page-2-tab-9" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Settimana</button>

            
              <button class="nav-link " id="page-2-nav-tab-10" data-bs-toggle="tab" data-bs-target="#page-2-tab-10" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Mese</button>

            
              <button class="nav-link " id="page-2-nav-tab-11" data-bs-toggle="tab" data-bs-target="#page-2-tab-11" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Anno</button>

                      </div>
        </nav> -->

        <!-- Contenuto dei tab -->
        <div class="tab-content" id="page-2-nav-tab-content">
          
            <div class="tab-pane fade show active" id="page-2-tab-1" role="tabpanel" aria-labelledby="tab-1">

                              <div class="row" id="page-2-tab-1-row-1">

                                      <div class="col-md-6" id="page-2-tab-1-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Velocità vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-1-row-1-col-1-chart-1" >
                                                                <div class="spinner-border" role="status"></div>
                                  <span class="value"></span> <span class="unit_of_measure"></span><br>
                                  <!-- <span class="value_date"></span> -->
                                                        </div>
                      	</div>
                      </div>
                    </div>
                                      <div class="col-md-6" id="page-2-tab-1-row-1-col-2">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Direzione vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-1-row-1-col-2-chart-1" >
                                                                <div class="spinner-border" role="status"></div>
                                  <span class="value"></span> <span class="unit_of_measure"></span><br>
                                  <!-- <span class="value_date"></span> -->
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-1-row-2">

                                      <div class="col-md-6" id="page-2-tab-1-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Rosa dei venti 1h</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-1-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                                      <div class="col-md-6" id="page-2-tab-1-row-2-col-2">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Rosa dei venti 3h</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-1-row-2-col-2-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-1-row-3">

                                      <div class="col-md-6" id="page-2-tab-1-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-1-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                                      <div class="col-md-6" id="page-2-tab-1-row-3-col-2">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-1-row-3-col-2-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-1-row-4">

                                      <div class="col-md-6" id="page-2-tab-1-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Pressione atmosferica</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-1-row-4-col-1-chart-6" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                                      <div class="col-md-6" id="page-2-tab-1-row-4-col-2">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-1-row-4-col-2-chart-6" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-1-row-5">

                                      <div class="col-md-12" id="page-2-tab-1-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-1-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-2-tab-2" role="tabpanel" aria-labelledby="tab-2">

                              <div class="row" id="page-2-tab-2-row-1">

                                      <div class="col-md-12" id="page-2-tab-2-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-2-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-2-row-2">

                                      <div class="col-md-12" id="page-2-tab-2-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-2-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-2-row-3">

                                      <div class="col-md-12" id="page-2-tab-2-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-2-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-2-row-4">

                                      <div class="col-md-12" id="page-2-tab-2-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Pressione atmosferica</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-2-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-2-row-5">

                                      <div class="col-md-12" id="page-2-tab-2-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-2-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-2-row-6">

                                      <div class="col-md-12" id="page-2-tab-2-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-2-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-2-tab-3" role="tabpanel" aria-labelledby="tab-3">

                              <div class="row" id="page-2-tab-3-row-1">

                                      <div class="col-md-12" id="page-2-tab-3-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-3-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-3-row-2">

                                      <div class="col-md-12" id="page-2-tab-3-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-3-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-3-row-3">

                                      <div class="col-md-12" id="page-2-tab-3-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-3-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-3-row-4">

                                      <div class="col-md-12" id="page-2-tab-3-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Pressione atmosferica</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-3-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-3-row-5">

                                      <div class="col-md-12" id="page-2-tab-3-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-3-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-3-row-6">

                                      <div class="col-md-12" id="page-2-tab-3-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-3-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-2-tab-4" role="tabpanel" aria-labelledby="tab-4">

                              <div class="row" id="page-2-tab-4-row-1">

                                      <div class="col-md-12" id="page-2-tab-4-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-4-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-4-row-2">

                                      <div class="col-md-12" id="page-2-tab-4-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-4-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-4-row-3">

                                      <div class="col-md-12" id="page-2-tab-4-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-4-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-4-row-4">

                                      <div class="col-md-12" id="page-2-tab-4-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Pressione atmosferica</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-4-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-4-row-5">

                                      <div class="col-md-12" id="page-2-tab-4-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-4-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-4-row-6">

                                      <div class="col-md-12" id="page-2-tab-4-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-4-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-2-tab-5" role="tabpanel" aria-labelledby="tab-5">

                              <div class="row" id="page-2-tab-5-row-1">

                                      <div class="col-md-12" id="page-2-tab-5-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-5-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-5-row-2">

                                      <div class="col-md-12" id="page-2-tab-5-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-5-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-5-row-3">

                                      <div class="col-md-12" id="page-2-tab-5-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-5-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-5-row-4">

                                      <div class="col-md-12" id="page-2-tab-5-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Pressione atmosferica</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-5-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-5-row-5">

                                      <div class="col-md-12" id="page-2-tab-5-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-5-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-5-row-6">

                                      <div class="col-md-12" id="page-2-tab-5-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-5-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-2-tab-6" role="tabpanel" aria-labelledby="tab-6">

                              <div class="row" id="page-2-tab-6-row-1">

                                      <div class="col-md-12" id="page-2-tab-6-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-6-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-6-row-2">

                                      <div class="col-md-12" id="page-2-tab-6-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-6-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-6-row-3">

                                      <div class="col-md-12" id="page-2-tab-6-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-6-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-6-row-4">

                                      <div class="col-md-12" id="page-2-tab-6-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Pressione atmosferica</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-6-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-6-row-5">

                                      <div class="col-md-12" id="page-2-tab-6-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-6-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-6-row-6">

                                      <div class="col-md-12" id="page-2-tab-6-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-6-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-2-tab-9" role="tabpanel" aria-labelledby="tab-9">

                              <div class="row" id="page-2-tab-9-row-1">

                                      <div class="col-md-12" id="page-2-tab-9-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-9-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-9-row-2">

                                      <div class="col-md-12" id="page-2-tab-9-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-9-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-9-row-3">

                                      <div class="col-md-12" id="page-2-tab-9-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-9-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-9-row-4">

                                      <div class="col-md-12" id="page-2-tab-9-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Pressione atmosferica</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-9-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-9-row-5">

                                      <div class="col-md-12" id="page-2-tab-9-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-9-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-9-row-6">

                                      <div class="col-md-12" id="page-2-tab-9-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-9-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-2-tab-10" role="tabpanel" aria-labelledby="tab-10">

                              <div class="row" id="page-2-tab-10-row-1">

                                      <div class="col-md-12" id="page-2-tab-10-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-10-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-10-row-2">

                                      <div class="col-md-12" id="page-2-tab-10-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-10-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-10-row-3">

                                      <div class="col-md-12" id="page-2-tab-10-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-10-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-10-row-4">

                                      <div class="col-md-12" id="page-2-tab-10-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Pressione atmosferica</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-10-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-10-row-5">

                                      <div class="col-md-12" id="page-2-tab-10-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-10-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-10-row-6">

                                      <div class="col-md-12" id="page-2-tab-10-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-10-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-2-tab-11" role="tabpanel" aria-labelledby="tab-11">

                              <div class="row" id="page-2-tab-11-row-1">

                                      <div class="col-md-12" id="page-2-tab-11-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-11-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-11-row-2">

                                      <div class="col-md-12" id="page-2-tab-11-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-11-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-11-row-3">

                                      <div class="col-md-12" id="page-2-tab-11-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-11-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-11-row-4">

                                      <div class="col-md-12" id="page-2-tab-11-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Pressione atmosferica</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-11-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-11-row-5">

                                      <div class="col-md-12" id="page-2-tab-11-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-11-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-2-tab-11-row-6">

                                      <div class="col-md-12" id="page-2-tab-11-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-2-tab-11-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

                  </div>

      </div> <!-- Fine contenuto Page-->
              <div class="container page-container d-none" id="page-3">


          <div class="">
            <h2 class="page-title">Iseo               <a class="text-info font-12 mb-0 section-changer page-loader float-end d-sm-none"  page_to_load="5"><i class="fas fa-map text-info"></i> Visualizza su mappa</a>
            </h2>
                          <a class="text-info font-12 mb-0 section-changer page-loader float-end d-none d-sm-block"  page_to_load="5"><i class="fas fa-map text-info"></i> Visualizza su mappa</a>
                        <p class="text-muted font-14"><i class="fas fa-clock text-muted"></i> Ultimo aggiornamento: <span id="last_update_3">-</span></p>
          </div>

          <!-- Navigazione dei tab da desktop-->
          <div class=" tab-menu-heading d-none d-sm-block">
            <div class="tabs-menu1 "> <!-- Tabs -->
              <ul class="nav panel-tabs">
                                  <li>
                    <a class=" active me-1 tab_selector_menu" page_id="3" tab_id="1" data-bs-toggle="tab" data-bs-target="#page-3-tab-1">Ultimo valore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="3" tab_id="2" data-bs-toggle="tab" data-bs-target="#page-3-tab-2">3 ore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="3" tab_id="3" data-bs-toggle="tab" data-bs-target="#page-3-tab-3">6 ore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="3" tab_id="4" data-bs-toggle="tab" data-bs-target="#page-3-tab-4">12 ore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="3" tab_id="5" data-bs-toggle="tab" data-bs-target="#page-3-tab-5">24 ore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="3" tab_id="6" data-bs-toggle="tab" data-bs-target="#page-3-tab-6">72 ore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="3" tab_id="9" data-bs-toggle="tab" data-bs-target="#page-3-tab-9">Settimana</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="3" tab_id="10" data-bs-toggle="tab" data-bs-target="#page-3-tab-10">Mese</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="3" tab_id="11" data-bs-toggle="tab" data-bs-target="#page-3-tab-11">Anno</a>
                  </li>

                              </ul>
            </div>
          </div>

          <!-- Navigazione dei tab tramite select per mobile -->
          <select class="tab_selector_select mb-3 form-select d-sm-none" page="3">
                            <option selected value="1">Ultimo valore</option>
                            <option  value="2">3 ore</option>
                            <option  value="3">6 ore</option>
                            <option  value="4">12 ore</option>
                            <option  value="5">24 ore</option>
                            <option  value="6">72 ore</option>
                            <option  value="9">Settimana</option>
                            <option  value="10">Mese</option>
                            <option  value="11">Anno</option>
                      </select>


        <!-- <nav>
          <div class="nav nav-tabs" id="page-3-nav-tab" role="tablist">
            
              <button class="nav-link active" id="page-3-nav-tab-1" data-bs-toggle="tab" data-bs-target="#page-3-tab-1" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Ultimo valore</button>

            
              <button class="nav-link " id="page-3-nav-tab-2" data-bs-toggle="tab" data-bs-target="#page-3-tab-2" type="button" role="tab" aria-controls="nav-home" aria-selected="true">3 ore</button>

            
              <button class="nav-link " id="page-3-nav-tab-3" data-bs-toggle="tab" data-bs-target="#page-3-tab-3" type="button" role="tab" aria-controls="nav-home" aria-selected="true">6 ore</button>

            
              <button class="nav-link " id="page-3-nav-tab-4" data-bs-toggle="tab" data-bs-target="#page-3-tab-4" type="button" role="tab" aria-controls="nav-home" aria-selected="true">12 ore</button>

            
              <button class="nav-link " id="page-3-nav-tab-5" data-bs-toggle="tab" data-bs-target="#page-3-tab-5" type="button" role="tab" aria-controls="nav-home" aria-selected="true">24 ore</button>

            
              <button class="nav-link " id="page-3-nav-tab-6" data-bs-toggle="tab" data-bs-target="#page-3-tab-6" type="button" role="tab" aria-controls="nav-home" aria-selected="true">72 ore</button>

            
              <button class="nav-link " id="page-3-nav-tab-9" data-bs-toggle="tab" data-bs-target="#page-3-tab-9" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Settimana</button>

            
              <button class="nav-link " id="page-3-nav-tab-10" data-bs-toggle="tab" data-bs-target="#page-3-tab-10" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Mese</button>

            
              <button class="nav-link " id="page-3-nav-tab-11" data-bs-toggle="tab" data-bs-target="#page-3-tab-11" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Anno</button>

                      </div>
        </nav> -->

        <!-- Contenuto dei tab -->
        <div class="tab-content" id="page-3-nav-tab-content">
          
            <div class="tab-pane fade show active" id="page-3-tab-1" role="tabpanel" aria-labelledby="tab-1">

                              <div class="row" id="page-3-tab-1-row-1">

                                      <div class="col-md-6" id="page-3-tab-1-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Velocità vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-1-row-1-col-1-chart-1" >
                                                                <div class="spinner-border" role="status"></div>
                                  <span class="value"></span> <span class="unit_of_measure"></span><br>
                                  <!-- <span class="value_date"></span> -->
                                                        </div>
                      	</div>
                      </div>
                    </div>
                                      <div class="col-md-6" id="page-3-tab-1-row-1-col-2">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Direzione vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-1-row-1-col-2-chart-1" >
                                                                <div class="spinner-border" role="status"></div>
                                  <span class="value"></span> <span class="unit_of_measure"></span><br>
                                  <!-- <span class="value_date"></span> -->
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-1-row-2">

                                      <div class="col-md-6" id="page-3-tab-1-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Rosa dei venti 1h</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-1-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                                      <div class="col-md-6" id="page-3-tab-1-row-2-col-2">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Rosa dei venti 3h</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-1-row-2-col-2-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-1-row-3">

                                      <div class="col-md-6" id="page-3-tab-1-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-1-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                                      <div class="col-md-6" id="page-3-tab-1-row-3-col-2">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-1-row-3-col-2-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-1-row-4">

                                      <div class="col-md-6" id="page-3-tab-1-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Pressione atmosferica</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-1-row-4-col-1-chart-6" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                                      <div class="col-md-6" id="page-3-tab-1-row-4-col-2">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-1-row-4-col-2-chart-6" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-1-row-5">

                                      <div class="col-md-12" id="page-3-tab-1-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-1-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-3-tab-2" role="tabpanel" aria-labelledby="tab-2">

                              <div class="row" id="page-3-tab-2-row-1">

                                      <div class="col-md-12" id="page-3-tab-2-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-2-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-2-row-2">

                                      <div class="col-md-12" id="page-3-tab-2-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-2-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-2-row-3">

                                      <div class="col-md-12" id="page-3-tab-2-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-2-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-2-row-4">

                                      <div class="col-md-12" id="page-3-tab-2-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Pressione atmosferica</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-2-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-2-row-5">

                                      <div class="col-md-12" id="page-3-tab-2-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-2-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-2-row-6">

                                      <div class="col-md-12" id="page-3-tab-2-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-2-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-3-tab-3" role="tabpanel" aria-labelledby="tab-3">

                              <div class="row" id="page-3-tab-3-row-1">

                                      <div class="col-md-12" id="page-3-tab-3-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-3-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-3-row-2">

                                      <div class="col-md-12" id="page-3-tab-3-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-3-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-3-row-3">

                                      <div class="col-md-12" id="page-3-tab-3-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-3-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-3-row-4">

                                      <div class="col-md-12" id="page-3-tab-3-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Pressione atmosferica</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-3-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-3-row-5">

                                      <div class="col-md-12" id="page-3-tab-3-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-3-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-3-row-6">

                                      <div class="col-md-12" id="page-3-tab-3-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-3-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-3-tab-4" role="tabpanel" aria-labelledby="tab-4">

                              <div class="row" id="page-3-tab-4-row-1">

                                      <div class="col-md-12" id="page-3-tab-4-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-4-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-4-row-2">

                                      <div class="col-md-12" id="page-3-tab-4-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-4-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-4-row-3">

                                      <div class="col-md-12" id="page-3-tab-4-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-4-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-4-row-4">

                                      <div class="col-md-12" id="page-3-tab-4-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Pressione atmosferica</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-4-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-4-row-5">

                                      <div class="col-md-12" id="page-3-tab-4-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-4-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-4-row-6">

                                      <div class="col-md-12" id="page-3-tab-4-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-4-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-3-tab-5" role="tabpanel" aria-labelledby="tab-5">

                              <div class="row" id="page-3-tab-5-row-1">

                                      <div class="col-md-12" id="page-3-tab-5-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-5-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-5-row-2">

                                      <div class="col-md-12" id="page-3-tab-5-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-5-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-5-row-3">

                                      <div class="col-md-12" id="page-3-tab-5-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-5-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-5-row-4">

                                      <div class="col-md-12" id="page-3-tab-5-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Pressione atmosferica</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-5-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-5-row-5">

                                      <div class="col-md-12" id="page-3-tab-5-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-5-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-5-row-6">

                                      <div class="col-md-12" id="page-3-tab-5-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-5-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-3-tab-6" role="tabpanel" aria-labelledby="tab-6">

                              <div class="row" id="page-3-tab-6-row-1">

                                      <div class="col-md-12" id="page-3-tab-6-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-6-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-6-row-2">

                                      <div class="col-md-12" id="page-3-tab-6-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-6-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-6-row-3">

                                      <div class="col-md-12" id="page-3-tab-6-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-6-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-6-row-4">

                                      <div class="col-md-12" id="page-3-tab-6-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Pressione atmosferica</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-6-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-6-row-5">

                                      <div class="col-md-12" id="page-3-tab-6-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-6-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-6-row-6">

                                      <div class="col-md-12" id="page-3-tab-6-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-6-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-3-tab-9" role="tabpanel" aria-labelledby="tab-9">

                              <div class="row" id="page-3-tab-9-row-1">

                                      <div class="col-md-12" id="page-3-tab-9-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-9-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-9-row-2">

                                      <div class="col-md-12" id="page-3-tab-9-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-9-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-9-row-3">

                                      <div class="col-md-12" id="page-3-tab-9-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-9-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-9-row-4">

                                      <div class="col-md-12" id="page-3-tab-9-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Pressione atmosferica</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-9-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-9-row-5">

                                      <div class="col-md-12" id="page-3-tab-9-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-9-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-9-row-6">

                                      <div class="col-md-12" id="page-3-tab-9-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-9-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-3-tab-10" role="tabpanel" aria-labelledby="tab-10">

                              <div class="row" id="page-3-tab-10-row-1">

                                      <div class="col-md-12" id="page-3-tab-10-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-10-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-10-row-2">

                                      <div class="col-md-12" id="page-3-tab-10-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-10-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-10-row-3">

                                      <div class="col-md-12" id="page-3-tab-10-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-10-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-10-row-4">

                                      <div class="col-md-12" id="page-3-tab-10-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Pressione atmosferica</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-10-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-10-row-5">

                                      <div class="col-md-12" id="page-3-tab-10-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-10-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-10-row-6">

                                      <div class="col-md-12" id="page-3-tab-10-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-10-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-3-tab-11" role="tabpanel" aria-labelledby="tab-11">

                              <div class="row" id="page-3-tab-11-row-1">

                                      <div class="col-md-12" id="page-3-tab-11-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-11-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-11-row-2">

                                      <div class="col-md-12" id="page-3-tab-11-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-11-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-11-row-3">

                                      <div class="col-md-12" id="page-3-tab-11-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-11-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-11-row-4">

                                      <div class="col-md-12" id="page-3-tab-11-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Pressione atmosferica</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-11-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-11-row-5">

                                      <div class="col-md-12" id="page-3-tab-11-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico lago</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-11-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-3-tab-11-row-6">

                                      <div class="col-md-12" id="page-3-tab-11-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-3-tab-11-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

                  </div>

      </div> <!-- Fine contenuto Page-->
              <div class="container page-container d-none" id="page-4">


          <div class="">
            <h2 class="page-title">Torbiere d'Iseo               <a class="text-info font-12 mb-0 section-changer page-loader float-end d-sm-none"  page_to_load="5"><i class="fas fa-map text-info"></i> Visualizza su mappa</a>
            </h2>
                          <a class="text-info font-12 mb-0 section-changer page-loader float-end d-none d-sm-block"  page_to_load="5"><i class="fas fa-map text-info"></i> Visualizza su mappa</a>
                        <p class="text-muted font-14"><i class="fas fa-clock text-muted"></i> Ultimo aggiornamento: <span id="last_update_4">-</span></p>
          </div>

          <!-- Navigazione dei tab da desktop-->
          <div class=" tab-menu-heading d-none d-sm-block">
            <div class="tabs-menu1 "> <!-- Tabs -->
              <ul class="nav panel-tabs">
                                  <li>
                    <a class=" active me-1 tab_selector_menu" page_id="4" tab_id="1" data-bs-toggle="tab" data-bs-target="#page-4-tab-1">Ultimo valore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="4" tab_id="2" data-bs-toggle="tab" data-bs-target="#page-4-tab-2">3 ore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="4" tab_id="3" data-bs-toggle="tab" data-bs-target="#page-4-tab-3">6 ore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="4" tab_id="4" data-bs-toggle="tab" data-bs-target="#page-4-tab-4">12 ore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="4" tab_id="5" data-bs-toggle="tab" data-bs-target="#page-4-tab-5">24 ore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="4" tab_id="6" data-bs-toggle="tab" data-bs-target="#page-4-tab-6">72 ore</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="4" tab_id="9" data-bs-toggle="tab" data-bs-target="#page-4-tab-9">Settimana</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="4" tab_id="10" data-bs-toggle="tab" data-bs-target="#page-4-tab-10">Mese</a>
                  </li>

                                  <li>
                    <a class="  me-1 tab_selector_menu" page_id="4" tab_id="11" data-bs-toggle="tab" data-bs-target="#page-4-tab-11">Anno</a>
                  </li>

                              </ul>
            </div>
          </div>

          <!-- Navigazione dei tab tramite select per mobile -->
          <select class="tab_selector_select mb-3 form-select d-sm-none" page="4">
                            <option selected value="1">Ultimo valore</option>
                            <option  value="2">3 ore</option>
                            <option  value="3">6 ore</option>
                            <option  value="4">12 ore</option>
                            <option  value="5">24 ore</option>
                            <option  value="6">72 ore</option>
                            <option  value="9">Settimana</option>
                            <option  value="10">Mese</option>
                            <option  value="11">Anno</option>
                      </select>


        <!-- <nav>
          <div class="nav nav-tabs" id="page-4-nav-tab" role="tablist">
            
              <button class="nav-link active" id="page-4-nav-tab-1" data-bs-toggle="tab" data-bs-target="#page-4-tab-1" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Ultimo valore</button>

            
              <button class="nav-link " id="page-4-nav-tab-2" data-bs-toggle="tab" data-bs-target="#page-4-tab-2" type="button" role="tab" aria-controls="nav-home" aria-selected="true">3 ore</button>

            
              <button class="nav-link " id="page-4-nav-tab-3" data-bs-toggle="tab" data-bs-target="#page-4-tab-3" type="button" role="tab" aria-controls="nav-home" aria-selected="true">6 ore</button>

            
              <button class="nav-link " id="page-4-nav-tab-4" data-bs-toggle="tab" data-bs-target="#page-4-tab-4" type="button" role="tab" aria-controls="nav-home" aria-selected="true">12 ore</button>

            
              <button class="nav-link " id="page-4-nav-tab-5" data-bs-toggle="tab" data-bs-target="#page-4-tab-5" type="button" role="tab" aria-controls="nav-home" aria-selected="true">24 ore</button>

            
              <button class="nav-link " id="page-4-nav-tab-6" data-bs-toggle="tab" data-bs-target="#page-4-tab-6" type="button" role="tab" aria-controls="nav-home" aria-selected="true">72 ore</button>

            
              <button class="nav-link " id="page-4-nav-tab-9" data-bs-toggle="tab" data-bs-target="#page-4-tab-9" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Settimana</button>

            
              <button class="nav-link " id="page-4-nav-tab-10" data-bs-toggle="tab" data-bs-target="#page-4-tab-10" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Mese</button>

            
              <button class="nav-link " id="page-4-nav-tab-11" data-bs-toggle="tab" data-bs-target="#page-4-tab-11" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Anno</button>

                      </div>
        </nav> -->

        <!-- Contenuto dei tab -->
        <div class="tab-content" id="page-4-nav-tab-content">
          
            <div class="tab-pane fade show active" id="page-4-tab-1" role="tabpanel" aria-labelledby="tab-1">

                              <div class="row" id="page-4-tab-1-row-1">

                                      <div class="col-md-6" id="page-4-tab-1-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Velocità vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-1-row-1-col-1-chart-1" >
                                                                <div class="spinner-border" role="status"></div>
                                  <span class="value"></span> <span class="unit_of_measure"></span><br>
                                  <!-- <span class="value_date"></span> -->
                                                        </div>
                      	</div>
                      </div>
                    </div>
                                      <div class="col-md-6" id="page-4-tab-1-row-1-col-2">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Direzione vento</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-1-row-1-col-2-chart-1" >
                                                                <div class="spinner-border" role="status"></div>
                                  <span class="value"></span> <span class="unit_of_measure"></span><br>
                                  <!-- <span class="value_date"></span> -->
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-1-row-2">

                                      <div class="col-md-6" id="page-4-tab-1-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Rosa dei venti 1h</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-1-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                                      <div class="col-md-6" id="page-4-tab-1-row-2-col-2">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Rosa dei venti 3h</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-1-row-2-col-2-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-1-row-3">

                                      <div class="col-md-6" id="page-4-tab-1-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-1-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                                      <div class="col-md-6" id="page-4-tab-1-row-3-col-2">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-1-row-3-col-2-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-1-row-4">

                                      <div class="col-md-6" id="page-4-tab-1-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione totale netta</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-1-row-4-col-1-chart-6" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                                      <div class="col-md-6" id="page-4-tab-1-row-4-col-2">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Conducibilità acqua Torbiere</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-1-row-4-col-2-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-1-row-5">

                                      <div class="col-md-12" id="page-4-tab-1-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico Torbiere</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-1-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-1-row-6">

                                      <div class="col-md-12" id="page-4-tab-1-row-6-col-2">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura acqua Torbiere -0,6m</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-1-row-6-col-2-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-1-row-8">

                                      <div class="col-md-4" id="page-4-tab-1-row-8-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Precipitazione istantanea</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-1-row-8-col-1-chart-1" >
                                                                <div class="spinner-border" role="status"></div>
                                  <span class="value"></span> <span class="unit_of_measure"></span><br>
                                  <!-- <span class="value_date"></span> -->
                                                        </div>
                      	</div>
                      </div>
                    </div>
                                      <div class="col-md-4" id="page-4-tab-1-row-8-col-2">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Precipitazione cumulata 3h</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-1-row-8-col-2-chart-1" >
                                                                <div class="spinner-border" role="status"></div>
                                  <span class="value"></span> <span class="unit_of_measure"></span><br>
                                  <!-- <span class="value_date"></span> -->
                                                        </div>
                      	</div>
                      </div>
                    </div>
                                      <div class="col-md-4" id="page-4-tab-1-row-8-col-3">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Precipitazione cumulata 24h</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-1-row-8-col-3-chart-1" >
                                                                <div class="spinner-border" role="status"></div>
                                  <span class="value"></span> <span class="unit_of_measure"></span><br>
                                  <!-- <span class="value_date"></span> -->
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-4-tab-2" role="tabpanel" aria-labelledby="tab-2">

                              <div class="row" id="page-4-tab-2-row-1">

                                      <div class="col-md-12" id="page-4-tab-2-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-2-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-2-row-2">

                                      <div class="col-md-12" id="page-4-tab-2-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-2-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-2-row-3">

                                      <div class="col-md-12" id="page-4-tab-2-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Venti</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-2-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-2-row-4">

                                      <div class="col-md-12" id="page-4-tab-2-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare netta</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-2-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-2-row-5">

                                      <div class="col-md-12" id="page-4-tab-2-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico Torbiere</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-2-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-2-row-6">

                                      <div class="col-md-12" id="page-4-tab-2-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura acqua Torbiere -0,6m</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-2-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-2-row-7">

                                      <div class="col-md-12" id="page-4-tab-2-row-7-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Conducibilità acqua Torbiere</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-2-row-7-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-2-row-8">

                                      <div class="col-md-12" id="page-4-tab-2-row-8-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Altezza di precipitazione</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-2-row-8-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-4-tab-3" role="tabpanel" aria-labelledby="tab-3">

                              <div class="row" id="page-4-tab-3-row-1">

                                      <div class="col-md-12" id="page-4-tab-3-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-3-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-3-row-2">

                                      <div class="col-md-12" id="page-4-tab-3-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-3-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-3-row-3">

                                      <div class="col-md-12" id="page-4-tab-3-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Venti</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-3-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-3-row-4">

                                      <div class="col-md-12" id="page-4-tab-3-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare netta</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-3-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-3-row-5">

                                      <div class="col-md-12" id="page-4-tab-3-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico Torbiere</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-3-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-3-row-6">

                                      <div class="col-md-12" id="page-4-tab-3-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura acqua Torbiere -0,6m</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-3-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-3-row-7">

                                      <div class="col-md-12" id="page-4-tab-3-row-7-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Conducibilità acqua Torbiere</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-3-row-7-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-3-row-8">

                                      <div class="col-md-12" id="page-4-tab-3-row-8-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Altezza di precipitazione</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-3-row-8-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-4-tab-4" role="tabpanel" aria-labelledby="tab-4">

                              <div class="row" id="page-4-tab-4-row-1">

                                      <div class="col-md-12" id="page-4-tab-4-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-4-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-4-row-2">

                                      <div class="col-md-12" id="page-4-tab-4-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-4-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-4-row-3">

                                      <div class="col-md-12" id="page-4-tab-4-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Venti</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-4-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-4-row-4">

                                      <div class="col-md-12" id="page-4-tab-4-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare netta</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-4-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-4-row-5">

                                      <div class="col-md-12" id="page-4-tab-4-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico Torbiere</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-4-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-4-row-6">

                                      <div class="col-md-12" id="page-4-tab-4-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura acqua Torbiere -0,6m</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-4-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-4-row-7">

                                      <div class="col-md-12" id="page-4-tab-4-row-7-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Conducibilità acqua Torbiere</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-4-row-7-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-4-row-8">

                                      <div class="col-md-12" id="page-4-tab-4-row-8-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Altezza di precipitazione</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-4-row-8-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-4-tab-5" role="tabpanel" aria-labelledby="tab-5">

                              <div class="row" id="page-4-tab-5-row-1">

                                      <div class="col-md-12" id="page-4-tab-5-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-5-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-5-row-2">

                                      <div class="col-md-12" id="page-4-tab-5-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-5-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-5-row-3">

                                      <div class="col-md-12" id="page-4-tab-5-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Venti</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-5-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-5-row-4">

                                      <div class="col-md-12" id="page-4-tab-5-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare netta</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-5-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-5-row-5">

                                      <div class="col-md-12" id="page-4-tab-5-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico Torbiere</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-5-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-5-row-6">

                                      <div class="col-md-12" id="page-4-tab-5-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura acqua Torbiere -0,6m</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-5-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-5-row-7">

                                      <div class="col-md-12" id="page-4-tab-5-row-7-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Conducibilità acqua Torbiere</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-5-row-7-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-5-row-8">

                                      <div class="col-md-12" id="page-4-tab-5-row-8-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Altezza di precipitazione</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-5-row-8-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-4-tab-6" role="tabpanel" aria-labelledby="tab-6">

                              <div class="row" id="page-4-tab-6-row-1">

                                      <div class="col-md-12" id="page-4-tab-6-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-6-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-6-row-2">

                                      <div class="col-md-12" id="page-4-tab-6-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-6-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-6-row-3">

                                      <div class="col-md-12" id="page-4-tab-6-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Venti</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-6-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-6-row-4">

                                      <div class="col-md-12" id="page-4-tab-6-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare netta</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-6-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-6-row-5">

                                      <div class="col-md-12" id="page-4-tab-6-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico Torbiere</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-6-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-6-row-6">

                                      <div class="col-md-12" id="page-4-tab-6-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura acqua Torbiere -0,6m</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-6-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-6-row-7">

                                      <div class="col-md-12" id="page-4-tab-6-row-7-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Conducibilità acqua Torbiere</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-6-row-7-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-6-row-8">

                                      <div class="col-md-12" id="page-4-tab-6-row-8-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Altezza di precipitazione</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-6-row-8-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-4-tab-9" role="tabpanel" aria-labelledby="tab-9">

                              <div class="row" id="page-4-tab-9-row-1">

                                      <div class="col-md-12" id="page-4-tab-9-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-9-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-9-row-2">

                                      <div class="col-md-12" id="page-4-tab-9-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-9-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-9-row-3">

                                      <div class="col-md-12" id="page-4-tab-9-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Venti</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-9-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-9-row-4">

                                      <div class="col-md-12" id="page-4-tab-9-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare netta</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-9-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-9-row-5">

                                      <div class="col-md-12" id="page-4-tab-9-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico Torbiere</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-9-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-9-row-6">

                                      <div class="col-md-12" id="page-4-tab-9-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura acqua Torbiere -0,6m</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-9-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-9-row-7">

                                      <div class="col-md-12" id="page-4-tab-9-row-7-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Conducibilità acqua Torbiere</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-9-row-7-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-9-row-8">

                                      <div class="col-md-12" id="page-4-tab-9-row-8-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Altezza di precipitazione</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-9-row-8-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-4-tab-10" role="tabpanel" aria-labelledby="tab-10">

                              <div class="row" id="page-4-tab-10-row-1">

                                      <div class="col-md-12" id="page-4-tab-10-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-10-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-10-row-2">

                                      <div class="col-md-12" id="page-4-tab-10-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-10-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-10-row-3">

                                      <div class="col-md-12" id="page-4-tab-10-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Venti</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-10-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-10-row-4">

                                      <div class="col-md-12" id="page-4-tab-10-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare netta</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-10-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-10-row-5">

                                      <div class="col-md-12" id="page-4-tab-10-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico Torbiere</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-10-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-10-row-6">

                                      <div class="col-md-12" id="page-4-tab-10-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura acqua Torbiere -0,6m</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-10-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-10-row-7">

                                      <div class="col-md-12" id="page-4-tab-10-row-7-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Conducibilità acqua Torbiere</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-10-row-7-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-10-row-8">

                                      <div class="col-md-12" id="page-4-tab-10-row-8-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Altezza di precipitazione</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-10-row-8-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

          
            <div class="tab-pane fade  " id="page-4-tab-11" role="tabpanel" aria-labelledby="tab-11">

                              <div class="row" id="page-4-tab-11-row-1">

                                      <div class="col-md-12" id="page-4-tab-11-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-11-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-11-row-2">

                                      <div class="col-md-12" id="page-4-tab-11-row-2-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Umidità aria</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-11-row-2-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-11-row-3">

                                      <div class="col-md-12" id="page-4-tab-11-row-3-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Venti</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-11-row-3-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-11-row-4">

                                      <div class="col-md-12" id="page-4-tab-11-row-4-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Radiazione solare netta</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-11-row-4-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-11-row-5">

                                      <div class="col-md-12" id="page-4-tab-11-row-5-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Livello idrometrico Torbiere</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-11-row-5-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-11-row-6">

                                      <div class="col-md-12" id="page-4-tab-11-row-6-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Temperatura acqua Torbiere -0,6m</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-11-row-6-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-11-row-7">

                                      <div class="col-md-12" id="page-4-tab-11-row-7-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Conducibilità acqua Torbiere</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-11-row-7-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
                            <div class="row" id="page-4-tab-11-row-8">

                                      <div class="col-md-12" id="page-4-tab-11-row-8-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Altezza di precipitazione</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-4-tab-11-row-8-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

                  </div>

      </div> <!-- Fine contenuto Page-->
              <div class="container page-container d-none" id="page-5">


          <div class="">
            <h2 class="page-title">Mappa </h2>
                        <p class="text-muted font-14"><i class="fas fa-clock text-muted"></i> Ultimo aggiornamento: <span id="last_update_5">-</span></p>
          </div>

          <!-- Navigazione dei tab da desktop-->
          <div class=" tab-menu-heading d-none d-sm-block">
            <div class="tabs-menu1 "> <!-- Tabs -->
              <ul class="nav panel-tabs">
                                  <li>
                    <a class=" active me-1 tab_selector_menu" page_id="5" tab_id="1" data-bs-toggle="tab" data-bs-target="#page-5-tab-1">Mappa</a>
                  </li>

                              </ul>
            </div>
          </div>

          <!-- Navigazione dei tab tramite select per mobile -->
          <select class="tab_selector_select mb-3 form-select d-sm-none" page="5">
                            <option selected value="1">Mappa</option>
                      </select>


        <!-- <nav>
          <div class="nav nav-tabs" id="page-5-nav-tab" role="tablist">
            
              <button class="nav-link active" id="page-5-nav-tab-1" data-bs-toggle="tab" data-bs-target="#page-5-tab-1" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Mappa</button>

                      </div>
        </nav> -->

        <!-- Contenuto dei tab -->
        <div class="tab-content" id="page-5-nav-tab-content">
          
            <div class="tab-pane fade show active" id="page-5-tab-1" role="tabpanel" aria-labelledby="tab-1">

                              <div class="row" id="page-5-tab-1-row-1">

                                      <div class="col-md-12" id="page-5-tab-1-row-1-col-1">
                      <div class="card">
                        <div class="card-header">
                      		<h4 class="card-title">Mappa stazioni</h4>
                      	</div>
                      	<div class="card-body text-center" >
                          <div class="chart-container" id="page-5-tab-1-row-1-col-1-chart-1" >
                                                              <div class="text-center"><div class="spinner-border" role="status"></div></div>
                                                        </div>
                      	</div>
                      </div>
                    </div>
                  

                </div>
            



            </div>

                  </div>

      </div> <!-- Fine contenuto Page-->
            </div>


<footer class="footer">
  <div class="container">
    <div class="row align-items-center flex-row-reverse">
      <div class="col-md-12 col-sm-12 text-center">
        <!-- <img src="https://hortus.it/wp-content/uploads/2022/04/logo200x75.png" alt="Logo Hortus" class="logo-footer">
        Copyright © 2022 <a href="https://hortus.it">Hortus</a>. All rights reserved -->
      </div>
    </div>
  </div>
</footer>
    <!-- </main> -->

</div>



<!-- JQUERY JS -->
<script src="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/js/jquery.min.js"></script>
<script type="text/javascript">
  var $ = jQuery.noConflict();
</script>
<!-- BOOTSTRAP JS -->
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> -->
<script src="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/plugins/bootstrap/js/bootstrap.bundle.min.js" ></script>
<!-- Perfect SCROLLBAR JS-->
<!-- <script src="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/plugins/p-scroll/perfect-scrollbar.js"></script>
<script src="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/plugins/p-scroll/pscroll.js"></script> -->
<!-- <script src="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/plugins/p-scroll/pscroll-1.js"></script> -->

<script src="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/plugins/sidemenu/sidemenu.js"></script>

<script src="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/plugins/sidebar/sidebar.js"></script>
<script src="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/plugins/leaflet/leaflet.js"></script>
<!-- Highcharts -->
<script type="text/javascript" src="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/js/highcharts.js"></script>
<script src="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/js/highcharts-more.js"></script>
<script src="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/js/solid-gauge.js"></script>
<script src="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/js/bullet.js"></script>
<script src="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/js/windbarb.js"></script>
<script src="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/js/data.js"></script>
<script src="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/js/exporting.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.13/moment-timezone-with-data-2012-2022.min.js"></script>
<script src="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/assets/js/accessibility.js"></script>
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.13/moment-timezone-with-data-2012-2022.min.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>
<!-- HAR Script -->
<script type="text/javascript" src="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/HARassets/js/Grafico.js"></script>
<script type="text/javascript" src="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/HARassets/js/HAR.js"></script>
<script type="text/javascript" src="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/HARassets/js/PageManager.js"></script>

<script type="text/javascript" src="/hydraulics/wp-content/plugins/hortus-api-reader/frontend/HARassets/js/main.js"></script>{"id":5406,"date":"2022-12-23T10:45:46","date_gmt":"2022-12-23T10:45:46","guid":{"rendered":"https:\/\/hydraulics.unibs.it\/hydraulics\/?page_id=5406"},"modified":"2024-04-08T15:19:20","modified_gmt":"2024-04-08T15:19:20","slug":"real-time-data-from-garda-lake-monitoring-system","status":"publish","type":"page","link":"https:\/\/hydraulics.unibs.it\/hydraulics\/il-monitoraggio-del-lago-di-garda\/real-time-data-from-garda-lake-monitoring-system\/","title":{"rendered":"Lago di Garda Real time"},"content":{"rendered":"\n<div id=\"autorizzazione-dati\" class=\"row\">\n<div class=\"col-md-12 bordo\" style=\"text-align: center; margin: 0 auto;\">\n<p style=\"font-size: 16px;\">Sistema di visualizzazione dei dati misurati presso l&#8217;Isola del Garda dal gruppo di Idraulica dell&#8217;Universit\u00e0 degli Studi di Brescia.<\/p>\n<p style=\"font-size: 16px;\">Le profondit\u00e0 dei sensori di temperatura sono da intendersi relative allo zero idrometrico del Lago di Garda.<\/p>\n<p style=\"font-size: 16px;\">Per ogni autorizzazione all&#8217;utilizzo dei dati si contatti <a href=\"mailto:marco.pilotti@unibs.it\">marco.pilotti@unibs.it<\/a> e <a href=\"mailto:info@consorziogardaidro.it\">info@consorziogardaidro.it<\/a><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Sistema di visualizzazione dei dati misurati presso l&#8217;Isola del Garda dal gruppo di Idraulica dell&#8217;Universit\u00e0 degli Studi di Brescia. Le profondit\u00e0 dei sensori di temperatura sono da intendersi relative allo zero idrometrico del Lago di Garda. Per ogni autorizzazione all&#8217;utilizzo dei dati si contatti marco.pilotti@unibs.it e info@consorziogardaidro.it<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":5889,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-5406","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hydraulics.unibs.it\/hydraulics\/wp-json\/wp\/v2\/pages\/5406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hydraulics.unibs.it\/hydraulics\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hydraulics.unibs.it\/hydraulics\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hydraulics.unibs.it\/hydraulics\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hydraulics.unibs.it\/hydraulics\/wp-json\/wp\/v2\/comments?post=5406"}],"version-history":[{"count":20,"href":"https:\/\/hydraulics.unibs.it\/hydraulics\/wp-json\/wp\/v2\/pages\/5406\/revisions"}],"predecessor-version":[{"id":5978,"href":"https:\/\/hydraulics.unibs.it\/hydraulics\/wp-json\/wp\/v2\/pages\/5406\/revisions\/5978"}],"up":[{"embeddable":true,"href":"https:\/\/hydraulics.unibs.it\/hydraulics\/wp-json\/wp\/v2\/pages\/5889"}],"wp:attachment":[{"href":"https:\/\/hydraulics.unibs.it\/hydraulics\/wp-json\/wp\/v2\/media?parent=5406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}