@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');  

/* #f08f00; /*giallo vecchio*/
/* #f08f00; /*giallo mindspot*/
/* #101820; /* grigio medio */
/* #1a2836; /* grigio chiaro */        
/* #080e14 /* grigio scuro  */
/* #d54051 rosso portiere */

body {
    background-color : #080e14;
    color : white;
    font-family: 'Montserrat', sans-serif;
    font-size : 13px;
    margin-bottom : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    text-align : left;
  }
  
    img.mobile {
        display: none;
    }
    img.desktop {
        display: inline;
    }    
    img.mobile_portrait {
        display: none;
    }
    img.desktop_portrait {
        display: inline;
        width: 120px;
        height: 140px;        
    }    
    img.img_formazione {
        width: 50px;
    }    
    img.ult_part_logo {
        width: 120px;
    }        
    img.ult_part_maglia {
        width: 90px;
    }     
    img.dash_logo {
        width: 180px;
    }        
    img.dash_maglia {
        width: 180px;
    }                        
    img.stadio {
        width: 640px;
    }                        
    iframe.mobile {
        display: none;
        width: 340px;
        height: 190px;
    }
    iframe.desktop {
        display: inline;
        width: 640px;
        height: 480px;
    }    
    input.mobile {
        display: none;
    }
    input.desktop {
        display: inline;        
    }  
    
  
/* Scroll bar by Ali */  
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #080e14; 
}
::-webkit-scrollbar-thumb {
  background: #f08f00; 
}
::-webkit-scrollbar-thumb:hover {
  background: #fddf8f; 
}

p.testo_tutorial {
  font-size : 16px;
  font-weight: bold;  
  color: #12af6c;
  text-align: left;
}
p.testo_tutorial_h {
  font-size : 18px;
  font-weight: bold;  
  color: #12af6c;
  text-align: left;
}
p.testo_tutorial_c {
  font-size : 16px;
  font-weight: bold;  
  color: #12af6c;
  text-align: center;
}
p.testo_16_b {
  font-size : 16px;
  font-weight: bold;
}            
p.testo_20_b {
  font-size : 20px;
  font-weight: bold;  
}
p.testo_25_b {
  font-size : 20px;
  font-weight: bold;  
}
p.testo_30_b {
  font-size : 26px;
  font-weight: bold;  
}
p.testo_30_y {
  font-size : 26px;
  font-weight: bold;  
  color: #f08f00;    
}
p.testo_40_b {
  font-size : 40px;
  font-weight: bold;  
}
p.testo_40_y {
  font-size : 40px;
  font-weight: bold; 
  color: #f08f00;  
}
p.green_13 {
    font-size : 13px;
    font-weight: bold;      
    color: #4aff4a;
}
p.red_13 {
    font-size : 13px;
    font-weight: bold;      
    color: #ff2e26; /*rosso */
}
p.yell_13 {
    font-size : 13px;
    font-weight: bold;      
    color: #f08f00; /* giallo sito  */
}
p.testo_11_y {
    font-size : 11px;
    font-weight: bold;
    color: #f08f00; /*giallo */
}
b.faq_D {
    color: #d54051;
    font-size : 14px;        
}
b.faq_R {
    font-size : 13px;            
}
b.yellow {
    color: #f08f00;
}
b.red {
    color: red;
}
b.por {
    color: #d54051; /*portieri scritta bianca */
}          
b.dif {
    color: #fcd67c; /*difensori  scritta nera */
}              
b.med {
    color: #8bfa8b; /*mediani scritta nera */
}              
b.cen {
    color: #12af6c; /*centrocampisti scritta bianca */
}          
b.tre {
    color: #7be0ff; /*trequartisti scritta nera */
}          
b.att  {
    color: #9481ff; /*attaccanti scritta bianca */
}              

/* DIMENSIONI E TIPOLOGIE LINK */
a.verde_tutorial:link {
    font-family: 'Montserrat', sans-serif;
    color : #12af6c;    
    font-size : 16px;
    font-weight: bold;    
    text-decoration : none;
  }
    a.verde_tutorial:visited {
      font-family: 'Montserrat', sans-serif;
      color : #12af6c;    
      font-size : 16px;
      font-weight: bold;          
      text-decoration : none;
    }
    a.verde_tutorial:hover {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 16px;
      font-weight: bold;                
      text-decoration : none;
    }
    a.verde_tutorial:active {
      font-family: 'Montserrat', sans-serif;
      color : #12af6c;    
      font-size : 16px;
      font-weight: bold;                
      text-decoration : none;
    }
a.giallo_16_b:link {
    font-family: 'Montserrat', sans-serif;
    color : #f08f00;    
    font-size : 16px;
    font-weight: bold;    
    text-decoration : none;
  }
    a.giallo_16_b:visited {
      font-family: 'Montserrat', sans-serif;
      color : #f08f00;    
      font-size : 16px;
      font-weight: bold;          
      text-decoration : none;
    }
    a.giallo_16_b:hover {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 16px;
      font-weight: bold;                
      text-decoration : none;
    }
    a.giallo_16_b:active {
      font-family: 'Montserrat', sans-serif;
      color : #f08f00;    
      font-size : 16px;
      font-weight: bold;                
      text-decoration : none;
    }
a.giallo_14_b:link {
    font-family: 'Montserrat', sans-serif;
    color : #f08f00;    
    font-size : 14px;
    font-weight: bold;    
    text-decoration : none;
  }
    a.giallo_14_b:visited {
      font-family: 'Montserrat', sans-serif;
      color : #f08f00;    
      font-size : 14px;
      font-weight: bold;          
      text-decoration : none;
    }
    a.giallo_14_b:hover {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 14px;
      font-weight: bold;                
      text-decoration : none;
    }
    a.giallo_14_b:active {
      font-family: 'Montserrat', sans-serif;
      color : #f08f00;    
      font-size : 14px;
      font-weight: bold;                
      text-decoration : none;
    }    
a.giallo_13_b:link {
    font-family: 'Montserrat', sans-serif;
    color : #f08f00;    
    font-size : 13px;
    font-weight: bold;    
    text-decoration : none;
  }
    a.giallo_13_b:visited {
      font-family: 'Montserrat', sans-serif;
      color : #f08f00;    
      font-size : 13px;
      font-weight: bold;          
      text-decoration : none;
    }
    a.giallo_13_b:hover {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 13px;
      font-weight: bold;                
      text-decoration : none;
    }
    a.giallo_13_b:active {
      font-family: 'Montserrat', sans-serif;
      color : #f08f00;    
      font-size : 13px;
      font-weight: bold;                
      text-decoration : none;
    }    
a.giallo_12_b:link {
    font-family: 'Montserrat', sans-serif;
    color : #f08f00;    
    font-size : 12px;
    font-weight: bold;    
    text-decoration : none;
  }
    a.giallo_12_b:visited {
      font-family: 'Montserrat', sans-serif;
      color : #f08f00;    
      font-size : 12px;
      font-weight: bold;          
      text-decoration : none;
    }
    a.giallo_12_b:hover {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 12px;
      font-weight: bold;                
      text-decoration : none;
    }
    a.giallo_12_b:active {
      font-family: 'Montserrat', sans-serif;
      color : #f08f00;    
      font-size : 12px;
      font-weight: bold;                
      text-decoration : none;
    }  
a.giallo_11_y:link {
    font-family: 'Montserrat', sans-serif;
    color : #f08f00;    
    font-size : 11px;
    font-weight: bold;    
    text-decoration : none;
  }
    a.giallo_11_y:visited {
      font-family: 'Montserrat', sans-serif;
      color : #f08f00;    
      font-size : 11px;
      font-weight: bold;          
      text-decoration : none;
    }
    a.giallo_11_y:hover {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 11px;
      font-weight: bold;                
      text-decoration : none;
    }
    a.giallo_11_y:active {
      font-family: 'Montserrat', sans-serif;
      color : #f08f00;    
      font-size : 11px;
      font-weight: bold;                
      text-decoration : none;
    }          
a.bianco_20_b:link {
    font-family: 'Montserrat', sans-serif;
    color : white;    
    font-size : 20px;
    font-weight: bold;    
    text-decoration : none;
  }
    a.bianco_20_b:visited {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 20px;
      font-weight: bold;          
      text-decoration : none;
    }
    a.bianco_20_b:hover {
      font-family: 'Montserrat', sans-serif;
      color : #f08f00;    
      font-size : 20px;
      font-weight: bold;                
      text-decoration : none;
    }
    a.bianco_20_b:active {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 20px;
      font-weight: bold;                
      text-decoration : none;
    }      
