body, h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, sans-serif;
}
body {
	font-size: 16px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
#mySidebar .button {
	padding: 4px 16px;
}
#mySidebar a i {
	margin-right: 8px;
	width: 18px;
	text-align: center;
}
.half img {
	margin-bottom: -6px;
	margin-top: 16px;
	opacity: 0.8;
	cursor: pointer
}
.half img:hover {
	opacity: 1
}
.red {
	color: red;
}
.footer {
	width: 100%;
	margin-top: 10px;
	padding-right: 58px;
	position: fixed;
	bottom: 0px;
	right: 0px;
}
.callout {
	border:1px gray solid;
	margin-bottom: 10px;
	padding: 5px;
}
@media (min-width:993px) {
	#barcode {
		display: none!important;
	}
	nav {
		width: 300px!important;
	}
}