.dropup, .dropright, .dropdown, .dropleft {position: relative; } .dropdown-toggle {white-space: nowrap; } .dropdown-toggle::after {display: inline-block;margin-left: 0.255em;vertical-align: 0.255em;content: "";border-top: 0.3em solid;border-right: 0.3em solid transparent;border-bottom: 0;border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after {margin-left: 0; } .dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 10rem;padding: 0.5rem 0;margin: 0.125rem 0 0;font-size: 1rem;color: var(--dropdown-color);text-align: left;list-style: none;background-color: var(--dropdown-bg);background-clip: padding-box;border: 1px solid var(--dropdown-border-color);border-radius: 0; } .dropdown-menu-left {right: auto;left: 0; } .dropdown-menu-right {right: 0;left: auto; } @media (min-width: 319px) {.dropdown-menu-xs-left {right: auto;left: 0;}.dropdown-menu-xs-right {right: 0;left: auto;} } @media (min-width: 576px) {.dropdown-menu-sm-left {right: auto;left: 0;}.dropdown-menu-sm-right {right: 0;left: auto;} } @media (min-width: 768px) {.dropdown-menu-md-left {right: auto;left: 0;}.dropdown-menu-md-right {right: 0;left: auto;} } @media (min-width: 992px) {.dropdown-menu-lg-left {right: auto;left: 0;}.dropdown-menu-lg-right {right: 0;left: auto;} } @media (min-width: 1280px) {.dropdown-menu-xl-left {right: auto;left: 0;}.dropdown-menu-xl-right {right: 0;left: auto;} } @media (min-width: 1920px) {.dropdown-menu-xxl-left {right: auto;left: 0;}.dropdown-menu-xxl-right {right: 0;left: auto;} } .dropup .dropdown-menu {top: auto;bottom: 100%;margin-top: 0;margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after {display: inline-block;margin-left: 0.255em;vertical-align: 0.255em;content: "";border-top: 0;border-right: 0.3em solid transparent;border-bottom: 0.3em solid;border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after {margin-left: 0; } .dropright .dropdown-menu {top: 0;right: auto;left: 100%;margin-top: 0;margin-left: 0.125rem; } .dropright .dropdown-toggle::after {display: inline-block;margin-left: 0.255em;vertical-align: 0.255em;content: "";border-top: 0.3em solid transparent;border-right: 0;border-bottom: 0.3em solid transparent;border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after {margin-left: 0; } .dropright .dropdown-toggle::after {vertical-align: 0; } .dropleft .dropdown-menu {top: 0;right: 100%;left: auto;margin-top: 0;margin-right: 0.125rem; } .dropleft .dropdown-toggle::after {display: inline-block;margin-left: 0.255em;vertical-align: 0.255em;content: ""; } .dropleft .dropdown-toggle::after {display: none; } .dropleft .dropdown-toggle::before {display: inline-block;margin-right: 0.255em;vertical-align: 0.255em;content: "";border-top: 0.3em solid transparent;border-right: 0.3em solid;border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after {margin-left: 0; } .dropleft .dropdown-toggle::before {vertical-align: 0; } .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {right: auto;bottom: auto; } .dropdown-divider {height: 0;margin: 0.5714285714rem 0;overflow: hidden;border-top: 1px solid var(--dropdown-divider-bg); } .dropdown-item {display: block;width: 100%;padding: 0.25rem 1.5rem;clear: both;font-weight: 400;color: var(--dropdown-link-color);text-align: inherit;white-space: nowrap;background-color: transparent;border: 0; } .dropdown-item:hover, .dropdown-item:focus {color: var(--dropdown-link-hover-color);text-decoration: none;background-color: var(--dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active {color: var(--dropdown-link-active-color);text-decoration: none;background-color: var(--dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled {color: var(--dropdown-link-disabled-color);pointer-events: none;background-color: transparent; } .dropdown-menu.show {display: block; } .dropdown-header {display: block;padding: 0.5rem 1.5rem;margin-bottom: 0;font-size: 0.875rem;color: var(--dropdown-header-color);white-space: nowrap; } .dropdown-item-text {display: block;padding: 0.25rem 1.5rem;color: var(--dropdown-link-color); } .dropdown-menu.typeahead {width: 100%;max-height: 21.4285714286rem;overflow-y: auto; } .dropdown-menu:hover {display: block; } .dropdown-toggle {position: relative; } .dropdown-toggle:focus ~ .dropdown-menu {display: block; }