a.bianco_16_b:link {
    font-family: 'Montserrat', sans-serif;
    color : white;    
    font-size : 16px;
    font-weight: bold;    
    text-decoration : none;
  }
    a.bianco_16_b:visited {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 16px;
      font-weight: bold;          
      text-decoration : none;
    }
    a.bianco_16_b:hover {
      font-family: 'Montserrat', sans-serif;
      color : #f08f00;    
      font-size : 16px;
      font-weight: bold;                
      text-decoration : none;
    }
    a.bianco_16_b:active {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 16px;
      font-weight: bold;                
      text-decoration : none;
    }  
a.bianco_14_b:link {
    font-family: 'Montserrat', sans-serif;
    color : white;    
    font-size : 14px;
    font-weight: bold;    
    text-decoration : none;
  }
    a.bianco_14_b:visited {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 14px;
      font-weight: bold;          
      text-decoration : none;
    }
    a.bianco_14_b:hover {
      font-family: 'Montserrat', sans-serif;
      color : #f08f00;    
      font-size : 14px;
      font-weight: bold;                
      text-decoration : none;
    }
    a.bianco_14_b:active {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 14px;
      font-weight: bold;                
      text-decoration : none;
    }      
a.bianco_13_b:link {
    font-family: 'Montserrat', sans-serif;
    color : white;    
    font-size : 13px;
    font-weight: bold;    
    text-decoration : none;
  }
    a.bianco_13_b:visited {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 13px;
      font-weight: bold;          
      text-decoration : none;
    }
    a.bianco_13_b:hover {
      font-family: 'Montserrat', sans-serif;
      color : #f08f00;    
      font-size : 13px;
      font-weight: bold;                
      text-decoration : none;
    }
    a.bianco_13_b:active {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 13px;
      font-weight: bold;                
      text-decoration : none;
    }
a.bianco_13_b_rev:link {
    font-family: 'Montserrat', sans-serif;
    color : #f08f00;    
    font-size : 13px;
    font-weight: bold;    
    text-decoration : none;
  }
    a.bianco_13_b_rev:visited {
      font-family: 'Montserrat', sans-serif;
      color : #f08f00;    
      font-size : 13px;
      font-weight: bold;          
      text-decoration : none;
    }
    a.bianco_13_b_rev:hover {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 13px;
      font-weight: bold;                
      text-decoration : none;
    }
    a.bianco_13_b_rev:active {
      font-family: 'Montserrat', sans-serif;
      color : #f08f00;    
      font-size : 13px;
      font-weight: bold;                
      text-decoration : none;
    }    
a.bianco_12_b:link {
    font-family: 'Montserrat', sans-serif;
    color : white;    
    font-size : 12px;
    font-weight: bold;    
    text-decoration : none;
  }
    a.bianco_12_b:visited {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 12px;
      font-weight: bold;          
      text-decoration : none;
    }
    a.bianco_12_b:hover {
      font-family: 'Montserrat', sans-serif;
      color : #f08f00;    
      font-size : 12px;
      font-weight: bold;                
      text-decoration : none;
    }
    a.bianco_12_b:active {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 12px;
      font-weight: bold;                
      text-decoration : none;
    }   
a.bianco_11_b:link {
    font-family: 'Montserrat', sans-serif;
    color : white;    
    font-size : 12px;
    font-weight: bold;    
    text-decoration : none;
  }
    a.bianco_11_b:visited {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 12px;
      font-weight: bold;          
      text-decoration : none;
    }
    a.bianco_11_b:hover {
      font-family: 'Montserrat', sans-serif;
      color : #f08f00;    
      font-size : 12px;
      font-weight: bold;                
      text-decoration : none;
    }
    a.bianco_11_b:active {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 12px;
      font-weight: bold;                
      text-decoration : none;
    }      
a.nero_13_b:link {
    font-family: 'Montserrat', sans-serif;
    color : #101820;    
    font-size : 13px;
    font-weight: bold;    
    text-decoration : none;
  }
    a.nero_13_b:visited {
      font-family: 'Montserrat', sans-serif;
      color : #101820;    
      font-size : 13px;
      font-weight: bold;          
      text-decoration : none;
    }
    a.nero_13_b:hover {
      font-family: 'Montserrat', sans-serif;
      color : #101820;    
      font-size : 13px;
      font-weight: bold;                
      text-decoration : none;
    }
    a.nero_13_b:active {
      font-family: 'Montserrat', sans-serif;
      color : #101820;    
      font-size : 13px;
      font-weight: bold;                
      text-decoration : none;
    }
    
a.nero_15_b:link {
    font-family: 'Montserrat', sans-serif;
    color : #101820;    
    font-size : 15px;
    font-weight: bold;    
    text-decoration : none;
  }
    a.nero_15_b:visited {
      font-family: 'Montserrat', sans-serif;
      color : #101820;    
      font-size : 15px;
      font-weight: bold;          
      text-decoration : none;
    }
    a.nero_15_b:hover {
      font-family: 'Montserrat', sans-serif;
      color : #101820;    
      font-size : 15px;
      font-weight: bold;                
      text-decoration : none;
    }
    a.nero_15_b:active {
      font-family: 'Montserrat', sans-serif;
      color : #101820;    
      font-size : 15px;
      font-weight: bold;                
      text-decoration : none;
    }    
    
a.por_13_b:link {
    font-family: 'Montserrat', sans-serif;
    color : #d54051;    
    font-size : 13px;
    font-weight: bold;    
    text-decoration : none;
  }
    a.por_13_b:visited {
      font-family: 'Montserrat', sans-serif;
      color : #d54051;    
      font-size : 13px;
      font-weight: bold;          
      text-decoration : none;
    }
    a.por_13_b:hover {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 13px;
      font-weight: bold;                
      text-decoration : none;
    }
    a.por_13_b:active {
      font-family: 'Montserrat', sans-serif;
      color : #d54051;    
      font-size : 13px;
      font-weight: bold;                
      text-decoration : none;
    }        
a.dif_13_b:link {
    font-family: 'Montserrat', sans-serif;
    color : #fcd67c;    
    font-size : 13px;
    font-weight: bold;    
    text-decoration : none;
  }
    a.dif_13_b:visited {
      font-family: 'Montserrat', sans-serif;
      color : #fcd67c;    
      font-size : 13px;
      font-weight: bold;          
      text-decoration : none;
    }
    a.dif_13_b:hover {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 13px;
      font-weight: bold;                
      text-decoration : none;
    }
    a.dif_13_b:active {
      font-family: 'Montserrat', sans-serif;
      color : #fcd67c;    
      font-size : 13px;
      font-weight: bold;                
      text-decoration : none;
    }            
a.med_13_b:link {
    font-family: 'Montserrat', sans-serif;
    color : #8bfa8b;    
    font-size : 13px;
    font-weight: bold;    
    text-decoration : none;
  }
    a.med_13_b:visited {
      font-family: 'Montserrat', sans-serif;
      color : #8bfa8b;    
      font-size : 13px;
      font-weight: bold;          
      text-decoration : none;
    }
    a.med_13_b:hover {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 13px;
      font-weight: bold;                
      text-decoration : none;
    }
    a.med_13_b:active {
      font-family: 'Montserrat', sans-serif;
      color : #8bfa8b;    
      font-size : 13px;
      font-weight: bold;                
      text-decoration : none;
    }                
a.cen_13_b:link {
    font-family: 'Montserrat', sans-serif;
    color : #12af6c;    
    font-size : 13px;
    font-weight: bold;    
    text-decoration : none;
  }
    a.cen_13_b:visited {
      font-family: 'Montserrat', sans-serif;
      color : #12af6c;    
      font-size : 13px;
      font-weight: bold;          
      text-decoration : none;
    }
    a.cen_13_b:hover {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 13px;
      font-weight: bold;                
      text-decoration : none;
    }
    a.cen_13_b:active {
      font-family: 'Montserrat', sans-serif;
      color : #12af6c;    
      font-size : 13px;
      font-weight: bold;                
      text-decoration : none;
    }                    
a.tre_13_b:link {
    font-family: 'Montserrat', sans-serif;
    color : #7be0ff;    
    font-size : 13px;
    font-weight: bold;    
    text-decoration : none;
  }
    a.tre_13_b:visited {
      font-family: 'Montserrat', sans-serif;
      color : #7be0ff;    
      font-size : 13px;
      font-weight: bold;          
      text-decoration : none;
    }
    a.tre_13_b:hover {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 13px;
      font-weight: bold;                
      text-decoration : none;
    }
    a.tre_13_b:active {
      font-family: 'Montserrat', sans-serif;
      color : #7be0ff;    
      font-size : 13px;
      font-weight: bold;                
      text-decoration : none;
    }                        
