body{   float: left;
   position: relative;
   left: auto;
	margin:0; 
	padding:0;
	color:  #313290;
	background-color: #F9F9FE;
	/*background-image:  url(quadrati.jpg);*/
	color: #4D4D4D;
	font-family: arial,  helvetica, verdana, calibri;
	line-height:22px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	text-align: justify;
	border-width:5px;
	height: 100%;
	width: 100%; /*99%;*/
	font-size: 1em;
}

header { /*intestazione pagina dati generali logo ecc.*/
	background-image: url(../immagini/Gescomp.png);
	background-repeat:no-repeat;
	background-position:  right; /*center;*/
	background-size: 120px 50px; /*120px; /*20%;*/
	display: block;
	position:fixed;
	width:98%;
	clear: right;
	background-color: #F9F9FE; /*none;*/
	margin-top: 1px;/*-8px;*/
	font : 100% verdana,arial,sans-serif;
	font-weight : normal;
	font-size: 1em;
	/*padding: 2px 8px;*/
	text-decoration: none;
	text-align : left;
	text-transform:capitalize; /*uppercase;*/
	height: 50px; /* altezza intestazione*/
	vertical-align:top; 
   color:  #FDF7F7;
   /*border-bottom:5px solid #817F7F;*/
   /*border:3px solid #4D4D4D;*/
   display: table-header-group;
	}
/*header h1{margin:0;font-size:1rem;line-height:2.4rem}
header h1:before{content:"\E004";margin-right:8px; margin-bottom:3px;background-color:#F3061A}	*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 0px solid #1A1A1A;
  margin-left: 1%;
  color:#16174B;
  background:#F9F9FE;
}

th, td {
  text-align: justify;
  /*padding: 16px;
  width: 80%;*/
  color: #4D4D4D;
}

th:first-child, td:first-child {
  text-align: left;
  width:5%;
  background-color:#F9F9FE;
}

tr:nth-child(even) {
  background-color: #F9F9FE
  
}
th:last-child, td:last-child {
  text-align: left;
  background-color: #F9F9FE;
  width: 5%;
}


.fa-check {
  color: green;
}

.fa-remove {
  color: red;
}
#tableint {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #1A1A1A;
  margin-left: 1%;
  color:#16174B;
  background:#F9F9FE;
}
#tableint tr:nth-child(odd) {
  border: 1px solid #1A1A1A;
}

#tableint td {
  text-align: justify;
    border: 1px solid #1A1A1A;
  /*padding: 16px;
  width: 80%;*/
}
#BtnTop {
  display: none;
  position: fixed;
  bottom: 30px;
  background-image: url(../immagini/top.png) ;
  background-repeat: no-repeat;
  background-size: 20px 40px; 
  background-position: left; 
  opacity: 0.8;
  left: 8px; //30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: transparent; 
  color: #1A1A1A;
  cursor: pointer;
  padding: 20px;
}

#BtnTop:hover {
  opacity: 1.2;
  color: #F3061A;
}

#footer {  float: left; 
	background-color: #F9F9FE; /*none; #383B62; /*#808097;*/
	width: 99%; /*1320px;*/
	clear: right;
	color: blue; /*#F9F9FE;*/
	font : 100% verdana,Arial,sans-serif;
   font-size: 0.6em;
	text-align: center;
	height: 14px;
	display: table-footer-group;
   background-repeat: no-repeat;
   display: block;
   z-index: 1;  
   position: fixed; //relative; //fixed;
   bottom: 1px;
   border:1px solid #4D4D4D;
   text-align: center;
   vertical-align:middle;
}
#box{
float: left;	
display: block;
z-index: 2;
position: fixed;	
background:#F9F9FE;
width:80px;  
height:30px;
margin-left:1px;
margin-top:-50px; 
border:0px;
text-align: left;
font : 90% verdana,arial,sans-serif;
font-weight: normal;
font-size: 0.6em;
color:#1A1A1A;
}
#boxt{
background:#ADD8E6; 
border:1px solid #1A1A1A;
margin:0 auto;
text-align: left;
float: left;
margin-top:-46px;
/*position: relative; /*fixed;*/
font : 90% verdana,arial,sans-serif;
font-weight: normal;
margin-left:0px;
font-size: 0.6em;
color:#1A1A1A;
width:54%;
}
.textarea {
    background: #BFBFBF;
    font-size: 12px;
    height: auto; /*20px;*/
    line-height:20px; /*auto;*/
    width: auto; /*320px;*/
    overflow: hidden;
}
textarea[type=text]     {background:#E2E0E0;font-size: 90%; border: solid 1px #4D4D4D;  line-height:24px; width:100%;}

#btnCopy{
background:#F9F9FE;
font-size:0.6em;
width: auto; /*20%;*/
background-image: url('../immagini/copy-32.png');
background-repeat: no-repeat;
text-align:left;
height:32px;
left:250px;
border: solid 2px #4D4D4D; 
}

