.dndiv{
	display:flex;
	overflow: auto;
}

.deliveryNote{
	width:50%;
}

.upload{
	width:50%;
}

.receiptbutton{
	width:90px;
	font-weight:bold;
}

.receiptbutton:hover{
	background-color:#58ECA4;
}


.so{
	background-color:#58ECA4;
}

.bodySo{
  width: 110mm;
  margin-top:10px;
  padding: 2mm;
  border: 1px #D3D3D3 solid;
  border-radius: 5px;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background-color:#E5F7F6;
  color:black;
  border:2px red solid;
}

.note{
	font-size:10px;
}

.bodySoEdit{
  width: 110mm;
  margin-top:10px;
  padding: 2mm;
  border: 1px #D3D3D3 solid;
  border-radius: 5px;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background-color:#BDF59E;
 color:black;
 border:2px red solid;
}


.bodySoHindi {
  width: 100mm;
  
  margin-top:10px;
  padding: 2mm;
  border: 1px #D3D3D3 solid;
  border-radius: 5px;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  display:none;
  background-color:#E7DEDC;
  font-weight:bold;
}

.bodyInvoice{
  size: 210mm 297mm; 
  width: 210mm;
  margin:10px;
  padding: 2mm;
  border: 1px #D3D3D3 solid;
  border-radius: 5px;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  display:none;
  background-color:#E5F7F6;
 color:black;
 border:2px red solid;
}
.printBodyInvoice{
	padding:20px;

}

.ellipsis {
    position: relative;
}
.ellipsis:before {
    content: ' ';
    visibility: hidden;
}
.ellipsis span {
    position: absolute;
    left: 0;
    right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

tr.line td {
    /* set border style for separated rows */
    border-bottom: 1px solid black;
} 

.deliveryNote {
	width:50%;
	
}

.redborder{
	
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 780px)
{
	.bodySo{
	  width: 80mm;
	  margin-top:10px;
	  padding: 2mm;
	  border: 1px #D3D3D3 solid;
	  border-radius: 5px;
	  background: white;
	  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	  background-color:#E5F7F6;
	  color:black;
	  border:2px red solid;
	}

	.note{
		font-size:10px;
	}

	.bodySoEdit{
	  width: 80mm;
	  margin-top:10px;
	  padding: 2mm;
	  border: 1px #D3D3D3 solid;
	  border-radius: 5px;
	  background: white;
	  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	  background-color:#BDF59E;
	 color:black;
	 border:2px red solid;
	}


	.bodySoHindi {
	  width: 80mm;
	  
	  margin-top:10px;
	  padding: 2mm;
	  border: 1px #D3D3D3 solid;
	  border-radius: 5px;
	  background: white;
	  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	  display:none;
	  background-color:#E7DEDC;
	  font-weight:bold;
	}

	.bodyInvoice{
	  size: 80mm 297mm; 
	  width: 80mm;
	  margin:10px;
	  padding: 2mm;
	  border: 1px #D3D3D3 solid;
	  border-radius: 5px;
	  background: white;
	  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	  display:none;
	  background-color:#E5F7F6;
	 color:black;
	 border:2px red solid;
	}
}

@media print {
	.dndiv{
	 display: box;
	-webkit-display: box;
	-moz-display: box;
	-ms--display: box;
	}
  .printpage {
	size: 210mm 297mm; 
	margin-top:initial;
	padding: initial;
	margin-left:10px;
	margin-right:10px;
	border: none;
    border-radius: none;
    width: initial;
    min-height: initial;
    box-shadow: none;
    background: initial;
	 page-break-after: avoid;
        page-break-before: avoid;
  }
  
  .deliveryNote {
		width:100%;
	}
	 html, body {
	 height: 99%;   
	 page-break-after: avoid;
     page-break-before: avoid;		
    }
       
   .header { display: none; }
   .bodySoEdit { display: none; }
    .acdetail { display: none; }
   .memodiv { display:none; }
   .uploadStuff { display:none; }
   
  
   
  
	
	
}