#graphs
	display: table
	content-box: border-box
	padding: 10px 20px
	height: 100%
	width: 100%
	text-align: left
	svg
		width: 100%
	.bar
		fill: steelblue
	.xAxisLabels
		font-size: 7px
		font-family: "Arial", Gadget, sans-serif
		font-weight: 100
	.yAxisLabels
		font-size: 12px
		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
		font-weight: 800
	.barText
		font-size: 14px
		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
		font-weight: 800
	.table
		table-layout: fixed
		.total
			width: 200px
		.market
			width: 200px
		.week
			width: 200px
		.month
			width: 200px
		.year
			width: 200px
	.listRow
		display: table-row
		.listCell
			display: table-cell
			position: relative
			height: 100%
			width: auto
			min-width: 300px
			.salesTable
				position: absolute
				top: 0
				bottom: 0
				left: 0
				right: 0
				width: auto
				height: auto
				border: 0
				font-size: 12.5px
				overflow-y: scroll
				.table
					> thead
						display: none
					> tbody
						> tr.deactivated
							background-color: #fac0d1
						> tr.deactivated:hover
							background-color: #ffcadb
		.spacerCell
			display: table-cell
			position: relative
			width: 100%
			height: 100%