select {
	width: 100%;
	background-color: white !important;
	border: solid 1px var(--imaBorder) !important;
	border-radius: 4px !important;
	height: 38px;
	padding-left: 8px !important;
}

select,
textarea .placeholder {
	padding-left: 8px !important;
}

select:focus {
	border: none !important;
	border-color: red !important;
}

.select2 {
	width: 100% !important;
	background-color: white !important;
	border: solid 1px var(--imaBorder) !important;
	border-radius: 4px !important;
	min-height: 38px;
	height: fit-content;
	margin-top: 4px;
}

.select2-container--disabled {
	.select2-selection {
		background-color: red !important;
		cursor: not-allowed !important;
		background-color: var(--imaReadOnly) !important;
	}
}

.select2-selection,
.select2-container--default,
.select2-selection--multiple {
	border: solid 1px var(--imaBorder) !important;
}

.select2-selection {
	min-height: 38px;
	border: none !important;
	&:focus {
		border: solid 1px var(--imaBorderFocus) !important;
	}
}

.select2-container--focus {
	border: solid 1px var(--imaBorderFocus) !important;
}

.select2-selection--multiple {
	display: flex !important;
	flex-wrap: wrap;
	align-items: start !important;
	min-height: 38px !important;
	border: none !important;

	padding: 0px !important;
	min-height: 38px;

	&:active,
	&:focus {
		border: none !important;
	}
	ul.select2-selection__rendered {
		padding-top: 3px !important;
		padding-bottom: 6px !important;
		max-width: 100% !important;
		max-height: 100px;
		overflow-y: auto;

		text-align: left;
		overflow-x: hidden;

		padding: 0px 8px 0px 0px !important;

		.select2-selection__choice {
			margin 2px !important;
		}
	}

	span.select2-search {
		min-height: 32px;
		padding-top: 2px;

		textarea.select2-search__field {
			width: 100% !important;
			max-width: 95% !important;
			min-height: 32px !important;
			border: none !important;
			margin-left: 0px !important;
		}
	}
}

.select2-selection--single {
	height: 38px !important;
	border: none !important;

	&:active,
	&:focus {
		border: none !important;
	}

	span.select2-selection__rendered {
		height: 100% !important;
		display: inline-block !important;
		height: 38px !important;
		vertical-align: middle !important;
		line-height: 38px !important;
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: left;
	}
}

.select2-selection--single span.select2-selection__rendered {
	height: 100% !important;
	text-align: left;
}

.select2-selection__choice {
	color: white;
	background-color: var(--imaBlue) !important;
	border: none !important;
}

.select2-results__option {
	background-color: white !important;
	color: #6b7280 !important;
	&:hover {
		background-color: var(--imaBlue) !important;
		color: white !important;
	}

	.item-label:hover {
		color: white !important;
		background-color: var(--imaBlue) !important;
	}
}

.select2-results__option--selected {
	color: white !important;
	background-color: var(--imaBlue) !important;

	.item-label {
		color: white !important;
		background-color: var(--imaBlue) !important;
	}
}

.select2-results__option--disabled {
	color: #ccced2 !important;
	&:hover {
		background-color: transparent !important;
		color: #ccced2 !important;
	}
}

.expand-collapse {
	color: #6b7280 !important;
}

button.select2-selection__choice__remove {
	color: white !important;
	padding: 0 !important;
	border: none !important;
	height: 24px !important;
	width: 24px !important;
	max-width: 24px !important;

	&:hover {
		background-color: var(--imaBlueHover) !important;
	}
}

.select2-search,
.select2-selection__arrow {
	height: 100% !important;
	width: 100%;
}

textarea.select2-search__field[placeholder] {
	&::placeholder {
		width: 100% !important;
	}
}