.#{$global-class-prefix}ui {

	.select2 {

		&-hidden-accessible {
			border: 0 !important;
			clip: rect(0 0 0 0) !important;
			height: 1px !important;
			margin: -1px !important;
			overflow: hidden !important;
			padding: 0 !important;
			position: absolute !important;
			width: 1px !important;
		}

		&-container {
			display: block;
			z-index: 999;
			width: 100%!important;
		}

		&-selection--multiple {
			display: block;
			//margin: 1px;
			border: 1px solid #ddd;
			-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
			box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
			background-color: $global-white-color;
			color: #32373c;
			outline: 0;
			cursor: text;
			-webkit-transition: 50ms border-color ease-in-out;
			transition: 50ms border-color ease-in-out;

			.select2-container--focus & {
				border-color: #5b9dd9;
				-webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
				box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
			}
		}

		&-selection__rendered {
			list-style: none;
			margin: 0;
			padding: 0 5px;
			width: 100%;
		}

		&-search--inline {
			display: inline-block;

			.select2-search__field {
				padding: 0;
				margin: 1px;
				line-height: 24px;
				font-size: 14px;

				border: none;
				outline: 0;
				box-shadow: none;
				background: transparent;

				&:focus {
					border: none;
					outline: 0;
					box-shadow: none;
					background: transparent;
				}
			}
		}

		&-selection__choice {
			display: inline-block;
			padding: 0 4px;
			margin-top: 4px;
			margin-right: 4px;
			background-color: #e4e4e4;
		}

		&-selection__choice__remove {
			display: inline-block;
			margin-right: 2px;
			color: #999;
			cursor: pointer;
			font-weight: bold;
		}

		&-dropdown {
			background-color: $global-white-color;
			border: 1px solid #ddd;
			display: block;
			position: absolute;
			left: -100000px;
			width: 100%;
		}

		&-container--open {

			.select2-dropdown {
				left: 0;
			}

			.select2-dropdown--below {
				border-top: none;
			}
		}

		&-results {
			display: block;
		}

		&-results__options {
			padding: 0;
			margin: 0;
			list-style: none;
			max-height: 200px;
			overflow-y: auto;
			cursor: pointer;
		}

		&-results__option {
			padding: 6px;
			user-select: none;
			-webkit-user-select: none;

			&:hover,
			&--highlighted,
			&[aria-selected=true] {
				color: #23282d;
				background: #f5f5f5;
			}
		}

		&-drop-mask {
			border: 0;
			margin: 0;
			padding: 0;
			position: fixed;
			left: 0;
			top: 0;
			min-height: 100%;
			min-width: 100%;
			height: auto;
			width: auto;
			opacity: 0;
			z-index: 9998;
			background-color: $global-white-color;
			filter: alpha(opacity=0);
		}
	}
}