// // dropdowns.scss // Extended from Bootstrap //

// // Bootstrap overrides ================================== //

// Dropdown arrows // // Replace original arrows with Feather icons

.dropdown-toggle {

&::after {
  width: auto;
  height: auto;
  border: none !important;
  vertical-align: middle;
  font-family: 'Feather';
}
&::after {
  content: '\e92e' !important;
}

}

.dropup>.dropdown-toggle {

&::after {
  content: '\e931' !important;
}

}

.dropright>.dropdown-toggle {

&::after {
  content: '\e930' !important;
}

}

.dropleft>.dropdown-toggle {

&::before {
  content: '\e92f' !important;
  width: auto;
  height: auto;
  border: none !important;
  vertical-align: middle;
  font-family: 'Feather';
}

}

// Dropdown toggle // // Right align arrows

.dropdown-item.dropdown-toggle {

display: flex;
justify-content: space-between;

}

// Dropdown menu animation // // Animate dropdown menu appearance

.dropdown-menu {

animation: dropdownMenu .15s;

}

@keyframes dropdownMenu {

from {
  opacity: 0;
}
to {
  opacity: 1;
}

}

// // Dashkit =================================== //

// Dropdown ellipses // // Styles the ellipses icon and removes the dropdown arrow

.dropdown-ellipses {

font-size: $font-size-lg;
color: $gray-400;

}

.dropdown-ellipses::after {

display: none;

}

// Dropdown card // // Makes the dropdown menu act like a card

.dropdown-menu-card {

min-width: $dropdown-card-min-width;
padding-top: 0;
padding-bottom: 0;
background-color: $card-bg;
border-color: $dropdown-card-border-color;
.card-header {
  min-height: $dropdown-card-header-min-height;
}
.card-body {
  max-height: $dropdown-card-body-max-height;
  overflow-y: auto;
}

}