#page-wrap { width: 800px; margin: 0 auto; }

hr {
  height: 1px;
  background-color: black;
}

.delete-wpr { position: relative; }
	.delete { display: block; color: #000; text-decoration: none; position: absolute; background: #EEEEEE; font-weight: bold; padding: 0px 3px; border: 1px solid; top: -6px; left: -22px; font-family: Verdana; font-size: 12px; }

	/* Extra CSS for Print Button*/
	.button {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		margin-top: 20px;
		padding: 12px 12px;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-transition: all 60ms ease-in-out;
		transition: all 60ms ease-in-out;
		text-align: center;
		white-space: nowrap;
		text-decoration: none !important;

		color: #fff;
		border: 0 none;
		border-radius: 4px;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.3;
		-webkit-appearance: none;
		-moz-appearance: none;

		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 160px;
		-ms-flex: 0 0 160px;
		flex: 0 0 160px;
	}
	.button:hover {
		-webkit-transition: all 60ms ease;
		transition: all 60ms ease;
		opacity: .85;
	}
	.button:active {
		-webkit-transition: all 60ms ease;
		transition: all 60ms ease;
		opacity: .75;
	}
	.button:focus {
		outline: 1px dotted #959595;
		outline-offset: -4px;
	}

	.button.-regular {
		color: #202129;
		background-color: #edeeee;
	}
	.button.-regular:hover {
		color: #202129;
		background-color: #e1e2e2;
		opacity: 1;
	}
	.button.-regular:active {
		background-color: #d5d6d6;
		opacity: 1;
	}

	.button.-dark {
		color: #FFFFFF;
		background: #333030;
	}
	.button.-dark:focus {
		outline: 1px dotted white;
		outline-offset: -4px;
	}

	@media print
	{
		.no-print, .no-print *
		{
			display: none !important;
		}
	}


  body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}
.container {
    width: 400px;
    margin: 20px auto;
    padding: 20px;
    border: 1px solid #000;
    border-radius: 10px;
    background-color: #fff;
}
.header {
    text-align: center;
    margin-bottom: 20px;
}
.logo {
    max-width: 150px;
    margin-bottom: 10px;
}
.address {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 5px;
}
.barcode {
    text-align: center;
    margin-bottom: 20px;
}
.barcode img {
    max-width: 100%;
    height: auto;
}
.qr-code {
    text-align: center;
    margin-bottom: 20px;
}
.qr-code img {
    max-width: 200px;
    height: auto;
}
.print-button {
    text-align: center;
    margin-top: 20px;
}
.print-button button {
    padding: 10px 20px;
    font-size: 16px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}