#production
	margin: 10px 20px
	height: 100%
	//Flex container options.
	flex-flow: column nowrap
	justify-content: space-around  //Spacing between sales along the primary axis.  (vertical spacing for a column layout)
	align-items: flex-start  //Align the sales within a line along the primary axis.  (horizontal alignment for a column layout)
	align-content: center  //Spacing between lines along the secondary axis.  (spacing between columns for a column layout)
	display: -webkit-box
	display: -moz-box
	display: -ms-flexbox
	display: -moz-flex
	display: -webkit-flex
	display: flex

	.editor
		height: 100%
		overflow-y: auto

	.insertSale
		flex: none
		width: 100%

		.formGroupHeading
			font-size: 1.6em
			font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
			font-style: normal
			font-variant: normal
			font-weight: 500

	.grid
		flex: auto
		align-self: stretch
		overflow-y: auto
		overflow-x: auto
		margin-bottom: 20px
		border: 0
		padding-top: 20px

		.table > thead > tr > th
			border: 0
			padding-top: 0
			padding-bottom: 6px

		.left
			text-align: left
		.center
			text-align: center

		.dataTable
			table-layout: fixed

			.tdLarge
				font-size: 1.3em
			.saleRemove
				color: red
				margin-left: 8px
			.saleEdit
				color: darkblue
				margin-right: 8px