.article-details .article-ratings-social-share {display: none !important;}

#sp-left ul.menu-child li,
#sp-right ul.menu-child li {padding-left: 30px;}
.sp-clm .sp-dropdown-inner ul {
  width: 400px;
  display: block;
  background: #fff;
}
.sp-clm .sp-dropdown-inner li {
  float: left;
  width: 200px;
  background: #fff;
}
.sp-megamenu-parent { list-style: none; padding: 0; margin: 0 -15px; z-index: 99; display: block; float: left; position: relative; }

#sp-header .logo { height: 60px; display: inline-flex; margin: 0; align-items: center; float: right; }
#offcanvas-toggler { display: block; height: 90px; line-height: 90px; font-size: 10px; float: left !important; margin-left: 0px !important; }
/* L'altezza dell'header, quando si blocca in cima alla pagina, è ora impostata a 60px */
#sp-header.header-sticky { 
height: 60px; 
}
/* Questa regola impone un line-height, pari alla nuova altezza dell'header, che permette così di allineare al centro
le voci di menu e l'icona sandwich del menu mobile */
#sp-header.header-sticky .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, #sp-header.header-sticky #offcanvas-toggler { 
line-height: 30px; 
}
/* Qui la dimensione del logo viene riportata a 60px e l'immagine viene anche centrata nella nuova misura dell'header */
#sp-header.header-sticky .logo-image { 
height: 60px; 
margin-top: -13px; 
}
#sp-header { 
background: transparent; 
height: 60px; 
box-shadow: 0 0px 0px; 
}
#sp-header.header-sticky { 
position: fixed; 
z-index: 9999; 
background: #ffffff;/*#ffc107;*/ 
box-shadow: 0 3px 3px rgba(0,0,0,0.05);
}
#offcanvas-toggler { display: block; height: 60px; line-height: 60px; font-size: 20px; float: left !important; margin-left: 0px !important; }
#sp-header { margin-top: -16px; }
/* Questa regola reimposta a 0 il margin-top dell'header quando raggiunge la posizione sticky */
#sp-header.header-sticky { margin-top: 0px; }
#sp-header.header-sticky { margin-top: 0px; transition: all ease-out 0.5s; -webkit-transition: all ease-out 0.5s; }
#sp-header.header-sticky { margin-top: 0px; transition: all ease-out 0.5s; -webkit-transition: all ease-out 0.5s; border-bottom: solid 1px #0b3c5d;/*#ed0404;*/ }
transition: all ease-out 1.5s; 
-webkit-transition: all ease-out 1.5s
#sp-header {
    margin-top: -8px;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    padding: 0 10px;
  line-height: 30px;
    font-size: 14px;
}

.btn-danger {
    color: #fff;
    background-color: #a52019;
    border-color: #a52019;
}
.btn-success {
    color: #fff;
    background-color: #a52019;
    border-color: #a52019;
}
.btn-info {
    color: #fff;
    background-color: #0b3c5d;
    border-color: #0b3c5d;
}
a:hover{
    text-decoration: underline !important;
}
#sp-header {
    margin-top: -5px;
}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
    margin: 0 0 2px;
    padding-bottom: 2px;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px solid #f3f3f3;
}
p {
    margin-top: 0;
    margin-bottom: 0.1rem;
}
.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .15rem 0.15rem;
    margin-bottom: 0.15rem;
    list-style: none;
    background-color: 
    #e9ecef;
    border-radius: .45rem;
}
/*Massimo modifiche a jsmalltable del 08 nov 2019*/

.table.jsmalltable {
width:auto;
font-family: "Times New Roman", Times, serif;
font-size: larger;
margin:3px;
border:0px;
font-weight: bolder;
font-variant: normal;
}


.table.jsmalltable tr {
height:auto;
border:0px;
}	

.table.jsmalltable tr.jsmalline {
background-color:transparent;
height:auto;
}	

.table.jsmalltable tr.tr_h10 {
height:10px;
}	

.table.jsmalltable tr.highlighted {
background-color:transparent;
}	

.table.jsmalltable table tr.row.header {
background-color:transparent;
}	

.table.jsmalltable tr.row.one {
background-color:transparent;
}	

.table.jsmalltable tr.row.two {
background-color:transparent;
}	

.table.jsmalltable td {
border: 0px solid transparent;
padding:0px;
}	

.table.jsmalltable td.jsmalline {
border:0px;
border-style:none;
padding:0px;
line-height:1px;
margin:0px;
}	

