﻿#retailerInventoryLevels .inventoryLevelSection {
	width: 80%;
	min-height: 350px;
	margin: 20px auto;
}

	#retailerInventoryLevels .inventoryLevelSection .topBar {
		display: flex;
		align-items: center;
		margin-bottom: 20px;
	}

		#retailerInventoryLevels .inventoryLevelSection .topBar .searchboxWrapper {
			margin-left: auto;
		}

			#retailerInventoryLevels .inventoryLevelSection .topBar .searchboxWrapper .searchbox {
				width: 100%;
			}

	#retailerInventoryLevels .inventoryLevelSection .noResults {
		font-size: 26px;
		margin-top: 240px;
	}

/* Locations page */
#retailerInventoryLocations {
	position: relative;
	width: 80%;
	margin: auto;
	min-height: 580px;
}

	#retailerInventoryLocations .topBar {
		margin-bottom: 30px;
	}

	#retailerInventoryLocations .noResults {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		margin: 0;
		font-size: 26px;
	}

	#retailerInventoryLocations .preambleHolder {
		position: relative;
		min-height: 40px;
		padding-bottom: 80px;
		border-bottom: 1px solid #eee;
		margin-bottom: 25px;
	}

		#retailerInventoryLocations .preambleHolder .preamble {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			width: 70%;
		}

		#retailerInventoryLocations .preambleHolder #viewInventoryHolder {
			position: absolute;
			right: 15px;
			top: 50%;
			transform: translateY(-50%);
		}

	#retailerInventoryLocations #viewInventoryHolder svg {
		transform: rotate(180deg);
	}

		#retailerInventoryLocations #viewInventoryHolder svg path {
			fill: white;
		}

#retailerInventoryDetail {
	position: relative;
	width: 80%;
	margin: auto;
	min-height: 680px;
}

	#retailerInventoryDetail .noResults {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		margin: 0;
		font-size: 26px;
	}

	#retailerInventoryDetail .topBar {
		margin-bottom: 30px;
	}

		#retailerInventoryDetail .topBar .preamble {
			display: inline-block;
			width: 30%;
		}

	#retailerInventoryDetail .searchboxWrapper {
		display: inline-block;
		width: 70%;
	}

		#retailerInventoryDetail .searchboxWrapper .searchbox {
			max-width: unset;
			width: calc(100% - 85px);
		}


	#retailerInventoryDetail .treeViewSectionLoader {
		position: absolute;
		background: none;
		bottom: 41%;
		right: 50%;
		border: 8px solid #EDEDED;
		border-radius: 50%;
		border-top: 8px solid #0E9AEF;
		width: 125px;
		height: 125px;
		-moz-animation: spin 1s linear infinite;
		-webkit-animation: spin 1s linear infinite;
		animation: spin 1s linear infinite;
		transform: translateX(-50%) translateY(-50%);
	}

		#retailerInventoryDetail .treeViewSectionLoader :before {
			width: 0;
		}

		#retailerInventoryDetail .treeViewSectionLoader :after {
			width: 0;
		}