a.att_13_b:link {
    font-family: 'Montserrat', sans-serif;
    color : #9481ff;    
    font-size : 13px;
    font-weight: bold;    
    text-decoration : none;
  }
    a.att_13_b:visited {
      font-family: 'Montserrat', sans-serif;
      color : #9481ff;    
      font-size : 13px;
      font-weight: bold;          
      text-decoration : none;
    }
    a.att_13_b:hover {
      font-family: 'Montserrat', sans-serif;
      color : white;    
      font-size : 13px;
      font-weight: bold;                
      text-decoration : none;
    }
    a.att_13_b:active {
      font-family: 'Montserrat', sans-serif;
      color : #9481ff;    
      font-size : 13px;
      font-weight: bold;                
      text-decoration : none;
    }                            
    
    input.black { /* <input> */
        background-color: #1a2836;
        opacity:1.0;
        border: 0;
        height: 30px;
        color: white;
        width: 640px;        
        padding: 0px 2px 0px 3px;
    }    
    
    input.black_mini { /* <input> */
        background-color: #1a2836;
        opacity:1.0;
        border: 0;
        height: 30px;
        color: white;
        width: 180px;        
        padding: 0px 2px 0px 3px;
    }        
    
    input.black_h { /* <input> */
        background-color: #1a2836;
        opacity:1.0;
        border: 0;
        height: 35px;
        color: white;
        padding: 0px 2px 0px 4px;        
    }
   
    input.black_v_h { /* <input> */
        background-color: #1a2836;
        opacity:1.0;
        border: 0;
        height: 35px;
        font-size : 15px;        
        color: white;
        padding: 0px 2px 0px 3px;
    }        

/* CLASSI J INPUT usate in jquery */
  .j_input_mondo_name { /* <input> */
        background-color: #1a2836;
        opacity:1.0;
        width: 580px;        
        border: 0;
        height: 40px;
        font-size : 13px;
        color: white;
        cursor: pointer;      
        padding: 0px 2px 0px 3px;        
    }
  .j_input_club_name { /* <input> */
        background-color: #1a2836;
        opacity:1.0;
        width: 580px;              
        border: 0;
        height: 40px;
        font-size : 13px;        
        color: white;      
        cursor: pointer;         
        padding: 0px 2px 0px 3px;        
    }  
    
  .j_input_id_wallet { /* <input> */
        background-color: #1a2836;
        opacity:1.0;
        width: 580px;              
        border: 0;
        height: 40px;
        font-size : 13px;        
        color: white;      
        cursor: pointer;         
        padding: 0px 2px 0px 3px;        
    }    
    
  .j_input_id_register { /* <input> */
        background-color: #1a2836;
        opacity:1.0;
        width: 580px;              
        border: 0;
        height: 40px;
        font-size : 13px;        
        color: white;      
        cursor: pointer;         
        padding: 0px 2px 0px 3px;        
    }        
    
    .j_mondo_selez { /* <td> */
        background-color: #101820;/* grigio medio */
        color: #f08f00; /*giallo */
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;         
        cursor: pointer;              
    }
    .j_league_selez { /* <td> */
        background-color: #101820;/* grigio medio */
        color: #f08f00; /*giallo */
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;         
        cursor: pointer;              
    } 
    .j_uffa_selez { /* <td> */
        background-color: #101820;/* grigio medio */
        color: #f08f00; /*giallo */
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;         
        cursor: pointer;              
    }     
    .j_torneo_selez { /* <td> */
        background-color: #101820;/* grigio medio */
        color: #f08f00; /*giallo */
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;         
        cursor: pointer;              
    }  
    
    .j_divisione_selez  {
        background-color: #1a2836; /* grigio chiaro */
        color: white;
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
        cursor: pointer;                      
    }        
    
    .j_allen_selez {
        background-color: #1a2836; /* grigio chiaro */
        color: white;
        font-size : 13px;
        font-weight: bold;                        
        height: 35px; 
        text-align: center;
        cursor: pointer;              
    }  
    
    .j_nazio_selez {
        background-color: #101820; /* grigio medio */
        color: white;
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;                
        cursor: pointer;        
    }
    .j_rigori_selez {
        background-color: #101820; /* grigio medio */
        color: white; /* white */
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
        cursor: pointer;                
    }           
    .j_disponib_selez {
        background-color: #101820; /* grigio medio */
        color: white; /* white */
        font-size : 12px;
        font-weight: bold;                        
        height: 25px;        
        cursor: pointer;                
    }           
    .j_disponib_assegn {
        /*background-color: #101820;  grigio medio */
        background-color: transparent;
        color: white; /* white */
        font-size : 12px;
        font-weight: bold;                        
        cursor: pointer;                
    }   
    .j_allen_setta {
        cursor: pointer;        
    }    
    .j_allen_setta:hover {
        background-color: #1a2836;        
        cursor: pointer;        
    }        
    .j_allen_setta:focus {
        background-color: #1a2836;        
        cursor: pointer;        
    }            
/* FINE CLASSI J INPUT */    

/*img.fade {
  opacity: 1;
  -webkit-transition: opacity 8s ease-in-out;
  -moz-transition: opacity 8s ease-in-out;
  -o-transition: opacity 8s ease-in-out;
  transition: opacity 8s ease-in-out;
}*/

img.fade {
  opacity:0;  
  animation: fadeOut ease 8s;
  -webkit-animation: fadeOut ease 8s;
  -moz-animation: fadeOut ease 8s;
  -o-animation: fadeOut ease 8s;
  -ms-animation: fadeOut ease 8s;
}
@keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
@-ms-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
      
table.campo_gioco {
    font-family: 'Montserrat', sans-serif;
    color: black; /* giallo di default*/
    font-size : 12px;    
    font-weight: bold;                            
    padding: 0px 0px 0px 0px;
    border: 0;
    background: #101820; /* grigio medio */
    background-image: url(../img/field640_h_1.jpg);
    background-repeat: no-repeat;                
  }
    table.campo_gioco td.riga_min_rev {
        background-color: transparent;
        color: black; /* white */
        font-size : 12px;
        font-weight: bold;                        
        /*height: 35px;        */
    }       
    table.campo_gioco td.td_formazione {
        height: 60;      
    }        
table.formaz_campo {
    font-family: 'Montserrat', sans-serif;
    color: black;     
    font-size : 12px;
    font-weight: bold;                                
    padding: 0px 0px 0px 0px;
    border: 0;
    background: transparent;
  }    

table.gener_diretta {
    font-family: 'Montserrat', sans-serif;
    font-size : 12px;
    color: white; /* giallo di default*/
    font-weight: bold;     
    padding: 0px 0px 0px 0px;
    border: 0;
    background: #101820; /* grigio medio */
}
    table.gener_diretta td {
        background-color: #101820; /* grigio medio */
        color: white; /* white */
        font-size : 12px;
        font-weight: bold;                        
        height: 30px;        
    }       
    
table.homepage {
    font-family: 'Montserrat', sans-serif;
    font-size : 14px;
    color: #f08f00; /* giallo di default*/
    padding: 0px 0px 0px 0px;
    border: 0;
    background: transparent;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
  }    
    table.homepage td.trasp {
        background: transparent;
        color: #f08f00; /* giallo di default*/  
        font-size : 15px;        
        font-weight: bold;                                        
      }    
      h2 { /* lo metto qui perchè nelle landing page è usato dentro questa tabella */
        font-size : 16px;
        font-weight: bold;                                
      }        
      h3 { /* lo metto qui perchè nelle landing page è usato dentro questa tabella */
        font-size : 16px;
        font-weight: bold;                                
      }              
      
table.tutor {
    font-family: 'Montserrat', sans-serif;
    font-size : 14px;
    color: #f08f00; /* giallo di default*/
    padding: 0px 0px 0px 0px;
    border: 0;
    height: 128px;
    width: 640px;
    background: transparent;
    background-image: url(../img/tutor_fumetto_d.png);
    background-repeat: no-repeat;                    
  }    
    table.tutor td.trasp {
        background: transparent;
        color: #f08f00; /* giallo di default*/  
        font-weight: bold;                                
      }              
  
