#salesMain
	display: table
	content-box: border-box
	padding: 10px 20px
	height: 100%
	width: 100%
	text-align: left
	.controls
		text-align: left
		display: table
		width: 100%
		.pageControls
			padding: 4px 8px
			margin: 4px 8px
			display: table-cell
			width: 240px
		.tableControls
			text-align: right
			padding: 4px 8px
			margin: 4px 12px 4px 8px
			display: table-cell
	.table
		table-layout: fixed
		min-width: 100%
		thead, tbody
			> tr
				> .amount
					width: 90px
					min-width: 90px
				> .product
					width: 100%
					min-width: 140px
				> .price
					width: 140px
					min-width: 140px
				> .measure
					width: 100px
					min-width: 100px
				> .saleDate
					width: 150px
					min-width: 150px
				> .createdDate
					width: 100px
					min-width: 100px
				> .venue
					width: 160px
					min-width: 160px
				> .actions
					width: 90px
					min-width: 90px
	.separatedTableHeader
		table
			thead
				> tr
					> th.actions
						.newSaleButton
							padding: 0 12px
							.fa-plus-circle
								display: inline-block
							.fa-times-circle
								display: none
						.newSaleButton.active
							background-color: #fb557b
							color: black
							.fa-times-circle
								display: inline-block
							.fa-plus-circle
								display: none
						.showOnlyComments
							color: #bcb95f
							padding: 4px 8px
						.showOnlyComments:hover
							color: white
							text-shadow: 0px 0px 10px #ff6d1f
						.showOnlyComments.on
							color: white
					> th.saleDate
						input
							width: 130px
	.listRow
		display: table-row
		.listCell
			display: table-cell
			position: relative
			height: 100%
			width: 100%
			.tableContainer
				position: absolute
				top: 0
				bottom: 0
				left: 0
				right: 0
				width: auto
				height: auto
				border: 0
				font-size: 12.5px
				overflow-y: scroll
				label
					font-size: 10px
					font-weight: 800
				table
					thead
						visibility: hidden
						display: none
					.saleRemove
						color: red
						margin-left: 8px
					.saleEdit
						color: darkblue
						margin-right: 8px
					.editorApply
						color: green
					.editorCancel
						color: red
					.saleDate
						text-align: left
					.createdDate
						text-align: left
				.editComment
					color: grey
				.hasComment
					color: black
				.actionEdit
					margin-right: 6px
					color: #44F
	.saleEditor
		.heading
			font-size: 2em
			font-family: verdana, arial, helvetica, sans-serif
			text-transform: uppercase
			font-weight: 800
			margin: 6px 0 14px 0
		.priceContainer
			display: table
			width: 100%
			.price
				display: table-cell
				padding-right: 10px
			.priceButtons
				display: table-cell
				width: 1.5em
				.setDefaultPrice
					font-size: 1.5em
					padding: 6px 8px
					margin-left: 8px
					border-radius: 8px
				.setDefaultPrice:hover
					text-shadow: 0px 0px 6px #00b900
				.setDefaultPrice:active
					text-shadow: 0px 0px 6px grey
	.insertSaleForm
		.form-group, label
			text-align: left
		.formGroupHeading
			font-size: 1.6em
			font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
			font-style: normal
			font-variant: normal
			font-weight: 500