@font-face {
  font-family: 'Poppins', Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  src: url('fcm/fonts/Poppins.eot'); /* IE9 Compat Modes */
  src: local(''),
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
       url('fcm/fonts/Poppins.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fcm/fonts/Poppins.woff2') format('woff2'), /* Super Modern Browsers */
       url('fcm/fonts/Poppins.woff') format('woff'), /* Modern Browsers */
       url('fcm/fonts/Poppins.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fcm/fonts/Poppins.svg#Poppins') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Poppins', Arial, sans-serif,'robotobold';
  font-style: normal;
  font-weight: 900;
  src: url('fcm/fonts/Roboto-Bold-webfont.eot'); /* IE9 Compat Modes */
  src: local('robotobold'), local('robotobold'),
       url('fcm/fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fcm/fonts/Roboto-Bold-webfont.woff') format('woff'), /* Modern Browsers */
       url('fcm/fonts/Roboto-Bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fcm/fonts/Roboto-Bold-webfont.svg#robotobold') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Poppins', Arial, sans-serif, 'robotoregular';
    src: url('fcm/fonts/Roboto-Regular-webfont.eot');
    src: url('fcm/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fcm/fonts/Roboto-Regular-webfont.woff2') format('woff2'),
         url('fcm/fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fcm/fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fcm/fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.titolo {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: x-large;
	font-style: italic;
	font-weight: bold;

}

.Giornata {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: large;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(img/sfu-vs.bmp);
	border: 1px solid #333333;
	padding-left: 5px;
}
.dataCaL {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: large;
	color: #FFFFFF;
	font-style: italic;
	font-weight: normal;
}
a.white{
font-size: small;
color:#fff;
}
a.white2{
font-size: small;
color:#fff;
}
.Competizione {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #ffffff;
	background-image: url(img/sfu-vc.bmp);
	border: 1px solid #333333;
	padding-left: 5px;
}
.IncSqP {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	text-align: center;
	background-image: url(img/sfuP.gif);
	
	background-position: center;
	color: black;
   border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
}
.IncSqD {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	text-align: center;
	background-image: url(img/sfu-bia.bmp);
	
	background-position: center;
	color: black;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
}

.IncRisP {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	text-align: center;
	background-image: url(img/sfu-vcc_.bmp);
	
	background-position: center;
	color: black;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
}
.IncRisD {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	text-align: center;
	background-image: url(img/sfu-bia.bmp);
	
	background-position: center;
	color: black;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
}
.Girone {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #333333;
	font-weight: bold;
	background-image: url(img/sfu-vc2.bmp);
	border: 1px solid #333333;
	padding-left: 5px;
}

.t-xxs {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #333333;
}

.t-xxsB {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #333333;

}

.t-xxsBInvisible {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #333333;
        display: none;
}

.t-xxsLFB {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #333333;
	text-align: left; 

}
.t-xxsLF {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #333333;
	text-align: left; 

}
.t-xxsB1 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #ffffff;
}
.t-xxsB12 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #333333;
}
.t-xxsB2 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #333333;
	border: 1px solid #333333;
}