table.gener_black {
    font-family: 'Montserrat', sans-serif;
    font-size : 13px;
    color: #f08f00; /* giallo di default*/
    padding: 0px 0px 0px 0px;
    border: 0;
    background: #101820; /* grigio medio */
  }
  
    table.gener_black td.testata {
        background-color: #f08f00; /*giallo */
        color: #101820;
        font-weight: bold;                        
        text-align: center;
        height: 35px;
    }  
    
    table.gener_black td.testata_gantt {
        background-color: #f08f00; /*giallo */
        color: #101820;
        font-weight: bold;                        
        text-align: center;
        font-size : 9px;            
        height: 30px;
    } 
    table.gener_black td.testata_gantt_red {
        background-color: #da5a13; /* rossa  */
        color: white;
        font-weight: bold;                        
        text-align: center;
        font-size : 9px;                    
        height: 30px;
    }          
        
    
    
    table.gener_black td.testata_top {
        background-color: #f08f00; /*giallo */
        color: #101820;
        font-size : 16px;        
        font-weight: bold;                        
        text-align: center;
        height: 35px;
    }      
    
    table.gener_black td.testata_w {
        background-color: #f08f00; /*giallo con scritta bianca */
        color: white;
        font-weight: bold;                        
        text-align: center;
        height: 35px;
    }      
    
    table.gener_black td.testatared {
        background-color: #ff2e26; /* rossa  */
        color: white;
        font-weight: bold;                        
        text-align: center;
        height: 35px;
    }      

    table.gener_black td.testatagreen {
        background-color: #4aff4a; /* verde  */
        color: black;
        font-weight: bold;                        
        text-align: center;
        height: 35px;
    }          

    table.gener_black td.testata_po {
        background-color: #d54051; /*portieri scritta bianca */
        color: white;
        font-weight: bold;                        
        text-align: center;
        height: 35px;
    }          
    table.gener_black td.testata_di {
        background-color: #fcd67c; /*difensori  scritta nera */
        color: black;
        font-weight: bold;                        
        text-align: center;
        height: 35px;
    }              
    table.gener_black td.testata_me {
        background-color: #8bfa8b; /*mediani scritta nera */
        color: black;
        font-weight: bold;                        
        text-align: center;
        height: 35px;
    }              
    table.gener_black td.testata_ce {
        background-color: #12af6c; /*centrocampisti scritta bianca */
        color: white;
        font-weight: bold;                        
        text-align: center;
        height: 35px;
    }          
    table.gener_black td.testata_tr {
        background-color: #7be0ff; /*trequartisti scritta nera */
        color: black;
        font-weight: bold;                        
        text-align: center;
        height: 35px;
    }          
    table.gener_black td.testata_at {
        background-color: #9481ff; /*attaccanti scritta bianca */
        color: white;
        font-weight: bold;                        
        text-align: center;
        height: 35px;
    }              
    
    table.gener_black td.riga {
        background-color: #101820; /* grigio medio */
        color: #f08f00; /* giallo */
        font-size : 16px;
        font-weight: bold;                        
        height: 35px;        
    }  

    table.gener_black td.riga_gantt_closed {
        /* background-color: #dadada; /* grigio chiaro */
        background-color: #B2D031; /* verde chiaro */        
        color: black;
        font-size : 9px;
        font-weight: bold;                        
        height: 25px;          
    }              
    
    table.gener_black td.riga_gantt_0 {
        background-color: white; /* grigio medio */
        color: black;
        font-size : 9px;
        font-weight: bold;                        
        height: 25px;          
    }      
    
    table.gener_black td.riga_gantt_0_day {
        background-color: #bababa; /* grigio medio scuro */
        color: black;
        font-size : 9px;
        font-weight: bold;                        
        height: 25px;          
    }          
    
    table.gener_black td.riga_gantt_1 {
        background-color: #ed8d03; /* arancione giorno selezionato */
        color: white;
        font-size : 9px;
        font-weight: bold;                        
        height: 25px;          
    }      
    
    table.gener_black td.riga_gantt_1_day {
        background-color: #da5a13; /* rosso giorno odierno*/
        color: white;
        font-size : 9px;
        font-weight: bold;                        
        height: 25px;          
    }          
    
    table.gener_black td.rigalow {
        background-color: #101820; /* grigio medio */
        color: white; 
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }              

    table.gener_black td.rigalow_9 {
        background-color: #101820; /* grigio medio */
        color: white;
        font-size : 12px;
        font-weight: bold;                        
        height: 20px;        
    }              
    table.gener_black td.rigalow_9_red {
        background-color: red; /* background rosso allenamento  */
        color: white;
        font-size : 12px;
        font-weight: bold;                        
        height: 20px;        
    }                  
    
    table.gener_black td.rigatopblack {
        background-color: #080e14; /* nero sfondo sito  */
        color: #f08f00; /* giallo */
        font-size : 16px;
        font-weight: bold;                        
        height: 35px;        
    }          
    
    table.gener_black td.rigatopblack_w {
        background-color: #080e14; /* nero sfondo sito  */
        color: white; /* white */
        font-size : 16px;
        font-weight: bold;                        
        height: 35px;        
    }              
    table.gener_black td.rigatopblack_w_13 {
        background-color: #080e14; /* nero sfondo sito  */
        color: white; /* white */
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }                  
    
    table.gener_black td.riga_min {
        background-color: #101820; /* grigio medio */
        color: #f08f00; /* giallo */
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }          
    
    table.gener_black td.riga_minlow {
        background-color: #101820; /* grigio medio */
        color: #f08f00; /* giallo */
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }              
    table.gener_black td.riga_minlow_m {
        background-color: #101820; /* grigio medio */
        color: #f08f00; /* giallo */
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
        width: 120;
    }                  
    table.gener_black td.riga_rev_min_10 {
        background-color: #1a2836;
        color: white;
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }                          
    table.gener_black td.riga_min_rev {
        background-color: #101820; /* grigio medio */
        color: white; /* white */
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }       
    table.gener_black td.riga_min_rev_y {
        background-color: #101820; /* grigio medio */
        color: #f08f00; /* giallo */
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }           
    
    table.gener_black td.riga_min_rev_bottom {
        background-color: #101820; /* grigio medio */
        color: white; /* white */
        font-size : 14px;
        font-weight: bold;                        
        height: 35px;        
        vertical-align: middle;
    }          
    table.gener_black td.riga_min_rev_red {
        background-color: red; /* background rosso allenamento */
        color: white; /* white */
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }           
    table.gener_black td.riga_min_rev_alt {
        background-color: #27313c; /* grigio alternativo per righe tabelle fitte */
        color: white; /* white */
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }           
    table.gener_black td.riga_min_rev_25 {
        background-color: #101820; /* grigio medio */
        color: white; /* white */
        font-size : 12px;
        font-weight: bold;                        
        height: 25px;        
    }           
    table.gener_black td.riga_min_rev_r {
        background-color: #1a2836; /* grigio chiaro */
        color: red; /* red */
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }           
    table.gener_black td.por {
        background-color: #101820; /* grigio medio */
        color: #d54051;
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }           
    table.gener_black td.dif {
        background-color: #101820; /* grigio medio */
        color: #fcd67c;
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }               
    table.gener_black td.med {
        background-color: #101820; /* grigio medio */
        color: #8bfa8b;
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }                   
    table.gener_black td.cen {
        background-color: #101820; /* grigio medio */
        color: #12af6c;
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }                       
    table.gener_black td.tre {
        background-color: #101820; /* grigio medio */
        color: #7be0ff;
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }                           
    table.gener_black td.att {
        background-color: #101820; /* grigio medio */
        color: #9481ff;
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }   
    
    
    table.gener_black td.por_ch {
        background-color: #1a2836; /* grigio chiaro */
        color: #d54051;
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }           
    table.gener_black td.dif_ch {
        background-color: #1a2836; /* grigio chiaro */
        color: #fcd67c;
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }               
    table.gener_black td.med_ch {
        background-color: #1a2836; /* grigio chiaro */
        color: #8bfa8b;
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }                   
    table.gener_black td.cen_ch {
        background-color: #1a2836; /* grigio chiaro */
        color: #12af6c;
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }                       
    table.gener_black td.tre_ch {
        background-color: #1a2836; /* grigio chiaro */
        color: #7be0ff;
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }                           
    table.gener_black td.att_ch {
        background-color: #1a2836; /* grigio chiaro */
        color: #9481ff;
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }       
    
    
    table.gener_black td.por_low {
        background-color: #101820; /* grigio medio */
        color: #d54051;
        font-size : 12px;
        font-weight: bold;                        
        height: 25px;        
    }           
    table.gener_black td.dif_low {
        background-color: #101820; /* grigio medio */
        color: #fcd67c;
        font-size : 12px;
        font-weight: bold;                        
        height: 25px;        
    }               
    table.gener_black td.med_low {
        background-color: #101820; /* grigio medio */
        color: #8bfa8b;
        font-size : 12px;
        font-weight: bold;                        
        height: 25px;        
    }                   
    table.gener_black td.cen_low {
        background-color: #101820; /* grigio medio */
        color: #12af6c;
        font-size : 12px;
        font-weight: bold;                        
        height: 25px;        
    }                       
    table.gener_black td.tre_low {
        background-color: #101820; /* grigio medio */
        color: #7be0ff;
        font-size : 12px;
        font-weight: bold;                        
        height: 25px;        
    }                           
    table.gener_black td.att_low {
        background-color: #101820; /* grigio medio */
        color: #9481ff;
        font-size : 12px;
        font-weight: bold;                        
        height: 25px;        
    }               
    
    table.gener_black td.riga_min_rev_low {
        background-color: #101820; /* grigio medio */
        color: white;
        font-size : 13px;
        font-weight: bold;                        
        height: 25px;        
    }                  
    
    table.gener_black td.riga_rev_min {
        background-color: #1a2836; /* grigio chiaro */
        color: white;
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }    
    
    table.gener_black td.riga_rev_min_chiaro {
        background-color: #293138; /* grigio più chiaro */
        color: white;
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }        
    
    table.gener_black td.riga_rev_min_y {
        background-color: #1a2836; /* grigio chiaro */
        color: #f08f00; /* giallo */
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }              
    table.gener_black td.riga_rev_low_y {
        background-color: #1a2836; /* grigio chiaro */
        color: #f08f00; /* giallo */
        font-size : 13px;
        font-weight: bold;                        
        height: 30px;        
    }                  

    table.gener_black td.riga_rev_min_9 {
        background-color: #1a2836; /* grigio chiaro */
        color: white;
        font-size : 10px;
        font-weight: bold;                        
        height: 30px;        
    }                      
    table.gener_black td.riga_rev_min_9_m {
        background-color: #1a2836; /* grigio chiaro */
        color: white;
        font-size : 11px;
        font-weight: bold;                        
        height: 30px; 
        width: 45px;
    }                          
    table.gener_black td.riga_min_hi {
        background-color: #101820; /* grigio medio cella molto alta */
        color: #f08f00; /* giallo */
        font-size : 13px;
        font-weight: bold;                        
        height: 70px;        
    }   
    table.gener_black td.riga_rev_low {
        background-color: #1a2836; /* grigio chiaro */
        color: white;
        font-size : 13px;
        font-weight: bold;                        
        height: 30px;        
    }              
    table.gener_black td.riga_min_hi_w {
        background-color: #101820; /* grigio medio cella molto alta */
        color: white;
        font-size : 13px;
        font-weight: bold;                        
        height: 50x;        
    }       
    
    table.gener_black td.riga_min_low {
        background-color: #101820; /* grigio medio cella bassa */
        color: #f08f00;
        font-size : 13px;
        font-weight: bold;                        
        height: 25px;        
    }          

    table.gener_black td.riga_min_rev_vlow {
        background-color: #101820; /* grigio medio */
        color: white;
        font-size : 13px;
        font-weight: bold;                        
        height: 20px;        
    }                  
    table.gener_black td.riga_rev_vlow {
        background-color: #1a2836; /* grigio chiaro */
        color: white;
        font-size : 13px;
        font-weight: bold;                        
        height: 20px;        
    }                  
    table.gener_black td.riga_rev_vlow_y {
        background-color: #1a2836; /* grigio chiaro */
        color: #f08f00; /* giallo */
        font-size : 13px;
        font-weight: bold;                        
        height: 20px;        
    }                              
    table.gener_black td.riga_rev_min_45 {
        background-color: #1a2836; /* grigio chiaro cella alta */
        color: white;
        font-size : 13px;
        font-weight: bold;                        
        height: 45px;        
    }                          
   
    table.gener_black td.riga_rev_min_hi {
        background-color: #1a2836; /* grigio chiaro cella molto alta */
        color: white;
        font-size : 13px;
        font-weight: bold;                        
        height: 70px;        
    }                  
    
    table.gener_black td.vuota {
        background-color: transparent;
        height: 20px;        
    }
    table.gener_black td.vuota15 {
        background-color: transparent;
        height: 15px;        
    }    
    table.gener_black td.vuota10 {
        background-color: transparent;
        height: 10px;        
    }        
    table.gener_black td.vuota5 {
        background-color: transparent;
        height: 5px;        
    }        
    table.gener_black td.vuota1 {
        margin: 0 0 0 0;
        padding: 0 0 0 0;        
        background-color: transparent;
        height: 1px;        
    }            
    table.gener_black td.rigagrigia {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        background-color: #40464d;
        height: 1px;        
    }                
    table.gener_black td.note {
        background-color: #080e14; /* sfondo pagina scuro */
        color: #55606a;
        font-size : 12px;
        font-weight: bold;
        height: 35px;   
    }
    table.gener_black td.nera {
        background-color: #080e14;
        height: 20px;        
    } 
    table.gener_black td.left {  
        text-align: left;
    }
    table.gener_black td.right {  
        text-align: right;
    }        
    
