#measures
	margin: 20px 20px
	height: 100%
	text-align: left

	.tableControls
		text-align: right
		margin-right: 20px
		.controlLabel
			font-size: 9px
			font-weight: 700
			color: #5a5a5a
			position: relative
			top: -2px
		.toggleShowHidden
			margin: 0 40px 0 0
			position: relative
			top: -4px
			display: inline-block

	.tableContainer
		width: 100%
		margin-bottom: 20px
		border: 0
		font-size: 12.5px

		table
			table-layout: fixed
			width: 100%
			.measureSearch
				margin: 3px 0 2px 1px
			.measureEditorTd
				background: #deeac0
			input[name="name"], input[name="postfix"]
				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
			> thead
				> tr
					> th.name
						width: auto
					> th.postfix
						width: auto
					> th.actions
						width: 90px
						text-align: center
						.newMeasureButton
							margin-top: 4px
							padding: 0px 12px
							.fa-plus-circle
								display: inline-block
							.fa-times-circle
								display: none
						.newMeasureButton.active
							background-color: #fb557b
							color: black
							.fa-times-circle
								display: inline-block
							.fa-plus-circle
								display: none
			> tbody
				> tr
					.actionRemove
						color: #F77
					.actionEdit
						color: #44F
					.editorApply
						color: green
					.editorCancel
						color: red
				> tr.deactivated
					background-color: #fac0d1
					.actionActivate
						color: #158b18
					.actionHide
						color: #6a0707
					.actionEdit
						color: #0101e4
				> tr.deactivated:hover
					background-color: #ffcadb
				> tr.hidden
					background-color: #e995ff
					.actionEdit
						color: #0101e4
					.actionShow
						color: #027905
				> tr.hidden:hover
					background-color: #ffb5ff