$color_1: #444;
$color_2: #999;
$color_3: $grey900;
$color_4: white;
$color_5: #888;
$color_6: #555;
$color_7: grey;
$background_color_1: white;
$background_color_2: #fff;
$background_color_3: #eee;
$background_color_4: #e4e4e4;
$background_color_5: #ddd;
$background_color_6: #5897fb;
$background_color_7: #f7f7f7;
$background_color_8: #3875d7;
$border_color_1: #888 transparent transparent transparent;
$border_color_2: transparent transparent #888 transparent;
$border_color_3: #5897fb;

// select2
[class^='select2']{
  &:focus, &:active, &:visited{
    outline: none !important;
    box-shadow: 0 0 0 !important;
  }
}

.select2-container {
	// box-sizing: border-box;
	// display: inline-block;
	// margin: 0;
	// position: relative;
	// vertical-align: middle;
	.select2-selection--single {
		// box-sizing: border-box;
		// cursor: pointer;
		// display: block;
		height: 34px;
		// user-select: none;
		// -webkit-user-select: none;
		.select2-selection__rendered {
			// display: block;
			// padding-left: 8px;
			// padding-right: 20px;
			// overflow: hidden;
			// text-overflow: ellipsis;
			// white-space: nowrap;
		}
		.select2-selection__clear {
			// position: relative;
		}
	}
	.select2-selection--multiple {
		// box-sizing: border-box;
		// cursor: pointer;
		// display: block;
		min-height: 34px;
		// user-select: none;
		// -webkit-user-select: none;
		.select2-selection__rendered {
			// display: inline-block;
			// overflow: hidden;
			// padding-left: 8px;
			// text-overflow: ellipsis;
			// white-space: nowrap;
		}
	}
	.select2-search--inline {
		// float: left;
		.select2-search__field {
			// box-sizing: border-box;
			// border: none;
			// font-size: 100%;
			// margin-top: 5px;
			// padding: 0;
			// &::-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: $background_color_1;
	border: 1px solid #ccc;
	border-radius: 2px;
	// box-sizing: border-box;
	// display: block;
	// position: absolute;
	// left: -100000px;
	// width: 100%;
	// z-index: 1051;
}
.select2-results {
	// display: block;
}
.select2-results__options {
	// list-style: none;
	// margin: 0;
	// padding: 0;
}
.select2-results__option {
	// padding: 6px;
	// user-select: none;
	// -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
	// cursor: pointer;
}
.select2-container--open {
	.select2-dropdown {
		// left: 0;
	}
	.select2-dropdown--above {
		// border-bottom: none;
		// border-bottom-left-radius: 0;
		// border-bottom-right-radius: 0;
	}
	.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 {
		// padding: 4px;
		// width: 100%;
		// box-sizing: border-box;
		// &::-webkit-search-cancel-button {
		// 	-webkit-appearance: none;
		// }
	}
}
.select2-search--dropdown.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: $background_color_2;
	// 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;
}
.select2-container--default {
	.select2-selection--single {
		// background-color: $background_color_2;
		border: 1px solid #ccc;
		border-radius: 2px;
		.select2-selection__rendered {
			// color: $color_1;
			line-height: 32px;
		}
		.select2-selection__clear {
			// cursor: pointer;
			// float: right;
			// font-weight: bold;
		}
		.select2-selection__placeholder {
			color: $color_2;
		}
		.select2-selection__arrow {
			height: 32px;
			// position: absolute;
			// top: 1px;
			// right: 1px;
			// width: 20px;
			b {
				// border-color: $border_color_1;
				// border-style: solid;
				// border-width: 5px 4px 0 4px;
				// height: 0;
				// left: 50%;
				// margin-left: -4px;
				// margin-top: -2px;
				// position: absolute;
				// top: 50%;
				// width: 0;
			}
		}
	}
	.select2-selection--multiple {
		// background-color: $background_color_1;
		border: 1px solid #ccc;
		border-radius: 2px;
		// cursor: text;
		.select2-selection__rendered {
			// box-sizing: border-box;
			// list-style: none;
			// margin: 0;
			// padding: 0 5px;
			// width: 100%;
			// li {
			// 	list-style: none;
			// }
		}
		.select2-selection__placeholder {
			color: $color_2;
			// margin-top: 5px;
			// float: left;
		}
		.select2-selection__clear {
			// cursor: pointer;
			// float: right;
			// font-weight: bold;
			// margin-top: 5px;
			// margin-right: 10px;
		}
		.select2-selection__choice {
			// background-color: $background_color_4;
			border: 1px solid #ccc;
			// border-radius: 4px;
			// cursor: default;
			// float: left;
			// margin-right: 5px;
			// margin-top: 5px;
			// padding: 0 5px;
		}
		.select2-selection__choice__remove {
			color: $color_2;
			// cursor: pointer;
			// display: inline-block;
			// font-weight: bold;
			// margin-right: 2px;
			// &:hover {
			// 	color: $color_3;
			// }
		}
	}
	.select2-search--dropdown {
		.select2-search__field {
			border: 1px solid #ccc;
		}
	}
	.select2-search--inline {
		.select2-search__field {
			// background: transparent;
			// border: none;
			// outline: 0;
			// box-shadow: none;
			// -webkit-appearance: textfield;
		}
	}
	.select2-results {
		>.select2-results__options {
			// max-height: 200px;
			// overflow-y: auto;
		}
	}
	.select2-results__option[role=group] {
		// padding: 0;
	}
	.select2-results__option[aria-disabled=true] {
		color: $color_2;
	}
	.select2-results__option[aria-selected=true] {
		// background-color: $background_color_5;
	}
	.select2-results__option {
		// .select2-results__option {
		// 	padding-left: 1em;
		// 	.select2-results__group {
		// 		padding-left: 0;
		// 	}
		// 	.select2-results__option {
		// 		margin-left: -1em;
		// 		padding-left: 2em;
		// 		.select2-results__option {
		// 			margin-left: -2em;
		// 			padding-left: 3em;
		// 			.select2-results__option {
		// 				margin-left: -3em;
		// 				padding-left: 4em;
		// 				.select2-results__option {
		// 					margin-left: -4em;
		// 					padding-left: 5em;
		// 					.select2-results__option {
		// 						margin-left: -5em;
		// 						padding-left: 6em;
		// 					}
		// 				}
		// 			}
		// 		}
		// 	}
		// }
	}
	.select2-results__option--highlighted[aria-selected] {
		// background-color: $background_color_6;
		// color: $color_4;
	}
	.select2-results__group {
		// cursor: default;
		// display: block;
		// padding: 6px;
	}
}
.select2-container--default[dir="rtl"] {
	.select2-selection--single {
		.select2-selection__clear {
			// float: left;
		}
		.select2-selection__arrow {
			// left: 1px;
			// right: auto;
		}
	}
	.select2-selection--multiple {
		.select2-selection__choice {
			// float: right;
			// margin-left: 5px;
			// margin-right: auto;
		}
		.select2-selection__placeholder {
			// float: right;
		}
		.select2-search--inline {
			// float: right;
		}
		.select2-selection__choice__remove {
			// margin-left: 2px;
			// margin-right: auto;
		}
	}
}
.select2-container--default.select2-container--disabled {
	.select2-selection--single {
		// background-color: $background_color_3;
		// cursor: default;
		.select2-selection__clear {
			// display: none;
		}
	}
	.select2-selection--multiple {
		// background-color: $background_color_3;
		// cursor: default;
	}
	.select2-selection__choice__remove {
		// display: none;
	}
}
.select2-container--default.select2-container--open {
	.select2-selection--single {
		.select2-selection__arrow {
			b {
				// border-color: $border_color_2;
				// border-width: 0 4px 5px 4px;
			}
		}
	}
}
.select2-container--default.select2-container--focus {
	.select2-selection--multiple {
		// border: solid black 1px;
		// outline: 0;
	}
}
.select2-container--default.select2-container--open.select2-container--above {
	.select2-selection--single {
		// border-top-left-radius: 0;
		// border-top-right-radius: 0;
	}
	.select2-selection--multiple {
		// border-top-left-radius: 0;
		// border-top-right-radius: 0;
	}
}
.select2-container--default.select2-container--open.select2-container--below {
	.select2-selection--single {
		// border-bottom-left-radius: 0;
		// border-bottom-right-radius: 0;
	}
	.select2-selection--multiple {
		// border-bottom-left-radius: 0;
		// border-bottom-right-radius: 0;
	}
}
.select2-container--classic {
	.select2-selection--single {
		// background-color: $background_color_7;
		border: 1px solid #ccc;
		border-radius: 2px;
		outline: 0;
		// background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
		// background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
		// background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
		// background-repeat: repeat-x;
		// filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
		&:focus {
			// border: 1px solid #5897fb;
		}
		.select2-selection__rendered {
			// color: $color_1;
			line-height: 32px;
		}
		.select2-selection__clear {
			// cursor: pointer;
			// float: right;
			// font-weight: bold;
			// margin-right: 10px;
		}
		.select2-selection__placeholder {
			// color: $color_2;
		}
		.select2-selection__arrow {
			// background-color: $background_color_5;
			// border: none;
			border-left: 1px solid #ccc;
			border-top-right-radius: 2px;
			border-bottom-right-radius: 2px;
			height: 32px;
			// position: absolute;
			// top: 1px;
			// right: 1px;
			// width: 20px;
			// background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
			// background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
			// background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
			// background-repeat: repeat-x;
			// filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
			// b {
			// 	border-color: $border_color_1;
			// 	border-style: solid;
			// 	border-width: 5px 4px 0 4px;
			// 	height: 0;
			// 	left: 50%;
			// 	margin-left: -4px;
			// 	margin-top: -2px;
			// 	position: absolute;
			// 	top: 50%;
			// 	width: 0;
			// }
		}
	}
	.select2-selection--multiple {
		// background-color: $background_color_1;
		border: 1px solid #ccc;
		border-radius: 2px;
		// cursor: text;
		// outline: 0;
		&:focus {
			// border: 1px solid #5897fb;
		}
		.select2-selection__rendered {
			// list-style: none;
			// margin: 0;
			// padding: 0 5px;
		}
		.select2-selection__clear {
			// display: none;
		}
		.select2-selection__choice {
			// background-color: $background_color_4;
			border: 1px solid #ccc;
			border-radius: 2px;
			// cursor: default;
			// float: left;
			// margin-right: 5px;
			// margin-top: 5px;
			// padding: 0 5px;
		}
		.select2-selection__choice__remove {
			// color: $color_5;
			// cursor: pointer;
			// display: inline-block;
			// font-weight: bold;
			// margin-right: 2px;
			// &:hover {
			// 	color: $color_6;
			// }
		}
	}
	.select2-search--dropdown {
		.select2-search__field {
			border: 1px solid #ccc;
			outline: 0;
		}
	}
	.select2-search--inline {
		.select2-search__field {
			outline: 0;
			box-shadow: none;
		}
	}
	// .select2-dropdown {
	// 	background-color: $background_color_1;
	// 	border: 1px solid transparent;
	// }
	// .select2-dropdown--above {
	// 	border-bottom: none;
	// }
	// .select2-dropdown--below {
	// 	border-top: none;
	// }
	// .select2-results {
	// 	>.select2-results__options {
	// 		max-height: 200px;
	// 		overflow-y: auto;
	// 	}
	// }
	// .select2-results__option[role=group] {
	// 	padding: 0;
	// }
	// .select2-results__option[aria-disabled=true] {
	// 	color: $color_7;
	// }
	// .select2-results__option--highlighted[aria-selected] {
	// 	background-color: $background_color_8;
	// 	color: $color_4;
	// }
	// .select2-results__group {
	// 	cursor: default;
	// 	display: block;
	// 	padding: 6px;
	// }
}
.select2-container--classic[dir="rtl"] {
	.select2-selection--single {
		.select2-selection__clear {
			// float: left;
		}
		.select2-selection__arrow {
			// border: none;
			border-right: 1px solid #ccc;
			border-radius: 0;
			border-top-left-radius: 2px;
			border-bottom-left-radius: 2px;
			// left: 1px;
			// right: auto;
		}
	}
	// .select2-selection--multiple {
	// 	.select2-selection__choice {
	// 		float: right;
	// 		margin-left: 5px;
	// 		margin-right: auto;
	// 	}
	// 	.select2-selection__choice__remove {
	// 		margin-left: 2px;
	// 		margin-right: auto;
	// 	}
	// }
}
// .select2-container--classic.select2-container--open {
// 	.select2-selection--single {
// 		border: 1px solid #5897fb;
// 		.select2-selection__arrow {
// 			background: transparent;
// 			border: none;
// 			b {
// 				border-color: $border_color_2;
// 				border-width: 0 4px 5px 4px;
// 			}
// 		}
// 	}
// 	.select2-selection--multiple {
// 		border: 1px solid #5897fb;
// 	}
// 	.select2-dropdown {
// 		border-color: $border_color_3;
// 	}
// }
// .select2-container--classic.select2-container--open.select2-container--above {
// 	.select2-selection--single {
// 		border-top: none;
// 		border-top-left-radius: 0;
// 		border-top-right-radius: 0;
// 		background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
// 		background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
// 		background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
// 		background-repeat: repeat-x;
// 		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
// 	}
// 	.select2-selection--multiple {
// 		border-top: none;
// 		border-top-left-radius: 0;
// 		border-top-right-radius: 0;
// 	}
// }
// .select2-container--classic.select2-container--open.select2-container--below {
// 	.select2-selection--single {
// 		border-bottom: none;
// 		border-bottom-left-radius: 0;
// 		border-bottom-right-radius: 0;
// 		background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
// 		background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
// 		background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
// 		background-repeat: repeat-x;
// 		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
// 	}
// 	.select2-selection--multiple {
// 		border-bottom: none;
// 		border-bottom-left-radius: 0;
// 		border-bottom-right-radius: 0;
// 	}
// }