﻿#productExports {
	min-height: 560px;
}

	#productExports .noResults {
		font-size: 24px;
		font-weight: bold;
		width: 80%;
		text-align: center;
		margin: auto;
		margin-top: 200px;
	}

	#productExports .topOptions {
		display: block;
		width: 80%;
		margin: auto;
	}

	#productExports .exportsContainer {
		display: block;
		width: 80%;
		margin: auto;
		margin-top: 20px;
	}

		#productExports .exportsContainer .exportHolder {
			margin-bottom: 20px;
			padding: 20px 0;
			border-bottom: 1px solid #eee;
			display: flex;
			justify-content: space-between;
		}

			#productExports .exportsContainer .exportHolder .exportName {
				font-size: 22px;
				font-weight: bold;
				margin-bottom: 10px;
			}

			#productExports .exportsContainer .exportHolder .exportType,
			#productExports .exportsContainer .exportHolder .exportSize {
				display: inline-block;
				width: 45px;
			}

			#productExports .exportsContainer .exportHolder .leftContent span {
				display: inline-block;
				color: #0E9AEF;
				background: #eee;
				padding: 7px;
				border-radius: 9px;
				border: 1px solid #aaa;
				margin: 5px 10px;
			}

#productCatalogExportForm {
	width: 80%;
	display: block;
	margin: auto;
}

	#productCatalogExportForm .topText {
		margin-top: 10px;
		margin-bottom: 20px;
	}

	#productCatalogExportForm .optionHolder {
		display: flex;
		align-items: center;
		margin-bottom: 5px;
	}

		#productCatalogExportForm .optionHolder label {
			margin-left: 5px;
		}

#exportInProgressForm {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

	#exportInProgressForm .topText {
		text-align: center;
		margin: 20px 0;
	}

	#exportInProgressForm .bottomText {
		text-align: center;
		margin: 20px 0;
	}

	#exportInProgressForm .loadingWrapper {
		margin: 30px 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		#exportInProgressForm .loadingWrapper .loadingCircle {
			border: 4px solid #EDEDED;
			border-radius: 50%;
			border-top: 4px solid #0E9AEF;
			width: 35px;
			height: 35px;
			-moz-animation: spin 1s linear infinite;
			-webkit-animation: spin 1s linear infinite;
			animation: spin 1s linear infinite;
			margin-right: 15px;
		}
