span.expandtext {
                 font-family:Arial;
                 font-family:Arial;
}
span.glosstext {
                font-family:Arial;
                font-family:Arial;
}
p.breadcrumbs {
               font-family:Arial;
               x-next-class:breadcrumbs;
               x-next-type:p;
               font-family:Arial;
               x-next-class:breadcrumbs;
               x-next-type:p;
}
h1 {
    font-weight:bold;
    font-size:22pt;
    margin-top:14pt;
    margin-bottom:14pt;
    margin-left:0pt;
    margin-right:0pt;
    page-break-after:avoid;
    font-family:"Arial Black";
    text-align:center;
    color:#0079c2;
    x-next-type:h1;
    font-weight:bold;
    font-size:22pt;
    margin-top:14pt;
    margin-left:0pt;
    margin-right:0pt;
    page-break-after:avoid;
    font-family:"Arial Black";
    text-align:center;
    color:#0079c2;
    x-next-type:h1;
    margin-bottom:20px;
}
h2 {
    font-weight:bold;
    font-size:18pt;
    margin-top:14pt;
    margin-bottom:14pt;
    margin-left:0pt;
    margin-right:0pt;
    page-break-after:avoid;
    font-family:"Arial Black";
    text-align:left;
    color:#0079c2;
    x-next-type:h2;
    font-weight:bold;
    font-size:16pt;
    margin-top:14pt;
    margin-bottom:14pt;
    margin-left:0pt;
    margin-right:0pt;
    page-break-after:avoid;
    font-family:"Arial Black";
    text-align:left;
    color:#0079c2;
    x-next-type:h2;
}
h3 {
    font-weight:bold;
    font-size:14pt;
    margin-top:14pt;
    margin-bottom:14pt;
    margin-left:0pt;
    margin-right:0pt;
    page-break-after:avoid;
    font-family:"Arial Black";
    color:#1cafdd;
    x-next-type:h3;
    font-weight:bold;
    margin-top:14pt;
    margin-left:0pt;
    margin-right:0pt;
    page-break-after:avoid;
    font-family:"Arial Black";
    color:#1cafdd;
    x-next-type:h3;
    font-size:14px;
    margin-bottom:20pt;
}
h4 {
    font-weight:bold;
    font-size:10pt;
    margin-top:14pt;
    margin-bottom:14pt;
    margin-left:0pt;
    margin-right:0pt;
    page-break-after:avoid;
    font-family:"Arial Black";
	color:#1cafdd;
    x-next-type:h4;
    font-weight:bold;
    font-size:10pt;
    margin-top:14pt;
    margin-bottom:14pt;
    margin-left:0pt;
    margin-right:0pt;
    page-break-after:avoid;
    font-family:"Arial Black";
	color:#1cafdd;
    x-next-type:h4;
}
h5 {
    font-weight:bold;
    font-size:9pt;
    margin-top:14pt;
    margin-bottom:14pt;
    margin-left:0pt;
    margin-right:0pt;
    page-break-after:avoid;
    font-family:"Arial Black";
    x-next-type:h5;
    font-weight:bold;
    font-size:9pt;
    margin-top:14pt;
    margin-bottom:14pt;
    margin-left:0pt;
    margin-right:0pt;
    page-break-after:avoid;
    font-family:"Arial Black";
    x-next-type:h5;
}
h6 {
    font-weight:bold;
    font-size:7pt;
    margin-top:14pt;
    margin-bottom:14pt;
    margin-left:0pt;
    margin-right:0pt;
    page-break-after:avoid;
    font-family:"Arial Black";
    x-next-type:h6;
    font-weight:bold;
    font-size:7pt;
    margin-top:14pt;
    margin-bottom:14pt;
    margin-left:0pt;
    margin-right:0pt;
    page-break-after:avoid;
    font-family:"Arial Black";
    x-next-type:h6;
}
p {
   margin-top:14pt;
   margin-bottom:14pt;
   margin-left:0pt;
   margin-right:0pt;
   font-family:Arial;
   margin-top:14pt;
   margin-bottom:14pt;
   margin-left:0pt;
   margin-right:0pt;
   font-family:Arial;
}
a {
   color:#0000ff;
   display:inline;
   font-family:Arial;
   text-decoration:underline;
   color:#0000ff;
   display:inline;
   font-family:Arial;
   text-decoration:underline;
}
a.breadcrumbs {
               display:inline;
               font-family:Arial;
               display:inline;
               font-family:Arial;
}
a.dropspot {
            display:inline;
            font-family:Arial;
            display:inline;
            font-family:Arial;
}
a.expandspot {
              display:inline;
              font-family:Arial;
              display:inline;
              font-family:Arial;
}
a.glossterm {
             display:inline;
             font-family:Arial;
             display:inline;
             font-family:Arial;
}
ol {
    font-family:Arial;
    font-size:12pt;
    font-family:Arial;
    font-size:12pt;
}
ul {
    font-family:Arial;
    font-size:12pt;
    font-family:Arial;
    font-size:12pt;
}
body {
      font-size:12pt;
      x-next-page:page-with-header;
      font-family:Arial;
      font-size:12pt;
      x-next-page:page-with-header;
      font-family:Arial;
      height:100vh;
      margin:0;
      font-family:Arial, sans-serif;
}
a:hover {
         color:#ff0000;
         color:#ff0000;
}
.homepage {
           background-size:cover;
           height:100vh;
           display:flex;
           flex-direction:row;
           align-items:center;
           justify-content:center;
}
.translucent-background {
                         background-color:rgba(255, 255, 255, 0.7);
                         padding:20px;
                         border-radius:10px;
                         text-align:center;
}
.rectangle-container {
                      display:space-evenly;
                      justify-content:center;
                      display:flex;
                      flex-wrap:wrap;
}
.row1 {
       display:flex;
       flex-wrap:wrap;
       justify-content:center;
}
.row2 {
       display:flex;
       flex-wrap:wrap;
       justify-content:center;
}
.rectangle {
            width:250px;
            height:250px;
            background-color:#FFFFFF;
            margin:10px;
            cursor:pointer;
            display:flex;
            flex-direction:column;
            align-items:center;
            border-radius:15px;
            justify-content:center;
            position:relative;
			background-position: center;
			background-size: cover;
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.rectangle:hover {
                  background-color:#FFFFFF;
                  transform:scale(1.1);
}

.rectangle a {
              color:#0079c2;
              text-decoration:none;
              font-size:20px;
              text-align:center;

}
.icon-container{
	justify-content: space-between; /* Aggiunto per spaziare gli elementi verticalmente */
}

.icon-container a {
              color:white;
              text-decoration:none;
              font-size:20px;
              text-align:center;
              margin-bottom:10px;
              position:absolute;
              bottom:40px;
              left:50%;
              transform:translateX(-50%);
}
.icon-container img {
                max-width:100%;
                max-height:100%;
				bottom:140px;
				margin-bottom:45px;

}
.menu-container {
                 position:fixed;
                 top:0;
                 left:0;
                 padding:10px;
                 z-index:1000;
}
.hamburger-menu {
                 font-size:30px;
                 cursor:pointer;
}
.tree-menu {
            display:none;
}
.tree-menu ul {
               list-style:none;
               padding:0;
               font-size:20px;
}
.tree-menu ul li {
                  margin:5px 0;
                  font-size:20px;
}
.tree-menu ul li a {
                    text-decoration:none;
                    color:black;
                    font-size:20px;
}
.tree-menu ul ul {
                  display:none;
                  font-size:20px;
}
.tree-menu .toggle-icon {
                         cursor:pointer;
                         margin-right:5px;
}
.tree-menu .submenu {
                     padding-left:20px;
                     font-size:20px;
}
.feedback-container {
                     max-width:600px;
                     margin:50px auto;
                     padding:20px;
                     background-color:#f4f4f4;
                     border-radius:10px;
                     box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
}
form {
      display:flex;
      flex-direction:column;
}
label {
       margin-top:10px;
       font-size:18px;
       font-weight:bold;
       margin-right:10px;
}
input {
       padding:10px;
       margin:5px 0;
       border:1px solid #ccc;
       border-radius:5px;
}
textarea {
          padding:10px;
          margin:5px 0;
          border:1px solid #ccc;
          border-radius:5px;
}
button {
        background-color:rgba(17, 72, 133, 0.7);
        color:white;
        padding:10px;
        border:none;
        border-radius:5px;
        cursor:pointer;
}
button:hover {
              background-color:#004080;
}
.home-button {
              width:30px;
              height:30px;
              position:fixed;
              bottom:20px;
              right:20px;
              color:white;
              padding:10px;
              text-decoration:none;
}
.faq-container {
                display:flex;
                flex-wrap:wrap;
                flex-direction:column;
               margin-left:15px;
}
.faq-item {
           background-color:#fff;
           border:1px solid #ddd;
           border-radius:8px;
           margin-bottom:15px;
           overflow:hidden;
           cursor:pointer;
           transition:box-shadow 0.3s ease;
           display:flex;
           flex-wrap:wrap;
}
.faq-item:hover {
                 box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
}
.question {
           padding:15px;
           font-size:18px;
           font-weight:bold;
           color:rgba(17, 72, 133, 0.7);
           width:100%;
}
.answer {
         padding:15px;
         font-size:16px;
         color:white;
         display:none;
         background-color:rgba(17, 72, 133, 0.7);
         width:100%;
}
.answer.show {
              display:block;
}
.toggle-icon {
              transition:transform 0.3s ease;
}
.tn-container {
               display:flex;
               flex-wrap:wrap;
               flex-direction:column;
}
.tn-item {
          background-color:#fff;
          border:1px solid #ddd;
          border-radius:8px;
          margin-bottom:15px;
          overflow:hidden;
          cursor:pointer;
          transition:box-shadow 0.3s ease;
          display:flex;
          flex-wrap:wrap;
}
.tn-item:hover {
                box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
}
.category {
           padding:15px;
           font-size:18px;
           font-weight:bold;
           color:rgba(17, 72, 133, 0.7);
           width:100%;
}
.list {
       padding:15px;
       font-size:16px;
       color:rgba(17, 72, 133, 0.7);
       display:none;
}
.list.show {
            display:block;
}
.TNBody {
         margin-left:15px;
}
main {
         margin-left:15px;
}
#versionFilter {
                padding:8px;
                font-size:16px;
                border:1px solid #ddd;
                border-radius:5px;
                margin-bottom:15px;
                color:color:rgba(17, 72, 133, 0.7);
}
#versionFilter option {
                       font-size:16px;
                       color:color:rgba(17, 72, 133, 0.7);
                       border:1px solid #ddd;
                       border-radius:5px;
                       margin-bottom:15px;
}
table {
       width:100%;
       border-collapse:collapse;
       margin-bottom:20px;
}
th {
    background-color:color:rgba(17, 72, 133, 0.7);
    color:white;
    padding:12px;
    text-align:left;
    border:1px solid #ddd;
    padding:12px;
}
td {
    border:1px solid #ddd;
    padding:12px;
}
tr:nth-child(odd) {
                   background-color:rgba(11,114,172,0.7);
                   color:white;
}
select {
        padding:8px;
        font-size:16px;
        border:1px solid #ddd;
        border-radius:5px;
        margin-bottom:15px;
        color:color:rgba(17, 72, 133, 0.7);
}
select option {
               font-size:16px;
               color:color:rgba(17, 72, 133, 0.7);
               border:1px solid #ddd;
               border-radius:5px;
               margin-bottom:15px;
}
.download-btn {
               padding:10px 20px;
               font-size:16px;
               cursor:pointer;
               justify-content:center;

}
.demo-container {
                 display:flex;
                 flex-wrap:wrap;
                 flex-direction:column;
				 margin-left:15px;
}
.demo-item {
            background-color:#fff;
            border:1px solid #ddd;
            border-radius:8px;
            margin-bottom:15px;
            overflow:hidden;
            cursor:pointer;
            transition:box-shadow 0.3s ease;
            display:flex;
            flex-wrap:wrap;
            /*justify-content:center;*/
}
.demo-item:hover {
                  box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
}

