/*** Selects & Related Styles ***/
.chosen-container {
	font-size: 14px;
}
.chosen-container .search-field {
	width: 100% !important;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  height: 34px;
}
.chosen-container-single .chosen-single {
  height: 34px;
  line-height: 33px;
}
.has-error .select2-container,
.has-error .select2-selection,
.has-error .chosen-container,
.has-error .chosen-container .chosen-single,
.has-error .selectize-control,
.has-error .selectize-input {
	color: #a94442;
	border-color: #a94442;
}

/* Update Chosen Image urls (needed if we are running in combined css/script mode */
.chosen-container-single .chosen-single abbr {
	background: url("/users/images/plugins/chosen/chosen-sprite.png") -42px 1px no-repeat !important;
}
.chosen-container-single .chosen-single div b {
	background: url("/users/images/plugins/chosen/chosen-sprite.png") no-repeat 0px 2px !important;
}
.chosen-container-single .chosen-search input[type="text"] {
	background: url("/users/images/plugins/chosen/chosen-sprite.png") no-repeat 100% -20px !important;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	background: url("/users/images/plugins/chosen/chosen-sprite.png") -42px 1px no-repeat !important;
}
.chosen-rtl .chosen-search input[type="text"] {
	background: url("/users/images/plugins/chosen/chosen-sprite.png") no-repeat -30px -20px !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
	.chosen-container .chosen-results-scroll-up span {
		background-image: url("/users/images/plugins/chosen/chosen-sprite@2x.png") !important;
	}
}

/* Remove the 3D look for chosen. */
.chosen-container-single .chosen-single {
	background:none;
	border: 1px solid #CCCCCC;
}
.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices {
	-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
	border-radius: 4px;
}
.chosen-container a.search-choice-close {
	margin-top: 0;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 2px; padding: 2px; }
.chosen-container-multi .chosen-choices { background-image: none; }


/* Fix border radius for bootstrap input groups and select plugins.
 * Chosen & Selectize may still have issues when in input-group's
 * because the original <select> object is hidden but just above the
 * actual element (within the parent), so :first-child will fail. */
.input-group .select2-container:not(:first-child):not(:last-child),
.input-group .select2-container:not(:first-child):not(:last-child) .select2-selection,
.input-group .chosen-container:not(:first-child):not(:last-child),
.input-group .chosen-container:not(:first-child):not(:last-child) .chosen-single,
.input-group .selectize-control:not(:first-child):not(:last-child),
.input-group .selectize-control:not(:first-child):not(:last-child) > .selectize-input {
  border-radius: 0;
}
.input-group .selectize-control > .selectize-dropdown {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.input-group .select2-container:not(:last-child),
.input-group .select2-container:not(:last-child) .select2-selection,
.input-group .chosen-container:not(:last-child),
.input-group .chosen-container:not(:last-child) .chosen-single,
.input-group .selectize-control:first-child,
.input-group .selectize-control:first-child > .selectize-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .select2-container:not(:first-child),
.input-group .select2-container:not(:first-child) .select2-selection,
.input-group .chosen-container:not(:first-child),
.input-group .chosen-container:not(:first-child) .chosen-single,
.input-group .selectize-control:last-child,
.input-group .selectize-control:last-child > .selectize-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.chosen-container-single .chosen-single div b {
	margin-top: 4px;
}
.chosen-container abbr.search-choice-close {
	position: absolute;
	top: 10px;
	right: 20px;
}

li.select2-results__option > strong.select2-results__group {
	color: #005DE9;
	padding: 6px;
	font-size: 13px;
	cursor: not-allowed;
}
input.select2-search__field:disabled {
	background-color: transparent !important;
}
.expired-billing-accts li.select2-results__option > strong.select2-results__group {
	color: #e02222;
}

.expired-billing-accts li.select2-results__option > ul.select2-results__options.select2-results__options--nested {
	color: #e02222;
}

.expired-billing-accts li.select2-results__option > ul.select2-results__options.select2-results__options--nested .select2-results__option[aria-selected=true] {
	color: #e02222;
}

.expired-billing-accts li.select2-results__option > ul.select2-results__options.select2-results__options--nested .select2-results__option.select2-results__option--highlighted {
	color: #fff;
}

/* corrections to select2-bootstrap styling */
.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
  color: #C0C0C0;
  cursor: not-allowed;
}
.select2-selection__clear {
	margin-left: 8px;
	margin-right: 5px;
	margin-top: -2px;
	font-size: 18px;
}

.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
	border-width: 1px !important;
	outline: 1px solid rgba(102,175,233,.5);
	outline-style: auto; /* For Chrome */
	outline-offset: -2px; /* For Firefox */
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}
.has-error .select2-container--bootstrap.select2-container--focus .select2-selection,
.has-error .select2-container--bootstrap.select2-container--open .select2-selection {
	outline: 1px solid rgba(149,59,57,.5);
	outline-style: auto; /* For Chrome */
}
.has-success .select2-container--bootstrap.select2-container--focus .select2-selection,
.has-success .select2-container--bootstrap.select2-container--open .select2-selection {
	outline: 1px solid rgba(53,102,53,.5);
	outline-style: auto; /* For Chrome */
}
.has-warning .select2-container--bootstrap.select2-container--focus .select2-selection,
.has-warning .select2-container--bootstrap.select2-container--open .select2-selection {
	outline: 1px solid rgba(164,126,60,.5);
	outline-style: auto; /* For Chrome */
}


/* Selectize Plugin */
.selectize-control.plugin-remove_button .remove-single {
	color: #777;
}
.selectize-control.single .selectize-input:after {
	margin-top: 0;
}
.selectize-control.single .selectize-input:after,
.selectize-control.single .selectize-input.dropdown-active:after {
	border-color: #777 transparent transparent transparent !important;
}
.selectize-input {
	/* Not sure why this is needed.
	 * It is set 'hidden' in [selectize.bootstrap3.css]
	 * Without resetting it, the field is mis-aligned when using input-group's */
	overflow: initial;
}

.selectize-dropdown-content > div {
	/* strange way to add spacing to the dropdown items and mantain the background color */
	padding-left: 10px !important;
}