table.gener_topblack {
    background: #080e14; /* sfondo pagina scuro */    
    font-family: 'Montserrat', sans-serif;
    font-size : 13px;
    color: #f08f00; /* giallo di default*/
    padding: 0px 0px 0px 0px;
    border: 0;
    margin: 0 auto;    
  }
    table.gener_topblack td.white {
        background-color: #080e14;/* sfondo pagina scuro */    
        color: white;
        font-size : 13px;
        font-weight: bold;
        height: 35px;   
    }  
    table.gener_topblack td.white_h {
        background-color: #080e14;/* sfondo pagina scuro */    
        color: white;
        font-size : 20px;
        font-weight: bold;
        height: 50px;   
    }      
    table.gener_topblack td.grigio {
        background-color: #080e14;/* sfondo pagina scuro */    
        color: #272f38; /* grigio chiaro modificato */
        font-size : 13px;
        font-weight: bold;
        height: 35px;   
    } 
    table.gener_topblack td.riga_rev_min {
        background-color: #1a2836; /* grigio chiaro */
        color: white;
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }        
    table.gener_topblack td.riga {
        background-color: #101820; /* grigio medio */
        color: #f08f00; /* giallo */
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }          
    table.gener_topblack td.riga_w {
        background-color: #101820; /* grigio medio */
        color: white; /* bianco */
        font-size : 13px;
        font-weight: bold;                        
        height: 35px;        
    }              
    table.gener_topblack td.riga_w_12 {
        background-color: #101820; /* grigio medio */
        color: white; /* bianco */
        font-size : 12px;
        font-weight: bold;                        
        height: 35px;        
    }          
    table.gener_topblack td.testata {
        background-color: #f08f00; /*giallo */
        color: #101820;
        font-weight: bold;                        
        text-align: center;
        height: 35px;
    }      
    table.gener_topblack td.testata_po {
        background-color: #d54051; /*portieri scritta bianca */
        color: white;
        font-weight: bold;                        
        text-align: center;
        height: 25px;
    }          
    table.gener_topblack td.testata_di {
        background-color: #fcd67c; /*difensori  scritta nera */
        color: black;
        font-weight: bold;                        
        text-align: center;
        height: 35px;
    }              
    table.gener_topblack td.testata_me {
        background-color: #8bfa8b; /*mediani scritta nera */
        color: black;
        font-weight: bold;                        
        text-align: center;
        height: 35px;
    }              
    table.gener_topblack td.testata_ce {
        background-color: #12af6c; /*centrocampisti scritta bianca */
        color: white;
        font-weight: bold;                        
        text-align: center;
        height: 35px;
    }          
    table.gener_topblack td.testata_tr {
        background-color: #7be0ff; /*trequartisti scritta nera */
        color: black;
        font-weight: bold;                        
        text-align: center;
        height: 35px;
    }          
    table.gener_topblack td.testata_at {
        background-color: #9481ff; /*attaccanti scritta bianca */
        color: white;
        font-weight: bold;                        
        text-align: center;
        height: 35px;
    }                  
    table.gener_topblack td.vuota {
        background-color: transparent;
        height: 20px;        
    }          

/* CLASSI CALENDARIO */
table.gener_calendar {
    font-family: 'Montserrat', sans-serif;
    padding: 0px 0px 0px 0px;
    border: 0;
    background: #101820; /* grigio medio */
  }
  
    table.gener_calendar td {
        background-color: #101820; /*giallo */
        color: white;
        font-size : 12px;        
        font-weight: bold;                        
        text-align: center;
    }      
/* FINE CLASSI CALENDARIO */

#div_mobile {
    visibility: hidden;
    display: none;            
}

#div_desktop {
    visibility: visible;
    display: inline;    
}

#conteiner_ {
    position: relative;
    width: 100%;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}

#menu_logo {
    background:#080e14;
    width: 1620px;            
    height:110px;
    margin: 0 auto;        
    position:static;
    z-index: 500;
}

        #menu_logo ul {
                list-style: none;	
                margin: 0;
                padding: 20 0 0 0;
        }

        #menu_logo li {
                float: left;
                /*margin-left: 10px; */
                list-style: none;
                background: #080e14;
        }
        
        #menu_logo li.menu {
                float: left;
                margin-right: 50px;
                text-align: left;
        }        
        
        #menu_logo li.rightside {
                float: right;
                margin-right: 0;
                margin-left: 7px;
                text-align: right;
        }
        #menu_logo li.rightsidemenu {
                float: right;
                margin-right: 0;
                margin-left: 40px;
                text-align: right;
        } 
