select.cx-ui-select{
	width: 100%;
	outline: 0 none;
	@include input();

	&:focus{
		box-shadow: none;
	}

}

select.select2-hidden-accessible{
	display: none;
}

.cx-ui-select-wrapper {
	.select2{
		color: $dark_color;
		background-color: white;
		border-radius: $border_radius_extra_small;
		border: 1px solid $border_color;

		.selection{
			.select2-selection{
				&.select2-selection--single{
					background-color: transparent;
					border: none;
					border-radius: $border_radius_extra_small;
					height: 28px;

					.select2-selection__rendered{
						padding: 5px;
						font-size: 12px;
						line-height: 18px;
					}

					.select2-selection__arrow{
						height: 24px;
					}
				}
				&.select2-selection--multiple{
					background-color: transparent;
					border: none;
					border-radius: $border_radius_extra_small;
					min-height: 25px;

					.select2-selection__rendered{
						font-size: 12px;
						line-height: 14px;
						padding: 2px;
						display: block;

						&:focus {
							outline: none;
						}

						.select2-selection__choice{
							line-height: 14px;
							margin: 2px;
							border: none;
							background-color: #e4e4e4;
							border-radius: $border_radius_extra_small;
							color: darken( $dark_color, 50% );
							padding: 4px;

							.select2-selection__choice__remove{
								color: $remove_color;
								margin-right: 5px;
								font-size: 14px;
								.rtl & {
									margin-left: 5px;
									margin-right: 0;
								}
							}
						}

						.select2-selection__clear{

						}

						.select2-search{
							margin: 0;
							.select2-search__field{
								padding: 0;
								border: none;
								box-shadow: none;
								line-height: 19px;
								min-height: auto;
							}
						}
					}
				}
			}
		}
	}
	.select2-container{

	}
}

.cx-ui-select2-dropdown.select2-dropdown{
	background-color: white;
	border: 1px solid $border_color;
	border-radius: $border_radius_extra_small;
	box-shadow: 0px 5px 21px rgba(0,0,0,0.1);
	margin-top: 1px;
	z-index: 500001;

	.select2-search__field{
		border: 1px solid $border_color;
		box-shadow: none;
		border-radius: $border_radius_extra_small;
		margin: 0;
		height: 25px;

		&:focus{
			outline: none;
		}
	}

	.select2-results {
		.select2-results__options{
			.select2-results__option{

				&[aria-selected=true]{
					//color: darken( $light_color, 50% );
					//background-color: $dark_color;
				}

				&--highlighted{
					color: #fff;
					background-color: $primary_color;
				}
			}

			.li[aria-disabled=true]{
				display: none;
			}
		}
	}
}