@media print{

body * { visibility: hidden; }
.receipt * { visibility: visible; }
.rec * { visibility: visible; }
.receiptdiv { 
  display:block; 
   
}

.receipt { 
    margin-bottom:300px;
    position: absolute;left: 0;
     
       top: 0; }
.rec { 
    left:0;
    
    margin-right:45px;
       margin-bottom:300px;}


.r1 { 
  margin-left:30px }
.img,.tag { 
  text-align:right }
.receiptbox { 
  width:700px }
.Civilbox { 
  width:800px }

.height{
height:20px;
}
.sign { 
  margin-right:100px }
#Header, #Footer { display: none !important; }
}


@media open{

body * { visibility: hidden; }
.receipt * { visibility: visible; }
.rec * { visibility: visible; }
.receiptdiv { 
  display:block; 
   
}

.receipt { 
    margin-bottom:300px;
    position: absolute;left: 0;
     
       top: 0; }
.rec { 
    left:0;
    
    margin-right:45px;
       margin-bottom:300px;}


.r1 { 
  margin-left:30px }
.img,.tag { 
  text-align:right }
.receiptbox { 
  width:700px }
.height{
height:20px;
}
.sign { 
  margin-right:100px }

}

@page {
    
   size: auto;  margin: 0;
}