/* ------------------------------------------------------------ */
/* Select2 v4 theme overrides                                     */
/* Ports the brand-specific select2 styling from af_style.css's   */
/* v2/v3 rules (.select2-choice, chevron_down.png, #055a60 teal)  */
/* onto select2 v4's actual markup/classes for the Available      */
/* Funds filter dropdowns.                                        */
/* ------------------------------------------------------------ */
.select2-container {
  display: block;
  width: 100% !important;
}

.select2-container .select2-selection--single {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 5px 48px 5px 16px;
  border: 1px solid #055a60;
  border-radius: 0;
  background: #ffffff;
  background-clip: padding-box;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 16px;
  color: #3b352e;
  padding: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: -1px;
  right: -1px;
  width: 48px;
  height: 48px;
  border: 1px solid #055a60;
  background: url(/xpf_calculators/shared/images/chevron_down.png) center no-repeat;
  box-sizing: border-box;
  pointer-events: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
  border: 1px solid #055a60;
  box-shadow: 0 0 3px #89aace;
}

.select2-dropdown {
  border: 1px solid #055a60;
  border-radius: 0 0 4px 4px;
}

.select2-search--dropdown .select2-search__field {
  box-shadow: none !important;
  background: #ffffff !important;
  border: 1px solid #CCEAE9 !important;
  box-shadow: 0 0 3px #89aace !important;
  border-radius: 0;
}

.select2-results__option--highlighted[aria-selected] {
  background: linear-gradient(to bottom, #00AB9F 0%, #155253 100%);
  color: #ffffff;
  cursor: pointer;
}

/* Match the surrounding bootstrap span6/span12 grid widths */
.input-element .select2-container,
.dLeft .select2-container {
  max-width: 100%;
}