// ------------------------------------
// SELECT2 FORM FIELDS
// ------------------------------------

body#{ $_body-theme-selector } .select2-container--default .select2-selection--single,
body#{ $_body-theme-selector }#qtBody .select2-dropdown,
body#{ $_body-theme-selector }#qtBody .select2-results__options .select2-results__option,
body#{ $_body-theme-selector }#qtBody .select2-container--default .select2-search--dropdown .select2-search__field {
	background-color: $white !important; // Needed to override theme styles
	border-color: $form-field-border-color;
}

body#{ $_body-theme-selector }#qtBody .select2-dropdown {
	box-shadow: $box-shadow-darker;
}

body#{ $_body-theme-selector }#qtBody .select2-results__options .select2-results__option {
	color: $dark-grey !important; // Needed to override theme styles
}

body#{ $_body-theme-selector }#qtBody .select2-container--default .select2-results__option[aria-selected="true"], 
body#{ $_body-theme-selector }#qtBody .select2-container--default .select2-results__option[data-selected="true"] {
	background-color: $form-field-background-color--accent !important; // Needed to override theme styles
	color: $form-field-text-color--accent !important; // Needed to override theme styles
}

body#{ $_body-theme-selector } div.woocommerce form .form-row .select2-selection--single,
body#{ $_body-theme-selector } div.woocommerce form .form-row .select2-selection--multiple {
	text-align: #{ $alignment-left };
}

body#{ $_body-theme-selector }#qtBody div.woocommerce form .form-row .select2-selection--single,
body#{ $_body-theme-selector }#qtBody div.woocommerce form .form-row .select2-selection--single .select2-selection__rendered {
	height: auto;
}

body#{ $_body-theme-selector }#qtBody div.woocommerce form .form-row .select2-selection--single .select2-selection__rendered {
	color: $dark-grey;
	font-size: $form-field-font-size;
	line-height: $form-field-select2-selection-height--single;
}