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

	label
		font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif
		font-weight: 800
		text-transform: uppercase

	.optionsSection
		display: flex
		flex-flow: column
		justify-content: flex-start
		align-items: flex-start
		align-content: stretch
		width: 100%
		.options
			flex: 0 0 auto
			display: flex
			flex-flow: row
			justify-content: flex-start
			align-items: center
			align-content: stretch
			padding: 6px 20px 10px 20px
			white-space: nowrap
			overflow: hidden
			height: 50px
			.form-control
				display: inline
			label
				flex: 0 0 auto
				vertical-align: text-bottom
				font-size: 1.2em
			select[name="sheetSelection"]
				flex: 0 0 auto
				font-size: 1.2em
				padding: 2px
				margin-right: 4px
				min-width: 160px
				width: auto
			input[name="newSheetName"]
				flex: 0 0 auto
				transition: all .75s ease
				width: 0
				border: 0
				opacity: 0
				font-size: 1.2em
			input[name="newSheetName"].show
				opacity: 1
				border: 1px solid #ccc
				border-radius: 4px
				width: 200px
				transform: translateX(4px)
			.createSheet, .editSheet, .deleteSheet
				flex: 0 0 auto
				padding: 6px
				margin: 0 4px
				width: 33px
				text-align: center
				font-size: 1.5em
				border-radius: 8px
				border: 1px solid rgba(0, 0, 0, 0)
				box-sizing: border-box
			.createSheet:hover, .editSheet:hover, .deleteSheet:hover
				border: 1px inset #b100d1
				-webkit-box-shadow: inset 0px 0px 20px 0px #de7cff
				-moz-box-shadow: inset 0px 0px 20px 0px #de7cff
				box-shadow: inset 0px 0px 20px 0px #de7cff
			.editSheet.selected
				color: white
				border: 1px inset #b100d1
				-webkit-box-shadow: inset 0px 0px 36px 0px #57006c
				-moz-box-shadow: inset 0px 0px 36px 0px #57006c
				box-shadow: inset 0px 0px 36px 0px #57006c
			.editSheet
				vertical-align: top
				white-space: nowrap
				overflow: hidden
			.disabled
				color: grey
				cursor: default
			.createSheet
				transform: translateX(-25px) rotate(0deg)
				transition: all .75s ease
			.createSheet.move
				transform: translateX(6px) rotate(720deg)
		.separator
			flex: 0 0 auto
			width: 100%
			margin: 0 auto
			padding-top: 6px
			height: 1px
			border-bottom: 1px solid #333
		.separator:last-child
			margin-bottom: 10px