<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>LiDa Dashboard</title>
  <base target="_self">
  
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
  <!--  <link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/jquery.dataTables.min.css"> -->
  <!--  <link rel="stylesheet" href="https://unpkg.com/tachyons/css/tachyons.min.css"> -->
  <link rel="stylesheet" href="./css/datatables.min.css">
  <!--  <link rel="stylesheet" href="./css/browsingldc.css"> -->
  <link rel="stylesheet" href="./css/custom.css">
  
  <!--  <link rel="stylesheet" href="./node_modules/normalize.css/normalize.css">
  <link rel="stylesheet" href="./node_modules/jquery-ui-dist/jquery-ui.min.css">
  <link rel="stylesheet" href="./node_modules/jquery-ui-dist/jquery-ui.theme.min.css">
  <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/custom.css"> -->
  
  <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
  <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js" defer></script>
  <script src="https://rdf.js.org/comunica-browser/versions/latest/engines/query-sparql/comunica-browser.js"></script>
  <!--  <script src="https://rdf.js.org/comunica-browser/versions/v2/engines/query-sparql/comunica-browser.js"></script> -->
  <!--  <script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js" defer></script> -->
  <script type="text/javascript" src="./js/datatables.min.js" defer></script>
  <script type="text/javascript" src="./js/cesareBrowse.js"></script>
  <script type="text/javascript" src="./js/utils.js"></script>
  <script type="text/javascript" src="https://bundle.run/sparqljs@3.4.1"></script>
  <script type="text/javascript" src="./js/lib/jquery.ui.touch-punch.js"></script>
  <script type="text/javascript" src="./js/lib/peg-0.10.0.min.js"></script>
  <script type="text/javascript" src="./js/tcrs-generated-labels.min.js"></script>
  <script type="text/javascript" src="./js/tcrs-moving-tooltip.min.js"></script>
  <script type="text/javascript" src="./js/toolcool-range-slider.min.js"></script>
  <script type="text/javascript" src="./js/script_2.0.js"></script>
  
</head>
<body>


