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

	.controls
		text-align: left
		display: table
		width: 100%

		.measureGroup
			padding: 4px 8px
			margin: 4px 8px
			display: table-cell
			width: 240px
			select
				width: 100%
		.controlGroup
			padding: 4px 8px
			margin: 4px 8px
			display: table-cell
		.pagination
			display: table-cell
			width: 240px
			vertical-align: bottom
		.previousSettings
			padding: 4px 8px
			margin: 4px 8px
			display: inline-block
		.outline
			border: 2px dotted #32747e
			border-radius: 10px
		.floatLeft
			float: left
		.floatRight
			float: right
		.controlLabel
			font-size: .9em
			font-weight: 700
			margin-top: -2px
		select[name="measures"]
			padding: 4px 8px
			font-size: 1.5em
		input
			padding: 4px 8px
			font-size: 1.5em
		input[type="number"]
			width: 80px
		input[type="button"]
			margin-top: -6px
			margin-right: 20px
		.toggleUpdateHistory
			margin: 0
			position: relative
			top: -4px
			display: inline-block
		input[type="date"]
			width: 180px
			display: inline-block
		.resetButton
			margin-left: 20px

	.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
					table-layout: fixed
					width: 100%
					> thead
						> tr
							> th.name
								width: auto
							> th.current
								width: 200px
							> th.previous
								width: 200px
							> th.changeDate
								width: 200px
					> tbody
						> tr.deactivated
							background-color: #fac0d1
						> tr.deactivated:hover
							background-color: #ffcadb