.table.jsmalltable td.jsthumb {
padding:5px;
width:auto;
}	

.table.jsmalltable td.size {
width: 100px;
text-align:right;
}	

.table.jsmalltable td.changed {
width: auto;
text-align:center;
}

td.jsmallicon a{
    text-decoration: none;
    /*border-bottom: dotted 1px #0A2469;*/
    color: #0A2469;
}

.table.jsmalltable td.jsmallicon a:hover {
    background: #0A2469;
    color: white;
}
table.jsmalltable {	width:674px;	font-family: Verdana;	font-size: 11px;	margin:3px;}
table.jsmalltable tr.jsline {	background-color:#CDD2D6;	height:1px;}
table.jsmalltable tr.highlighted {	background-color:#FFD;	height:30px;}
table.jsmalltable tr.row.header {	background-color:#f8f8f8;	height:30px;}
table.jsmalltable tr.row.one {	background-color:#F9F9F9;	height:30px;}
table.jsmalltable tr.row.two {	background-color:#f8f8f8;	height:30px;}
table.jsmalltable td.jsmalltableicon {	text-align:center;	width:30px;}
table.jsmalltable td.jsthumb {	text-align:left;	padding:5px;	width:10px;}
table.jsmalltable tr.row.header td.size {	width: 100px;	text-align:right;}
table.jsmalltable tr.highlighted td.size {	width: 100px;	text-align:right;}
table.jsmalltable tr.row.one td.size {	width: 100px;	text-align:right;}
table.jsmalltable tr.row.two td.size {	width: 100px;	text-align:right;}
table.jsmalltable tr.row.header td.changed {	width: 130px;	text-align:center;}
table.jsmalltable tr.highlighted td.changed {	width: 130px;	text-align:center;}
table.jsmalltable tr.row.one td.changed {	width: 130px;	text-align:center;}
table.jsmalltable tr.row.two td.changed {	width: 130px;	text-align:center;}

#jsmallupload {
width:auto;
padding:5px;
background-color:transparent;
font-family:Verdana;
font-size: larger;
font-weight: bolder;
position: relative;
margin: 0 auto;
text-align:left;
border: 0px solid #ccc;
font-weight: bolder;
}

#jsmallframe {
width:auto;
background-color:transparent;
text-align:left;
font-family:Verdana;
font-size: larger;
font-weight: normal;
position: relative;
margin: 0 auto;
padding:5px;
border: 0px solid transparent;
}		
#jsmallframe {
width:auto;
background-color:transparent;
text-align:left;
position: relative;
margin: 0 auto;
padding:5px;
border: 0px solid transparent;
}
	

/*aggiunta l'istruzione seguente per togliere il bordo dalle tabelle*/
.white tr, .white td {
    border: 0px solid #DDDDFF;
}
.separator{
	font-style: italic;
	font-weight: bolder;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Red;
}
/*--tabella mytable e scrolling class-------------------------------------------------------*/
.scroll {
	width: auto;
	padding:0;
	margin:0;
	height: 300px;
	overflow: scroll;
}
.mytable{
	border-collapse:separate;
	width:100%;
}
.mytable caption {
	padding: 0 0 5px 0;
	width: auto;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 1.2em;
	font-weight: bolder;
}

.mytable th {
	font: bold 1.0em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #6c8798;
	border-right: 1px solid #c1dad7;
	border-bottom: 1px solid #c1dad7;
	border-top: 1px solid #c1dad7;
	border-left: 1px solid #c1dad7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #E4F5F6;
}

.mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #c1dad7;
	background: none;
}

.mytable th.spec {
	border-left: 1px solid #c1dad7;
	border-top: 0;
	background: #fff url(images/bullet1.html) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.mytable td {
	color: #314453;
	
	padding: .3em 1em .3em 1em;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
}
.mytable td {
   border-bottom: 1px solid #DDDDFF;
   border-left: 1px solid #DDDDFF;
   border-right: 1px solid #DDDDFF;
   border-top: 1px solid #DDDDFF;
}
.mytable thead th {
background:#f4f9fe;
text-align:center;
font:bold 1.0em/1.0em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
color: #2C6898/*#66a3d3*/;
}
.mytable tfoot th {
background:#f4f9fe;
text-align:center;
}
.card-header {
    padding: .1rem 0.1rem;
    margin-bottom: 0;
    background-color: 
rgba(0,0,0,.03);
border-bottom: 1px solid
    rgba(0,0,0,.125);
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.1rem;
}
.list-group-item {
    position: relative;
    display: block;
    padding: .1rem  .1rem;
    margin-bottom: -1px;
font-size: 14px;
}

#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {line-height: 20px;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    padding: 0 10px;
}

