#salesSheetsMain
	.salesSheetProducts
		> div
			width: 400px
			margin: 0 4px 0 4px
		.header
			padding-top: 4px
			.name
				font-size: 1.5em
				text-transform: uppercase
				color: #0a6f10
				text-shadow: 0px 0px 12px #8fa4d1
				background: white
				font-weight: 800
				width: 100%
				padding: 4px 6px 6px 6px
				border-bottom: 2px solid #335a4a
				text-overflow: ellipsis
				white-space: nowrap
				overflow: hidden
		.product
			background-color: #ffecde
			-webkit-box-shadow: inset 0px 0px 40px 14px white
			-moz-box-shadow: inset 0px 0px 40px 14px white
			box-shadow: inset 0px 0px 40px 14px white
			.nameAndTotal
				display: flex
				flex-flow: row wrap
				justify-content: flex-start
				align-items: center
				align-content: stretch
				margin-bottom: 4px
				.name
					flex: 1 1 auto
					font-size: 1.5em
					color: #575757
					text-overflow: ellipsis
					white-space: nowrap
					overflow: hidden
				.total
					flex: 0 0 auto
					width: 80px
					font-size: 1.2em
					color: #00378b
					text-shadow: 0px 0px 8px #7690d1
					overflow: hidden
			.measures
				display: flex
				flex-flow: row wrap
				justify-content: flex-start
				align-items: center
				align-content: stretch
				margin-bottom: 6px
				.measure
					flex: 1 0 auto
					display: flex
					flex-flow: row wrap
					justify-content: flex-start
					align-items: center
					align-content: stretch
					.label
						font-size: 1em
						font-weight: 600
						margin-right: 4px
					input[name="price"]
						width: 63px
					input[name="amount"]
						width: 47px
		.product.odd
			background-color: #ede0f1
			-webkit-box-shadow: inset 0px 0px 40px 14px white
			-moz-box-shadow: inset 0px 0px 40px 14px white
			box-shadow: inset 0px 0px 40px 14px white
		.sheetControls
			padding-top: 4px
			display: flex
			flex-flow: row wrap
			justify-content: flex-start
			align-items: center
			align-content: stretch
			.saveSheet, .resetSheet
				flex: 1 1 auto
				font-size: 1em
				color: #e9e9e9
				font-weight: 800
				text-transform: uppercase
				text-align: center
				padding: 10px
				margin: 4px
			.saveSheet
				background: #007200
				-webkit-box-shadow: inset 0px 0px 20px -2px white
				-moz-box-shadow: inset 0px 0px 20px -2px white
				box-shadow: inset 0px 0px 20px -2px white
			.resetSheet
				background: #960000
				-webkit-box-shadow: inset 0px 0px 20px -2px white
				-moz-box-shadow: inset 0px 0px 20px -2px white
				box-shadow: inset 0px 0px 20px -2px white
			.saveSheet:hover, .resetSheet:hover
				text-shadow: 0px 0px 16px white
			.saveSheet:hover
				background: #005600
			.resetSheet:hover
				background: #7f0000
			.saveSheet:active
				background: #009000
			.resetSheet:active
				background: #b90000