:root { --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --amber: #ffc107; --blue: #2196f3; --blue-grey: #607d8b; --brown: #795548; --cyan: #00bcd4; --deep-orange: #ff5722; --deep-purple: #673ab7; --green: #4caf50; --grey: #9e9e9e; --indigo: #3f51b5; --light-blue: #03a9f4; --light-green: #8bc34a; --lime: #cddc39; --orange: #ff9800; --pink: #e91e63; --purple: #9c27b0; --red: #f44336; --teal: #009688; --yellow: #ffeb3b; --primary: #9c27b0; --primary-dark: #7b1fa2; --primary-light: #e1bee7; --secondary: #ff4081; --secondary-dark: #f50057; --secondary-light: #ff80ab; --danger: #f44336; --danger-dark: #d32f2f; --danger-light: #ffcdd2; --info: #2196f3; --info-dark: #1976d2; --info-light: #bbdefb; --success: #4caf50; --success-dark: #388e3c; --success-light: #c8e6c9; --warning: #ff9800; --warning-dark: #f57c00; --warning-light: #ffe0b2; --dark: #424242; --dark-dark: #212121; --dark-light: #757575; --light: #f5f5f5; --light-dark: #e0e0e0; --light-light: #fafafa; --font-family-monospace: "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --font-family-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family-serif: "Roboto Slab", Georgia, "Times New Roman", Times, serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" } .btn-float-dropdown .dropdown-menu { border-radius: 0; margin-top: 1rem; min-width: 3.5rem; padding-top: 0; padding-bottom: 0; text-align: center } .btn-float-dropdown .dropdown-menu:before { display: none } .btn-float-dropdown .dropdown-menu .btn-float { display: block; margin-right: auto; margin-bottom: 1rem; margin-left: auto } .dropdown-menu { border-radius: 2px; text-align: left; text-align: start; background-color: transparent; color: inherit; display: none; float: left; font-size: 1rem; font-weight: 400; line-height: 1.5rem; list-style: none; margin: 0; min-width: 7rem; padding: .5rem 0; position: absolute; top: 100%; left: 0; z-index: 80 } [dir=rtl] .dropdown-menu { text-align: right; text-align: start } .dropdown-menu.show { display: block } .dropdown-menu.show:before, .dropdown-menu.show > * { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1); animation-timing-function: cubic-bezier(.4, 0, .2, 1) } @media (min-width: 576px) { .dropdown-menu.show:before, .dropdown-menu.show > * { -webkit-animation-duration: .39s; animation-duration: .39s } } @media (min-width: 992px) { .dropdown-menu.show:before, .dropdown-menu.show > * { -webkit-animation-duration: .2s; animation-duration: .2s } } @media screen and (prefers-reduced-motion: reduce) { .dropdown-menu.show:before, .dropdown-menu.show > * { -webkit-animation: none; animation: none } } .dropdown-menu.show:before { -webkit-animation-name: dropdown-menu-show; animation-name: dropdown-menu-show } .dropdown-menu.show > * { -webkit-animation-name: dropdown-item-show; animation-name: dropdown-item-show } .dropdown-menu.show > :first-child { -webkit-animation-name: dropdown-item-show-1; animation-name: dropdown-item-show-1 } .dropdown-menu.show > :nth-child(2) { -webkit-animation-name: dropdown-item-show-2; animation-name: dropdown-item-show-2 } .dropdown-menu.show > :nth-child(3) { -webkit-animation-name: dropdown-item-show-3; animation-name: dropdown-item-show-3 } .dropdown-menu:before { border-radius: 2px; background-color: #fff; box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 3px rgba(0, 0, 0, .12), 0 4px 15px 0 rgba(0, 0, 0, .2); content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; z-index: -1 } .nav:not(.flex-column):not(.flex-column-reverse) .dropdown-menu { min-width: 100% } .menu { margin-top: -3.125rem } .menu:before { -webkit-transform-origin: 0 2rem; transform-origin: 0 2rem } .show > a { outline: 0 } .dropdown-menu-right:not([x-placement]) { right: 0; left: auto } .dropdown-menu-right:not([x-placement]).menu:before { -webkit-transform-origin: 100% 2rem; transform-origin: 100% 2rem } .dropdown-menu-right:not([x-placement]):before { -webkit-transform-origin: 100% 0; transform-origin: 100% 0 } .dropleft .dropdown-menu:not([x-placement]) { top: 0; right: 100%; left: auto } .dropleft .dropdown-menu:not([x-placement]).menu { margin-top: 0 } .dropleft .dropdown-menu:not([x-placement]):before { -webkit-transform-origin: 100% 0; transform-origin: 100% 0 } .dropright .dropdown-menu:not([x-placement]) { top: 0; left: 100% } .dropright .dropdown-menu:not([x-placement]).menu { margin-top: 0 } .dropright .dropdown-menu:not([x-placement]):before { -webkit-transform-origin: 0 0; transform-origin: 0 0 } .dropup .dropdown-menu:not([x-placement]) { top: auto; bottom: 100% } .dropup .dropdown-menu:not([x-placement]).menu { margin-top: 0; margin-bottom: -3.125rem } .dropup .dropdown-menu:not([x-placement]).menu:before { -webkit-transform-origin: 0 calc(100% - 2rem); transform-origin: 0 calc(100% - 2rem) } .dropup .dropdown-menu:not([x-placement]):before { -webkit-transform-origin: 0 100%; transform-origin: 0 100% } .dropup .dropdown-menu:not([x-placement]) > :first-child, .dropup .dropdown-menu:not([x-placement]) > :nth-child(2), .dropup .dropdown-menu:not([x-placement]) > :nth-child(3) { -webkit-animation-name: dropdown-item-show; animation-name: dropdown-item-show } .dropup .dropdown-menu:not([x-placement]) > :last-child { -webkit-animation-name: dropdown-item-show-1; animation-name: dropdown-item-show-1 } .dropup .dropdown-menu:not([x-placement]) > :nth-last-child(2) { -webkit-animation-name: dropdown-item-show-2; animation-name: dropdown-item-show-2 } .dropup .dropdown-menu:not([x-placement]) > :nth-last-child(3) { -webkit-animation-name: dropdown-item-show-3; animation-name: dropdown-item-show-3 } .dropup .dropdown-menu-right:not([x-placement]).menu:before { -webkit-transform-origin: 100% calc(100% - 2rem); transform-origin: 100% calc(100% - 2rem) } .dropup .dropdown-menu-right:not([x-placement]):before { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100% } .dropdown-menu[x-placement=bottom-end]:before, .dropdown-menu[x-placement=left-start]:before { -webkit-transform-origin: 100% 0; transform-origin: 100% 0 } .dropdown-menu[x-placement=top-end].show > :first-child, .dropdown-menu[x-placement=top-end].show > :nth-child(2), .dropdown-menu[x-placement=top-end].show > :nth-child(3), .dropdown-menu[x-placement=top-start].show > :first-child, .dropdown-menu[x-placement=top-start].show > :nth-child(2), .dropdown-menu[x-placement=top-start].show > :nth-child(3) { -webkit-animation-name: dropdown-item-show; animation-name: dropdown-item-show } .dropdown-menu[x-placement=top-end].show > :last-child, .dropdown-menu[x-placement=top-start].show > :last-child { -webkit-animation-name: dropdown-item-show-1; animation-name: dropdown-item-show-1 } .dropdown-menu[x-placement=top-end].show > :nth-last-child(2), .dropdown-menu[x-placement=top-start].show > :nth-last-child(2) { -webkit-animation-name: dropdown-item-show-2; animation-name: dropdown-item-show-2 } .dropdown-menu[x-placement=top-end].show > :nth-last-child(3), .dropdown-menu[x-placement=top-start].show > :nth-last-child(3) { -webkit-animation-name: dropdown-item-show-3; animation-name: dropdown-item-show-3 } .dropdown-menu[x-placement=top-end]:before { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100% } .dropdown-menu[x-placement=top-start]:before { -webkit-transform-origin: 0 100%; transform-origin: 0 100% } .menu[x-placement=bottom-end]:before { -webkit-transform-origin: 100% 2rem; transform-origin: 100% 2rem } .menu[x-placement=left-start], .menu[x-placement=right-start] { margin-top: 0 } .menu[x-placement=left-start]:before { -webkit-transform-origin: 100% 0; transform-origin: 100% 0 } .menu[x-placement=right-start]:before { -webkit-transform-origin: 0 0; transform-origin: 0 0 } .menu[x-placement=top-end], .menu[x-placement=top-start] { margin-top: 0; margin-bottom: -3.125rem } .menu[x-placement=top-end]:before { -webkit-transform-origin: 100% calc(100% - 2rem); transform-origin: 100% calc(100% - 2rem) } .menu[x-placement=top-start]:before { -webkit-transform-origin: 0 calc(100% - 2rem); transform-origin: 0 calc(100% - 2rem) } @-webkit-keyframes dropdown-item-show { 0% { opacity: 0 } 99% { opacity: 0 } to { opacity: 1 } } @keyframes dropdown-item-show { 0% { opacity: 0 } 99% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes dropdown-item-show-1 { 0% { opacity: 0 } 40% { opacity: 0 } to { opacity: 1 } } @keyframes dropdown-item-show-1 { 0% { opacity: 0 } 40% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes dropdown-item-show-2 { 0% { opacity: 0 } 60% { opacity: 0 } to { opacity: 1 } } @keyframes dropdown-item-show-2 { 0% { opacity: 0 } 60% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes dropdown-item-show-3 { 0% { opacity: 0 } 80% { opacity: 0 } to { opacity: 1 } } @keyframes dropdown-item-show-3 { 0% { opacity: 0 } 80% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes dropdown-menu-show { 0% { -webkit-transform: scale(0); transform: scale(0) } 20% { -webkit-transform: scale(.333333, 0); transform: scale(.333333, 0) } 40% { -webkit-transform: scale(.666667, .25); transform: scale(.666667, .25) } 60% { -webkit-transform: scaleY(.5); transform: scaleY(.5) } 80% { -webkit-transform: scaleY(.75); transform: scaleY(.75) } to { -webkit-transform: scale(1); transform: scale(1) } } @keyframes dropdown-menu-show { 0% { -webkit-transform: scale(0); transform: scale(0) } 20% { -webkit-transform: scale(.333333, 0); transform: scale(.333333, 0) } 40% { -webkit-transform: scale(.666667, .25); transform: scale(.666667, .25) } 60% { -webkit-transform: scaleY(.5); transform: scaleY(.5) } 80% { -webkit-transform: scaleY(.75); transform: scaleY(.75) } to { -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes menu-animation { 0% { margin-top: -3.5rem } to { margin-top: 0 } } @keyframes menu-animation { 0% { margin-top: -3.5rem } to { margin-top: 0 } } .dropdown-menu-sm, .menu-cascading { font-size: .9375rem; line-height: 1.5rem; padding-top: 1rem; padding-bottom: 1rem } @media (min-width: 576px) { .dropdown-menu-sm, .menu-cascading { min-width: 20rem } } .menu-cascading { margin-top: -2.75rem } .menu-cascading[x-placement=top-end], .menu-cascading[x-placement=top-start] { margin-top: 0; margin-bottom: -2.75rem } .menu-cascading[x-placement=top-end]:before { -webkit-transform-origin: 100% calc(100% - 2rem); transform-origin: 100% calc(100% - 2rem) } .menu-cascading[x-placement=top-start]:before { -webkit-transform-origin: 0 calc(100% - 2rem); transform-origin: 0 calc(100% - 2rem) } .dropdown-divider { background-color: rgba(0, 0, 0, .12); height: 1px; margin: .5rem 0; overflow: hidden } .dropdown-header { color: rgba(0, 0, 0, .87); display: block; font-size: 1rem; font-weight: bolder; line-height: 1.5rem; margin: 0; padding: .75rem 1rem; white-space: nowrap } .dropdown-menu-sm .dropdown-header, .menu-cascading .dropdown-header { font-size: .9375rem; line-height: 1.5rem; padding: .25rem 1.5rem } .dropdown-item { transition-duration: .3s; transition-property: background-color, color; transition-timing-function: cubic-bezier(.4, 0, .2, 1); background: none; border: 0; clear: both; color: rgba(0, 0, 0, .87); display: block; font-weight: inherit; padding: .75rem 1rem; position: relative; text-align: inherit; -webkit-transform-origin: 0 0; transform-origin: 0 0; white-space: nowrap; width: 100% } @media (min-width: 576px) { .dropdown-item { transition-duration: .39s } } @media (min-width: 992px) { .dropdown-item { transition-duration: .2s } } @media screen and (prefers-reduced-motion: reduce) { .dropdown-item { transition: none } } .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover { background-color: #f5f5f5; color: rgba(0, 0, 0, .87); text-decoration: none } .dropdown-item.active { background-color: #f5f5f5 } .dropdown-item.disabled, .dropdown-item:disabled { background-color: transparent; color: rgba(0, 0, 0, .38); pointer-events: none } .dropdown-menu-sm .dropdown-item, .menu-cascading .dropdown-item { padding: .25rem 1.5rem } .dropdown-item-text { color: rgba(0, 0, 0, .87); display: block; font-weight: inherit; padding: .75rem 1rem; -webkit-transform-origin: 0 0; transform-origin: 0 0 } .dropdown-menu-sm .dropdown-item-text, .menu-cascading .dropdown-item-text { padding: .25rem 1.5rem }