//
// Import Center tab
//-------------------

.import-content {
	display: flex;
	margin-left: 20px;
	
	.import-settings {
		width: 30%;
		margin: 0 10px 0 0;
		overflow: hidden;
		
		.instructions {
			color: $gray-600;
			margin-bottom: $grid-gutter-width/2;
		}
	}
	
	.import-mapping {
		width: 70%;
		margin: 0 0 0 10px;
		
		.run-import {
			float: right;
			width: 260px;
			max-width: 100%;
		}
	}
	
	.section-title {
		.sub {
			display: block;
			font-size: 12px;
			font-weight: normal;
			color: $gray-500;
		}
	}
	
	.settings-field {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: $grid-gutter-width/2;
		
		&.upload-file {
			flex-wrap: wrap;
		}
		
		label {
			font-size: 12px;
			color: $blue-dark;
		}
		
		input[type=checkbox], input[type=file], select {
			display: none;
		}
		
		.btn-file {
			width: 50%;
			min-width: 100px;
			padding-top: 0.3rem;
			padding-bottom: 0.3rem;
		}
		
		&.form-controls {
			margin-top: $grid-gutter-width;
		}
		
	}
}

.mapping-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 1em;
	
	thead {
		th {
			text-align: left;
			color: $gray-600;
			font-size: 16px;
			font-weight: bold;
			
			.atum-icon {
				vertical-align: middle;
				font-size: 12px;
			}
		}
	}
}