.t-xs {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #333333;
}
.t-s {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
}
.t-s1 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #333333;
}
.t-m {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #333333;
}
.t-l {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: large;
}
.IntRossoBlu {
	/*font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #990000;
	font-weight: bold;
	border: 1px solid #0033FF;
	text-align: center;
	background: url(img/sfuBlu.gif) repeat-x center center;*/
	background-image: url(img/sfu-vc.bmp);	
	background-position: bottom;
	color: #333333;	font-weight: bold;	
	text-align: center; 
}
.IntRossoBlu2 {
	border: 1px solid #333333;
	background-image: url(img/sfu-vc.bmp);	
		
	background-position: bottom;
	color: #333333;	font-weight: bold;	
	text-align: center; 
}
.IntRossoBlu3 {
	border: 1px solid #333333;
	background-image: url(img/sfu-vc.bmp);	
		
	background-position: bottom;
	color: #333333;	
	font-weight: bold;	
	text-align: center;
	font-size: 12px;
}
.IntRossoBlu4 {
	border: 1px solid #333333;
	background-image: url(img/sfu-vs.bmp);	
		
	background-position: bottom;
	color: #ffffff;	font-weight: bold;	
	text-align: center; 
}
.testo-blu-bold-cx{color:#333333; font-weight:bold; text-align:center;}
.testo-blu-cx{color:black; text-align:center;}
.testo-bold{color:#333333; font-weight:bold;}

.testo-blu-bold-cx{color:black; font-weight:bold; text-align:center;}
.testo-sx{color:#333333;text-align:left;}
.testo-cx{color:black;text-align:center;}
.testo-dx{color:#333333c;text-align:right;}


.testo-8{
	color:#333333; 
	font-family: 'Poppins', Arial, sans-serif;
	font-size:12pt;
}
.testo-doc{
	color:#333333; 
	font-family: 'Poppins', Arial, sans-serif;
	font-size:8pt;
	text-align: center;
	border: none;
}
.Celladoc {
	border: none;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(img/sfu-vs.bmp);
}

.riga-doc {
	color: #333333;	
	font-weight: bold;	
	text-align: center; 
	/*border: none; 1px solid #333333;*/
}
.riga-pari{
	background-color: White;
	border: none; /*1px solid #333333;*/

	}
.riga-dispari{
	background-color: #ffffff;
	border: none; /*1px solid #333333;*/
	}
.riga-blu-cx {
	border: 1px solid #333333;
	background-image: url(img/sfu-vs.bmp);	
		
	background-position: bottom;
	color: #ffffff;	font-weight: bold;	
	text-align: center; 
}

.riga-orange-cx {
	border: 1px solid #333333;
	background-image: url(img/sfu-vc.bmp);	
		
	background-position: bottom;
	color: #333333;	font-weight: bold;	
	text-align: center; 
}
.riga-indisponibili-squadra {
	border: 1px solid #333333;
	background-image: url(img/sfu-vc.bmp);	
		
	background-position: bottom;
	color: #CC0000;	font-weight: bold;	
	text-align: left; 
}
.riga-indisponibili-intastazione {
	border: 1px solid #333333;
	background-image: url(img/sfu-vs.bmp);	
		
	background-position: bottom;
	color: #ffffff;	font-weight: bold;	
	text-align: left; 
}
.riga-indisponibili-dispari {
	border: 1px solid #333333;
	background-color: #CCFFFF;
	color: #333333;	
	text-align: left; 
}
.riga-indisponibili-pari {
	border: 1px solid #333333;
	background-image: url(img/sfu-bia.bmp);	
		
	background-position: bottom;
	color: #333333;	
	text-align: left; 
}
.t-xxsV {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #336600;

}
.t-xxsVLF {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #336600;
	text-align: left; 
	font-weight: normal;

}
.t-xxsR {

	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #CC0000;
}
.t-xxsRLF {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #CC0000;
	text-align: left; 
	font-weight: normal;

}
.t-xxsVB {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #336600;
	font-weight: bold;

}
.t-xxsVLFB {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #336600;
	font-weight: bold;
	text-align: left; 

}
.t-xxsRB {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #CC0000;
	font-weight: bold;

}
.t-xxsRLFB {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #CC0000;
	font-weight: bold;
	text-align: left; 

}
.t-xxsG {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #999900;

}
.t-xxsGLF {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #999900;
	text-align: left; 
	font-weight: normal;

}
.t-xxsGB {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #999900;
	font-weight: bold;

}
.t-xxsGLFB {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #999900;
	font-weight: bold;
	text-align: left; 

}
.ClassP {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	border: 1px solid #333333;
	color: #333333;
	background-image: url(img/sfu-vcc.bmp);
	
	background-position: center;
}
.ClassD {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	border: 1px solid #333333;
	background-image: url(img/sfu-vcc.bmp);
	color: #333333;
	
	background-position: center;
}

.ClassEl {
	border: 1px solid #333333;
	border-color: #333333;	
	border-collapse: collapse;	
	font-family: 'Poppins', Arial, sans-serif;  
	font-size: 8pt;
}
.ClassBianco {

	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	background-color: #FFFFFF;
	border: 1px solid #0033FF;
}

/*table {
	border-collapse: collapse;
}*/

.Cella {
	border: 1px solid #333333;
}

.Cella1 {
	border: 1px solid #333333;
	background-image: url(img/sfu-vcc.bmp);
}
.Cella3 {
	border: 1px solid #333333;
	background-image: url(img/sfu-vs.bmp);
	color: #ffffff;
}
.Cella2 {
	border: 1px solid #333333;
	background-image: url(img/sfu-bia.bmp);
}
.Cella2-dispari {
	border: 0px solid #333333;
	background-image: url(img/sfu-vc2.bmp);
}
.Cella2-pari {
	border: 0px solid #333333;
	background-image: url(img/sfu-bia.bmp);
}
.t-xxsBluB {

	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #3300FF;
	font-weight: bold;
}
.t-xxsBlu {


	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #3300FF;
	font-weight: normal;
}
.CellaCentro {
	border: 1px solid #333333;
	text-align: center;

}
.CellaCentro1 {
	border: 1px solid #333333;
	text-align: center;
   background-image: url(img/sfu-vcc.bmp);
}
.CellaCentro2 {
	border: 1px solid #333333;
	text-align: center;
background-image: url(img/sfu-bia.bmp);
}
.RosaP {
	
		
	background-position: bottom;
	color: #333333;	

}
.RosaD {
	background-color: White;
		
	background-position: bottom;
	color: #333333;	
}

.IntBluGiallo {

	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #0000FF;
	font-weight: bold;
	border: 1px solid #0033FF;
	text-align: center;
	background: url(img/sfuGiallo.gif) repeat-x center center;
}
.IntRossoBluDx {
   font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #333333;
	font-weight: bold;
	border: 1px solid #333333;
	text-align: right;
	background: url(img/sfu-vc.bmp) repeat-x center center;
	
}
.GiornataForm {

	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #000099;
	font-weight: bold;
}
.CompetizioneForm {

	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #333333;
}
.IntLayer {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 11px;
 line-height: 14px;
 padding-top: 3px;
 padding-left: 5px;
 padding-right: 5px;
 padding-bottom: 3px;
 background-image: url(img/sfu-vc.bmp);
 border: 1px solid #333333;
 font-weight: bold;
}
 
.IntLayerORIGINAL {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	color: #0000FF;
	font-weight: bold;
	border: 1px solid #0033FF;
	text-align: left;
	background: url(img/sfuGiallo.gif) repeat-x center center;
}
.FormP {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	border: 0px solid #ffffff;
	background-image: url(img/sfu-vcc_.bmp);
	background-repeat: repeat;
	background-position: center;
	text-align: center;
}
.FormD {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	border: 0px solid #ffffff;
	background-image: url(img/sfu-bia.bmp);
	background-repeat: repeat;
	background-position: center;
	text-align: center;
}
.FormNome {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	font-style: italic;
	font-weight: bold;
	border: 1px #0033FF;
}

.RisP {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	background-color: #333333;
	border: 1px solid #0033FF;
	background-image: url(img/sfuP.gif);
	background-repeat: repeat;
	background-position: center;
	text-align: left;
}

.RisD {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	background-color: #FFFFFF;
	border: 1px solid #0033FF;
	background-repeat: repeat;
	background-position: center;
	text-align: left;
}
.RisNome {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	font-style: italic;
	font-weight: bold;
	background-position: center;
	border: 1px #0033FF;
}
.CellaImg {
	text-align: center;
	vertical-align: middle;
	background: center center;
}
.Bianco {
	font-family: 'Poppins', Arial, sans-serif;
	background: url(img/sfu-bia.bmp);
	border-top: 0px solid #0033FF;
	border-right: 0px none #0033FF;
	border-bottom: 0px solid #0033FF;
	border-left: 1px solid #333333;
	font-size: small;
}
.Bianco2 {
	font-family: 'Poppins', Arial, sans-serif;
	background: url(img/sfu-vc.bmp);
	border-left: 1px solid #333333;
	font-size: smaller;
}
.FormPCentro {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	border-right: 1px solid #333333;
	border-left: 0px solid #333333;
	background-image: url(img/sfu-vcc_.bmp);
	background-repeat: repeat;
	background-position: center;
	text-align: center;
}
.FormDCentro {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
   border-right: 1px solid #333333;
	border-left: 0px solid #333333;
	background-image: url(img/sfu-bia.bmp);
	background-repeat: repeat;
	background-position: center;
	text-align: center;
}

.RisPCentro {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	background-color: #333333;
	border: 1px solid #0033FF;
	background-image: url(img/sfuP2.gif);
	background-repeat: repeat;
	background-position: center;
	text-align: center;
}

.RisDCentro {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	background-color: #eeeeee;
	border: 1px solid #0033FF;
	background-image: url(img/sfuD2.gif);
	background-repeat: repeat;
	background-position: center;
	text-align: center;
}
.CellaDestra {

	border: 1px solid #0033FF;
	text-align: right;
}
.t-xsB {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #333333;
	background-image: url(img/sfu-vc.bmp);
	text-align: center;
	border-bottom: 1px solid #333333;
	border-top: 1px solid #333333;
}
.t-xsB1 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 12;
	font-weight: bold;
	color: #333333;
	background-image: url(img/sfu-vc.bmp);
	text-align: center;
	border-bottom: 1px solid #333333;
	border-top: 1px solid #333333;
}
.CellaCentroRosso {
	border: 1px solid #0033FF;
	text-align: center;
	background-color:#FF0000

}
.t-xsWB {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #333333;
}
.t-xsWB1 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: larger;
	font-weight: bold;
	color: #ffffff;
}
.t-tab {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0066ff;
}
.t-tab1 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	line-height:100%;
	padding-left: 5;
	padding-right: 5;
	padding-top: 5;
	padding-bottom: 5;
	text-align: center;
	
}
.t-tab2 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0066ff;
}
.CellaCentroVerde {

	border: 1px solid #0033FF;
	text-align: center;
	background-color:#00CC00
}
.CellaNoBordo {
	border: none;
}
.CellaNoBordoDx1 {
	border-top: 1px solid #333333;
	text-align: right;
	color: #333333;
	background-image: url(img/sfu-vc.bmp);
	font-weight: bold;
}
.CellaNoBordoDx1b {
	border-top: 1px solid #333333;
	text-align: center;
	border-left: 1px solid #333333;
	font-weight: bold;
	background-image: url(img/sfu-vc.bmp);
	color: #333333;
}
.CellaNoBordoDx2 {
	border-top: 1px solid #333333;
	text-align: right;
	color: #333333;
	background-color: #ffffff;
	background-image: url(img/sfu-bia.bmp);
	font-weight: bold;
}
.CellaNoBordoDx2b {
	border-top: 1px solid #333333;
	text-align: center;
	border-left: 1px solid #333333;
	font-weight: bold;
	background-color: #ffffff;
	background-image: url(img/sfu-bia.bmp);
	color: #333333;
}
.CellaNoBordoDx2a {
	border-top: 1px solid #333333;
	text-align: right;
	color: #333333;
	background-image: url(img/sfu-bia.bmp);
	font-weight: bold;
}
.CellaNoBordoDx2ab {
	border-top: 1px solid #333333;
	text-align: center;
	border-left: 1px solid #333333;
	font-weight: bold;
	background-image: url(img/sfu-bia.bmp);
	color: #333333;
}
.CellaNoBordoDx3 {
	border-top: 1px solid #333333;
	text-align: right;
	color: #333333;
	background-color: #FFFFFF;
	font-weight: bold;
}
.CellaNoBordoDx3b {
	border-top: 1px solid #333333;
	text-align: center;
	border-left: 1px solid #333333;
	font-weight: bold;
	background-color: #FFFFFF;
	/*background-image: url(img/sfu-vs.bmp);*/
	color: #333333;
}
.CellaNoBordoDx4 {
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	text-align: right;
	color: #ffffff;
	background-image: url(img/sfu-vs.bmp);
	font: bold larger;
}
.CellaNoBordoDx4b {
	border-top: 1px solid #333333;
	color: #333333;
	text-align: center;
	border-left: 1px solid #333333;
	border-bottom: 1px solid #333333;
	font-weight: bold;
	background-image: url(img/sfu-vs.bmp);
	
}
.t-xxsI {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	font-style: italic;
}
.RvP {

	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	border: 1px solid #333333;
	background-image: url(img/sfu-vcc_.bmp);
	background-repeat: repeat;
	background-position: center;
	text-align: left;
	line-height: 15px;
}
.RvD {

	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	background-color: #ffffff;
	border: 1px solid #333333;
	background-image: url(img/sfu-bia.bmp);
	background-repeat: repeat;
	background-position: center;
	text-align: left;
	line-height: 15px;
}
.Rv1 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	background-color: #ffffff;
	border: 1px solid #333333;
	background-image: url(img/sfu-vc.bmp);
	background-repeat: repeat;
	background-position: center;
	text-align: left;
	line-height: 15px;
}
.Rv2 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	background-color: #ffffff;
	border: 1px solid #333333;
	background-image: url(img/sfu-vs.bmp);
	background-repeat: repeat;
	background-position: center;
	text-align: left;
	line-height: 15px;
}

#rvsx {line-height:14px; width:230px; float:left; overflow:hidden;}
#rvdx {line-height:14px; font-size: 11px; width:1100px; float:left; overflow-x:scroll; }

