//
// Atum Export Selector
// --------------------

.atum-export {
	.export-init {
		padding-left: 10px;
		padding-right: 10px;
		
		&-scroll-wrapper {
			position: relative;
			top: 0;
			transition: .2s ease-in-out;
		}
		
		.section-title {
			padding-left: 10px;
			margin-bottom: 5px;
		}
	}
}

.selection-wrapper {
	margin-bottom: 10px;
	padding: 10px 0 10px 10px;
	
	> strong {
		display: block;
		margin-bottom: 5px;
		font-size: 12px;
	}
	
	select {
		visibility: hidden;
	}
	
	.select2-container {
		width: 95% !important;
	}
	
	.entity-selected {
		background-color: $primary;
		color: $white;
		padding: 7px 10px;
		width: 95%;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 15px;
		line-height: 1;
		border-radius: 5px;
		
		.unselect-entity {
			font-size: 1.1em;
			cursor: pointer;
			transition: .2s ease-in-out;
			
			&:hover {
				color: $blue-dark;
			}
		}
	}
	
	.alert {
		width: 95%;
		box-sizing: border-box;
		margin-top: 10px;
	}
	
}

.field-selectors {
	padding-left: 10px;
	padding-right: 10px;
}