#menu_snd {
    background: #101820;
    width: 1620px;            
    height:40px;
    margin: 0 auto;        
    position:static;
    z-index: 500;
}
        #menu_snd ul {
                list-style: none;	
                margin: 0;
                padding: 12 0 0 0;
        }
        #menu_snd li.menu {
                float: left;
                margin-right: 38px;
                text-align: left;
        }        
#menu_trz {
    background: #1a2836;    
    width: 1620px;            
    height:40px;
    margin: 0 auto;        
    position:static;
    z-index: 500;
}
        #menu_trz ul {
                list-style: none;	
                margin: 0;
                padding: 12 0 0 0;
        }
        #menu_trz li.menu {
                float: left;
                margin-right: 50px;
                text-align: left;
        }   
        
        
#menu_login {
    background: #080e14;
    height: 30px;
    margin: 0 auto;        
    position:static;
    width: 1620px;        
    z-index: 500;
}

        #menu_login ul {
                list-style: none;	
                margin: 0;
                padding: 3 0 0 0;
        }

        #menu_login li {
                float: left;
                list-style: none;
                background: #080e14;
        }
        
        #menu_login li.menu {
                float: left;
                margin-right: 50px;
                text-align: left;
        }        

        #menu_login li.rightside {
                float: right;
                margin-right: 10px;
                text-align: right;
        }
        #menu_login li.leftside {
                float: left;
                margin-left: 0;
                text-align: left;
        }        
        #menu_login li.rightsidemenu {
                float: right;
                margin-right: 0;
                margin-left: 40px;
                text-align: right;
        }                         
        

#menu_logo_home {
    background: transparent;
    height:70px;
    margin: 0 auto;        
    position:static;
    width: 1620px;        
    z-index: 500;
}

        #menu_logo_home ul {
                list-style: none;	
                margin: 0;
                padding: 5 0 0 0;
        }

        #menu_logo_home li {
                float: left;
                list-style: none;
                background: transparent;
        }
        
        #menu_logo_home li.menu {
                float: left;
                margin-right: 50px;
                text-align: left;
        }        

        #menu_logo_home li.rightside {
                float: right;
                margin-right: 0;
                margin-left: 7px;
                text-align: right;
        }
        #menu_logo_home li.rightsidemenu {
                float: right;
                margin-right: 0;
                margin-left: 40px;
                text-align: right;
        } 
        
#menu_sfondo {
    background: transparent;
    margin: 0 auto;
    position:static;
    background-image: url('../img/imgMain/bg-image4.jpg');
    background-position: center top;                 
    background-size: 1920px 1080px;
    width: 1920px;
    height: 1080px;    
    background-repeat: no-repeat;
    z-index: 500;
}    

@media screen and (max-width: 1500px) {
    #menu_sfondo {
        background-size: 1620px 720px;
        width: 1620px;
        height: 720px;            
    }
}

#menu_linea {
    background:#393e43;
    width: 1620px;            
    height:1.5px;
    margin: 0 auto;        
    position:static;
    z-index: 500;
}

#menu_firstlogin {
    background: transparent;
    width: 1620px;     
    margin: 0 auto;        
    position:static;
    text-align: center;
    z-index: 500;
}
        /* immagini home page sito */
        #menu_firstlogin img.trofeo {
            margin: 35px auto 30px 1px;    
        }
        #menu_firstlogin img.linea {
            margin: 20px auto 1px 1px;    
        }        
        #menu_firstlogin img.giocaora {
            margin: 35px auto 1px 1px;    
        }                
        #menu_firstlogin img.social {
            margin: 30px 12px 1px 12px;    
        }     

#box_space_between_50 {
    background: transparent;
    margin: 0 auto;        
    position:static;
    height:50px;        
}

#box_space_between_30 {
    background: transparent;
    margin: 0 auto;        
    position:static;
    height:30px;        
}

#box_space_between_20 {
    background: transparent;
    margin: 0 auto;        
    position:static;
    height:20px;        
}

#box_space_between_15 {
    background: transparent;
    margin: 0 auto;        
    position:static;
    height:15px;        
}

#box_space_between_10 {
    background: transparent;
    margin: 0 auto;        
    position:static;
    height:10px;        
}
 
#box_space_between_5 {
    background: transparent;
    margin: 0 auto;        
    position:static;
    width: 350px;     
    height:5px;        
}

#box_centrale {
    background: #080e14;
    margin: 0 auto;        
    position:static;
    width: 1620px; 
    text-align: center;
    align-content: center;
    z-index: 500;
}   

#box_tag_task {
    background: #a8a8a8;
    border: #ff8200;
    border-style: solid;
    border-width: 2;
    margin: 0 auto;        
    position:relative;
    width: 400px; 
    text-align: center;
    align-content: center;
    z-index: 500;
    visibility: hidden;
}   

#box_lista_fatture {
    background: #a8a8a8;
    border: #ff8200;
    border-style: solid;
    border-width: 2;
    margin: 0 auto;        
    position:relative;
    width: 400px; 
    text-align: center;
    align-content: center;
    z-index: 500;
    visibility: hidden;
}   

#box_centrale_800 {
    background: #080e14;
    margin: 0 auto;        
    position:static;
    width: 800px; 
    text-align: center;
    z-index: 500;
    
} 

#box_centrale_800_scorr {
    background: #080e14;
    margin: 0 auto;        
    position:static;
    width: 800px; 
    height: 550px;    
    text-align: center;
    z-index: 500;
    overflow: auto;    
} 

#box_centrale_640_empty {/* usato per fare due blocchi orizzontali con spaziatura da 20px tra uno e l'altro */
    background: transparent;
    position: static; 
    width: 625px;             
    display: inline-block;            
    vertical-align: top;                            
    margin: 0 0; /* y x */
    z-index: 500;       
} 

#box_centrale_350 {
    background: #080e14;
    margin: 0 auto;        
    position:static;
    width: 350px; 
    text-align: center;
    z-index: 500;
} 

#box_tutor {
    background: #080e14;
    margin: 0 auto;        
    position:static;
    width: 640px; 
    text-align: center;
    align-content: center;
    z-index: 500;
}   

#box_centrale_trasp {
    background: transparent;
    margin: 0 auto;        
    position:static;
    width: 730px; 
    text-align: center;
    align-content: center;
    z-index: 500;
}   
        #box_inline_945_empty {
            background: transparent;
            position: static; 
            width: 945px;             
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }                   

        #box_inline_700_380_sc { /* sc sta per scura */
            background: #101820;
            position: static; 
            width: 700px;             
            height: 380px;                                         
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }                
        
        #box_inline_730_sc { /* sc sta per scura squadra.php */
            background: #101820;
            position: static; 
            width: 730px;             
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }   
        
        #box_inline_510_sc { /* sc sta per scura squadra.php */
            background: #101820;
            position: static; 
            width: 510px;             
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }           
        
        #box_inline_540_380_sc {
            background: #101820;
            position: static; 
            width: 540px;             
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }   
        
        #box_inline_700_ch { /* ch staper chiara */
            background: #55606a;
            position: static; 
            width: 700px;             
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                                
        }   
        #box_inline_730_empty {
            background: transparent;
            position: static; 
            width: 730px;             
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }                           
        #box_iubenda {
            background: #080e14;
            color: #f08f00;
            font-size : 14px;            
            position: static; 
            width: 730px;             
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            text-align: left;
            z-index: 500;                    
        }                
        #box_inline_700_empty {
            background: transparent;
            position: static; 
            width: 700px;             
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }                   
        #box_inline_690_empty {
            background: transparent;
            position: static; 
            width: 690px;             
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }                           
        #box_inline_625_empty { /* usato per fare due blocchi orizzontali con spaziatura da 20px tra uno e l'altro */
            background: transparent;
            position: static; 
            width: 625px;             
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }                           
        
        #box_inline_580_empty {
            background: transparent;
            position: static; 
            width: 580px;             
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }                   
        
        #box_inline_540_empty {
            background: transparent;
            position: static; 
            width: 540px;             
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }           
        
        #box_inline_510_empty {
            background: transparent;
            position: static; 
            width: 510px;             
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }     
        #box_inline_420_empty {
            background: transparent;
            position: static; 
            width: 420px;             
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }                           
        
        #box_inline_335_empty {
            background: transparent;
            position: static; 
            width: 335px;             
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }                   
        
        #box_inline_315_empty {
            background: transparent;
            position: static; 
            width: 315px;             
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }    
        
        #box_inline_170_empty {
            background: transparent;
            position: static; 
            width: 390px;
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }                   
        
        #box_inline_40_empty {
            background: transparent;
            position: static; 
            width: 30px;             
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }                           
        
        #box_inline_30_empty {
            background: transparent;
            position: static; 
            width: 30px;             
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }       
        
        #box_inline_20_empty {
            background: transparent;
            position: static; 
            width: 20px;             
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }               
        
        #box_inline_13_empty {
            background: transparent;
            position: static; 
            width: 13px;             
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }               
        
        #box_inline_space_betw_30 {
            background: transparent;
            position: static; 
            height:30px;                    
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }  
        #box_inline_space_betw_20 {
            background: transparent;
            position: static; 
            height:20px;                    
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }          
        #box_inline_space_betw_15 {
            background: transparent;
            position: static; 
            height:15px;                    
            display: inline-block;            
            vertical-align: top;                            
            margin: 0 0; /* y x */
            z-index: 500;                    
        }                  
        
