//
// Add Mapping Column wizard
//--------------------------

.add-mapping-column-wizard {
	display: flex;
	justify-content: center;
	
	> div {
		width: 50%;
		min-height: 280px;
		margin: 0 5px;
		padding: $grid-gutter-width/2;
		border-radius: 5px;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}
	
	h4, p {
		text-align: left !important;
	}
	
	h4 {
		margin: 0;
		font-size: 16px;
	}
	
	p {
		flex-grow: 1;
		font-size: 14px !important;
		color: $blue-dark;
	}
	
	.from-database {
		background-color: $blue-light-2;
		
		h4 {
			color: $primary;
		}
	}
	
	.new-meta {
		background-color: $green-light-2;
		
		h4 {
			color: $success;
		}
		
	}
	
}

.select-from-database-ui, .create-new-meta-ui {
	display: flex;
	justify-content: space-evenly;
	min-height: 130px;
	padding-top: $grid-gutter-width/2;
	
	> div {
		margin: 0 5px;
		text-align: left;
	}
	
	label {
		display: block;
		font-size: 12px;
		font-weight: bold;
		color: $gray-600;
		margin-bottom: 10px;
	}
	
	.btn {
		margin-top: 25px;
	}
	
}