.CellaRvCiano {
	border: 1px solid #333333;
	background: #0359DA;
	color: #FFFFFF;
}
.CellaRvRosso {
	border: 1px solid #333333;
	background: #DD0000;
	color: #FFFFFF;
}
.CellaRvVerde {
	border: 1px solid #333333;
	background: #00A800;
	color: #FFFFFF;
}
.CellaRvGiallo {
	border: 1px solid #333333;
	background: #B5B500;
	color: #FFFFFF;
}
.tmodI {
	font-style: italic;
}
.tmodB {
	font-weight: bold;
}
.tmodBI {
	font-style: italic;
	font-weight: bold;
}
.tmodU {
	text-decoration: underline;
}
.tmodIU {
	font-style: italic;
	text-decoration: underline;
}
.tmodBU {
	font-weight: bold;
	text-decoration: underline;
}
.tmodBIU {
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}
.CellaRvCianoCentro {
	border: 1px solid #0033FF;
	background: #0359DA;
	color: #FFFFFF;
	text-align: center;
}
.CellaRvRossoCentro {

	border: 1px solid #0033FF;
	background: #DD0000;
	color: #FFFFFF;
	text-align: center;
}
.CellaRvVerdeCentro {

	border: 1px solid #333333;
	background: #00A800;
	color: #FFFFFF;
	text-align: center;
}
.CellaRvGialloCentro {

	border: 1px solid #333333;
	background: #B5B500;
	color: #FFFFFF;
	text-align: center;
}
.RvPCentro {

	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	background-color: #333333;
	border: 1px solid #333333;
	background-image: url(img/sfu-vcc.bmp);
	background-repeat: repeat;
	background-position: center;
	text-align: center;
}
.RvDCentro {

	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	background-color: #ffffff;
	border: 1px solid #333333;
	background-image: url(img/sfu-bia.bmp);
	background-repeat: repeat;
	background-position: center;
	text-align: center;
}
body {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 12px;
 font-weight: normal;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-right: 3;
 margin-left: 3;
}

h1 {
 font-family: 'Poppins', Arial, sans-serif;: Times New Roman, serif;
 font-size: 26px;
 font-weight: normal;
 color: #33ffff;
 background-color: transparent;
 padding: 0px;
 margin: 0px;
 }

h2 {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 14px;
 font-weight: bold;
 line-height: 14px;
 color: #333333;
 background-color: transparent;
 }
 
 h2.titletext {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 20px;
 font-weight: normal;
 line-height: 20px;
 border-bottom: 1px solid #333333;
 color: #333333;
 background-color: transparent;
 }
 
 h4.titletext {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 16px;
 font-weight: bold;
 line-height: 20px;
 padding-left: 0px;
 border-bottom: 1px solid #769176;
 color: #3333ff;
 background-color: transparent;
 }

 h3.titletext {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 16px;
 font-weight: bold;
 line-height: 16px;
 border-bottom: 1px solid #333333;
 color: #333333;
 background-color: transparent;
 }
 
 
 
 
 h2.titolopers {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 30px;
 font-weight: normal;
 line-height: 30px;
 border-bottom: 1px solid #333333;
 color: #333333;
 background-color: transparent;
 }

p {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 12px;
 font-weight: normal;
 line-height: 18px;
 color: #333333;
 background-color: transparent;
 }

a {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 18px;
 font-weight: normal;
 text-decoration: underline;
 color: #333333;
 background-color: transparent;
 }

a:visited {
 text-decoration: none;

 background-color: transparent;
 }
a:hover {
 text-decoration: underline;
 }
 
a.navlink {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 11px;
 font-weight: NORMAL;
 text-decoration: none;
 color: #CCffff;
 background-color: transparent;
 }

a.navlink:visited {
 text-decoration: none;
 color: #ccffff;
 background-color: transparent;
 }

a.newslink {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 line-height: 10px;
 text-decoration: none;
 color: #3333ff;
 background-color: transparent;
 }

a.newslink:visited {
 text-decoration: none;
 color: #900020;
 color: #3333ff;
 background-color: transparent;
 }

a.newslink:hover {
 text-decoration: underline;
 }

li {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 12px;
 font-weight: normal;
 line-height: 18px;
 padding-bottom: 7px;
 color: #333333;
 background-color: transparent;
 }

.navcell {
 padding: 3px 7px 3px 7px;
 }

.newsheader {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 10px;
 font-weight: normal;
 line-height: 10px;
 padding-left: 5px;
 color: #33ffff;
 background-color: #000099;
 }

.newscell {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 11px;
 font-weight: normal;
 line-height: 11px;
 padding-top: 7px;
 padding-left: 5px;
 padding-right: 5px;
 padding-bottom: 9px;
 color: #3333ff;
 background-color: #FFFF99;
 }

.newscel2 {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 11px;
 font-weight: normal;
 line-height: 14px;
 text-decoration: none;
 padding-top: 7px;
 padding-left: 5px;
 padding-right: 5px;
 padding-bottom: 9px;
 color: #333333;
}

.newscel3 {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 14px;
 font-weight: bold;
 line-height: 14px;
 padding-top: 3px;
 padding-left: 5px;
 padding-right: 5px;
 padding-bottom: 3px;
 color: #333333;
}
 
 .navinput {
  vertical-align: middle;
  width: 120px;
  color: #3333ff;
  background-color: #33ffff;
 }

 .navbutton {
  position: relative;
  left: 3px;
  width: 30px;
  background-color: #3333ff;
  color: #33ffff;
  font-family: 'Poppins', Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  vertical-align: middle;
 }

.update {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 10px;
 font-weight: normal;
 line-height: 14px;
 color: #33ffff;
 background-color: transparent;
 }
 
.edition {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 11px;
 font-weight: bold;
 line-height: 35px;
 /*padding-top: 50px;*/
 padding-right: 90px;
 color: #ffffff;
 background-color: transparent;
 }

.copyright {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 10px;
 font-weight: normal;
 line-height: 10px;
 color: #999999;
 background-color: transparent;
 }
.Stile1 {font-family: 'Poppins', Arial, sans-serif;: Poppins}
.Stile2 {color: #33ffff}
.CellaRvCianoGrigio {

	border: 1px solid #0033FF;
	background: #0359DA;
	color: #333333;
}
.CellaRvRossoGrigio {

	border: 1px solid #0033FF;
	background: #DD0000;
	color: #333333;
}
.CellaRvVerdeGrigio {

	border: 1px solid #333333;
	background: #00A800;
	color: #333333;
}
.CellaRvGialloGrigio {

	border: 1px solid #333333;
	background: #B5B500;
	color: #333333;
}
.RvPGrigio {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;

	border: 1px solid #333333;
	background-repeat: repeat;
	background-position: center;
	text-align: left;
	color: #666666;
}
.RvDGrigio {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	background-color: #eeeeee;
	border: 1px solid #333333;
	background-image: url(img/sfu-bia.bmp);
	background-repeat: repeat;
	background-position: center;
	text-align: left;
	color: #666666;
}
table.mercato{
  width: 50%;
  WIDTH=95%;
  border: 1px solid; 
  border-color: #333333;
}
td.merca-test {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
td.merca-test2 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	width: auto;
	text-align: center;
}
td.merca-data {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	padding-right: 15px;
}
td.merca-sqa {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 12px;
	width: auto;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
td.merca-cred {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 12px;
	width: auto;
	font-weight: bold;
	text-align: right;
	color: #ffffff;
	padding-right: 10px;
}
td.cred {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 12px;
	width: auto;
	color: #333333;
	font-weight: normal;
	text-align: right;
	padding-right: 10px;
	
}
td.cred2 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 12px;
	width: auto;
	color: #333333;
	font-weight: normal;
	text-align: center;
}
td.sqa {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 12px;
	width: auto;
	color: #333333;
	font-weight: normal;
	text-align: center;
	padding-left: 5px;
}
td.desc {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 12px;
 font-weight: normal;
 line-height: 18px;
 text-align: center;
 color: #333333;
}
td.desc2 {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 12px;
 font-weight: normal;
 line-height: 18px;
 text-align: center;
 color: #333333;
 width: auto;
 
}
td.data {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 11px;
	width: auto;
	color: #333333;
	font-weight: normal;
	text-align: center;
	padding-right: 10px;
	vertical-align: baseline;
	}
tr.testa {
  background-color: #333333;
  line-height: 125%;
  
}
/*COPYRIGHT*/
.cpr {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 10px;
 font-weight: normal;
 line-height: 14px;
 color: #999999;
 background-color: transparent;
}
.cpr2 {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 line-height: 14px;
 color: #999999;
 background-color: transparent;
}

table.doc{
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	border: none;
}


/* TABELLE INDEX.HTM */

table.principale {
	border: 3px solid #333333;
	background-color: #333333; 
	width: 980px;
}


table.menu {
	border: 1px solid #333333;
	width: 300px;
}

table.mini {
	border: none;
}


/* MINI CLASSIFICHE */
.rigaD {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	text-align: center;
	background-color: #ffffff;
	color: black;
	border-bottom: 1px solid #333333;
}
.rigaP {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	text-align: center;
	background
	color: black;
	border-bottom: 1px solid #333333;
	background-color: #f1ff73;
}
.rigaD2 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	text-align: left;
	background-color: #f1ff73;
	color: black;
	width: 98%;
	border-bottom: 1px solid #333333;
}
.rigaP2 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	text-align: left;
	background-color: White;
	color: black;
	width: 98%;
	border-bottom: 1px solid #333333;
}
.rigaVSp {
	font-family: 'Poppins', Arial, sans-serif;
	text-align: center;
	font-weight: bold;
	color: #333333;
	font-size: 10;
	background-color: White;
	width: 3px;
	border-bottom: 1px solid #333333;
}
.rigaVSd {
	font-family: 'Poppins', Arial, sans-serif;
	text-align: center;
	font-weight: bold;
	color: #333333;
	font-size: 10;
	background-color: #f1ff73;
	width: 3px;
	border-bottom: 1px solid #333333;
}
.rigaDgol {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	text-align: center;
	font-weight: bold;
	background-color: #ffffff;
	color: black;
	border-bottom: 1px solid #333333;
}
.rigaPgol {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	text-align: center;
	font-weight: bold;
	background-color: #f1ff73;
	color: black;
	border-bottom: 1px solid #333333;
}
.rigaTit {
	/*VISIBILITY: hidden;*/
	font-family: 'Poppins', Arial, sans-serif;
	text-align: left;
	font-weight: bold;
	background: url(img/sfu-vc.bmp);
	background-position: center;
	color: #333333;
	font-size: 18;
}
.rigaDat {
	/*VISIBILITY: hidden;*/
	font-family: 'Poppins', Arial, sans-serif;
	background: url(img/sfu-vc.bmp);
	background-position: center;
	color: #333333;
	font-size: 16;
	font-style: italic;
	font-weight: normal;
}


