$wp-border-color: #7e8893;

.select2-container--acs2 {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle;
	z-index: 99998;
	outline: none;

	&.select2-container--focus {
		outline: none;
	}

	.select2-selection--single {
		box-sizing: border-box;
		cursor: pointer;
		display: block;
		height: 28px;
		user-select: none;
		outline: none;
		-webkit-user-select: none;

		.select2-selection__rendered {
			display: block;
			padding-left: 8px;
			padding-right: 20px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			border-top-right-radius: 4px;
			border-top-left-radius: 4px;
		}

		.select2-selection__clear {
			position: relative
		}
	}

	.select2-selection--multiple {
		box-sizing: border-box;
		cursor: pointer;
		display: block;
		min-height: 32px;
		user-select: none;
		-webkit-user-select: none;

		.select2-selection__rendered {
			display: block;
			overflow: hidden;
			padding-left: 8px;
			text-overflow: ellipsis;
			white-space: nowrap
		}
	}

	.select2-search--inline {
		float: left;
		margin-bottom: 0;

		.select2-search__field {
			box-sizing: border-box;
			border: none;
			font-size: 100%;
			margin-top: 0 !important;
			line-height: 1;
			padding: 0;
		}

		.select2-search__field::-webkit-search-cancel-button {
			-webkit-appearance: none
		}
	}
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
	padding-right: 8px;
	padding-left: 20px
}

.select2-dropdown {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -100000px;
	width: 100%;
	z-index: 1051
}

.select2-results {
	display: block;

	&__options {
		list-style: none;
		margin: 0;
		padding: 0
	}

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

		&[aria-selected] {
			cursor: pointer;
		}
	}
}

.select2-container--open .select2-dropdown {
	left: 0
}

.select2-container--open .select2-dropdown--above {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-search--dropdown {
	display: block;
	padding: 4px;

	.select2-search__field {
		min-height: 0;
		padding: 4px;
		width: 100%;
		box-sizing: border-box;
		line-height: 100%;
	}

	.select2-search__field::-webkit-search-cancel-button {
		-webkit-appearance: none
	}

	&.select2-search--hide {
		display: none
	}
}

.select2-close-mask {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	opacity: 0;
	z-index: 99;
	background-color: #fff;
	filter: alpha(opacity=0)
}

.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
}

// Theme AC S2
.select2-container--acs2 {

	.select2-dropdown {
		border-color: $wp-border-color;
	}

	.select2-selection--single {
		background-color: #fff;
		border: 1px solid $wp-border-color;
		border-radius: 4px;

		.select2-selection__rendered {
			color: #444;
			line-height: 26px
		}
		.select2-selection__clear {
			cursor: pointer;
			float: right;
			font-weight: bold
		}
		.select2-selection__placeholder {
			color: #999
		}
		.select2-selection__arrow {
			height: 26px;
			position: absolute;
			top: 1px;
			right: 1px;
			width: 20px;
			background: transparent;

			b {
				background: transparent url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
				background-size: 16px 16px;
				background-position: right;
				height: 20px;
				width: 18px;
				display: inline-block;
				margin-top: 4px;
				margin-left: -2px;
			}
		}
	}

	&.select2-container--focus {
		.select2-selection--multiple {
			outline: 0
		}
	}

	&.select2-container--disabled {
		.select2-selection--single {
			background-color: #eee;
			cursor: default;

			.select2-selection__clear {
				display: none
			}

			.select2-selection__arrow {
				b {
					border-color: transparent transparent #888 transparent;
					border-width: 0 4px 5px 4px
				}

			}
		}

		.select2-selection--multiple {
			background-color: #eee;
			cursor: default
		}

		.select2-selection__choice__remove {
			display: none
		}

	}

	&.select2-container--open {
		.select2-selection--single {
			.select2-selection__rendered {
				background: #eee;
			}
		}
	}

	.select2-selection--multiple {
		background-color: white;
		border: 1px solid $wp-border-color;
		border-radius: 4px;
		cursor: text;

		.select2-selection__rendered {
			box-sizing: border-box;
			list-style: none;
			margin: 0;
			padding: 5px 5px 0 5px;
			width: 100%
		}

		.select2-selection__placeholder {
			color: #999;
			margin-top: 5px;
			float: left
		}

		.select2-selection__clear {
			cursor: pointer;
			float: right;
			font-weight: bold;
			margin-top: 5px;
			margin-right: 10px
		}

		li.select2-selection__choice {
			cursor: default;
			float: left;
			margin: 0 5px 5px 0;
			display: flex;
			flex-wrap: wrap;
			border: none;
			background: #EAF2FA;
			padding: 4px 10px 4px 4px;
			align-items: center;
			border-radius: 0;

			span.select2-selection__choice__remove {
				display: flex;
				cursor: pointer;
				color: var(--ac-primary-color);
				width: 22px;
				height: 22px;
				text-align: center;
				font-size: 20px;
				font-weight: normal;
				justify-content: center;
				line-height: 20px;
				margin-right: 7px;

				&:hover {
					color: red;
				}
			}
		}
		li.select2-search--inline {
			display: flex;
			align-items: center;
			height: 30px;
			margin: 0 5px 5px 0;
			input {
				height: 28px;
			}
		}
	}

	.select2-results {
		> .select2-results__options {
			max-height: 200px;
			overflow-y: auto;

			li {
				margin-bottom: 0;
			}
		}

		.select2-results__option {
			margin-bottom: 0;

			&[role=group],
			&[role=list] {
				padding: 0;
			}

			&[aria-disabled=true] {
				color: #999
			}

			&[aria-selected=true],
			&[data-selected=true] {
				background-color: #ddd;
				color: #000;
			}

			&[aria-selected=true] {
				&[data-selected=false] {
					display: block;
				}
			}

			.select2-results__option {
				padding-left: 1em;

				.select2-results__group {
					padding-left: 0
				}
			}

		}
	}

	.select2-dropdown.-type-selector,
	.select2-dropdown.-list-screen-selector{
		> .select2-results {
			> .select2-results__options {
				max-height: 400px;
			}
		}
	}
}

.select2-container--acs2[dir="rtl"] {
	.select2-selection--single {
		.select2-selection__clear {
			float: left;
		}
		.select2-selection__arrow {
			left: 1px;
			right: auto;
		}
	}

	.select2-selection--multiple {
		.select2-selection__choice,
		.select2-selection__placeholder,
		.select2-search--inline {
			float: right;
		}

		.select2-selection__choice {
			margin-left: 5px;
			margin-right: auto
		}

		.select2-selection__choice__remove {
			margin-left: 2px;
			margin-right: auto
		}
	}

}

.select2-container--acs2.select2-container--open.select2-container--above .select2-selection--single, .select2-container--acs2.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--acs2.select2-container--open.select2-container--below .select2-selection--single, .select2-container--acs2.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--acs2 .select2-search--dropdown .select2-search__field {
	border: 1px solid #aaa
}

.select2-container--acs2 .select2-search--inline .select2-search__field {
	background: transparent;
	border: none;
	outline: 0;
	box-shadow: none;
	-webkit-appearance: textfield
}

.select2-container--acs2 .select2-results__option--highlighted[aria-selected] {
	background-color: #5897fb;
	color: white
}

.select2-container--acs2 .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px
}