#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
						.showOnlyCommentshover
							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
				.setDefaultPricehover
					text-shadow 0px 0px 6px #00b900
				.setDefaultPriceactive
					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
		input[name='product']
			display table-cell
			width 100%
		.speechBtn
			display table-cell
			width 1px
		.speechLink
			width 6px
			margin 3px
			margin-left 6px
			margin-right 0
			padding 6px
			border 2px solid black
			border-radius 4px
		.speechLink:hover
			background-color #cbcbcb
			border-color #4b4b4b
		.speechLink:active
			background-color #b0b0b0
			border-color #000000
		.form-group-line
			display table
			width 100%
			white-space nowrap