html,body {
margin:0mm;
}
@page  
{ 
    size: auto;   /* auto is the initial value */ 

    /* this affects the margin in the printer settings */ 
    margin: 0mm 0mm 0mm 0mm;  
} 

.toprint {position:relative;
}
.pannello_A4 {
	position: fixed;
	top: 50px;
	right: 0;
	z-index: 900;
	display: none;
	overflow: auto;
	background: none;
	border: 0px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	width: auto;
	height: 100%;
	padding: 30px 30px 30px 30px;
}

.A4Portrait { position:relative;
width:21cm; 
height:29.7cm; 
margin-left:auto; 
margin-right:auto; 
box-shadow: 0px 0px 30px 
rgba(50, 50, 50, 0.75); 
display: inline-block;
}

.noA4Portrait { 
/*background:url(img/DFS1.jpg); 
background-size: cover;*/
position:relative;
float:right;
width:auto;
display: inline-block;
}

.A4Portrait > img { position:absolute;
position:absolute;
width:21cm; 
height:29.7cm; 
}
.inserisci{ position:relative;
z-index:500;
width:auto;
padding:5px;
margin:10px;
display: block;
}

.noA4Portrait_left{display: inline-block;
width:700px;
position:relative;
float:left;
z-index:500;
}

.container{
top: 35mm;
position:absolute;
width:auto;
padding:5mm;
}

.titolo{
position:relative;
float: left;
width:80mm;
height: 40mm;
padding-left: 5mm;
padding-right: 5mm;
left: 5mm;
color: black;
text-align:center;
border: 1px solid #000;
border-radius: 2em;
}

 .titolo h1{
font-size: 14px;
text-align:center;
margin: 1mm;
}

 .titolo h5{
font-size: 10px;
text-align:left;
margin: 1mm;
}

.fattura{
position:absolute;
width:60mm;
height: 35mm;
padding: 5mm;
color: black;
margin-left: 120mm;
top: 10mm;
text-align:center;
}
 .fattura h2{
font-size: 16px;
text-align:center;
margin: 1mm;
}
.cliente{
position:relative;
width:80mm;
height: 30mm;
padding-left: 5mm;
padding-right: 5mm;
margin-left: 105mm;
margin-top: 10mm;
color: black;
text-align:center;
border: 1px solid #000;
border-radius: 2em;
}
 .cliente h1{
font-size: 14px;
text-align:center;
margin: 1mm;
}

 .cliente h5{
font-size: 10px;
text-align:left;
margin: 1mm;
}
 .contatti h1{
font-size: 16px;
text-align:center;
margin: 1mm;
}

 .contatti h5{
font-size: 12px;
text-align:left;
margin: 1mm;
}


.foto{ 
width:200mm;
height: 120mm;
position:absolute;
 display: block;
text-align:center;
margin:0mm;
border: 5mm solid #045fe3;
border-radius: 5mm;
top: 5mm; 
border-radius: 15mm;
box-shadow: 0px 3px 5px black;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}

 .foto > img,
 .foto a > img {
z-index: 800;
width:200mm;
height: 120mm;
  margin-left: 0mm;
  margin-right: 0mm;
border-radius: 10mm;
}

.tabella{  
position:absolute;
width:190mm;
margin: 10mm;
height: auto;
top: 75mm;
 display: block;
text-align:center;
	border: 1px solid #000;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;

/*
border: 1px solid #dfecf3;

box-shadow: 0px 0px 15px #555;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;*/
}
.container2{
top: 230mm;
position:absolute;
width:auto;
padding:5mm;
}
.totale{
position:relative;
width:auto;
height: auto;
margin-top: 2mm;
padding-left: 5mm;
padding-right: 5mm;
left: 140mm;
color: black;
text-align:left;
border: 1px solid #000;
	border-bottom-left-radius: 2em;
	border-top-left-radius: 2em;
	border-bottom-right-radius: 2em;
	border-top-right-radius: 2em;
}
 .totale h1{
font-size: 14px;
text-align:right;
margin: 1mm;
}

 .totale h5{
font-size: 12px;
text-align:right;
margin: 1mm;
}

table {
    border-collapse: collapse;
	text-align:center;
}
table .total {
    border-collapse: collapse;
	text-align:right;
}
.riga0 {
width:190mm;
height: 10mm;
color: black;
background: transparent;
font-size: 12px;
}
.riga1 {
border-top: 0.5mm solid #000;
width:190mm;
height: 7mm;
background: transparent;
font-size: 10px;
}
.riga2 {
border-top: 0.5mm solid #000;
width:190mm;
height: 7mm;
background: transparent;
font-size: 10px;
}

input[type=button] {
    font-size:16px;
    cursor:pointer;
	margin: 0 auto;
}
input[type=submit] {
    font-size:16px;
    cursor:pointer;
	margin: 0 auto;
}
.basso{ 

width:204mm;
height: 40mm;
text-align:left;
position: relative;
 display: block;
top: 255mm;
left: 0mm; 
background: #5158b3;
border-top: 3mm solid #045fe3;
border-left: 3mm solid #045fe3;
border-right: 3mm solid #045fe3;
color: white;
border-top-left-radius: 5mm;
border-top-right-radius: 5mm;
box-shadow: 0px -3px 5px black;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}  

 .basso h6{
 display: block;
position: absolute;
font-size: 12px;
margin-left: 2mm;
margin-right: 30mm;
color: white;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-responsive-round {

  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 12mm;
}

.basso > img {
  text-align:center;
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
}

h1,h2,h3,h4,h5,h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  vertical-align:middle;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 16px;
}
h2,
.h2 {
  font-size: 14px;
}
h3,
.h3 {
  font-size: 14px;
}
h4,
.h4 {
  font-size: 12px;
}
h5,
.h5 {
  font-size: 12px;
}
h6,
.h6 {
  font-size: 12px;
}