#box_centrale_1180 {
    background: #080e14;
    margin: 0 auto;        
    position:static;
    width: 1180px; 
    text-align: center;
    z-index: 500;
}           

#box_centrale_1100 {
    background: #080e14;
    margin: 0 auto;        
    position:static;
    width: 1100px; 
    text-align: center;
    z-index: 500;
}           
        
#menu_bottom {
    background:#080e14;
    height:100%;
    margin: 0 auto;        
    position:static;
    width: 1620px; 
    height: 50px;
    text-align: center;
    z-index: 500;
}      
    #menu_bottom img.social {
        margin: 1px 12px 1px 12px;
    }   
    #menu_bottom p.testo_11_y {
        font-size : 11px;
        font-weight: bold;
        color: #f08f00; /*giallo */
    }   
    #menu_bottom a.giallo_11_y:link {
        font-family: 'Montserrat', sans-serif;
        color : #f08f00;    
        font-size : 11px;
        font-weight: bold;    
        text-decoration : none;
      }
        #menu_bottom a.giallo_11_y:visited {
          font-family: 'Montserrat', sans-serif;
          color : #f08f00;    
          font-size : 11px;
          font-weight: bold;          
          text-decoration : none;
        }
        #menu_bottom a.giallo_11_y:hover {
          font-family: 'Montserrat', sans-serif;
          color : white;    
          font-size : 11px;
          font-weight: bold;                
          text-decoration : none;
        }
        #menu_bottom a.giallo_11_y:active {
          font-family: 'Montserrat', sans-serif;
          color : #f08f00;    
          font-size : 11px;
          font-weight: bold;                
          text-decoration : none;
        }      
    
    
        

/**********************************/       
/* div da usare con lo scroll bar */
/**********************************/       
#box_testata {
    overflow: visible;
}
#box_righe {
    height: 400px;
    overflow: auto;
}        
        
/******************************************/
/* Inizio Gestione Slide(fatto con slick) */
/******************************************/
#box_rosaplayer_m { /* box slide (es : rosa player) */
    visibility: none;
    display: none;
}     
#box_rosaplayer_d { /* box slide (es : rosa player) */
    background: #080e14;
    margin: 0 auto;        
    position:static;
    width: 1180px; 
    text-align: center;
    z-index: 500;
    visibility: visible;
    display: inline;
}
        
