.dropdown-item–title {
font-size: 0.75rem; line-height: 16px; letter-spacing: 0.2px;
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade { transition: none; }
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
position: relative; height: 0; overflow: hidden; transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing { transition: none; }
}
.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: 0.875rem; color: #212121; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px;
}
.dropdown-menu-left {
right: auto; left: 0;
}
.dropdown-menu-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: 1272px) {
.dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-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, .dropdown-menu, .dropdown-menu, .dropdown-menu {
right: auto; bottom: auto;
}
.dropdown-divider {
height: 0; margin: 8px 0; overflow: hidden; border-top: 1px solid #e9ecef;
}
.dropdown-item {
display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
color: #16181b; text-decoration: none; background-color: #f8f9fa;
}
.dropdown-item.active, .dropdown-item:active {
color: #fff; text-decoration: none; background-color: #005fbf;
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: #b4b4b4; 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.75rem; color: #6c757d; white-space: nowrap;
}
.dropdown-item-text {
display: block; padding: 0.25rem 1.5rem; color: #212529;
}
.dropdown-item–title {
font-size: 0.75rem; line-height: 16px; letter-spacing: 0.2px;
}
.dropdown-toggle::after {
display: none; vertical-align: 2px;
}
.dropdown-menu {
width: auto; min-width: 80px; max-width: 684px; padding: 0; margin: 4px 0 0; overflow-y: hidden; background-color: #fff; border: 1px solid #e2e2e2; box-shadow: 0 2px 4px rgba(119, 119, 119, 0.1), 0 4px 8px rgba(119, 119, 119, 0.2); border-radius: 4px;
}
.dropdown-menu::-webkit-scrollbar {
width: 12px; background-color: transparent;
}
.dropdown-menu::-webkit-scrollbar-thumb {
background-color: #777; background-clip: padding-box; border: 4px solid transparent; border-radius: 16px;
}
.dropdown-menu::-webkit-scrollbar-track {
background-color: #fff; border-radius: 4px;
}
.dropdown-menu–small {
width: 80px;
}
.dropdown-menu–medium {
width: 184px;
}
.dropdown-menu–large {
width: 288px;
}
.dropdown-menu–max-content {
width: -webkit-max-content; width: -moz-max-content; width: max-content;
}
.dropdown-menu–fixed-height {
max-height: 180px;
}
.dropdown-menu–fixed-height .dropdown-item–container {
max-height: 180px; overflow: auto;
}
.dropdown-menu–fixed-height .dropdown-item–search + .dropdown-item–container {
max-height: 126px;
}
.dropdown-item {
padding: 8px; color: #212121; white-space: normal; cursor: pointer; outline: none;
}
.dropdown-item–title {
padding-top: 12px; padding-bottom: 4px; color: #777; text-transform: capitalize; border-top: 1px solid #e2e2e2;
}
.dropdown-item–title:first-child {
border: none;
}
.dropdown-item:hover {
background-color: #f2f4f7;
}
.dropdown-item:hover:active {
color: #212121;
}
.dropdown-item.active:hover {
background-color: #00468c;
}
.dropdown-item.active:hover:active {
color: #f2f4f7;
}
.dropdown-item.active .ic {
color: inherit;
}
.dropdown-item.is-selected {
background-color: #f2f4f7;
}
.dropdown-divider {
margin: 0;
}
.dropdown-not-found {
display: block; padding: 8px; color: #b4b4b4; text-align: center;
}
.dropdown-selected-list {
margin-top: 4px;
}
.dropdown-selected-list .badge {
margin-top: 4px; margin-right: 8px;
}
.dropdown-selected-list .badge:last-child {
margin-right: 0;
}
.dropdown-action {
padding: 8px;
}
.dropdown-action input {
width: 100%; margin: 0;
}
.dropdown-action:hover {
background-color: inherit;
}
.dropdown-with-action .dropdown-menu {
max-height: none; overflow: hidden;
}
.dropdown-with-action .dropdown-menu .dropdown-action:hover {
background-color: inherit;
}
.dropdown-with-action .dropdown-menu-list {
height: auto; max-height: 126px; overflow-y: auto;
}
.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar {
width: 12px; background-color: transparent;
}
.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-thumb {
background-color: #777; background-clip: padding-box; border: 4px solid transparent; border-radius: 16px;
}
.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-track {
background-color: #fff; border-radius: 4px;
}
.dropdown-with-avatar span {
vertical-align: middle;
}
.dropdown-with-pill .dropdown-menu-list .dropdown-item.is-selected {
color: #b4b4b4; pointer-events: none; background-color: transparent;
}
.dropdown–medium {
width: 184px;
}
.dropdown–large {
width: 288px;
} /*# sourceMappingURL=mekari-ui-dropdown.css.map */