#btnCopy:before{content:'       Copia il codice';
text-align:right; 
left:250px;
white-space: pre; /*mantiene lo spazio bianco assegnato in content*/
}
.ristxt{border:1px solid #FF0000;
border-radius:5px;
/*margin: 5px;*/
padding: 5px;
background:#DCFBDC;
color:#1A1A1A;
border-color: #4D4D4D ;
border-style: double;    /*       dotted;*/
width: 87%;
font-size:0.8em;
text-align:left;
}
.ristxt:before{/*content:'';*/
color:#A52A2A;
margin-right:20px;
font-size:0.8em;
font-family:  arial,  helvetica, verdana, calibri;
}
#btnv{
background-color:transparent;
/*background-color: #FFA500;*/
width:500px;
font-size:0.8em;
/*width: auto; /*20%;*/
text-align:left;
height:32px;
left:250px;
border: none; 
margin-left:-10px;
color:#1A1A1A;
width:200%;
/*background-color: #FFA500;*/
}
#font{
	font-family: 90% arial,  helvetica, verdana, calibri;
   font-size:0.6em;
}
@media only screen and (min-width: 640px) and (max-width: 1239px) {
header { /*intestazione pagina dati generali logo ecc.*/
	background-position: center;
	background-size: 120px 70px; /*20%; /*10%;*/
	height: 70px; 
	padding: 2px 8px;
}	
}	
@media only screen and (min-width:1240px){
table {
  margin-left: 0;width: 100%;
}	
th, td {  border: 0px solid black;
  text-align: justify;
  width: 50%;
}
th:first-child, td:first-child {
  width: 10%;
  background-color: #F9F9FE;
}
tr:nth-child(even) { border:1;
  background-color: #F9F9FE
  width: 50%;
}
th:last-child, td:last-child {
  text-align: left;
  width: 25%;
}
#tableint {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #1A1A1A;
  margin-left: 1%;
  color:#16174B;
  background:#F9F9FE;
}
#tableint tr:nth-child(odd) {
  border: 1px solid #1A1A1A;
}
#tableint td {
  text-align: justify;
    border: 1px solid #1A1A1A;
  /*padding: 16px;
  width: 80%;*/
}
body{ font-size: 1.2em;
	line-height: 30px;
} 
#BtnTop {padding: 30px;
background-size:contain;
}
#BtnTop:hover {
  opacity: 1.2;
  background-size: contain; 
  background-color: #4D4D4D;
  color: #F3061A;
}
#box{
margin-top:-55px;
}
#boxt{
margin-top:-56px;
}
header { /*intestazione pagina dati generali logo ecc.*/
   /*background-image: url(../immagini/2.png);
	background-repeat:no-repeat;*/
	background-position: center;
	/*background-color: #F9F9FE;*/
	background-size:120px 80px; /*120px; /*8%;*/
	height: 80px; 
	padding: 2px 8px;
}
#footer {  
	height: 20px;
   vertical-align:middle;
}
#btnv{
color: #1A1A1A;
font-size:1em;
background-color:transparent;
width:200%;
height:40px; 
}
#font{
   font-family: 90% arial,  helvetica, verdana, calibri;
   font-size:0.6em;
}
}