.vuota {
	border-bottom: 1px solid #333333;
	font-size: 1px;
}
.rigaDu {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	text-align: center;
	font-weight: bold;
	background-color: #f1ff73;
	color: black;
	border-bottom: 1px solid #333333;
}
.rigaPu {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	text-align: center;
	font-weight: bold;
	background-color: White;
	color: black;
	border-bottom: 1px solid #333333;
}
.rigaPTtot {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	text-align: left;
	font-weight: bold;
	background-color: White;
	color: black;
	border-bottom: 1px solid #333333;
}
.rigaDTtot {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	text-align: left;
	font-weight: bold;
	background-color: #ccffff;
	color: black;
	border-bottom: 1px solid #333333;
}
.rigaDuGP {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	text-align: left;
	font-weight: bold;
	background-color: #ccffff;
	color: black;
	border-bottom: 1px solid #333333;
}
.rigaPuGP {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	text-align: left;
	font-weight: bold;
	background-color: White;
	color: black;
	border-bottom: 1px solid #333333;
}
.rigaD3 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	text-align: left;
	background-color: #f1ff73;
	color: black;
	border-bottom: 1px solid #333333;
}
.rigaP3 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: small;
	text-align: left;
	background-color: White;
	color: black;
	border-bottom: 1px solid #333333;
}
/* CONTENITORE MINICLASSIFICHE */

.tooltip {
border: 2px double #333333;
background-image: url(img/sfu-vcc.bmp);
PADDING: 8px;
font-family: 'Poppins', Arial, sans-serif;: Verdana;
FONT-SIZE: 8pt;
VISIBILITY: hidden;
POSITION: absolute;
/*layer-background-color: #D1C9EB;*/
text-align: center;
}

 h2.mini {
 font-family: 'Poppins', Arial, sans-serif;
 font-size: 14px;
 font-weight: bold;
 border-bottom: 1px solid #333333;
 color: #333333;
 }

/* countdown.htm */
.countdown-termine {
	text-align: center;
	margin: 8px 0 12px 0;
}
.countdown-widget {
	text-align: center;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.countdown-widget > div {
	margin-left: auto;
	margin-right: auto;
}
.countdown-scaduto {
	margin-top: 12px;
	text-align: center;
	color: #f50a0a;
}

/* mini-classifiche.php / mini-risultati.php / mini-prossimo.php */
body.mini-moduli {
	margin: 0;
	padding: 4px;
	background-color: #ffffff;
}
.mini-moduli-wrap {
	width: 100%;
	overflow: hidden;
}
.mini-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0 0 8px 0;
	padding: 0;
}
.mini-tab {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-color: #ffffff;
	border: 1px solid #333333;
	padding: 4px 8px;
	cursor: pointer;
	line-height: 1.2;
}
.mini-tab.is-active {
	background-color: #f1ff73;
}
.mini-pannello {
	display: none;
}
.mini-pannello.is-active {
	display: block;
}
.mini-tabella {
	width: 100%;
	border-collapse: collapse;
	border: none;
	margin: 0 0 8px 0;
}
body.mini-moduli .rigaP,
body.mini-moduli .rigaD {
	font-size: 12px;
	text-align: left;
	padding: 3px 4px;
}
body.mini-moduli .rigaPgol,
body.mini-moduli .rigaDgol {
	font-size: 12px;
	white-space: nowrap;
	padding: 3px 4px;
	width: 42px;
}
body.mini-moduli .rigaTit {
	font-size: 12px;
	background-image: none;
	background-color: #333333;
	color: #ffffff;
	padding: 4px;
}
.mini-girone {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	border-bottom: 1px solid #333333;
	margin: 8px 0 4px 0;
	padding-bottom: 2px;
}
.mini-girone:first-child {
	margin-top: 0;
}
.mini-data {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #333333;
	margin: 0 0 6px 0;
}
.mini-vuoto {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 8px 4px;
}


/* Rose dashboard - stili della scheda rosa */

:root {
	--ink: #373737;
	--title: #3c3c3c;
	--lime: #cbd530;
	--line: #e6e6e6;
	--paper: #f4f5f1;
	--card: #ffffff;
	--muted: #6d6d6d;
	--p: #1d6fbf;
	--d: #1f8a4c;
	--c: #b8860b;
	--a: #c62828;
	--off: #c2410c;
}

body.rose-dash {
	margin: 0;
	padding: 0;
	background: var(--paper);
	color: var(--ink);
	font-family: Poppins, sans-serif;
	font-size: 14px;
	line-height: 1.4;
}

.dash, .dash * { box-sizing: border-box; }

.dash {
	max-width: 1080px;
	margin: 0 auto;
	padding: 16px 14px 28px;
}

.topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}

.topbar h1 {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--title);
}

.topbar select {
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	background: var(--title);
	border: 0;
	border-radius: 999px;
	padding: 8px 14px;
	min-width: 180px;
}

.dash h1 {
	color: var(--title);
	font-size: 18px;
	font-weight: 700;
	background: transparent;
}

.dash h2 {
	color: #fff;
	font-size: 22px;
	line-height: 1.2;
	border: 0;
}

.hero {
	background: var(--title);
	color: #fff;
	border-radius: 16px;
	padding: 18px 18px 16px;
	position: relative;
	overflow: hidden;
}

