body {font-family: 'Fira Sans', Helvetica, Arial, Tahoma, Verdana, sans-serif; }

.tableFixHead 
{
        overflow-y: auto;
        height: 106px;
}

.tableFixHead thead th 
{
  position: sticky;
  top: 70px;
}

li a { text-decoration:none ! important;}

table 
{
  border-collapse: collapse;
  width: 100%;  
}

th { background: #bdbdbd; color:black; z-index:9000;}

#header
{
    background-color: rgba(0,51,102,0.7);
    color: white;
    font-size:small;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 110px;
    padding: 0px;
    margin: 0px;
    z-index:5;
}

#header #header-content { margin: 0px; }

#header #header-info    { float:right; width:20%; padding: 5px 15px 5px 5px; }

.work 
{  
    background-color: transparent;
    width: 100%;
    padding: 0px;
    margin-top:70px;
    margin-left:0px;
    text-align:center;    
    font-size:small;
}

.work_mobile 
{  
    background-color: rgba(255,255,255,1.0);
    width: 100%;
    padding: 32px;
    margin-top:0px;
    margin-left:0px;
    text-align:center;    
    font-size:14px;
}

.green  { font-size: 16px; 
	background-color: #CCFFA2;
	color: green;
	margin: 0px auto;
    	top: 10px;
    	left: 0px;
    	width: 96%;
	height:auto;
	padding: 10px 10px 18px 10px;
	font-weight: bold;
	text-align:center;
	border-left: .25rem solid #3b942b;
	}

.red   { font-size: 16px; 
	background-color: #FFA3A3;
	color: black;
	margin: 0px auto;
    	top: 10px;
    	left: 0px;
    	width: 96%;
	height:auto;
	padding: 10px 10px 18px 10px;
	font-weight: bold;
	text-align:center;
	border-left: .25rem solid red;
	}

.xblue  { font-size: 16px; 
	background: #e4edf5;
	color: navy;
	margin: 0px auto;
    	top: 10px;
    	left: 0px;
    	width: 96%;
	height:auto;
	padding: 10px 10px 18px 10px;
	font-weight: bold;
	text-align:center;
	border-left: .25rem solid navy;
	}
				
.yellow { font-size: 16px; 
	background-color: #FFF6BD;
	color: black;
	margin: 0px auto;
    	top: 10px;
    	left: 0px;
    	width: 96%;
	height:auto;
	padding: 10px 10px 18px 10px;
	font-weight: bold;
	text-align:center;
	border-left: .25rem solid yellow;
	}

.orange { font-size: 16px; 
	background-color: #fdac5c;
	color: black;
	margin: 0px auto;
    	top: 10px;
    	left: 0px;
    	width: 96%;
	height:auto;
	padding: 10px 10px 18px 10px;
	font-weight: bold;
	text-align:center;
	border-left: .25rem solid orange;
	}

.chiaro    {font-size: 16px; font-weight: bold; text-align:center; color:black; padding:2px;  margin-bottom:5px;}
.chiaro_left {font-weight: bold; text-align:left; color:black; padding:2px;  margin-bottom:5px;}

.grey	   {background-color:#F0F0F0;}
.darkgrey  {background-color:#D0D0D0;}
.bold	   {font-weight:bold;}

.saldi 	   { margin-bottom: 2px; padding: 5px; font-size: 14px; }

.riepilogo { margin-bottom: 2px; padding: 5px; font-size: 20px; text-align:right;}

.titolo    {text-align:center; font-size:small; font-weight:bold; color:white; background-color:#004376;}

.titolox   {text-align:center; font-size:small; font-weight:bold; color:white; background-color:red;}

.totali    {text-align:center; font-size:small; font-weight:bold; color:white; background-color:#0073A6;}

.deschome {font-size: 14px; }

.items {font-weight:bold; font-size: 16px;}

.avviso    {font-size: 11px; font-weight: bold; text-align:center; color: navy;}
.rigido    {font-size: large; font-family:monospace;}

.left	   {text-align:left;}
.center	   {text-align:center;}
.right	   {text-align:right;}

.grande	   {font-size:22px; font-weight: bold; text-align:center; color:black; margin: 0px auto;}

.link	   {text-decoration:none; color:navy;}
:hover.link {color:red;}

.tasto     {font-size:16px; font-weight:bold; border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
:hover.tasto {background-color:#BBE4FF;}

.tastox    {font-size:16px; font-weight:bold; color:red;font-weight:bold; border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
:hover.tastox {background-color:#FFBDBD;}

.dettaglio {background-color:white; width:100%; line-height:18px; font-weight:normal; border-spacing:4px; }
.dettaglio_flex {background-color:white; line-height:22px; font-weight:bold; border-spacing:4px; }

.riga       { }
:hover.riga {background-color: #ffe5b3;}
.parametro  { }

.action_button_blue { background-color:#BBE4FF; color:#1C407D; font-weight:bold;     
		      border-radius: 8px;
    		      -moz-border-radius: 8px;
    		      -webkit-border-radius: 8px;
    		       font-size:medium;}

:hover.action_button_blue {background-color:white;}

.action_button_green  { background-color:#CDFF9E; color:#015B13; font-weight:bold;
		      border-radius: 8px;
    		      -moz-border-radius: 8px;
    		      -webkit-border-radius: 8px;
    		       font-size:medium;}

:hover.action_button_green {background-color:white;}

.action_button_yellow { background-color:#FFF766; color:black; font-weight:bold;
		      border-radius: 8px;
    		      -moz-border-radius: 8px;
    		      -webkit-border-radius: 8px;
    		       font-size:medium;}

:hover.action_button_yellow {background-color:white;}

.action_button_red    { background-color:#FF9E9E; color:black; font-weight:bold;
		      border-radius: 8px;
    		      -moz-border-radius: 8px;
    		      -webkit-border-radius: 8px; 
    		      font-size:medium;}

:hover.action_button_red {background-color:white;}

.action_button_white  { background-color:#F0F0F0; color:black; font-weight:bold;
		      border-radius: 8px;
    		      -moz-border-radius: 8px;
    		      -webkit-border-radius: 8px;
    		       font-size:medium;}

.campo {background-color:#F0F0F0;
		border: 1px solid #ccc;
     	color: #000000;
     	text-align:left;
     	font-size: medium;
     	font-style: normal;
     	font-weight: bold;
     	padding: 1px;}

.numero {background-color: #F0F0F0;
		border: 1px solid #ccc;
     	color: #000000;
     	text-align:right;
     	font-size: medium;
     	font-style: normal;
     	font-weight: bold;
     	padding: 1px;}
     	
.areatesto {background-color: #FAFFCA;
	border: 1px solid #ccc;
     	color: #000000;
     	text-align:left;
     	font-size: medium;
     	font-weight: bold;
     	padding: 3px;
     	width:99%;}

.xreadonly {background-color: #E0E0E0;
	border: 1px solid #ccc;
     	color: #000000;
     	font-size: medium;
     	font-weight: bold;
     	padding: 1px;}

.readonly { border: 1px solid #ccc; background-color: #E0E0E0; font-weight: bold;}

.pannello {  }

.msgline { height:48px; }

p.accordion{ cursor: pointer; 
	     background-color:#D0D0D0; 
	     color:black; 
	     height:32px; 
	     font-size:16px; 
	     font-weight:bold;
	     padding-top: 8px; text-align:center;}
	     
div.accordion{ display: none; background-color:#F0F0F0;  text-align:center;}

.assistenza  { 
   width:200px;     
   text-align:left;
   float:left;
   padding:0px;
   margin:0px; }
   
/*  ------------ Version 2 -----------------  */

.bottone {
    background-color: white;
    border: 1px solid #4c7094;
    border-radius: 3px;
    box-shadow: 0 0 0 0 #fed897 inset;
    color: navy;
    display: inline-block;
    /*font-family: Open Sans,sans serif;*/
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    height: 32px;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    padding: 4px;
    min-width: 80px;
}

.bottone:hover {
    background-color:  #4c7094; color:#ffffff;
}

.bottone:active {
    position: relative;
    top: 1px;
}

.bottone_r {
    background-color: white;
    border: 1px solid #ff6600;
    border-radius: 3px;
    box-shadow: 0 0 0 0 #fed897 inset;
    color: red;
    display: inline-block;
    /*font-family: Open Sans,sans serif;*/
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    height: 32px;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    padding: 4px;
    min-width: 80px;
}

.bottone_r:hover {
    background-color: red; color:white;
}
.bottone_r:active {
    position: relative;
    top: 1px;
}

.bottone_g {
    background-color: white;
    border: 1px solid #4e9a06;
    border-radius: 3px;
    box-shadow: 0 0 0 0 #fed897 inset;
    color: green;
    display: inline-block;
    /*font-family: Open Sans,sans serif;*/
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    height: 32px;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    padding: 4px;
    min-width: 80px;
}

.bottone_g:hover {
    background-color: lime; color:white;
}
.bottone_g:active {
    position: relative;
    top: 1px;
}


.bottone_min {
    background-color: #ffffff;
    border: 1px solid #4c7094;
    border-radius: 7px;
    box-shadow: 0 0 0 0 #fed897 inset;
    color: #299fd0;
    /*font-family: Open Sans,sans serif;*/
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    line-height: 16px;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    padding: 4px;
    min-width: 40px;
}

.bottone_min:hover {
    background-color: #ebebeb;
}

.bottone_min:active {
    position: relative;
    top: 1px;
}

.blue   { color:navy;  background-color: white; } 	.blue:hover   { background-color:#e4edf5; }
.rosso  { color:red;   background-color: white; } 	.rosso:hover  { background-color:pink; }
.verde  { color:green; background-color: white; } 	.verde:hover  { background-color:lime; }
.giallo { color:black; background-color: gold; } 	.giallo:hover { background-color: yellow; }

.bottone_min_alto {
    background-color: #ffffff;
    border: 1px solid #299fd0;
    border-radius: 7px;
    box-shadow: 0 0 0 0 #fed897 inset;
    color: #299fd0;
    display: inline-block;
    /*font-family: Open Sans,sans serif;*/
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    height: 40px;
    margin-bottom: 5px;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    width: 65px;
}
.bottone_min_alto:hover {
    background-color: #ebebeb;
}
.bottone_min_alto:active {
    position: relative;
    top: 1px;
}

.bottone_r_min {
    background-color: #ffffff;
    border: 1px solid #ff6600;
    border-radius: 7px;
    box-shadow: 0 0 0 0 #fed897 inset;
    color: #ff6600;
    /*font-family: Open Sans,sans serif;*/
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    line-height: 16px;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    padding:4px;    
    min-width:40px;
    
}
.bottone_r_min:hover {
    background-color: #ffe1cd;
}
.bottone_r_min:active {
    position: relative;
    top: 1px;
}

.bottone_r_micro {
    background-color: #ffffff;
    border: 1px solid #ff6600;
    border-radius: 7px;
    box-shadow: 0 0 0 0 #fed897 inset;
    color: #ff6600;
    display: inline-block;
    /*font-family: Open Sans,sans serif;*/
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    height: 30px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
}
.bottone_r_micro:hover {
    background-color: #ffe1cd;
}
.bottone_r_micro:active {
    position: relative;
    top: 1px;
}

.bottone_n {
    background-color: #ffffff;
    border: 1px solid #000000;
    border-radius: 7px;
    box-shadow: 0 0 0 0 #fed897 inset;
    color: #000000;
    display: inline-block;
    /*font-family: Open Sans,sans serif;*/
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    height: 40px;
    line-height: 32px;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
}
.bottone_n:hover {
    background-color: #ebebeb;
}
.bottone_n:active {
    position: relative;
    top: 1px;
}
.bottone_alto_on {
    background-color: white;
    border: 2px solid #27aae1;
    border-radius: 7px;
    box-shadow: 0 0 0 0 #fed897 inset;
    color: #27aae1;
    display: inline-block;
    /*font-family: Open Sans,sans serif;*/
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    height: 40px;
    line-height: 32px;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 20px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    width: 150px;
}
.bottone_alto {
    background-color: #27aae1;
    border: 2px solid #27aae1;
    border-radius: 7px;
    box-shadow: 0 0 0 0 #fed897 inset;
    color: white;
    display: inline-block;
    /*font-family: Open Sans,sans serif;*/
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    height: 40px;
    line-height: 32px;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 20px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    width: 150px;
}
.bottone_alto:hover {
    background-color: #ffffff;
    border: 2px solid #27aae1;
    color: #27aae1;
}
.bottone_alto:active {
    position: relative;
    top: 1px;
}
   
.testata_pagina_resp 
{ 
	width:100%; 
	height:70px;
	border: none 0px white;  
	color:white; 
	background-color: rgba(0,51,102,0.7); 
	position:fixed; 
	top:0px;
	margin: 0px;
    	z-index:5;
}

.logo_img { height:48px;  margin-left:10px;}

.menu_td {  width:10%;  min-width:80px; height:64px; text-align:center;}

.logo_td1 { width:10%; text-align:left; }
.logo_td1_mobile { width:10%; text-align:left; display:none;}
.logo_td2 { width:10%; text-align:center; }

.titolo_td { font-size:medium; text-align:left; padding-left:10px;}

.sopra:hover { background-color:#F0F0F0;}

.info_conto { background-color: #d8e2f5; margin-top:0px; }

.flexi {max-width: 85%}
   
.titolo_home { font-size: 20px; font-weight: bold; color: #3d3d3d; padding: 0.5rem 1.1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.125); }   

.titolo_box { font-size: 16px; font-weight: bold; color: #376BCC; padding: 0.5rem 1.1rem; margin-top: -15px; border-bottom: 1px solid rgba(0, 0, 0, 0.125); } 

.lightgrey {background-color: #f0f0f036; }

.blind { color:white; font-weight:bold; background-color: white; }
   
.autocomplete-list div
{  
	width:100%; 
	padding: 10px; 
	cursor: pointer;  
	background-color: #fff;  
	border-bottom: 1px solid #d4d4d4;
}   
.autocomplete-list div:hover 
{
  background-color: #e9e9e9; 
}
.autocomplete-item
{
	text-align:left;	
}

._crediti
{
    font-size: 16px; 
	background-color: #CCFFA2;
	color: green;
	margin: 0px auto;
    	top: 10px;
    	left: 0px;
    	width: 96%;
	height:auto;
	border-left: .25rem solid #3b942b;

    margin-bottom: 2px; 
    padding: 5px; 
    font-size: 20px; 
    text-align:right;
}

.testata_saldi_buoni
{
    font-size: 16px; 
	background-color: #CCFFA2;
	color: green;
	margin: 0px auto;
    	top: 10px;
    	left: 0px;
    	width: 96%;
	height:auto;
	border-left: .25rem solid #3b942b;

    margin-bottom: 2px; 
    padding: 5px; 
    font-size: 20px; 
    text-align:right;
}


.riga_saldi_crediti
{
	font-size: 16px; 
	background: #e4edf5;
	color: navy;
	margin: 0px auto;
    	top: 10px;
    	left: 0px;
    	width: 96%;
	height:auto;
	font-weight: bold;
	text-align:center;
	border-left: .25rem solid navy;

	margin-bottom: 2px; 
	padding: 5px; 
	font-size: 14px; 	
}

.riga_saldi_buoni
{
	font-size: 16px; 
	background: #e4edf5;
	color: navy;
	margin: 0px auto;
    	top: 10px;
    	left: 0px;
    	width: 96%;
	height:auto;
	font-weight: bold;
	text-align:center;
	border-left: .25rem solid navy;

	margin-bottom: 2px; 
	padding: 5px; 
	font-size: 14px; 	
}

.importo_crediti {	color:white; font-size:large; background-color:#5a6f94; }

.importo_buoni { color:black; background-color:#fe7f00; font-size:large; }

.iconaimg { vertical-align:middle; }

.testo_privacy 
{
	font-weight: bold;
}
.checkbox_div
{
	min-height:55px;
}

.img_logo { width:80px; }


input[type=file]::file-selector-button 
{
  margin-right: 20px;
  border: none;
  background: #084cdf;
  padding: 10px 20px;
  border-radius: 0px;
  color: #fff;
  cursor: pointer;
  transition: background .2s ease-in-out;
}

input[type=file]::file-selector-button:hover 
{
  background: #0d45a5;
}