//
// Mapped Field Component
//------------------------

.mapped-field {
	box-shadow: 0 0 6px 0 rgba($black, 0.2);
	margin-bottom: $grid-gutter-width/2;
	border-radius: 4px;
	border-bottom: 5px solid transparent;
	
	td {
		padding: 10px;
	}
	
	&--template {
		max-width: 250px;
		@include text-overflow;
		
		> span {
			display: inline-block;
			vertical-align: middle;
		}
		
		.field-label {
			font-weight: bold;
			font-size: 15px;
		}
	}
	
	&--map {
		white-space: nowrap;
		
		.atum-icon {
			font-size: 15px;
			vertical-align: middle;
		}
		
		.set-filters {
			cursor: pointer;
			
			&:hover {
				color: $warning;
			}
		}
		
		.with-filters {
			color: $warning;
			
			&:before {
				content: $atmi-funnel-solid;
			}
		}
	}
	
	&--formula {
		input[type=text] {
			border-radius: 5px;
			box-shadow: none;
			color: $gray-600;
			border: 1px solid $gray-200;
			
			@include placeholder($gray-500);
		}
	}
	
	&--filters {
		display: none;
	}
	
	.status {
		font-size: 15px;
		
		&.atmi-checkmark-circle {
			color: $success;
		}
		
		&.atmi-cross-circle {
			color: $danger;
		}
	}
}