.breadcrumb{
font-size: 0.7em;/*riduce il carattere del bredrambs*/
}
#sp-footer a, #sp-bottom a {
    color: #0b3c5d;
}

img {
    display: inline-block;/*consente di matenere l'immagien inserita nel testo*/
    max-width: 100%;
    height: auto;
}
/*definizione posizione e colore testo didascalie immagini headers*/
div .carousel-caption {
  text-align: right;
  color: #fffeef ;
}
/*set velocità fade del carousel*/
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: 2.6s;
 transition-property: opacity;
}
/*colore delle didascalie nelle immagini dell'header*/
p.evidenzia{
color:#fff;
font-weight: bold;
font-size: 0.875em;
/*background-color: #0b3c5d;*/
}
/*-------------------------------------------------------------------*/
/*definizione stili dei link*/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item a:link, a:visited {/*font-weight: bold;*/text-decoration: underline;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item a:hover {font-weight: normal;text-decoration: underline;color:#fff;}
a:link, a:visited, a:active {color:#0b3c5d;text-decoration: underline;}

a:hover{color:#fff;text-decoration: underline;background-color:#0b3c5d;}

/*definizione stili link del menu e dopdrown menu*/
.sp-megamenu-parent > li > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, 
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li a, 
.sp-megamenu-parent .sp-module-title, 
.sp-megamenu-parent .sp-mega-group > li > a{
  color: #0b3c5d !important;
  background-color:transparent;
  text-decoration:none;
}
.sp-megamenu-parent > li > a:visited,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:visited, 
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li a:visited, 
.sp-megamenu-parent .sp-module-title, 
.sp-megamenu-parent .sp-mega-group > li > a:visited{
  color: #0b3c5d !important;
  background-color:#fff;
}
.sp-megamenu-parent > li > a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover, 
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li a:hover, 
.sp-megamenu-parent .sp-module-title, 
.sp-megamenu-parent .sp-mega-group > li > a:hover{
  color: #fff !important;
  background-color:#0b3c5d;
}
/*definizione link off-canvas menu*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:link/*, a:visited*/ 
{  color: #0b3c5d !important;
  background-color:transparent;
  text-decoration:none; 
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover,a:active{
  color: #fff !important;
  background-color:#0b3c5d;
}
/*.sp-module-content a:hover,a:active{
  color: #fff !important;
  background-color:#0b3c5d;
}*/
.sp-module-content a:active {
  background-color: #ffc107;
  color:#0b3c5d;
}
/*definizione dei link del carousel header*/
.close-offcanvas:link {
    background: transparent;
	color: #0b3c5d;
}
/*per lasciare meno spazio sui moduli*/
#sp-left .sp-module, #sp-right .sp-module {
    margin-top: 20px;
    border: 1px solid #f3f3f3;
	padding: 10px;
b	order-radius: 3px;
}
.close-offcanvas:hover {
    background: #0b3c5d;
	color: #fff;
}
.carousel-control-prev:hover, .carousel-control-next:hover{
    background: transparent;
	color: #fff;
}
/*fine definizione link*/
/*.sp-module ul > li > a{
    color: #0b3c5d;background-color:#fff;
}*/
.sp-module ul > li >a:hover{color:#fff;text-decoration: underline;background-color:#0b3c5d;}

/*fine definizione link*/
/*-------------------------------------------------*/
/* div accesskey creato per nascondere le impostazioni necessarie a far funzionare le acceskey su tutto il sito senza mosrare il codice, il colore dei link coincide con il colore dello sfondo*/
#accesskey {color: #0b3c5d; text-decoration: none;}
#accesskey a{color: #0b3c5d; text-decoration: none;}
/*#accesskey a:link,a:visited,a:hover,a:active {
	color: #0b3c5d; text-decoration: none;
}*/
.article-list .article {
    margin-bottom: 30px;
    padding: 20px;
    border: 3px solid 
    #f5f5f5;
    border-radius: 3px;
}
p {
  text-align: justify;
  text-justify: inter-word;
}

div.avviso {
  background-color: yellow;
  padding: 5px;
}
@media only screen and (min-width: 970px) {
	  div.avviso {
    display: none;
  }
}

/*The web page will show an advise if the orientation is in portrait mode*/

/*@media only screen and (orientation: landscape) {
  div.avviso {
    display: none;
  }
}*/