/* GESTIONE PULSANTI RADIO PERSONALIZZATI (funz_player.php confronto giocatori) */
.classradio {
  display: block;
  position: relative;
  margin-bottom: 25px;
  margin-left: 10px;  
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.classradio input { /* Hide the browser's default checkbox */
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.classradio:hover input ~ .checkmark {
  background-color: #080e14; /* over grigio chiaro */
}
.classradio input:checked ~ .checkmark {
  background-color: #f08f00; /* chekkato giallo */
}
.classradio input:checked ~ .checkmark:after { /* Show the checkmark when checked */
  display: block;
}
/* GESTIONE CHECK BOX PERSONALIZZATO (funz_player.php scheda player) */
.classcheck {
  display: block;
  position: relative;
  margin-bottom: 25px;
  margin-left: 1px;  
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.classcheck input { /* Hide the browser's default checkbox */
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.classcheck:hover input ~ .checkmark {
  background-color: #080e14; /* over grigio chiaro */
}
.classcheck input:checked ~ .checkmark {
  background-color: #f08f00; /* chekkato giallo */
}
.classcheck input:checked ~ .checkmark:after { /* Show the checkmark when checked */
  display: block;
}
.checkmark { /* Create a custom checkbox */
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #1a2836;
}
.checkmark:after { /* Create the checkmark/indicator (hidden when not checked) */
  content: "";
  position: absolute;
  display: none;
}
.classradio .checkmark:after { /* Style the checkmark/indicator */
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.classcheck .checkmark:after { /* Style the checkmark/indicator */
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* GESTIONE MENU select personalizzato (funz_player.php confronto giocatori) */
select.whis_select {
  -webkit-appearance: none;  /* Safari and Chrome */
  -moz-appearance: none; /* Firefox */
  appearance: none; /* indica di non far apparire la freccetta di default del browser */
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  /* white è lo sfondo della cella */
  background: url("../img/br_down.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("../img/br_down.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}
select.whis_select::-ms-expand { display: none; }  /* explorer */

select.whis_select {
  background-color: #1a2836 !important;     
  background-image: none;    
  display: block;
  width: 150px;
  height: 34px;
  padding: 1px 1px;
  top : 2px;
  font-size: 12px; /* font size opzione selezionata */
  line-height: 1.42857143;
  color: white; /* colore font opzione selezionata '*/
  border-color: red;
  border: 1px solid #1a2836; /*bordino dell'area select prima di cliccare l'elemento */
  border-radius: 0px; /* arrotondamento degli angoli del bordino */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
select.whis_select:focus {
  border-color: #f08f00; /* bordino e ombra area select mentre si seleziona un elemento */
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 79, 20, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 79, 20, .6);
}
select.whis_select::-moz-placeholder { /* Firefox */
  color: #999;
  opacity: 1;
}
select.whis_select:-ms-input-placeholder { /* explorer */
  color: #999;
}
select.whis_select::-webkit-input-placeholder { /* Safari and Chrome */
  color: #999;
}
select.whis_select::-ms-expand { /* microsoft */
  background-color: transparent;
  border: 0;
}

select.whis_select_mini {
  -webkit-appearance: none;  /* Safari and Chrome */
  -moz-appearance: none; /* Firefox */
  appearance: none; /* indica di non far apparire la freccetta di default del browser */
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  /* white è lo sfondo della cella */
  background: url("../img/br_down.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("../img/br_down.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}

select.whis_select_mini::-ms-expand { display: none; }  /* explorer */

select.whis_select_mini {
  background-color: #1a2836 !important;     
  background-image: none;    
  display: block;
  width: 60px;
  height: 34px;
  padding: 1px 1px;
  top : 1px;  
  font-size: 16px; /* font size opzione selezionata */
  line-height: 1.42857143;
  color: white; /* colore font opzione selezionata '*/
  border-color: red;

  border: 1px solid #1a2836; /*bordino dell'area select prima di cliccare l'elemento */
  border-radius: 0px; /* arrotondamento degli angoli del bordino */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

select.whis_select_mini:focus {
  border-color: #f08f00; /* bordino e ombra area select mentre si seleziona un elemento */
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 79, 20, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 79, 20, .6);
}
select.whis_select_mini::-moz-placeholder { /* Firefox */
  color: #999;
  opacity: 1;
}
select.whis_select_mini:-ms-input-placeholder { /* explorer */
  color: #999;
}
select.whis_select_mini::-webkit-input-placeholder { /* Safari and Chrome */
  color: #999;
}
select.whis_select_mini::-ms-expand { /* microsoft */
  background-color: transparent;
  border: 0;
}

/* SELECT schieramento formazione */
select.formaz {
  -webkit-appearance: none;  /* Safari and Chrome */
  -moz-appearance: none; /* Firefox */
  appearance: none; /* indica di non far apparire la freccetta di default del browser */
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  /* white è lo sfondo della cella */
  background: url("../img/br_down_low.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("../img/br_down_low.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}

select.formaz::-ms-expand { display: none; }  /* explorer */

select.formaz {
  background-color: #101820 !important;     
  background-image: none;    
  /*display: block;*/
  width: 55px;
  height: 20px;
  padding: 0px 0px 0px 0px;
  position: relative;
  top: 0px;
  left: 10px;
  font-size: 12px; /* font size opzione selezionata */
  color: white; /* colore font opzione selezionata '*/
  border-color: red;

  border: 1px solid #101820; /*bordino dell'area select prima di cliccare l'elemento */
  border-radius: 0px; /* arrotondamento degli angoli del bordino */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

select.formaz:focus {
  border-color: #f08f00; /* bordino e ombra area select mentre si seleziona un elemento */
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 79, 20, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 79, 20, .6);
}
select.formaz::-moz-placeholder { /* Firefox */
  color: #999;
  opacity: 1;
}
select.formaz:-ms-input-placeholder { /* explorer */
  color: #999;
}
select.formaz::-webkit-input-placeholder { /* Safari and Chrome */
  color: #999;
}
select.formaz::-ms-expand { /* microsoft */
  background-color: transparent;
  border: 0;
}

/* SELECT schieramento formazione capitano */
select.formaz_cap {
  -webkit-appearance: none;  /* Safari and Chrome */
  -moz-appearance: none; /* Firefox */
  appearance: none; /* indica di non far apparire la freccetta di default del browser */
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  /* white è lo sfondo della cella */
  background: url("../img/br_down_low.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("../img/br_down_low.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}

select.formaz_cap::-ms-expand { display: none; }  /* explorer */

select.formaz_cap {
  background-color: #101820 !important;     
  background-image: none;    
  /*display: block;*/
  width: 165px;
  height: 20px;
  padding: 0px 0px 0px 0px;
  position: relative;
  top: 0px;
  left: 10px;
  font-size: 12px; /* font size opzione selezionata */
  color: white; /* colore font opzione selezionata '*/
  border-color: red;

  border: 1px solid #101820; /*bordino dell'area select prima di cliccare l'elemento */
  border-radius: 0px; /* arrotondamento degli angoli del bordino */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

select.formaz_cap:focus {
  border-color: #f08f00; /* bordino e ombra area select mentre si seleziona un elemento */
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 79, 20, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 79, 20, .6);
}
select.formaz_cap::-moz-placeholder { /* Firefox */
  color: #999;
  opacity: 1;
}
select.formaz_cap:-ms-input-placeholder { /* explorer */
  color: #999;
}
select.formaz_cap::-webkit-input-placeholder { /* Safari and Chrome */
  color: #999;
}
select.formaz_cap::-ms-expand { /* microsoft */
  background-color: transparent;
  border: 0;
}

/* SELECT ricarca giocatori */
select.ricerca {
  -webkit-appearance: none;  /* Safari and Chrome */
  -moz-appearance: none; /* Firefox */
  appearance: none; /* indica di non far apparire la freccetta di default del browser */
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  /* white è lo sfondo della cella */
  background: url("../img/br_down_low.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("../img/br_down_low.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}

select.ricerca::-ms-expand { display: none; }  /* explorer */

select.ricerca {
  background-color: #101820 !important;     
  background-image: none;    
  /*display: block;*/
  width: 450px;
  height: 30px;
  padding: 0px 0px 0px 0px;
  position: relative;
  top: 0px;
  left: 1px;
  font-size: 14px; /* font size opzione selezionata */
  color: white; /* colore font opzione selezionata '*/
  border-color: red;

  border: 1px solid #101820; /*bordino dell'area select prima di cliccare l'elemento */
  border-radius: 0px; /* arrotondamento degli angoli del bordino */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

select.ricerca:focus {
  border-color: #f08f00; /* bordino e ombra area select mentre si seleziona un elemento */
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 79, 20, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 79, 20, .6);
}
select.ricerca::-moz-placeholder { /* Firefox */
  color: #999;
  opacity: 1;
}
select.ricerca:-ms-input-placeholder { /* explorer */
  color: #999;
}
select.ricerca::-webkit-input-placeholder { /* Safari and Chrome */
  color: #999;
}
select.ricerca::-ms-expand { /* microsoft */
  background-color: transparent;
  border: 0;
}

select.dinamico {
  -webkit-appearance: none;  /* Safari and Chrome */
  -moz-appearance: none; /* Firefox */
  appearance: none; /* indica di non far apparire la freccetta di default del browser */
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  /* white è lo sfondo della cella */
  background: url("../img/br_down.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("../img/br_down.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}
select.dinamico::-ms-expand { display: none; }  /* explorer */

select.dinamico {
  /*background-color: #1a2836 !important;  */
  background-color: #344250 !important;    
  background-image: none;    
  display: block;
  width: 130px;
  height: 34px;
  padding: 2px 2px;
  top : 0px;
  font-size: 14px; /* font size opzione selezionata */
  line-height: 1.42857143;
  color: white; /* colore font opzione selezionata '*/
  border-color: red;
  border: 1px solid #1a2836; /*bordino dell'area select prima di cliccare l'elemento */
  border-radius: 0px; /* arrotondamento degli angoli del bordino */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
select.dinamico:focus {
  border-color: #f08f00; /* bordino e ombra area select mentre si seleziona un elemento */
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 79, 20, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 79, 20, .6);
}
select.dinamico::-moz-placeholder { /* Firefox */
  color: #999;
  opacity: 1;
}
select.dinamico:-ms-input-placeholder { /* explorer */
  color: #999;
}

select.dinamico::-webkit-input-placeholder { /* Safari and Chrome */
  color: #999;
}
select.dinamico::-ms-expand { /* microsoft */
  background-color: transparent;
  border: 0;
}

select.lungo {
  -webkit-appearance: none;  /* Safari and Chrome */
  -moz-appearance: none; /* Firefox */
  appearance: none; /* indica di non far apparire la freccetta di default del browser */
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  /* white è lo sfondo della cella */
  background: url("../img/br_down.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("../img/br_down.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}
select.lungo::-ms-expand { display: none; }  /* explorer */

select.lungo {
  /*background-color: #1a2836 !important;  */
  background-color: #344250 !important;  
  background-image: none;    
  display: block;
  width: 350px;
  height: 34px;
  padding: 2px 2px;
  top : 2px;
  font-size: 14px; /* font size opzione selezionata */
  line-height: 1.42857143;
  color: white; /* colore font opzione selezionata '*/
  border-color: red;
  border: 1px solid #1a2836; /*bordino dell'area select prima di cliccare l'elemento */
  border-radius: 0px; /* arrotondamento degli angoli del bordino */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
select.lungo:focus {
  border-color: #f08f00; /* bordino e ombra area select mentre si seleziona un elemento */
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 79, 20, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 79, 20, .6);
}
select.lungo::-moz-placeholder { /* Firefox */
  color: #999;
  opacity: 1;
}
select.lungo:-ms-input-placeholder { /* explorer */
  color: #999;
}

select.lungo::-webkit-input-placeholder { /* Safari and Chrome */
  color: #999;
}
select.lungo::-ms-expand { /* microsoft */
  background-color: transparent;
  border: 0;
}

/* SELECT BASE */
select {
  -webkit-appearance: none;  /* Safari and Chrome */
  -moz-appearance: none; /* Firefox */
  appearance: none; /* indica di non far apparire la freccetta di default del browser */
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  /* white è lo sfondo della cella */
  background: url("../img/br_down_low.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("../img/br_down_low.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}

select::-ms-expand { display: none; }  /* explorer */

select {
  background-color: #101820 !important;     
  background-image: none;    
  /*display: block;*/
  width: 55px;
  height: 20px;
  padding: 0px 0px 0px 0px;
  position: relative;
  top: -10px;
  font-size: 12px; /* font size opzione selezionata */
  color: white; /* colore font opzione selezionata '*/
  border-color: red;

  border: 1px solid #101820; /*bordino dell'area select prima di cliccare l'elemento */
  border-radius: 0px; /* arrotondamento degli angoli del bordino */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

select:focus {
  border-color: #f08f00; /* bordino e ombra area select mentre si seleziona un elemento */
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 79, 20, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 79, 20, .6);
}
select::-moz-placeholder { /* Firefox */
  color: #999;
  opacity: 1;
}
select:-ms-input-placeholder { /* explorer */
  color: #999;
}
select::-webkit-input-placeholder { /* Safari and Chrome */
  color: #999;
}
select::-ms-expand { /* microsoft */
  background-color: transparent;
  border: 0;
}

/* GESTIONE MENU DINAMICI */

#hormenu {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    border-top: 1px solid black;
    /* background: red;*/
}

#hormenu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#hormenu li {
width:100px;
float:left;
margin: 0;
padding: 0;
/*border-right: 1px solid black;*/
color:#f08f00; /* giallo */
}

#hormenu a {
display: block;
padding: 5px;
color: white;
text-decoration: none;
}

#hormenu a:hover {
background-color: #1A2836;
color: #f08f00; /* giallo */
text-decoration: none;
}

#hormenu li ul {
display: none
}

#hormenu li:hover ul {
display: block;
position: absolute;
z-index:1;
width:150px;
padding: 0;
margin: 0 0 0 -1px;
/*border:1px solid black;
/* background: white;*/
}

#hormenu li li { border:none; width:150px; }
#hormenu li li a { padding:2px 2px 2px 10px; }

/* FINE GESTIONE MENU DINAMICI */