.example-container {
                 display:flex;
                 flex-wrap:wrap;
                 flex-direction:column;
				 margin-left:15px;
}
.example-item {
            background-color:#fff;
            border:1px solid #ddd;
            border-radius:8px;
            margin-bottom:15px;
            overflow:hidden;
            cursor:pointer;
            transition:box-shadow 0.3s ease;
            display:flex;
            flex-wrap:wrap;
            /*justify-content:center;*/
}
.example-item:hover {
                  box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
}

.downloadBtn-container {
                        display:flex;
                        flex-wrap:wrap;
                        flex-direction:row;
                        /*justify-content:center;*/

}

.downloadBtn-container a {
	margin-right:50px;
}

.downloadBtn-container a:first-child{
	margin-left:0px;
}

.downloadBtn-container a:last-child{
	margin-right:0px;
}

.cert-container {
                 display:flex;
                 flex-wrap:wrap;
                 flex-direction:column;
				 margin-left:15px;
}
.cert-item {
            background-color:#fff;
            border:1px solid #ddd;
            border-radius:8px;
            margin-bottom:15px;
            overflow:hidden;
            cursor:pointer;
            transition:box-shadow 0.3s ease;
            display:flex;
            flex-wrap:wrap;
            justify-content:center;
}
.cert-item:hover {
                  box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
}