#production
	display: table
	content-box: border-box
	padding: 10px 20px
	height: 100%
	width: 100%
	text-align: left

	.tableControls
		text-align: right
		margin-right: 20px
		margin-bottom: 4px
		display: table
		width: 100%
		.contentControls
			vertical-align: bottom
			display: table-cell
			text-align: right
			min-width: 100px
			a
				font-size: 12px
				font-family: "Arial", san-serif
				font-weight: 800
				color: #2d1b8c
				text-decoration: none
			a:hover
				text-decoration: underline
			a.disabled
				visibility: hidden

	.table
		table-layout: fixed
		min-width: 100%
		thead, tbody
			> tr
				> .hasLabels
					width: 30px
					.hasLabels
						color green
					.noLabels
						color red
				> .name
					//width: auto
					width: 100%
				> .date
					//width: auto
					min-width: 150px
					max-width: 180px
				> .amount
					//width: auto
					min-width: 100px
					max-width: 100px
				> .cook
					//width: auto
					min-width: 150px
					max-width: 180px
				> .canner
					//width: auto
					min-width: 150px
					max-width: 180px
				> .comment
					width: 220px
					min-width: 220px
					max-width: 220px
				> .actions
					width: 90px
					min-width: 90px
					max-width: 90px
			> tr.deleted
				background-color: gray
	.separatedTableHeader
		table
			thead
				> tr
					> th.actions
						text-align: center
						.newButton
							margin-top: 4px
							padding: 0 12px
							.fa-plus-circle
								display: inline-block
							.fa-times-circle
								display: none
						.newButton:active
							background-color: #fb557b
							color: black
							.fa-times-circle
								display: inline-block
							.fa-plus-circle
								display: none
						.showDeletedButton
							margin-top: 4px
							padding: 0 12px
							color gray
						.showDeletedButton.selected
							color black
	.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: auto
				table
					thead
						visibility: hidden
						display: none
					.search
						margin: 3px 0 2px 1px
					.editorTd
						background: #deeac0
					input, select
						width: 100%
					.editorDiv
						margin: 4px 0
						label
							font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
							font-size: .9em
							padding-bottom: 4px
						select2
							font-size: .4em
					> tbody
						> tr
							.actionRemove
								color: #F77
							.actionEdit
								color: #44F
							.editorApply
								color: green
							.editorCancel
								color: red