.flag {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 46%;
	background: repeating-linear-gradient(
		115deg,
		var(--c1, #cbd530) 0 16px,
		var(--c2, #3c3c3c) 16px 32px
	);
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 42%);
	mask-image: linear-gradient(90deg, transparent, #000 42%);
}

.hero.tri .flag {
	background: repeating-linear-gradient(
		115deg,
		var(--c1, #f4f4f4) 0 14px,
		var(--c2, #141414) 14px 28px,
		var(--c3, #6b2d91) 28px 42px
	);
}

.hero-main {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 14px;
	padding-right: 22%;
}

.hero-copy { min-width: 0; }

.name-line {
	display: flex;
	align-items: center;
	gap: 10px;
}

.cockades {
	display: flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
}

.cockades img {
	width: 34px;
	height: 34px;
	object-fit: contain;
	filter: drop-shadow(0 1px 1px rgba(0,0,0,0.35));
}

.logo {
	width: 112px;
	height: 112px;
	object-fit: contain;
	background: rgba(255,255,255,0.1);
	border-radius: 18px;
	padding: 6px;
}

.bacheca {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 8px;
}

.trophy {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: rgba(255,255,255,0.14);
	border-radius: 999px;
	padding: 3px 10px 3px 5px;
	font-size: 12px;
	font-weight: 600;
}

.trophy img {
	width: 18px;
	height: 18px;
	object-fit: contain;
}

.hero h2 {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
}

.hero p {
	margin: 0;
	color: #d7d7d7;
	font-size: 13px;
}

.pills {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 10px;
}

.pill {
	background: rgba(255,255,255,0.1);
	border-radius: 999px;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: 600;
}

.pill.on { background: var(--lime); color: var(--title); }

.kpis {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	margin: 12px 0;
}

.kpi, .card {
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: 14px;
	padding: 12px 14px;
}

.kpi span, .card h3 {
	display: block;
	margin: 0;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--muted);
}

.kpi strong {
	display: block;
	margin-top: 4px;
	font-size: 20px;
	font-weight: 700;
	color: var(--title);
}

.kpi em {
	font-style: normal;
	font-size: 12px;
	color: var(--muted);
	font-weight: 500;
}

.layout {
	display: grid;
	grid-template-columns: 1.35fr 0.85fr;
	gap: 12px;
}

.card { margin-bottom: 12px; }
.card h3 { margin-bottom: 10px; }

.pitch {
	position: relative;
	background: repeating-linear-gradient(
		90deg,
		#1c7d3b 0 52px,
		#176f34 52px 104px
	);
	border-radius: 14px;
	aspect-ratio: 340 / 280;
	min-height: 460px;
	padding: 18px 10px 22px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
}

.pitch-lines {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.pitch-row {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	gap: 8px;
}

.chip {
	width: 78px;
	text-align: center;
	color: #fff;
}

.chip img {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	object-fit: cover;
	object-position: 50% 15%;
	background: #0e3d1e;
	border: 2px solid #fff;
}

.chip b {
	display: block;
	margin-top: 4px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.15;
	text-shadow: 0 1px 2px rgba(0,0,0,0.45);
}

.chip small {
	display: block;
	font-size: 10px;
	opacity: 0.9;
}

.match {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 8px 0;
	border-top: 1px solid var(--line);
	font-size: 13px;
}

.match:first-of-type { border-top: 0; }

.match .gio {
	font-weight: 700;
	color: var(--title);
	min-width: 42px;
}

.match .vs { color: var(--muted); font-size: 12px; }
.match .home { font-weight: 700; }

.bars { display: flex; flex-direction: column; gap: 8px; }

.bar-row { display: grid; grid-template-columns: 16px 1fr; gap: 8px; align-items: center; }

.dot { width: 10px; height: 10px; border-radius: 50%; }
.dot.p { background: var(--p); }
.dot.d { background: var(--d); }
.dot.c { background: var(--c); }
.dot.a { background: var(--a); }

.track { height: 8px; background: #eee; border-radius: 99px; overflow: hidden; }
.track > i { display: block; height: 100%; border-radius: 99px; }
.track .cost { background: #bdbdbd; }
.track .val { background: var(--lime); }

.bar-meta { font-size: 12px; color: var(--muted); margin: -4px 0 4px 24px; }

.ruolo {
	margin: 14px 0 6px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.ruolo.p { color: var(--p); }
.ruolo.d { color: var(--d); }
.ruolo.c { color: var(--c); }
.ruolo.a { color: var(--a); }

.plist { width: 100%; border-collapse: collapse; }

.plist th {
	text-align: left;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--muted);
	padding: 6px 8px;
	border-bottom: 1px solid var(--line);
}

.plist td {
	padding: 7px 8px;
	border-bottom: 1px solid #f0f0f0;
	vertical-align: middle;
	font-size: 13px;
}

.plist tr:nth-child(even) td { background: #f7f7f5; }

.who {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
}

.who img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	object-fit: cover;
	object-position: 50% 15%;
	background: #eee;
}

.name-p { color: var(--p); }
.name-d { color: var(--d); }
.name-c { color: var(--c); }
.name-a { color: var(--a); }
.qlink { color: inherit; font: inherit; text-decoration: none; border-bottom: 0; cursor: pointer; }
.qlink:hover, a.qlink:hover, a.qlink:visited { color: inherit; text-decoration: none; border-bottom: 0; }

.num { text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; }
.plist th.num { text-align: right; }

.note {
	margin: 8px 0 0;
	font-size: 11px;
	color: var(--muted);
}

.stella {
	margin: 10px 0 0;
	font-size: 15px;
	color: var(--title);
}

.stella b {
	font-size: 18px;
	font-weight: 700;
}

.side-list { margin: 0; padding: 0; list-style: none; }
.side-list li {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	padding: 7px 0;
	border-top: 1px solid var(--line);
	font-size: 13px;
}
.side-list li:first-child { border-top: 0; }

.tabbar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 12px;
}

.tabbar button {
	border: 1px solid var(--line);
	background: #fff;
	color: var(--title);
	border-radius: 999px;
	padding: 8px 14px;
	font: 600 13px/1 Poppins, sans-serif;
	cursor: pointer;
}

.tabbar button.on {
	background: #3c3c3c;
	color: #fff;
	border-color: #3c3c3c;
}

.tabpane { display: none; }
.tabpane.on { display: block; }

.name-off { color: var(--off); font-weight: 700; }
tr.off td { background: #fff4ec; }
tr.off .name-off { color: var(--off); }

.up { color: #1f8a4c; }
.down { color: #c62828; }
.mv-ok { color: #1f8a4c; }
.mv-ko { color: #c62828; }
.entrata { color: #1f8a4c; }
.uscita { color: #c62828; }
.ledger th.entrata { color: #1f8a4c; }
.ledger th.uscita { color: #c62828; }

.ledger { table-layout: fixed; }
.ledger .c-data { width: 108px; }
.ledger .c-num { width: 96px; }
.ledger td.num, .ledger th.num { width: 96px; }
.ledger-section td {
	padding-top: 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--title);
	background: transparent;
	border-bottom: 0;
}
.ledger-sub td { border-bottom: 1px solid var(--line); }
.ledger tr.ledger-section td { background: transparent; }
.ledger tr.ledger-sum td {
	padding-top: 12px;
	background: transparent;
	border-bottom: 0;
}

.op-title {
	margin: 16px 0 6px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--title);
}

@media (max-width: 800px) {
	.kpis, .layout { grid-template-columns: 1fr 1fr; }
	.layout { grid-template-columns: 1fr; }
	[data-pane="rosa"] .plist th:nth-child(3),
	[data-pane="rosa"] .plist td:nth-child(3) { display: none; }
}

/* Finestra giocatore */
body.fg-page {
	margin: 0;
	background: #f4f5f7;
	color: #373737;
	font-family: "Poppins", Arial, sans-serif;
	font-size: 14px;
}
.fg {
	max-width: 920px;
	margin: 0 auto;
	padding: 20px 16px 40px;
}
.fg-head {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) 78px;
	gap: 16px;
	align-items: start;
	background: #fff;
	border: 1px solid #e4e4e4;
	border-radius: 12px;
	padding: 16px;
}
.fg-fsq {
	width: 78px;
	height: 78px;
	object-fit: contain;
	justify-self: end;
}
.fg-head img.foto {
	width: 112px;
	height: 140px;
	object-fit: cover;
	object-position: 50% 15%;
	border-radius: 10px;
	background: #eee;
}
.fg-head h1 {
	margin: 0 0 6px;
	font-size: 26px;
	line-height: 1.15;
	color: #3c3c3c;
	overflow-wrap: anywhere;
}
.fg-head > div { min-width: 0; }
.fg-meta { display: flex; align-items: center; gap: 8px; color: #555; }
.fg-meta img.logo { width: 28px; height: 28px; object-fit: contain; }
.fg-ruolo { font-weight: 700; }
.fg-ruolo.p { color: #1d6fbf; }
.fg-ruolo.d { color: #1f8a4c; }
.fg-ruolo.c { color: #b8860b; }
.fg-ruolo.a { color: #c62828; }
.fg-stats, .fg-card {
	margin-top: 14px;
	background: #fff;
	border: 1px solid #e4e4e4;
	border-radius: 12px;
	padding: 14px 16px;
}
.fg-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px 14px; }
.fg-stats span { display: block; font-size: 11px; color: #777; text-transform: uppercase; letter-spacing: 0.03em; }
.fg-stats b { font-size: 16px; color: #3c3c3c; }
.fg-card h2 { margin: 0 0 8px; font-size: 16px; color: #3c3c3c; }
.fg-pct { font-size: 32px; font-weight: 700; color: #1f8a4c; margin: 0; }
.fg-fonti { margin: 8px 0 0; padding: 0; list-style: none; }
.fg-fonti li { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; border-top: 1px solid #eee; }
.fg-note { margin: 8px 0 0; font-size: 12px; color: #777; }
.fg-ff { margin-top: 14px; padding-top: 12px; border-top: 1px solid #eee; }
.fg-dots { display: flex; flex-wrap: wrap; gap: 6px; }
.fg-dot {
	min-width: 36px;
	padding: 3px 7px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background: #bdbdbd;
}
.fg-dot.t { background: #2e7d32; }
.fg-dot.r { background: #f5c400; color: #333; }
.fg-dot.i { background: #c62828; }
.fg-motivo { margin: 8px 0 0; font-size: 13px; color: #555; }
.fg-metrics { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.fg-metric {
	min-width: 72px;
	padding: 6px 8px;
	border: 1px solid #eee;
	border-radius: 8px;
	background: #fafafa;
}
.fg-metric span { display: block; font-size: 11px; color: #777; }
.fg-metric b { font-size: 16px; color: #3c3c3c; }
.fg-metric.ok b { color: #1f8a4c; }
.fg-metric.ko b { color: #c62828; }
.fg-schier { margin: 10px 0 0; font-size: 13px; color: #3c3c3c; }
.fg-chart { width: 100%; height: 280px; display: block; }
.fg-plot { position: relative; }
.fg-legend { display: flex; gap: 16px; margin: 6px 0 0; font-size: 12px; color: #555; }
.fg-legend i { display: inline-block; width: 18px; height: 3px; margin-right: 6px; vertical-align: middle; }
.fg-tip {
	position: absolute;
	z-index: 3;
	min-width: 140px;
	max-width: 220px;
	padding: 8px 10px;
	background: #fff;
	border: 1px solid #e4e4e4;
	border-radius: 8px;
	box-shadow: 0 4px 16px rgba(0,0,0,0.08);
	font-size: 12px;
	pointer-events: none;
}
.fg-tip b { display: block; margin-bottom: 4px; }
.fg-icons { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; align-items: center; }
.fg-icons svg { width: 16px; height: 16px; display: block; }
.fg-empty { color: #777; margin: 8px 0 0; }
@media (max-width: 800px) {
	.topbar { flex-wrap: wrap; }
	.topbar select { min-width: 0; width: 100%; }
	.hero-main { flex-direction: column; align-items: flex-start; padding-right: 0; }
	.logo { width: 76px; height: 76px; }
	.flag { top: auto; height: 12px; width: 100%; -webkit-mask-image: none; mask-image: none; }
	.hero h2 { font-size: 20px; overflow-wrap: anywhere; }
	.fg-stats { grid-template-columns: repeat(2, 1fr); }
	.fg-head { grid-template-columns: 72px minmax(0, 1fr) 56px; gap: 10px; }
	.fg-head img.foto { width: 72px; height: 90px; }
	.fg-fsq { width: 56px; height: 56px; }
	.fg-head h1 { font-size: 18px; }
}

/* Formazioni */

body.form-page {
	margin: 0;
	padding: 0;
	background: #f4f5f1;
	color: #373737;
	font-family: Poppins, sans-serif;
	font-size: 14px;
	line-height: 1.4;
}

.fdash, .fdash * { box-sizing: border-box; }

.fdash {
	max-width: 1180px;
	margin: 0 auto;
	padding: 16px 14px 32px;
}

.fbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0 0 16px;
}

.fbar label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 600;
	color: #3c3c3c;
}

.fbar select, .fbar button {
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	border: 0;
	border-radius: 999px;
}

.fbar select {
	color: #fff;
	background: #3c3c3c;
	padding: 8px 14px;
}

.fbar button {
	color: #3c3c3c;
	background: #cbd530;
	padding: 8px 16px;
	cursor: pointer;
}

.fmatch {
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 16px;
	padding: 14px 14px 8px;
	margin: 0 0 16px;
}

.fcomp {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #6d6d6d;
}

.fpair {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.fpair.solo { grid-template-columns: 1fr; }

.fteam { min-width: 0; }

.fhead {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 10px;
}

.flogo {
	width: 48px;
	height: 48px;
	object-fit: contain;
	flex: 0 0 48px;
}

.fhead h2 {
	margin: 0;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 700;
	color: #3c3c3c;
	background: transparent;
}

.fmeta {
	margin: 2px 0 0;
	font-size: 12px;
	color: #6d6d6d;
}

.finvio {
	margin: 2px 0 0;
	font-size: 12px;
	font-weight: 600;
	color: #3c3c3c;
}

.flist {
	width: 100%;
	border-collapse: collapse;
}

.flist th {
	text-align: left;
	font-size: 11px;
	font-weight: 600;
	color: #6d6d6d;
	padding: 0 6px 6px;
}

.flist th:nth-child(n+4), .flist td.num { text-align: right; }

.flist td {
	padding: 5px 6px;
	border-top: 1px solid #f0f0f0;
	vertical-align: middle;
}

.flist tr.panca td { opacity: 0.72; }

.flist tr.fsep td {
	padding-top: 12px;
	border-top: 0;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #6d6d6d;
	opacity: 1;
}

.ruolo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 700;
	color: #fff;
}

.r-p { background: #1d6fbf; }
.r-d { background: #1f8a4c; }
.r-c { background: #b8860b; }
.r-a { background: #c62828; }

.pfoto {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	object-fit: cover;
	object-position: 50% 15%;
	display: block;
	background: #f4f5f1;
}

.pname {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #373737;
}

.pclub {
	display: block;
	font-size: 11px;
	color: #8a8a8a;
}

.flist td.num { font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; }
.flist td.ok { color: #1f8a4c; }
.flist td.ko { color: #c62828; }

.fcalc {
	margin-top: 10px;
	padding-top: 8px;
	border-top: 1px solid #e6e6e6;
}

.fcalc div {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 3px 0;
	font-size: 12px;
}

.fcalc span { color: #6d6d6d; }
.fcalc b { font-variant-numeric: tabular-nums; }
.fcalc b.up { color: #1f8a4c; }
.fcalc b.down { color: #c62828; }
.fcalc b.flat { color: #373737; }

.ftot {
	margin-top: 4px;
	padding-top: 6px;
	border-top: 1px solid #e6e6e6;
	font-size: 14px;
}

.ftot b { font-size: 16px; color: #3c3c3c; }
.ftot em { font-style: normal; font-weight: 700; color: #3c3c3c; margin-left: 8px; }

.fscore {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 12px;
	margin-top: 12px;
	padding: 12px;
	background: #f7f8f4;
	border-radius: 12px;
}

.fscore div { text-align: center; }
.fscore b { display: block; font-size: 13px; color: #3c3c3c; }
.fscore span { display: block; font-size: 12px; color: #6d6d6d; }
.fscore strong { font-size: 28px; line-height: 1.1; color: #3c3c3c; }
.fvs { font-size: 22px; font-weight: 700; color: #3c3c3c; }

.fnote, .fwait {
	margin: 8px 0 0;
	font-size: 12px;
	color: #6d6d6d;
}

.ptag {
	display: block;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: #6d6d6d;
}

@media (max-width: 860px) {
	.fpair { grid-template-columns: 1fr; }
	.flist { table-layout: fixed; }
	.flist th:nth-child(1), .flist td:nth-child(1) { width: 28px; }
	.flist th:nth-child(2), .flist td:nth-child(2) { width: 36px; }
	.flist th:nth-child(4), .flist td:nth-child(4) { width: 44px; }
	.flist th:nth-child(5), .flist td:nth-child(5) { width: 46px; }
	.flist th:nth-child(6), .flist td:nth-child(6) { width: 52px; }
	body.ris-page .flist th:nth-child(4),
	body.ris-page .flist td:nth-child(4),
	body.ris-page .flist th:nth-child(6),
	body.ris-page .flist td:nth-child(6) { width: 48px; font-size: 11px; }
	.flist th, .flist td { padding-left: 3px; padding-right: 3px; }
	.pname, .pclub { overflow-wrap: anywhere; }
	.fhead h2 { font-size: 16px; }
	body.live-page .flist th:nth-child(4),
	body.live-page .flist td:nth-child(4),
	body.live-page .flist th:nth-child(6),
	body.live-page .flist td:nth-child(6) { width: 42px; font-size: 11px; }
	body.live-page .flist th:nth-child(5),
	body.live-page .flist td.bonus { width: 72px; }
}

.fboard {
	display: grid;
	gap: 12px;
	margin: 0 0 14px;
	align-items: start;
}
.fboard.cols-2 { grid-template-columns: minmax(460px, 2fr) minmax(220px, 1fr); }
.fboard.cols-3 { grid-template-columns: minmax(420px, 2fr) minmax(180px, 1fr) minmax(180px, 1fr); }
.fboard.cols-4 { grid-template-columns: minmax(380px, 1.7fr) repeat(3, minmax(150px, 1fr)); }
.fturno, .flega {
	background: #fff;
	border-radius: 12px;
	padding: 14px 16px 10px;
	margin: 0;
}
.fturno h2, .flega h2 {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 700;
}
.fsub {
	margin: -4px 0 8px;
	font-size: 12px;
	font-weight: 600;
	color: #6d6d6d;
}
.fsa {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px 28px;
	align-items: start;
}
.fsa.solo { grid-template-columns: 1fr; }
.fslot { margin: 0 0 8px; }
.fwhen {
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	color: #6d6d6d;
}
.fslot ul, .flega ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.fslot li, .flega li {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px 10px;
	margin: 0;
	padding: 6px 0;
	border-top: 1px solid #efefef;
	font-size: 13px;
	font-weight: 600;
	color: #3c3c3c;
}
.fslot li:first-child, .flega li:first-child { border-top: 0; }
.fslot b, .flega b { font-weight: 700; }
.fslot .fsq, .flega .fsq { font-weight: 600; }
.flega em {
	flex-basis: 100%;
	font-style: normal;
	font-size: 11px;
	color: #6d6d6d;
}
.flive {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 600;
	color: #1f8a4c;
}
.flist td.bonus { white-space: nowrap; text-align: right; }
.flist td.attesa { color: #8a8a8a; }
.bnone { color: #b0b0b0; }
.bico {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 3px;
	vertical-align: -2px;
	position: relative;
	border-radius: 50%;
	background: #1f8a4c center / 10px 10px no-repeat;
}
.bico b {
	position: absolute;
	right: -4px;
	top: -5px;
	font-style: normal;
	font-size: 9px;
	line-height: 1;
	font-weight: 700;
	color: #3c3c3c;
}
.bico.b-gol { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><circle cx='8' cy='8' r='6' fill='none' stroke='white' stroke-width='1.4'/><path d='M8 3.2l1.3 2.6h2.8L10.2 7.6 11.2 10.4 8 8.8 4.8 10.4 5.8 7.6 3.9 5.8h2.8z' fill='white'/></svg>"); }
.bico.b-rig { background: #1565c0; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><text x='8' y='12' text-anchor='middle' font-size='11' font-family='Arial' font-weight='700' fill='white'>P</text></svg>"); }
.bico.b-ass { background: #455a64; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 11.5l3.2-1.2 1.4-3.2 2.2 1.1 2.8-4.2 1.2.8-3.4 5.1-2.4-1.2L6.4 12z' fill='white'/></svg>"); }
.bico.b-gs { background: #c62828; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><text x='8' y='11.5' text-anchor='middle' font-size='8' font-family='Arial' font-weight='700' fill='white'>GS</text></svg>"); }
.bico.b-aut { background: #6d4c41; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><circle cx='8' cy='8' r='4.2' fill='none' stroke='white' stroke-width='1.3'/><path d='M4.5 4.5l7 7' stroke='white' stroke-width='1.3'/></svg>"); }
.bico.b-rigx { background: #ef6c00; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4.2 4.2l7.6 7.6M11.8 4.2l-7.6 7.6' stroke='white' stroke-width='1.6'/></svg>"); }
.bico.b-par { background: #00838f; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 7.2h6.2c1.6 0 2.8 1.1 2.8 2.6S10.8 12.4 9.2 12.4H5.2L3 7.2z' fill='white'/></svg>"); }
.bico.b-amm, .bico.b-esp { width: 10px; height: 14px; border-radius: 2px; background-image: none; }
.bico.b-amm { background: #f6c945; }
.bico.b-esp { background: #d32f2f; }

@media (max-width: 1100px) {
	.layout { grid-template-columns: 1fr; }
	.kpis { grid-template-columns: 1fr 1fr; }
	.fboard.cols-2, .fboard.cols-3, .fboard.cols-4,
	.fsa { grid-template-columns: 1fr; }
	.fpair { grid-template-columns: 1fr; }
	.fdash { padding-left: 10px; padding-right: 10px; }
	.fbar {
		flex-wrap: nowrap;
		align-items: flex-end;
		gap: 8px;
	}
	.fbar label {
		flex: 1 1 0;
		min-width: 0;
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
		font-size: 11px;
	}
	.fbar label span { display: block; line-height: 1.2; }
	.fbar select {
		width: 100%;
		min-width: 0;
		min-height: 44px;
	}
	.fbar button {
		flex: 0 0 auto;
		min-height: 44px;
	}
}

body.rose-mobile .topbar {
	position: sticky;
	top: 0;
	z-index: 4;
	flex-direction: column;
	align-items: stretch;
	background: #f4f5f1;
}
body.rose-mobile .topbar select {
	width: 100%;
	min-width: 0;
	min-height: 44px;
}
body.rose-mobile .mhero {
	background: var(--title);
	color: #fff;
	border-radius: 16px;
	overflow: hidden;
	margin-bottom: 12px;
}
body.rose-mobile .mstripe {
	height: 10px;
	background: repeating-linear-gradient(90deg, var(--c1, #cbd530) 0 14px, var(--c2, #2a2a2a) 14px 28px);
}
body.rose-mobile .mhero.tri .mstripe {
	background: repeating-linear-gradient(90deg, var(--c1, #f4f4f4) 0 12px, var(--c2, #141414) 12px 24px, var(--c3, #6b2d91) 24px 36px);
}
body.rose-mobile .mhero-row {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px;
}
body.rose-mobile .mhero .logo {
	width: 72px;
	height: 72px;
	flex: 0 0 72px;
	background: rgba(255,255,255,0.12);
}
body.rose-mobile .mhero-copy { min-width: 0; }
body.rose-mobile .mpos {
	display: block;
	font-size: 28px;
	line-height: 1;
	font-weight: 700;
}
body.rose-mobile .mhero h2 {
	margin: 2px 0 0;
	font-size: 20px;
	overflow-wrap: anywhere;
}
body.rose-mobile .mhero p {
	margin: 4px 0 0;
	color: #d7d7d7;
	font-size: 13px;
}
body.rose-mobile .tabbar {
	display: grid;
	grid-template-columns: 0.7fr 1.3fr 0.9fr;
	gap: 8px;
}
body.rose-mobile .tabbar button {
	min-height: 44px;
	padding: 8px 6px;
	font-size: 12px;
	line-height: 1.15;
	white-space: normal;
}
body.rose-mobile .mtitoli { margin-bottom: 8px; }
body.rose-mobile .mtitoli .trophy {
	background: #f4f5f1;
	color: var(--title);
}
body.rose-mobile .mkpis {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	margin: 0 0 8px;
}
body.rose-mobile .mkpis .kpi { margin: 0; }
body.rose-mobile .mkpis .kpi strong {
	font-size: 16px;
	overflow-wrap: anywhere;
}
body.rose-mobile .mcols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	margin-bottom: 12px;
}
body.rose-mobile .mcols .card { margin: 0; padding: 10px 12px; }
body.rose-mobile .mmatch {
	padding: 6px 0;
	border-top: 1px solid var(--line);
	font-size: 12px;
	font-weight: 600;
	overflow-wrap: anywhere;
}
body.rose-mobile .mmatch:first-of-type { border-top: 0; }
body.rose-mobile .mrep {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 5px 0;
	font-size: 12px;
}
body.rose-mobile .mrep b { display: block; font-size: 12px; }
body.rose-mobile .mrep span { color: var(--muted); }
body.rose-mobile .pcard-top {
	display: flex;
	align-items: center;
	gap: 10px;
}
body.rose-mobile .pcard-who { min-width: 0; flex: 1 1 auto; }
body.rose-mobile .pcard-who b { display: block; line-height: 1.2; }
body.rose-mobile .pstats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 4px;
	margin-top: 8px;
}
body.rose-mobile .pstat {
	font-size: 13px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}
body.rose-mobile .pstat small {
	display: block;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--muted);
}
body.rose-mobile .psq {
	display: block;
	margin-top: 2px;
	color: var(--muted);
	font-size: 12px;
}
body.rose-mobile .qgrid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 6px;
	margin: 8px 0 0;
}
body.rose-mobile .qgrid dt {
	font-size: 9px;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--muted);
}
body.rose-mobile .qgrid dd {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
}
body.rose-mobile .pcard {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 12px;
	padding: 10px 12px;
	margin: 0 0 8px;
}
body.rose-mobile .pcard-top {
	display: flex;
	align-items: center;
	gap: 10px;
}
body.rose-mobile .pcard-top img {
	width: 44px;
	height: 44px;
	flex: 0 0 44px;
	border-radius: 50%;
	object-fit: cover;
	object-position: 50% 15%;
	background: #eee;
}
body.rose-mobile .pcard-id { min-width: 0; flex: 1 1 auto; }
body.rose-mobile .pcard-id b,
body.rose-mobile .edesc {
	display: block;
	overflow-wrap: anywhere;
	font-weight: 600;
}
body.rose-mobile .pcard-id span,
body.rose-mobile .edata {
	display: block;
	color: var(--muted);
	font-size: 12px;
}
body.rose-mobile .pmv {
	flex: 0 0 auto;
	font-size: 16px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}
body.rose-mobile .pcard dl {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 6px;
	margin: 8px 0 0;
}
body.rose-mobile .pcard dt {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--muted);
}
body.rose-mobile .pcard dd {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
}
body.rose-mobile .msec {
	margin: 14px 0 6px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--title);
}
body.rose-mobile .ecard {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
	padding: 8px 4px;
}
body.rose-mobile .ecard > div { min-width: 0; }
body.rose-mobile .ecard b { flex: 0 0 auto; font-variant-numeric: tabular-nums; }
body.rose-mobile .esub {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	margin: 0 0 8px;
	padding: 6px 4px 0;
	font-size: 13px;
}
body.rose-mobile .esub span { margin-right: auto; font-weight: 700; }
body.rose-mobile .esaldo {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	margin-top: 12px;
}
body.rose-mobile .esaldo div {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 12px;
	padding: 10px 12px;
}
body.rose-mobile .esaldo span {
	display: block;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--muted);
}
body.rose-mobile .esaldo b {
	display: block;
	margin-top: 2px;
	font-size: 18px;
}

body.invio-mobile { background: var(--paper); }
body.invio-mobile .topbar {
	position: sticky;
	top: 0;
	z-index: 4;
	flex-direction: column;
	align-items: stretch;
	background: #f4f5f1;
	margin-bottom: 10px;
}
body.invio-mobile .topbar select { width: 100%; min-width: 0; min-height: 44px; }
body.invio-mobile .card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 16px;
	padding: 12px;
	margin: 0 0 10px;
}
body.invio-mobile .gbox {
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	gap: 10px;
	align-items: start;
}
body.invio-mobile .k {
	display: block;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--muted);
}
body.invio-mobile #gioNum,
body.invio-mobile #tempoRimasto,
body.invio-mobile #gioMatch strong {
	display: block;
	font-size: 18px;
	line-height: 1.2;
	color: var(--title);
}
body.invio-mobile #tempoRimasto { font-variant-numeric: tabular-nums; }
body.invio-mobile .sub,
body.invio-mobile .vs {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	color: var(--muted);
}
body.invio-mobile .inv-avviso {
	margin: 0 0 10px;
	padding: 8px 10px;
	border-radius: 12px;
	background: #fff4d6;
	color: #6a4b00;
	font-size: 12px;
}
body.invio-mobile .tools {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}
body.invio-mobile .tools button,
body.invio-mobile #formInvio input[type="submit"],
body.invio-mobile .bench-row button {
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
	min-height: 40px;
	border: 0;
	border-radius: 12px;
	background: var(--title);
	color: #fff;
}
body.invio-mobile .tools label,
body.invio-mobile .mod-label,
body.invio-mobile .commento-label {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--muted);
}
body.invio-mobile .tools select,
body.invio-mobile .mod-label select,
body.invio-mobile .inv-comment,
body.invio-mobile #formInvio input[type="password"] {
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	color: var(--ink);
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: 12px;
	min-height: 40px;
	padding: 8px 10px;
	width: 100%;
}
body.invio-mobile #btnTop { grid-column: 1 / -1; background: var(--lime); color: var(--title); }
body.invio-mobile .topopts { margin-top: 8px; }
body.invio-mobile .topopts summary {
	font-size: 12px;
	font-weight: 600;
	color: var(--muted);
	cursor: pointer;
}
body.invio-mobile .topopts .tools { margin-top: 8px; }
body.invio-mobile .commento-label { margin-top: 10px; }
body.invio-mobile .inv-comment { min-height: 72px; resize: vertical; }
body.invio-mobile .rosa-head,
body.invio-mobile .prow {
	display: grid;
	grid-template-columns: 22px 28px minmax(0, 1fr) 22px 34px 36px 32px;
	gap: 4px;
	align-items: center;
}
body.invio-mobile .rosa-head {
	padding: 0 8px 6px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--muted);
}
body.invio-mobile .prow {
	width: 100%;
	margin: 0;
	padding: 6px 8px;
	border: 0;
	border-top: 1px solid var(--line);
	background: #fff;
	text-align: left;
	font: inherit;
	color: inherit;
}
body.invio-mobile .ruolo {
	font-size: 12px;
	font-weight: 700;
}
body.invio-mobile .r1 { color: var(--p); }
body.invio-mobile .r2 { color: var(--d); }
body.invio-mobile .r3 { color: var(--c); }
body.invio-mobile .r4 { color: var(--a); }
body.invio-mobile .pfoto {
	width: 28px;
	height: 28px;
	object-fit: cover;
	border-radius: 50%;
	background: var(--paper);
}
body.invio-mobile .pname { min-width: 0; }
body.invio-mobile .pname em {
	display: block;
	overflow: hidden;
	font-style: normal;
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
	text-overflow: ellipsis;
}
body.invio-mobile .pname i {
	display: block;
	height: 4px;
	margin-top: 3px;
	border-radius: 99px;
	background: #e6e6e6;
	overflow: hidden;
}
body.invio-mobile .pname s {
	display: block;
	height: 100%;
	border-radius: 99px;
}
body.invio-mobile .alta s { background: #1f8a4c; }
body.invio-mobile .media s { background: #e0a100; }
body.invio-mobile .bassa s { background: #d35400; }
body.invio-mobile .nessuna s { background: #c5c8c0; }
body.invio-mobile .stato {
	display: flex;
	justify-content: center;
	color: #9a9a9a;
}
body.invio-mobile .stato svg { width: 18px; height: 18px; fill: currentColor; }
body.invio-mobile .is-out .stato svg { fill: none; stroke: currentColor; stroke-width: 2; }
body.invio-mobile .is-tit .stato { color: #1d1d1d; }
body.invio-mobile .is-pan .stato { color: #8a6a2f; }
body.invio-mobile .prow .num,
body.invio-mobile .avv {
	font-size: 11px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	text-align: right;
}
body.invio-mobile .avv { letter-spacing: 0.02em; }
body.invio-mobile .mod-label select { margin-top: 4px; }
body.invio-mobile #campo {
	margin-top: 8px;
	padding: 12px 4px 8px;
	border-radius: 16px;
	background:
		linear-gradient(rgba(255,255,255,.14), rgba(255,255,255,0) 18%),
		repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 12px, transparent 12px 24px),
		#1f7a34;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
body.invio-mobile .pitch-row {
	display: flex;
	justify-content: space-evenly;
	gap: 4px;
}
body.invio-mobile .pitch-pl {
	width: 62px;
	min-height: 58px;
	padding: 4px 2px;
	border: 0;
	border-radius: 10px;
	background: rgba(255,255,255,.94);
	color: var(--title);
	font: inherit;
}
body.invio-mobile .pitch-pl.vuoto { background: rgba(255,255,255,.28); }
body.invio-mobile .pitch-pl b,
body.invio-mobile .pitch-pl span,
body.invio-mobile .pitch-pl em {
	display: block;
	line-height: 1.15;
}
body.invio-mobile .pitch-pl b { font-size: 10px; color: var(--muted); }
body.invio-mobile .pitch-pl span {
	font-size: 11px;
	font-weight: 700;
	max-height: 2.3em;
	overflow: hidden;
}
body.invio-mobile .pitch-pl em {
	font-style: normal;
	font-size: 11px;
	color: #1f8a4c;
}
body.invio-mobile .pitch-sum {
	margin: 0;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
}
body.invio-mobile .bench-title {
	margin: 12px 0 8px;
	font-size: 13px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
body.invio-mobile .bench-row {
	display: grid;
	grid-template-columns: 32px 32px 18px 18px minmax(0, 1fr) auto;
	gap: 6px;
	align-items: center;
	padding: 4px 0;
	border-top: 1px solid var(--line);
}
body.invio-mobile .bench-row button {
	min-height: 32px;
	padding: 0 8px;
	background: var(--paper);
	color: var(--title);
}
body.invio-mobile .bench-row .bname {
	overflow: hidden;
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
	text-overflow: ellipsis;
}
body.invio-mobile .vuoto {
	margin: 8px 0 0;
	font-size: 12px;
	color: var(--muted);
}
body.invio-mobile #formInvio table,
body.invio-mobile #formInvio tbody,
body.invio-mobile #formInvio tr,
body.invio-mobile #formInvio td { display: block; width: 100% !important; }
body.invio-mobile #formInvio { font-size: 13px; }
body.invio-mobile #formInvio input[type="submit"] { width: 100%; margin-top: 8px; }
body.invio-mobile #engine {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
	pointer-events: none;
}