<div class="container-fluid">
	<div class="row py-4">
		<div class="col">
			
	
	<nav class="navbar border navbar-expand-lg navbar-light bg-light fixed-top">
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-controls="bs-example-navbar-collapse-1" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <a class="navbar-brand font-weight-bold" href="#">LiDa</a>
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="navbar-nav">
          <li class="nav-item active pt-1">
            <a class="nav-link" href="#">Canti <span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item pt-1">
            <a class="nav-link" href="#">Metafore <span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item pt-1">
            <a class="nav-link" href="#">Altro</a>
          </li>
        </ul>
        <ul class="navbar-nav ml-md-auto mr-2">
          <li class="nav-item  dropleft">
            <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              Vista
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
              <a class="dropdown-item" href="#">Canto</a>
              <a class="dropdown-item" href="#">Risultati in terzine</a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item" href="#">Risultati in formato...</a>
            </div>
          </li>
          <li class="nav-item  dropleft">
            <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownRicerca" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              Ricerca
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdownRicerca">
              <a class="dropdown-item" href="#" id="dropSimple">Semplice</a>
              <a class="dropdown-item" href="#" id="dropAdvanced">Avanzata</a>
            </div>
          </li>
        </ul>
      </div>
    </nav>
		
		
		</div>
	</div>
	<div class="row py-2">
		<div class="col-2 fixed-top my-3" style="z-index: 1000">
		<br><br>
				<div id="accordionNav">
					<div class="card">
						<div class="card-header px-1" id="headingOne">
							<h6 class="mb-0">
								<button class="btn btn-sm btn-link" id="cantica1" data-toggle="collapse"
									data-target="#collapseOne" aria-expanded="true"
									aria-controls="collapseOne">Inferno</button>
							</h6>
						</div>

						<div id="collapseOne" class="collapse show"
							aria-labelledby="headingOne" data-parent="#accordionNav">
							<div class="card-body">
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 1" href="#" style="line-height: 1.2em">1</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 2" href="#" style="line-height: 1.2em">2</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 3" href="#" style="line-height: 1.2em">3</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 4" href="#" style="line-height: 1.2em">4</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 5" href="#" style="line-height: 1.2em">5</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 6" href="#" style="line-height: 1.2em">6</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 7" href="#" style="line-height: 1.2em">7</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 8" href="#" style="line-height: 1.2em">8</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 9" href="#" style="line-height: 1.2em">9</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 10" href="#" style="line-height: 1.2em">10</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 11" href="#" style="line-height: 1.2em">11</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 12" href="#" style="line-height: 1.2em">12</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 13" href="#" style="line-height: 1.2em">13</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 14" href="#" style="line-height: 1.2em">14</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 15" href="#" style="line-height: 1.2em">15</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 16" href="#" style="line-height: 1.2em">16</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 17" href="#" style="line-height: 1.2em">17</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 18" href="#" style="line-height: 1.2em">18</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 19" href="#" style="line-height: 1.2em">19</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 20" href="#" style="line-height: 1.2em">20</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 21" href="#" style="line-height: 1.2em">21</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 22" href="#" style="line-height: 1.2em">22</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 23" href="#" style="line-height: 1.2em">23</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 24" href="#" style="line-height: 1.2em">24</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 25" href="#" style="line-height: 1.2em">25</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 26" href="#" style="line-height: 1.2em">26</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 27" href="#" style="line-height: 1.2em">27</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 28" href="#" style="line-height: 1.2em">28</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 29" href="#" style="line-height: 1.2em">29</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 30" href="#" style="line-height: 1.2em">30</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 31" href="#" style="line-height: 1.2em">31</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 32" href="#" style="line-height: 1.2em">32</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 33" href="#" style="line-height: 1.2em">33</span>
								<span class="navig-canto small text-muted nowrap" name="InfernoCanto 34" href="#" style="line-height: 1.2em">34</span>
							</div>
						</div>
					</div>
					<div class="card">
						<div class="card-header px-1" id="headingTwo">
							<h6 class="mb-0">
								<button class="btn btn-sm btn-link collapsed" id="cantica2" data-toggle="collapse"
									data-target="#collapseTwo" aria-expanded="false"
									aria-controls="collapseTwo">Purgatorio</button>
							</h6>
						</div>
						<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionNav">
							<div class="card-body">
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 1" href="#" style="line-height: 1.2em">1</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 2" href="#" style="line-height: 1.2em">2</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 3" href="#" style="line-height: 1.2em">3</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 4" href="#" style="line-height: 1.2em">4</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 5" href="#" style="line-height: 1.2em">5</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 6" href="#" style="line-height: 1.2em">6</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 7" href="#" style="line-height: 1.2em">7</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 8" href="#" style="line-height: 1.2em">8</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 9" href="#" style="line-height: 1.2em">9</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 10" href="#" style="line-height: 1.2em">10</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 11" href="#" style="line-height: 1.2em">11</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 12" href="#" style="line-height: 1.2em">12</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 13" href="#" style="line-height: 1.2em">13</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 14" href="#" style="line-height: 1.2em">14</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 15" href="#" style="line-height: 1.2em">15</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 16" href="#" style="line-height: 1.2em">16</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 17" href="#" style="line-height: 1.2em">17</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 18" href="#" style="line-height: 1.2em">18</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 19" href="#" style="line-height: 1.2em">19</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 20" href="#" style="line-height: 1.2em">20</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 21" href="#" style="line-height: 1.2em">21</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 22" href="#" style="line-height: 1.2em">22</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 23" href="#" style="line-height: 1.2em">23</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 24" href="#" style="line-height: 1.2em">24</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 25" href="#" style="line-height: 1.2em">25</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 26" href="#" style="line-height: 1.2em">26</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 27" href="#" style="line-height: 1.2em">27</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 28" href="#" style="line-height: 1.2em">28</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 29" href="#" style="line-height: 1.2em">29</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 30" href="#" style="line-height: 1.2em">30</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 31" href="#" style="line-height: 1.2em">31</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 32" href="#" style="line-height: 1.2em">32</span>
								<span class="navig-canto small text-muted nowrap" name="PurgatorioCanto 33" href="#" style="line-height: 1.2em">33</span>
							</div>
						</div>
					</div>
					<div class="card">
						<div class="card-header px-1" id="headingThree">
							<h6 class="mb-0">
								<button class="btn btn-sm btn-link collapsed" id="cantica3" data-toggle="collapse"
									data-target="#collapseThree" aria-expanded="false"
									aria-controls="collapseThree">Paradiso</button>
							</h6>
						</div>
						<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionNav">
							<div class="card-body">
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 1" href="#" style="line-height: 1.2em">1</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 2" href="#" style="line-height: 1.2em">2</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 3" href="#" style="line-height: 1.2em">3</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 4" href="#" style="line-height: 1.2em">4</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 5" href="#" style="line-height: 1.2em">5</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 6" href="#" style="line-height: 1.2em">6</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 7" href="#" style="line-height: 1.2em">7</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 8" href="#" style="line-height: 1.2em">8</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 9" href="#" style="line-height: 1.2em">9</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 10" href="#" style="line-height: 1.2em">10</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 11" href="#" style="line-height: 1.2em">11</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 12" href="#" style="line-height: 1.2em">12</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 13" href="#" style="line-height: 1.2em">13</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 14" href="#" style="line-height: 1.2em">14</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 15" href="#" style="line-height: 1.2em">15</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 16" href="#" style="line-height: 1.2em">16</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 17" href="#" style="line-height: 1.2em">17</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 18" href="#" style="line-height: 1.2em">18</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 19" href="#" style="line-height: 1.2em">19</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 20" href="#" style="line-height: 1.2em">20</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 21" href="#" style="line-height: 1.2em">21</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 22" href="#" style="line-height: 1.2em">22</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 23" href="#" style="line-height: 1.2em">23</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 24" href="#" style="line-height: 1.2em">24</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 25" href="#" style="line-height: 1.2em">25</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 26" href="#" style="line-height: 1.2em">26</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 27" href="#" style="line-height: 1.2em">27</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 28" href="#" style="line-height: 1.2em">28</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 29" href="#" style="line-height: 1.2em">29</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 30" href="#" style="line-height: 1.2em">30</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 31" href="#" style="line-height: 1.2em">31</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 32" href="#" style="line-height: 1.2em">32</span>
								<span class="navig-canto small text-muted nowrap" name="ParadisoCanto 33" href="#" style="line-height: 1.2em">33</span>
							</div>
						</div>
					</div>
				</div>



		</div>
		<div class="col-2">&nbsp;</div>
		
		<div class="col-10 pl-0 mt-2">
		<form>
			<div class="row bg-lida10 border mx-0 p-2 d-flex justify-content-end">
				<div class="col-2 d-flex p-0">
				</div>
			
				<div class="col-10 d-flex justify-content-end px-0" id="simpleSearchDiv" style="display: flex">
					<div class="form-inline input-group bg-lida10 justify-content-end" action="">
					<span class="small text-muted pr-2" id="tipoRicerca">Ricerca Semplice</span>
						<div class="pr-2">		
							<input class="form-control-sm pr-2" type="text" id="queryText" placeholder="Cerca">
						</div>
						<button class="btn btn-sm btn-lida4 mr-2" type="submit" id='searchcomm'>Cerca</button>
 						<button class="btn btn-sm btn-outline-lida4 mr-2" type="button" data-toggle="collapse" data-target="#collapseOptions" aria-expanded="false" aria-controls="collapseExample">
    					Opzioni
  						</button>
 						<button class="btn btn-sm btn-outline-lida4" type="reset"  id='cleanresult' aria-expanded="false" aria-controls="collapseExample">
    					Reset
  						</button>
					</div>
				</div>
				
				<div class="col-10 justify-content-end px-0" id="advancedSearchDiv" style="display: none">
					<span class="small text-muted pr-2" id="tipoRicerca">Ricerca Avanzata</span>
 					<div class="btn-group" role="group" aria-label="Bottoni menu clausole">
						<div class="btn-group dropright pr-2" role="group">
							<button id="btnGroupDrop1" type="button" class="btn btn-sm btn-outline-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Aggiungi clausola di tipo: </button>
  							<div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
   								<a class="dropdown-item" id="Grammaticale" href="#"><span class="text-lida9">Categoria grammaticale</span></a>
   								<a class="dropdown-item" id="Sintattico" href="#"><span class="text-lida3">Tipo sintattico</span></a>
   								<a class="dropdown-item" id="Metafore" href="#"><span class="text-lida5">Metafore</span></a>
  							</div>
						</div>
  						<div class="btn-group dropright pr-2" role="group">
   							<button id="btnGroupDrop2" type="button" class="btn btn-sm btn-outline-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Aggiungi condizione logica: </button>
    						<div class="dropdown-menu" aria-labelledby="btnGroupDrop2" style="">
      							<a class="dropdown-item" id="andCond" href="#"><span class="text-muted bg-lida10">AND</span></a>
      							<a class="dropdown-item" id="orCond" href="#"><span class="text-muted bg-lida11">OR</span></a>
	    					</div>
 						</div>
						<button class="btn btn-sm btn-lida4 mr-2" type="submit" id='searchcomm2'>Cerca</button>
 						<button class="btn btn-sm btn-outline-lida4" type="reset"  id='cleanresult2' aria-expanded="false" aria-controls="collapseExample">
    					Reset
  						</button>  	
					</div> 		           	
				</div>
				
			</div>

			<div class="row mx-0">
			
				<div class="col-5 px-0">
					<div class="blog-main p-3 text-muted overflow-auto" target='area' id='displaycanto' style='max-height: 500px; '></div>
				</div>

				<div class="col-1 px-0" id="displayminimap"></div>
				
				<div class="col-6 px-0" id="displayOptions">
				
					<div class="collapse" id="collapseOptions">
						<div class="card card-body bg-lida10 p-2">
							<div class="form-inline input-group" action="">
								<select class="form-control custom-select-sm bg-light" id="lemma_forma">
      								<option value="forma">La forma</option>
      								<option value="lemma">Il lemma</option>
      								<option value="testo">Il testo</option>
								</select>
								<select class="form-control custom-select-sm bg-light ml-2" id="opzioni_testo">
									<option value="parola">come Parola</option>
									<option value="sottostringa">come Sottostringa</option>
      								<option value="prefisso">come Prefisso</option>
      								<option value="suffisso">come Suffisso</option>
      								<option value="regexp">come Espressione regolare</option>
								</select>
							</div>
		
							<div class="border bg-light well mt-2" id="contextTableDivS">
					
		<table id="selectableS" class="table table-responsive selCanti table-bordered table-sm ui-selectable">
			<thead>
			<tr>
				<th><div class="small text-muted text-right">Cantica\Canto&nbsp;</div></th>
				<th><div class="small text-muted">1</div></th>
				<th><div class="small text-muted">2</div></th>
				<th><div class="small text-muted">3</div></th>
				<th><div class="small text-muted">4</div></th>
				<th><div class="small text-muted">5</div></th>
				<th><div class="small text-muted">6</div></th>
				<th><div class="small text-muted">7</div></th>
				<th><div class="small text-muted">8</div></th>
				<th><div class="small text-muted">9</div></th>
				<th><div class="small text-muted">10</div></th>
				<th><div class="small text-muted">11</div></th>
				<th><div class="small text-muted">12</div></th>
				<th><div class="small text-muted">13</div></th>
				<th><div class="small text-muted">14</div></th>
				<th><div class="small text-muted">15</div></th>
				<th><div class="small text-muted">16</div></th>
				<th><div class="small text-muted">17</div></th>
				<th><div class="small text-muted">18</div></th>
				<th><div class="small text-muted">19</div></th>
				<th><div class="small text-muted">20</div></th>
				<th><div class="small text-muted">21</div></th>
				<th><div class="small text-muted">22</div></th>
				<th><div class="small text-muted">23</div></th>
				<th><div class="small text-muted">24</div></th>
				<th><div class="small text-muted">25</div></th>
				<th><div class="small text-muted">26</div></th>
				<th><div class="small text-muted">27</div></th>
				<th><div class="small text-muted">28</div></th>
				<th><div class="small text-muted">29</div></th>
				<th><div class="small text-muted">30</div></th>
				<th><div class="small text-muted">31</div></th>
				<th><div class="small text-muted">32</div></th>
				<th><div class="small text-muted">33</div></th>
				<th><div class="small text-muted">34</div></th>
			</tr>
			</thead>
			<tbody>
			<tr>
				<th><div class="small text-muted text-right">Inferno&nbsp;</div></th>
				<td class="ui-widget-content ui-selectee" id="0_0"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_1"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_2"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_3"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_4"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_5"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_6"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_7"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_8"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_9"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_10"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_11"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_12"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_13"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_14"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_15"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_16"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_17"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_18"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_19"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_20"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_21"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_22"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_23"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_24"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_25"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_26"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_27"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_28"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_29"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_30"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_31"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_32"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="0_33"><div class=" px-1 border well">&nbsp;</div></td>
			</tr>
			<tr>
				<th><div class="small text-muted text-right">Purgatorio&nbsp;</div></th>
				<td class="ui-widget-content ui-selectee" id="1_0"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_1"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_2"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_3"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_4"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_5"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_6"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_7"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_8"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_9"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_10"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_11"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_12"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_13"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_14"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_15"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_16"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_17"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_18"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_19"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_20"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_21"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_22"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_23"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_24"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_25"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_26"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_27"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_28"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_29"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_30"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_31"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="1_32"><div class=" px-1 border well">&nbsp;</div></td>
			</tr>
			<tr>
				<th><div class="small text-muted text-right">Paradiso&nbsp;</div></th>
				<td class="ui-widget-content ui-selectee" id="2_0"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_1"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_2"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_3"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_4"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_5"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_6"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_7"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_8"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_9"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_10"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_11"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_12"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_13"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_14"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_15"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_16"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_17"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_18"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_19"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_20"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_21"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_22"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_23"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_24"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_25"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_26"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_27"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_28"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_29"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_30"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_31"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content ui-selectee" id="2_32"><div class=" px-1 border well">&nbsp;</div></td>
			</tr>
			</tbody>
		</table>
					
							</div>
		
						</div>
					</div>
				
					<div class="collapse" id="collapseAdvanced">
					
        <div class="col-md-12 p-2 bg-lida10">
        	<ul class="nav nav-tabs" id="tab-list" role="tablist">
				<li class="nav-item" role="presentation">
    				<a class="nav-link active" id="cla0-tab" data-toggle="tab" href="#cla0" role="tab" aria-controls="cla0" aria-selected="true"><span class="text-secondary"><ion-icon name="search-circle"></ion-icon></span><span class="text-dark small font-weight-bold">&nbsp;&nbsp;Componi</span></a>
  				</li>
			</ul>
			
			<div class="row tab-content border-right border-left border-bottom m-0" id="cla-TabContent">
  				<div class="col-12 tab-pane fade show active px-1 py-2 bg-white" id="cla0" role="tabpanel" aria-labelledby="cla0-tab">
  				
  					<div class="form-inline input-group p-1" action="" style="display: none">
        		        <div class="input-group-prepend">
                		    <label class="input-group-text"><ion-icon name="document-text"></ion-icon></label>
                		</div>
   						<select class="form-control custom-select-sm" id="lemma_forma">
      						<option value="forma">La forma</option>
      						<option value="lemma">Il lemma</option>
      						<option disabled value="testo">Il testo</option>
						</select>
						<input type="text" class="form-control-sm" id="queryText" placeholder="inserisci un termine" aria-describedby="name-desc" name="query">
						<div class="btn-group pl-2" role="group" aria-label="Bottone ricerca">
  							<label class="input-group-text"><ion-icon name="search-circle"></ion-icon></label>
  							<button type="submit" class="btn btn-outline-primary">Cerca</button>
  						</div>												
            		</div>
					
  					<div class="row p-1 ml-2 align-items-end justify-content-between" style="display: none">
  						
  						<div class="col-3">
							<div class="custom-control custom-switch px-3 bd-highlight">
								<input type="checkbox" class="custom-control-input" name="contesto-attiva" aria-label="Definisci contesto" id="contextSW">
								<label class="custom-control-label" for="contextSW"><div class="pb-1 text-muted">Mostra contesto</div></label>
							</div>  						
  						</div>
  						<div class="col-1 pb-1 text-muted text-right">Contesto: </div>
  						<div class="col-6 pb-1 text-muted" id="contextText">tutta l'opera
  						</div>
        				<div class="col-2 text-right px-3">
        					<input style="display: none;" type="file" id="apriFile">
							<span class="border rounded p-1 pt-2"><ion-icon name="save-outline"></ion-icon> <ion-icon name="folder-open-outline"></ion-icon>
							<ion-icon name="cloud-upload-outline"></ion-icon> <ion-icon name="cloud-download-outline"></ion-icon></span>
  						</div>
					</div>
					
					<div class=" p-2 m-2 border bg-light well" id="contextTableDiv0" style="display: none">
					
			<table  id="selectable0" class="table selCanti table-bordered table-sm">
				<thead>
				<tr>
					<th><div class="small text-dark text-right">Cantica\Canto&nbsp;</div></th>
					<th><div class="small text-dark">1</div></th>
					<th><div class="small text-dark">2</div></th>
					<th><div class="small text-dark">3</div></th>
					<th><div class="small text-dark">4</div></th>
					<th><div class="small text-dark">5</div></th>
					<th><div class="small text-dark">6</div></th>
					<th><div class="small text-dark">7</div></th>
					<th><div class="small text-dark">8</div></th>
					<th><div class="small text-dark">9</div></th>
					<th><div class="small text-dark">10</div></th>
					<th><div class="small text-dark">11</div></th>
					<th><div class="small text-dark">12</div></th>
					<th><div class="small text-dark">13</div></th>
					<th><div class="small text-dark">14</div></th>
					<th><div class="small text-dark">15</div></th>
					<th><div class="small text-dark">16</div></th>
					<th><div class="small text-dark">17</div></th>
					<th><div class="small text-dark">18</div></th>
					<th><div class="small text-dark">19</div></th>
					<th><div class="small text-dark">20</div></th>
					<th><div class="small text-dark">21</div></th>
					<th><div class="small text-dark">22</div></th>
					<th><div class="small text-dark">23</div></th>
					<th><div class="small text-dark">24</div></th>
					<th><div class="small text-dark">25</div></th>
					<th><div class="small text-dark">26</div></th>
					<th><div class="small text-dark">27</div></th>
					<th><div class="small text-dark">28</div></th>
					<th><div class="small text-dark">29</div></th>
					<th><div class="small text-dark">30</div></th>
					<th><div class="small text-dark">31</div></th>
					<th><div class="small text-dark">32</div></th>
					<th><div class="small text-dark">33</div></th>
					<th><div class="small text-dark">34</div></th>
				</tr>
				</thead>
				<tbody>
				<tr>
					<th><div class="small text-dark text-right">Inferno&nbsp;</div></th>
					<td class="ui-widget-content" id="0_0"><div class=" px-1 border well">&nbsp;</div></td>
					<td class="ui-widget-content" id="0_1"><div class=" px-1 border well">&nbsp;</div></td>
					<td class="ui-widget-content" id="0_2"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_3"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_4"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_5"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_6"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_7"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_8"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_9"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_10"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_11"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_12"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_13"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_14"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_15"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_16"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_17"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_18"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_19"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_20"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_21"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_22"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_23"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_24"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_25"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_26"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_27"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_28"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_29"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_30"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_31"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_32"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="0_33"><div class=" px-1 border well">&nbsp;</div></td>
			</tr>
			<tr>
				<th><div class="small text-dark text-right">Purgatorio&nbsp;</div></th>
				<td class="ui-widget-content" id="1_0"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_1"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_2"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_3"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_4"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_5"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_6"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_7"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_8"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_9"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_10"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_11"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_12"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_13"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_14"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_15"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_16"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_17"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_18"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_19"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_20"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_21"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_22"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_23"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_24"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_25"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_26"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_27"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_28"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_29"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_30"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_31"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="1_32"><div class=" px-1 border well">&nbsp;</div></td>
			</tr>
			<tr>
				<th><div class="small text-dark text-right">Paradiso&nbsp;</div></th>
				<td class="ui-widget-content" id="2_0"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_1"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_2"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_3"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_4"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_5"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_6"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_7"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_8"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_9"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_10"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_11"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_12"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_13"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_14"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_15"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_16"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_17"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_18"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_19"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_20"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_21"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_22"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_23"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_24"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_25"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_26"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_27"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_28"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_29"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_30"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_31"><div class=" px-1 border well">&nbsp;</div></td>
				<td class="ui-widget-content" id="2_32"><div class=" px-1 border well">&nbsp;</div></td>
			</tr>
			</tbody>
		</table>
					
					</div>

 		           	<div id="cla-Advanced" style="display: block">
  						
   						<div class="small text-muted p-1">
  							Definisci i filtri usando le clausole e le condizioni logiche:
  						</div>
  						<div class=" p-1 border bg-light well" id="cla-list">
  							<div class="row ml-0 justify-content-between"><div class="pb-1 small font-weight-bold text-muted">AND</div></div>
	  						<ul id="sortable0"  class="condLIand list-group ui-sortable">
  								<li id="H-cla0" class="list-group-item align-items-center mb-1 ui-state-default ui-state-disabled border text-muted bg-white ui-state-disabled-opacity-06 small">Nessuna clausola aggiunta.</li>
							</ul>
  						</div>
						
					</div>
					
  				</div>
			</div>
								
	<!-- MODELLI CLAUSOLE -->

	<!--   TIPO GRAMMATICALE -->
			<div style="display: none;" class="col-12 tab-pane fade p-2 bg-white" id="tipogrammaticaleN" role="tabpanel" aria-labelledby="claN-tab" data-claType="Grammaticale" data-claActive="1">
				<div class="p-1 text-right text-primary">
					<span class="return2Query"><ion-icon name="checkmark-circle"></ion-icon></span>&nbsp;&nbsp;
					<span class="removeClaInTab"><ion-icon name="close-circle"></ion-icon></span>
				</div>
				
					<div class="form-group form-inline input-group p-1 mb-1" action="">
        		        <div class="input-group-prepend">
                		    <label class="input-group-text"><ion-icon name="document-text"></ion-icon></label>
                		</div>
   						<select class="form-control custom-select-sm" id="lemma_formaN">
      						<option value="forma">La forma</option>
      						<option value="lemma">Il lemma</option>
      						<option disabled value="testo">Il testo</option>
						</select>
						<input type="text" class="form-control form-control-sm" id="queryTextN" placeholder="inserisci un termine" aria-describedby="name-desc" name="query">
						<select class="form-control custom-select-sm" id="opzioni_testoN">
							<option value="parola">come Parola</option>
							<option value="sottostringa">come Sottostringa</option>
      						<option value="prefisso">come Prefisso</option>
      						<option value="suffisso">come Suffisso</option>
      						<option value="regexp">come Espressione regolare</option>
						</select>
						
            		</div>
								
				<div class="form-group px-1 pb-1 mb-1">
    				<label for="typeGramm0" class="text-muted control-label small">Categoria grammaticale:</label>
    				<div class="form-inline input-group" action="">
    					 <div class="input-group-prepend">
    					 	<label class="input-group-text"><ion-icon name="options"></ion-icon></label>
    					 </div>	
					<select class="form-control custom-select-sm catgram" name="typeGramm0" id="grammtypes" title="Categoria grammaticale" value="oggetto" onchange="">
						<option value="all">Tutte le categorie</option>
						<optgroup label="Volgare">
							<option value="verbovolgare">Verbo volgare</option>
							<option value="sostantivovolgare">Sostantivo volgare</option>
							<option value="aggettivovolgare">Aggettivo volgare</option>
							<option value="pronomevolgare">Pronome volgare</option>
							<option value="articolovolgare">Articolo volgare</option>
							<option value="avverbiovolgare">Avverbio volgare</option>
							<option value="preposizionevolgare">Preposizione volgare</option>
							<option value="congiunzionevolgare">Congiunzione volgare</option>
							<option value="interiezionevolgare">Interiezione volgare</option>
							<option value="onomasticavolgare">Onomastica volgare</option>
							<option value="citazionevolgare">Citazione volgare</option>
						</optgroup>
						<optgroup label="Latino">
							<option value="verbo_latino_v">Verbo latino</option>
							<option value="sostantivo_latino_s">Sostantivo latino</option>
							<option value="aggettivo_latino_a">Aggettivo latino</option>
							<option value="pronome_latino_p">Pronome latino</option>
							<option value="avverbio_latino_r">Avverbio latino</option>
							<option value="preposizione_latino_e">Preposizione
								latino</option>
							<option value="congiunzione_latino_c">Congiunzione
								latino</option>
							<option value="interiezione_latino_i">Interiezione
								latino</option>
							<option value="enclitica_latino_9">Enclitica latino</option>
							<option value="citazione_latino_zi">Citazione latino</option>
							<option value="simbolo_latino_yy">Simbolo latino</option>
						</optgroup>
					</select>
					</div>
				</div>
				<div class="container form-group mr-3 mb-0 p-1 dettaglifiltri">
				
				</div>
			</div>
	<!--   FINE GRAMMATICALE -->

	<!--   TIPO SINTATTICO -->
	<div style="display: none;" class="col-12 tab-pane fade p-2 bg-white" id="tiposintatticoN" role="tabpanel" aria-labelledby="claN-tab" data-claType="Sintattico" data-claActive="1">
		<div class="p-1 text-right text-primary">
			<span class="return2Query"><ion-icon name="checkmark-circle"></ion-icon></span>&nbsp;&nbsp;
			<span class="removeClaInTab"><ion-icon name="close-circle"></ion-icon></span>
		</div>
				
					<div class="form-group form-inline input-group p-1 mb-1" action="">
        		        <div class="input-group-prepend">
                		    <label class="input-group-text"><ion-icon name="document-text"></ion-icon></label>
                		</div>
   						<select class="form-control custom-select-sm" id="lemma_formaN">
      						<option value="forma">La forma</option>
      						<option value="lemma">Il lemma</option>
      						<option disabled value="testo">Il testo</option>
						</select>
						<input type="text" class="form-control form-control-sm" id="queryTextN" placeholder="inserisci un termine" aria-describedby="name-desc" name="query">
						<select class="form-control custom-select-sm" id="opzioni_testoN">
							<option value="parola">come Parola</option>
							<option value="sottostringa">come Sottostringa</option>
      						<option value="prefisso">come Prefisso</option>
      						<option value="suffisso">come Suffisso</option>
      						<option value="regexp">come Espressione regolare</option>
						</select>
            		</div>
				
		<div class="form-group px-1 pb-1 mb-1">
    		<label for="typeSyntax0" class="text-muted control-label small">Tipo sintattico:</label>    		
    		<div class="form-inline input-group" action="">
    			 <div class="input-group-prepend">
    			 	<label class="input-group-text"><ion-icon name="options"></ion-icon></label>
    			 </div>	
			<select class="form-control custom-select-sm" name="typeSyntax0" id="synttypes" title="Tipo sintattico" value="oggetto">
				<option value=".+" class="w-10"	onclick="myformsyntax.functionSyntax0.disabled = false;">Qualsiasi tipo sintattico</option>

				<optgroup
					label="Macrotipi sintattici: principali e coordinate a una principale"
					onclick="myformsyntax.functionSyntax0.disabled = true;">
					<option value="macro dich">dichiarativa</option>
					<option value="macro escl">esclamativa</option>
					<option value="macro inter princ">interrogativa</option>
					<option value="macro iussi">iussiva</option>
					<option value="macro otta">ottativa</option>
				</optgroup>

				<optgroup
					label="Macrotipi sintattici: subordinate e coordinate a una subordinata"
					onclick="myformsyntax.functionSyntax0.disabled = true;">
					<option value="macro avv">avversativa</option>
					<option value="macro causale">causale</option>
					<option value="macro compar">comparativa</option>
					<option value="macro conces">concessiva</option>
					<option value="macro consec">consecutiva</option>
					<option value="macro eccettu">eccettuativa</option>
					<option value="macro epesege">epesegetica</option>
					<option value="macro esclu">esclusiva</option>
					<option value="macro finale">finale</option>
					<option value="macro inter sub">interrogativa</option>
					<option value="macro ipotet">ipotetica</option>
					<option value="macro limitat">limitativa</option>
					<option value="macro maniera">maniera</option>
					<option value="macro modale">modale</option>
					<option value="macro obliqua">obliqua</option>
					<option value="macro oggettiva">oggettiva</option>
					<option value="macro pred">predicativa</option>
					<option value="macro rel">relativa</option>
					<option value="macro sog">soggettiva</option>
					<option value="macro strum">strumentale</option>
					<option value="macro sub">subordinata con funzione di ripresa</option>
					<option value="macro temp">temporale</option>
				</optgroup>

				<optgroup label="Macrotipi sintattici: pseudocoordinate"
					onclick="myformsyntax.functionSyntax0.disabled = true;">
					<option value="macro pseudo">pseudocoordinata</option>
				</optgroup>

				<optgroup
					label="Macrotipi sintattici: parentetiche e coordinate a una parentetica"
					onclick="myformsyntax.functionSyntax0.disabled = true;">
					<option value="macro pare sub">parentetica con valore di subordinata</option>
					<option value="macro pare mod">parentetica modalizzante</option>
				</optgroup>

				<optgroup label="Tutti i tipi sintattici"
					onclick="myformsyntax.functionSyntax0.disabled = false;">
					<option value="avv">avversativa</option>
					<option value="caus">causale</option>
					<option value="comp ipo">comparativa con valore ipotetico</option>
					<option value="comp lim">comparativa con valore limitativo</option>
					<option value="comp mod">comparativa con valore modale</option>
					<option value="comp temp">comparativa con valore temporale</option>
					<option value="comp disug">comparativa di disuguaglianza</option>
					<option value="comp ug">comparativa di uguaglianza</option>
					<option value="comp ug rel ind temp">comparativa di uguaglianza con valore di relativa indipendente temporale</option>
					<option value="conc acond">concessiva acondizionale</option>
					<option value="conc cond">concessiva condizionale</option>
					<option value="conc fatt">concessiva fattuale</option>
					<option value="man rel giust">concorrenza del relativo in frase di maniera</option>
					<option value="fin rel giust">concorrenza del relativo in frase finale</option>
					<option value="cons antec">consecutiva con antecedente</option>
					<option value="cons antec fin">consecutiva con antecedente con valore finale</option>
					<option value="cons antec temp">consecutiva con antecedente con valore temporale</option>
					<option value="cons antec epes">consecutiva con antecedente epesegetica</option>
					<option value="cons ell">consecutiva ellittica</option>
					<option value="cons libera">consecutiva libera</option>
					<option value="cons libera fin">consecutiva libera con valore finale</option>
					<option value="cons post">consecutiva posposta</option>
					<option value="cong asind comp ug">coordinata asindetica comparativa di uguaglianza</option>
					<option value="cong asind cons antec">coordinata asindetica consecutiva con antecedente</option>
					<option value="cong asind man">coordinata asindetica di maniera</option>
					<option value="cong asind dich">coordinata asindetica dichiarativa</option>
					<option value="cong asind epes">coordinata asindetica epesegetica</option>
					<option value="cong asind esclam">coordinata asindetica esclamativa</option>
					<option value="cong asind fin">coordinata asindetica finale</option>
					<option value="cong asind int altern">coordinata asindetica interrogativa alternativa</option>
					<option value="cong asind int altern">coordinata asindetica interrogativa alternativa</option>
					<option value="cong asind int altern ret">coordinata asindetica interrogativa alternativa retorica</option>
					<option value="cong asind int x">coordinata asindetica interrogativa di tipo x</option>
					<option value="cong asind int x">coordinata asindetica interrogativa di tipo x</option>
					<option value="cong asind int x ret">coordinata asindetica interrogativa di tipo x retorica</option>
					<option value="cong asind int disg">coordinata asindetica interrogativa disgiuntiva</option>
					<option value="cong asind ipo">coordinata asindetica ipotetica</option>
					<option value="cong asind iuss dir">coordinata asindetica iussiva diretta</option>
					<option value="cong asind iuss indir">coordinata asindetica iussiva indiretta</option>
					<option value="cong asind ogg | cong asind ogg perc">coordinata asindetica oggettiva</option>
					<option value="cong asind ott intr">coordinata asindetica
						ottativa con introduttore</option>
					<option value="cong asind ott libera">coordinata
						asindetica ottativa libera</option>
					<option value="cong asind rel app">coordinata asindetica
						relativa appositiva</option>
					<option value="cong asind rel app comp disug">coordinata
						asindetica relativa appositiva in costrutto comparativo</option>
					<option value="cong asind rel app giust">coordinata
						asindetica relativa giustapposta</option>
					<option value="cong asind rel ind">coordinata asindetica
						relativa indipendente</option>
					<option value="cong asind rel ind temp caus">coordinata
						asindetica relativa indipendente con valore temporale-causale</option>
					<option value="cong asind rel restr">coordinata asindetica
						relativa restrittiva</option>
					<option value="cong asind rel restr comp ug">coordinata
						asindetica relativa restrittiva in costrutto comparativo</option>
					<option value="cong asind sogg soll">coordinata asindetica
						soggettiva a sollevamento</option>
					<option value="cong asind subord">coordinata asindetica
						subordinata</option>
					<option value="cong asind temp">coordinata asindetica
						temporale</option>
					<option value="avv caus">coordinata avversativa causale</option>
					<option value="avv comp ug">coordinata avversativa
						comparativa di uguaglianza</option>
					<option value="avv cons antec">coordinata avversativa
						consecutiva con antecedente</option>
					<option value="avv dich">coordinata avversativa
						dichiarativa</option>
					<option value="avv fin">coordinata avversativa finale</option>
					<option value="avv int x">coordinata avversativa
						interrogativa di tipo x</option>
					<option value="avv int x ret">coordinata avversativa
						interrogativa di tipo x retorica</option>
					<option value="avv ipo caus">coordinata avversativa
						ipotetica con valore causale</option>
					<option value="avv iuss dir">coordinata avversativa
						iussiva diretta</option>
					<option value="avv iuss indir">coordinata avversativa
						iussiva indiretta</option>
					<option value="avv modaliz ott intr">coordinata
						avversativa modalizzante ottativa con introduttore</option>
					<option value="avv ogg / avv ogg perc">coordinata
						avversativa oggettiva</option>
					<option value="avv rel app">coordinata avversativa
						relativa appositiva</option>
					<option value="avv rel app cons antec">coordinata
						avversativa relativa appositiva con valore consecutivo</option>
					<option value="avv rel app comp ug">coordinata avversativa
						relativa appositiva in costrutto comparativo</option>
					<option value="avv rel giust">coordinata avversativa
						relativa giustapposta</option>
					<option value="avv rel ind">coordinata avversativa
						relativa indipendente</option>
					<option value="avv rel ind temp">coordinata avversativa
						relativa indipendente temporale</option>
					<option value="avv rel restr">coordinata avversativa
						relativa restrittiva</option>
					<option value="avv rel restr comp ug">coordinata
						avversativa relativa restrittiva in costrutto comparativo</option>
					<option value="avv sogg">coordinata avversativa soggettiva</option>
					<option value="avv temp">coordinata avversativa temporale</option>
					<option value="cong concl cons antec">coordinata
						conclusiva consecutiva con antecedente</option>
					<option value="cong concl dich">coordinata conclusiva
						dichiarativa</option>
					<option value="cong concl dich ill">coordinata conclusiva
						dichiarativa illocutiva</option>
					<option value="cong concl iuss dir">coordinata conclusiva
						iussiva diretta</option>
					<option value="cong concl iuss dir perifr">coordinata
						conclusiva iussiva diretta perifrastica</option>
					<option value="cong concl iuss indir">coordinata
						conclusiva iussiva indiretta</option>
					<option value="cong caus">coordinata congiuntiva causale</option>
					<option value="cong comp ipo">coordinata congiuntiva
						comparativa con valore ipotetico</option>
					<option value="cong comp lim">coordinata congiuntiva
						comparativa con valore limitativo</option>
					<option value="cong comp mod">coordinata congiuntiva
						comparativa con valore modale</option>
					<option value="cong comp disug">coordinata congiuntiva
						comparativa di disuguaglianza</option>
					<option value="cong comp ug">coordinata congiuntiva
						comparativa di uguaglianza</option>
					<option value="cong rip">coordinata congiuntiva con
						funzione di ripresa</option>
					<option value="cong conc cond">coordinata congiuntiva
						concessiva condizionale</option>
					<option value="cong conc fatt">coordinata congiuntiva
						concessiva fattuale</option>
					<option value="cong cons antec">coordinata congiuntiva
						consecutiva con antecedente</option>
					<option value="cong cons antec fin">coordinata congiuntiva
						consecutiva con antecedente con valore finale</option>
					<option value="cong cons antec epes">coordinata
						congiuntiva consecutiva con antecedente epesegetica</option>
					<option value="cong cons ell">coordinata congiuntiva
						consecutiva ellittica</option>
					<option value="cong cons libera">coordinata congiuntiva
						consecutiva libera</option>
					<option value="cong cons libera fin">coordinata
						congiuntiva consecutiva libera con valore finale</option>
					<option value="cong cons post">coordinata congiuntiva
						consecutiva posposta</option>
					<option value="cong man">coordinata congiuntiva di maniera</option>
					<option value="cong dich">coordinata congiuntiva
						dichiarativa</option>
					<option value="cong dich ill">coordinata congiuntiva
						dichiarativa illocutiva</option>
					<option value="cong eccett">coordinata congiuntiva
						eccettuativa</option>
					<option value="cong epes">coordinata congiuntiva
						epesegetica</option>
					<option value="cong esclam">coordinata congiuntiva
						esclamativa</option>
					<option value="cong esclus">coordinata congiuntiva
						esclusiva</option>
					<option value="cong fin">coordinata congiuntiva finale</option>
					<option value="cong int altern">coordinata congiuntiva
						interrogativa alternativa</option>
					<option value="cong int altern">coordinata congiuntiva
						interrogativa alternativa</option>
					<option value="cong int x">coordinata congiuntiva
						interrogativa di tipo x</option>
					<option value="cong int x">coordinata congiuntiva
						interrogativa di tipo x</option>
					<option value="cong int x ret">coordinata congiuntiva
						interrogativa di tipo x retorica</option>
					<option value="cong ipo">coordinata congiuntiva ipotetica</option>
					<option value="cong ipo caus">coordinata congiuntiva
						ipotetica con valore causale</option>
					<option value="cong ipo sogg">coordinata congiuntiva
						ipotetica soggettiva</option>
					<option value="cong iuss dir">coordinata congiuntiva
						iussiva diretta</option>
					<option value="cong iuss indir">coordinata congiuntiva
						iussiva indiretta</option>
					<option value="cong lim">coordinata congiuntiva limitativa</option>
					<option value="cong modaliz ott intr">coordinata
						congiuntiva modalizzante ottativa con introduttore</option>
					<option value="cong obl">coordinata congiuntiva obliqua</option>
					<option value="cong ogg /cong ogg perc">coordinata
						congiuntiva oggettiva</option>
					<option value="cong ott libera">coordinata congiuntiva
						ottativa libera</option>
					<option value="cong rel pseudo">coordinata congiuntiva
						pseudo-relativa</option>
					<option value="cong rel app">coordinata congiuntiva
						relativa appositiva</option>
					<option value="cong rel app comp ug">coordinata
						congiuntiva relativa appositiva comparativa di uguaglianza</option>
					<option value="cong rel app cons">coordinata congiuntiva
						relativa appositiva con valore consecutivo</option>
					<option value="cong rel app epes">coordinata congiuntiva
						relativa appositiva con valore di epesegetica</option>
					<option value="cong rel app fin">coordinata congiuntiva
						relativa appositiva con valore finale</option>
					<option value="cong rel app temp">coordinata congiuntiva
						relativa appositiva con valore temporale</option>
					<option value="cong rel app comp disug">coordinata
						congiuntiva relativa appositiva in costrutto comparativo di
						disuguaglianza</option>
					<option value="cong rel app giust">coordinata congiuntiva
						relativa giustapposta</option>
					<option value="cong rel app giust caus">coordinata
						congiuntiva relativa giustapposta con valore causale</option>
					<option value="cong rel impl">coordinata congiuntiva
						relativa implicita</option>
					<option value="cong rel impl lim">coordinata congiuntiva
						relativa implicita con valore limitativo</option>
					<option value="cong rel ind">coordinata congiuntiva
						relativa indipendente</option>
					<option value="cong rel ind acond">coordinata congiuntiva
						relativa indipendente acondizionale</option>
					<option value="cong rel ind ipo">coordinata congiuntiva
						relativa indipendente con valore ipotetico</option>
					<option value="cong rel ind mod">coordinata congiuntiva
						relativa indipendente con valore modale</option>
					<option value="cong rel ind mod comp ug">coordinata
						congiuntiva relativa indipendente in costrutto comparativo-modale</option>
					<option value="cong rel ind temp">coordinata congiuntiva
						relativa indipendente temporale</option>
					<option value="cong rel restr">coordinata congiuntiva relativa restrittiva</option>
					<option value="cong rel restr caus">coordinata congiuntiva relativa restrittiva con valore causale</option>
					<option value="cong rel restr cons">coordinata congiuntiva relativa restrittiva con valore consecutivo</option>
					<option value="cong rel restr comp ug">coordinata congiuntiva relativa restrittiva in costrutto comparativo</option>
					<option value="cong rel restr temp">coordinata congiuntiva relativa restrittiva temporale</option>
					<option value="cong sogg">coordinata congiuntiva soggettiva</option>
					<option value="cong spec">coordinata congiuntiva specificativa</option>
					<option value="cong strum">coordinata congiuntiva strumentale</option>
					<option value="cong temp">coordinata congiuntiva temporale</option>
					<option value="cong temp caus">coordinata congiuntiva temporale con valore causale</option>
					<option value="cong cons caus">coordinata consecutiva causale</option>
					<option value="cong cons dich">coordinata consecutiva dichiarativa</option>
					<option value="cong corr dich">coordinata correlativa dichiarativa</option>
					<option value="cong corr fin">coordinata correlativa finale</option>
					<option value="cong corr lim">coordinata correlativa limitativa</option>
					<option value="cong corr sogg infinitoprep">coordinata correlativa soggettiva a infinito preposizionale</option>
					<option value="disg comp disug temp">coordinata disgiuntiva comparativa di disuguaglianza con valore temporale</option>
					<option value="disg conc acond">coordinata disgiuntiva concessiva acondizionale</option>
					<option value="disg conc cond">coordinata disgiuntiva concessiva condizionale</option>
					<option value="disg cons libera">coordinata disgiuntiva consecutiva libera</option>
					<option value="disg corr dich">coordinata disgiuntiva correlativa dichiarativa</option>
					<option value="disg man">coordinata disgiuntiva di maniera</option>
					<option value="disg dich">coordinata disgiuntiva dichiarativa</option>
					<option value="disg epes">coordinata disgiuntiva epesegetica</option>
					<option value="disg esclus">coordinata disgiuntiva esclusiva</option>
					<option value="disg int altern">coordinata disgiuntiva interrogativa alternativa</option>
					<option value="disg int altern">coordinata disgiuntiva interrogativa alternativa</option>
					<option value="disg int x">coordinata disgiuntiva interrogativa di tipo x</option>
					<option value="disg int disg">coordinata disgiuntiva interrogativa disgiuntiva</option>
					<option value="disg ipo">coordinata disgiuntiva ipotetica</option>
					<option value="disg lim">coordinata disgiuntiva limitativa</option>
					<option value="disg obl">coordinata disgiuntiva obliqua</option>
					<option value="disg ogg">coordinata disgiuntiva oggettiva</option>
					<option value="disg rel ind">coordinata disgiuntiva relativa indipendente</option>
					<option value="disg rel ind acond">coordinata disgiuntiva relativa indipendente acond</option>
					<option value="disg rel ind temp">coordinata disgiuntiva relativa indipendente temporale</option>
					<option value="disg rel restr">coordinata disgiuntiva relativa restrittiva</option>
					<option value="disg rel restr cons">coordinata disgiuntiva relativa restrittiva con valore consecutivo</option>
					<option value="disg sogg">coordinata disgiuntiva soggettiva</option>
					<option value="disg temp">coordinata disgiuntiva temporale</option>
					<option value="cong espl dich">coordinata esplicativa dichiarativa</option>
					<option value="cong espl obl">coordinata esplicativa obliqua</option>
					<option value="cong espl ogg">coordinata esplicativa oggettiva</option>
					<option value="cong espl rel app antec">coordinata esplicativa relativa appositiva con antecedente</option>
					<option value="cong espl rel ind mod">coordinata esplicativa relativa indipendente con valore modale</option>
					<option value="man">di maniera</option>
					<option value="man gerundioprep">di maniera a gerundio preposizionale</option>
					<option value="dich">dichiarativa</option>
					<option value="dich ill">dichiarativa illocutiva</option>
					<option value="eccett">eccettuativa</option>
					<option value="eccett comp ug">eccettuativa con valore di comparativa di uguaglianza</option>
					<option value="epes">epesegetica</option>
					<option value="esclam">esclamativa</option>
					<option value="esclus">esclusiva</option>
					<option value="faltern">falsa alternativa</option>
					<option value="fcong">falsa congiuntiva</option>
					<option value="fin">finale</option>
					<option value="fin ipo">finale con valore ipotetico</option>
					<option value="rip">funzione di ripresa</option>
					<option value="int altern">interrogativa alternativa</option>
					<option value="int altern ret">interrogativa alternativa retorica</option>
					<option value="int x">interrogativa di tipo x</option>
					<option value="int x ret">interrogativa di tipo x retorica</option>
					<option value="int disg">interrogativa disgiuntiva</option>
					<option value="int disg ret">interrogativa disgiuntiva retorica</option>
					<option value="ipo">ipotetica</option>
					<option value="ipo biaff">ipotetica biaffermativa</option>
					<option value="ipo caus">ipotetica con valore causale</option>
					<option value="ipo eccett">ipotetica con valore eccettuativo</option>
					<option value="ipo obl">ipotetica obliqua</option>
					<option value="ipo rel giust">ipotetica relativa giustapposta</option>
					<option value="ipo sogg">ipotetica soggettiva</option>
					<option value="iuss aug">iussiva augurativa</option>
					<option value="iuss dir">iussiva diretta</option>
					<option value="iuss dir perifr">iussiva diretta perifrastica</option>
					<option value="iuss indir">iussiva indiretta</option>
					<option value="lim">limitativa</option>
					<option value="lim caus">limitativa con valore causale</option>
					<option value="lim caus eccett">limitativa con valore causale-eccettuativo</option>
					<option value="lim eccett">limitativa con valore eccettuativo</option>
					<option value="mod">modale</option>
					<option value="modaliz">modalizzante</option>
					<option value="modaliz ott intr">modalizzante ottativa con introduttore</option>
					<option value="modaliz ott libera">modalizzante ottativa libera</option>
					<option value="obl">obliqua</option>
					<option value="ogg | ogg aci | ogg perc">oggettiva</option>
					<option value="ott intr">ottativa con introduttore</option>
					<option value="ott libera">ottativa libera</option>
					<option value="pred">predicativa</option>
					<option value="rel pseudo">pseudo-relativa</option>
					<option value="rel pseudo fin">pseudo-relativa con valore finale</option>
					<option value="rel pseudo scissa">pseudo-relativa scissa</option>
					<option value="rel pseudo scissa temp">pseudo-relativa scissa con valore temporale</option>
					<option value="rel app antec">relativa appositiva con antecedente</option>
					<option value="rel app antec caus">relativa appositiva con antecedente con valore causale</option>
					<option value="rel app antec cons">relativa appositiva con antecedente con valore consecutivo</option>
					<option value="rel app antec fin cons">relativa appositiva con antecedente con valore consecutivo-finale</option>
					<option value="rel app antec fin">relativa appositiva con antecedente con valore finale</option>
					<option value="rel app antec strum">relativa appositiva con antecedente con valore strumentale</option>
					<option value="rel app antec giust">relativa appositiva con antecedente giustapposta</option>
					<option value="rel app antec comp disug">relativa appositiva con antecedente in costrutto comparativo di disuguaglianza</option>
					<option value="rel app antec comp ug">relativa appositiva con antecedente in costrutto comparativo di uguaglianza</option>
					<option value="rel app antec eccett">relativa appositiva con antecedente in costrutto eccettuativo</option>
					<option value="rel app antec giust cons">relativa appositiva giustapposta con valore consecutivo</option>
					<option value="rel app antec giust man">relativa appositiva giustapposta con valore di maniera</option>
					<option value="rel app antec giust ipo">relativa appositiva giustapposta con valore ipotetico</option>
					<option value="rel restr antec comp ug">relativa con antecedente in costrutto comparativo di uguaglianza</option>
					<option value="rel giust">relativa giustapposta</option>
					<option value="rel impl">relativa implicita</option>
					<option value="rel impl cons">relativa implicita con valore consecutivo</option>
					<option value="rel impl fin">relativa implicita con valore finale</option>
					<option value="rel impl lim">relativa implicita con valore limitativo</option>
					<option value="rel impl deon">relativa implicita deontica</option>
					<option value="rel ind">relativa indipendente</option>
					<option value="rel ind acond">relativa indipendente acondizionale</option>
					<option value="rel ind ipo">relativa indipendente con valore ipotetico</option>
					<option value="rel ind mod">relativa indipendente con valore modale</option>
					<option value="rel ind temp">relativa indipendente con valore temporale</option>
					<option value="rel ind temp acond">relativa indipendente con valore temporale acondizionale</option>
					<option value="rel ind temp caus">relativa indipendente con valore temporale-causale</option>
					<option value="rel ind caus">relativa indipendente in costrutto causale</option>
					<option value="rel ind comp">relativa indipendente in costrutto comparativo</option>
					<option value="rel ind temp comp ug">relativa indipendente in costrutto comparativo di uguaglianza</option>
					<option value="rel ind mod comp ug">relativa indipendente in costrutto comparativo-modale</option>
					<option value="rel restr antec">relativa restrittiva con antecedente</option>
					<option value="rel restr antec caus">relativa restrittiva con antecedente con valore causale</option>
					<option value="rel restr antec cons">relativa restrittiva con antecedente con valore consecutivo</option>
					<option value="rel restr antec conc cond">relativa restrittiva con antecedente con valore di concessiva condizionale</option>
					<option value="rel restr antec conc fatt">relativa restrittiva con antecedente con valore di concessiva fattuale</option>
					<option value="rel restr antec fin">relativa restrittiva con antecedente con valore finale</option>
					<option value="rel restr antec ipo">relativa restrittiva con antecedente con valore ipotetico</option>
					<option value="rel restr antec temp">relativa restrittiva con antecedente con valore temporale</option>
					<option value="rel restr antec comp disug">relativa restrittiva con antecedente in costrutto comparativo di disuguaglianza</option>
					<option value="rel restr antec comp mod">relativa restrittiva con antecedente in costrutto comparativo-modale</option>
					<option value="rel restr antec eccett">relativa restrittiva con antecedente in costrutto eccettuativo</option>
					<option value="rel restr antec lim">relativa restrittiva con antecedente in costrutto limitativo</option>
					<option value="sogg | sogg aci | sogg id | sogg infinitoprep">soggettiva</option>
					<option value="sogg soll">soggettiva a sollevamento</option>
					<option value="sogg scissa">soggettiva scissa</option>
					<option value="spec | spec aci | sogg infinitoprep">specficativa</option>
					<option value="strum">strumentale</option>
					<option value="subord">subordinata</option>
					<option value="temp">temporale</option>
					<option value="temp comp ug">temporale con valore comparativo</option>
					<option value="temp ipo">temporale con valore ipotetico</option>
				</optgroup>

			</select>
			</div>
		</div>
		<div class="form-group px-1 pb-1 mb-1">
  			<label for="functionSyntax" class="text-muted control-label small">Livello di subordinazione:</label>	
    		<div class="form-inline input-group" action="">
    			 <div class="input-group-prepend">
    			 	<label class="input-group-text"><ion-icon name="options"></ion-icon></label>
    			 </div>	
			<select class="form-control custom-select-sm" name="functionSyntax" id="syntfunc" title="Livello di subordinazione">
				<option value=".+">Qualsiasi livello di subordinazione</option>

				<optgroup label="Livelli di subordinazione">
					<option value="princ">principale</option>
					<option value="coord">coordinata a una principale</option>

					<option value="subord i">subordinata di I grado</option>
					<option value="subord ii">subordinata di II grado</option>
					<option value="subord iii">subordinata di III grado</option>
					<option value="subord iv">subordinata di IV grado</option>
					<option value="subord v">subordinata di V grado</option>
					<option value="subord vi">subordinata di VI grado</option>
					<option value="subord vii">subordinata di VII grado</option>

					<option value="coord i">coordinata a una subordinata di I grado</option>
					<option value="coord ii">coordinata a una subordinata di II grado</option>
					<option value="coord iii">coordinata a una subordinata di III grado</option>
					<option value="coord iv">coordinata a una subordinata di IV grado</option>
					<option value="coord v">coordinata a una subordinata di V grado</option>

					<option value="pcoord">pseudo-coordinata</option>

					<option value="parent">parentetica</option>
					<option value="coord 0">coordinata a una parentetica</option>

				</optgroup>

			</select>
			</div>
		</div>
	</div>
	<!--   FINE TIPO SINTATTICO -->

	<!-- FINE MODELLI CLAUSOLE -->
			
			</form>
		</div>	
					
					</div>


				</div>

			</div>

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


<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
</body>
<div class="modal-busy" id="loader" style="display: none">
    <div class="center-busy" id="test-git">
        <img alt="" src="./images/lida-loader.gif" />
    </div>
</div>
</html>