@font-face {
  font-family: 'VodafoneExB-Regular';
  src: url('../fonts/VodafoneExB-Regular.eot');
  src: url('../fonts/VodVodafoneExB-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/VodaVodafoneExB-Regular.woff') format('woff'),
       url('../fonts//VodafVodafoneExB-Regular.svg#VodafoneExB-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'VodafoneLt-Regular';
  src: url('../fonts/VodafoneLt-Regular.eot');
  src: url('../fonts/VodafoneLt-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/VodafoneLt-Regular.woff') format('woff'),
       url('../fonts/VodafoneLt-Regular.svg#VodafoneLt-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'VodafoneRg-Regular';
  src: url('../fonts/VodafoneRg-Regular.eot');
  src: url('../fonts/VodafoneRg-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/VodafoneRg-Regular.woff') format('woff'),
       url('../fonts/VodafoneRg-Regular.svg#VodafoneRg-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'VodafoneRg-Bold';
  src: url('../fonts/VodafoneRg-Bold.eot');
  src: url('../fonts/VodafoneRg-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/VodafoneRg-Bold.woff') format('woff'),
       url('../fonts/VodafoneRg-Bold.svg#VodafoneRg-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

.btable
{
 width: 100%;
}

.col1
{
	text-align: left;
}

.col2
{
	text-align: center;
}

.col3
{
	text-align: right;
}

.button 
{
        font-size: 12pt;
        font-family: 'VodafoneLt-Regular';
        color: rgb(255,255,255); 
        background-color:#ff0000; 
}

.button2 {
    font-size: 12pt;
    font-family: 'VodafoneLt-Regular';
    color: rgb(64,64,64);
    background-color: transparent;
    border: none; /* Nessun bordo */
    outline: none; /* Rimuove il bordo evidenziato al clic */
    box-shadow: none; /* Rimuove eventuali ombre */
    padding: 0; /* Riduce il padding se necessario */
    cursor: pointer; /* Mantiene il cursore del puntatore per un pulsante */
}

.button3 {
    font-size: 12pt;
    font-family: 'VodafoneLt-Regular';
    color: rgb(255,255,255);
    background-color: #0026ff;
}

.header 
{
     font-size: 12pt;
     font-family:'VodafoneRg-Regular';
     background-color:#FF0000;
     color:#ffffff; 
}

.headerh 
{
     font-size: 12pt;
     font-family:'VodafoneRg-Regular';
     background-color:#FF0000;
     color:#ffffff; 
     visibility:hidden;   
}

.hidden {
	display:none;
}

.label
{
        font-size: 11pt;
        font-family:'VodafoneLt-Regular';
        background-color:#ffffff;
        color:#000000; 
}	

.labelPlus
{
        font-size: 12pt;
        font-family:'VodafoneRg-Bold';
        background-color:#ffffff;
        color:#000000; 
} 	
	
.labelPlusRed
{
        font-size: 12pt;
        font-family:'VodafoneRg-Bold';
        background-color:#ffffff;
        color:#FF0000; 
} 		
	
.row1  
{
    background-color: rgb(255,255,255);
    color:Black;  
    font-family: 'VodafoneLt-Regular';
    font-size : 10pt; 
}
 
.row2 
{
    background-color: rgb(200,200,200);
    color:Black;  
    font-family: 'VodafoneLt-Regular';
    font-size : 10pt;           
}
	
.title
{
        font-size: 12pt;
        font-family:'VodafoneLt-Regular';
        background-color:#FFffff;
        color:#ff0000; 
}	
 

.viewing-area span {
	color: #000;
	display: none;
}

#topbox {
	position: fixed;
	top: 0;
    left: 0;
    right: 0;
	height:92px !important; height /**/: 84px;
    overflow:hidden;
    margin-right:16px;
    padding:4;    
}

#rightwork {
	position: fixed;
    top: 93px;
    bottom: 28px;
    left: 0;
    right: 0;
	overflow-y:scroll;
	padding:4;
	/* margin-right:16px; */
	
}  
    
#sinkbox {
	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
	height:28px !important; height /**/: 38px; 
	overflow:hidden;
} 
 
/*
@media screen and  (min-width: 240px) and (width: 299px)
{
    .btable
    {
     width: 30%;
    }
}
*/
            
@media screen and  (min-height: 240px) and (max-height: 299px)
   
{
	span.bt240-300 {
		display: inline-block;
	}


    .row1  
    {
        background-color: rgb(255,255,255);
        color:Black;  
        font-family: 'VodafoneRg-Bold';
        font-size : 11pt; 
    }
 
    .row2 
    {
        background-color: rgb(200,200,200);
        color:Black;  
        font-family: 'VodafoneRg-Bold';
        font-size : 11pt;           
    }

}


@media screen and  (min-height: 300px) and (max-height: 359px)
    
{
	span.bt300-360 {
		display: inline-block;
	}
	
    .row1  
    {
        background-color: rgb(255,255,255);
        color:Black;  
        font-family: 'VodafoneRg-Bold';
        font-size : 11pt; 
    }
 
    .row2 
    {
        background-color: rgb(200,200,200);
        color:Black;  
        font-family: 'VodafoneRg-Bold';
        font-size : 11pt;           
    }	
	
}

 
@media screen and (min-height: 360px) and (max-height: 479px)
    
{
	span.bt360-480 {
		display: inline-block;
	}

} 



@media screen and (min-height: 480px) and (max-height: 599px)
{
	span.bt480-600 {
		display: inline-block;
	}
	
} 

@media screen and (min-height: 600px) and (max-height: 959px)
{
	span.bt600-960 {
		display: inline-block;
	}
	
      
}


@media screen and (min-height: 960px) and (max-height: 1365px)

{
	span.bt960-1366 {
		display: inline-block;
	}
	
} 


@media screen and (min-height: 1366px) and (max-height: 1999px)

{
	span.bt1366-2000 {
		display: inline-block;
	}

} 





@media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : landscape)
    and (-webkit-min-device-pixel-ratio: 2)
{
	span.iPad_l {
		display: inline-block;
	}
	
    #topbox {
	    position: fixed;
	    top: 0;
        left: 0;
        right: 0;
	    height:120px !important; height /**/: 120px;
        overflow:hidden;
        
        /* margin-right:16px; */
        
        /* padding:4; */    
    }

    #rightwork {
	    position: fixed;
        top: 121px;
        bottom: 28px;
        left: 0;
        right: 0;
	    
	    /* overflow-y:scroll; */
	    
	    /* padding:4; */
	    margin-right:16px; 
	
    }  
    
    #sinkbox {
	    position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
	    height:28px !important; height /**/: 38px; 
	    overflow:hidden;
    } 

	
	
} 

@media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : portrait)
    and (-webkit-min-device-pixel-ratio: 2)
{
	span.iPad_p {
		display: inline-block;
	}
	
    #topbox {
	    position: fixed;
	    top: 0;
        left: 0;
        right: 0;
	    height:120px !important; height /**/: 120px;
        overflow:hidden;
        /* margin-right:16px; */
        /* padding:4; */    
    }

    #rightwork {
	    position: fixed;
        top: 121px;
        bottom: 28px;
        left: 0;
        right: 0;
	    /* overflow-y:scroll; */
	    /* padding:4; */
	    margin-right:16px; 
	
    }  
    
    #sinkbox {
	    position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
	    height:28px !important; height /**/: 38px; 
	    overflow:hidden;
    } 
	
    
}