body {
    background-color: #DDD;
}

.receipt_container {
    background: #FFF;
    width: 400px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 15px;
    border: 1px solid #BBB;
    font-family: helvetica, arial, sans-serif;
    font-size: 10pt;
}

.justified-center {
	text-align : center;
}
.justified-right {
	text-align : right;
}
.row-empty {
	height:10px;
}
.row-empty-small {
	height:5px;
}
.row-container {
	clear: left;
	line-height: 20px;
	padding: 1px;
}
.row-container:after {
	content : '';
	display : table;
	clear : both;
}
.column {
	float : left;
	padding : 0px;
	height : 18px
}
.left1 {

	width : 390px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.left2 {

	width : 190px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.right2 {

	width : 200px;
	text-align : right;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.left3 {

	width : 40px;
}
.middle3 {

	width : 270px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.right3 {

    width : 80px;
    text-align : right;
}

.large-font {
  font-weight: bold;
  font-size : large;
}
.strikethrough {
	text-decoration: line-through;
}
.x7 {
	text-align: left;
	font-size : x-small;
	margin : 0 0 0px;
}
.x8 {
	text-align: center;
	font-size : x-small;
	margin : 0 0 0px;
}
.xF {
	text-align: right;
	font-size : x-small;
	margin : 0 0 0px;
}
.xB {
	text-align: left;
	font-size : medium;
	margin : 0 0 0px;
}
.xC {
	text-align: center;
	 font-size : medium;
	margin : 0 0 0px;
}
.xE {
	text-align: right;
	font-size : medium;
	margin : 0 0 0px;
}
.long-text
{
	width: 390px;
	overflow: visible;
	white-space: wrap;
	text-overflow: unset;
	height: unset;
}