{ "version": 3, "file": "dashboard-free.css", "sources": [ "../scss/dashboard-free.scss", "../scss/partials/dashboard/core/_variables.scss", "../scss/partials/dashboard/core/variables/_colors.scss", "../scss/partials/dashboard/core/variables/_shadow.scss", "../scss/partials/dashboard/core/variables/_bootstrap-material-design-base.scss", "../scss/partials/dashboard/core/variables/_custom-forms.scss", "../scss/partials/dashboard/core/variables/_spacing.scss", "../scss/partials/dashboard/core/variables/_body.scss", "../scss/partials/dashboard/core/variables/_brand.scss", "../scss/partials/dashboard/core/variables/_buttons.scss", "../scss/partials/dashboard/core/variables/_card.scss", "../scss/partials/dashboard/core/variables/_code.scss", "../scss/partials/dashboard/core/variables/_dropdown.scss", "../scss/partials/dashboard/core/variables/_forms.scss", "../scss/partials/dashboard/core/variables/_list-group.scss", "../scss/partials/dashboard/core/variables/_nav.scss", "../scss/partials/dashboard/core/variables/_pagination.scss", "../scss/partials/dashboard/core/variables/_state.scss", "../scss/partials/dashboard/core/variables/_tables.scss", "../scss/partials/dashboard/core/variables/_tooltip.scss", "../scss/partials/dashboard/core/variables/_type.scss", "../scss/partials/dashboard/core/variables/_modals.scss", "../scss/partials/dashboard/core/bootstrap/scss/_functions.scss", "../scss/partials/dashboard/core/bootstrap/scss/_variables.scss", "../scss/partials/dashboard/core/variables/_layout.scss", "../scss/partials/dashboard/core/variables/_menu.scss", "../scss/partials/dashboard/core/variables/_drawer.scss", "../scss/partials/dashboard/core/variables/_snackbar.scss", "../scss/partials/dashboard/core/variables/_bootstrap-material-design.scss", "../scss/partials/dashboard/core/_mixins.scss", "../scss/partials/dashboard/core/mixins/_utilities.scss", "../scss/partials/dashboard/core/mixins/_breakpoints.scss", "../scss/partials/dashboard/core/mixins/_animations.scss", "../scss/partials/dashboard/core/mixins/_type.scss", "../scss/partials/dashboard/core/mixins/_layout.scss", "../scss/partials/dashboard/core/mixins/_drawer.scss", "../scss/partials/dashboard/core/mixins/_forms.scss", "../scss/partials/dashboard/core/mixins/_buttons.scss", "../scss/partials/dashboard/core/mixins/_hover.scss", "../scss/partials/dashboard/core/mixins/_navs.scss", "../scss/partials/dashboard/core/mixins/_colored-shadows.scss", "../scss/partials/dashboard/core/mixins/_navbar-colors.scss", "../scss/partials/dashboard/core/mixins/_alert.scss", "../scss/partials/dashboard/core/mixins/_sidebar-color.scss", "../scss/partials/dashboard/core/mixins/_variables.scss", "../scss/partials/dashboard/core/mixins/_vendor-prefixes.scss", "../scss/partials/dashboard/core/_core-bootstrap.scss", "../scss/partials/dashboard/core/bootstrap/scss/_functions.scss", "../scss/partials/dashboard/core/bootstrap/scss/_variables.scss", "../scss/partials/dashboard/core/bootstrap/scss/_mixins.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_breakpoints.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_hover.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_image.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_badge.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_resize.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_screen-reader.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_size.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_reset-text.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_text-emphasis.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_text-hide.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_text-truncate.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_visibility.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_alert.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_buttons.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_caret.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_pagination.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_lists.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_list-group.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_nav-divider.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_forms.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_table-row.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_background-variant.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_border-radius.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_box-shadow.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_gradients.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_transition.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_clearfix.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_grid-framework.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_grid.scss", "../scss/partials/dashboard/core/bootstrap/scss/mixins/_float.scss", "../scss/partials/dashboard/core/bootstrap/scss/_reboot.scss", "../scss/partials/dashboard/core/bootstrap/scss/_print.scss", "../scss/partials/dashboard/core/bootstrap/scss/_reboot.scss", "../scss/partials/dashboard/core/bootstrap/scss/_type.scss", "../scss/partials/dashboard/core/bootstrap/scss/_images.scss", "../scss/partials/dashboard/core/bootstrap/scss/_code.scss", "../scss/partials/dashboard/core/bootstrap/scss/_grid.scss", "../scss/partials/dashboard/core/bootstrap/scss/_tables.scss", "../scss/partials/dashboard/core/bootstrap/scss/_forms.scss", "../scss/partials/dashboard/core/bootstrap/scss/_buttons.scss", "../scss/partials/dashboard/core/bootstrap/scss/_transitions.scss", "../scss/partials/dashboard/core/bootstrap/scss/_dropdown.scss", "../scss/partials/dashboard/core/bootstrap/scss/_button-group.scss", "../scss/partials/dashboard/core/bootstrap/scss/_input-group.scss", "../scss/partials/dashboard/core/bootstrap/scss/_custom-forms.scss", "../scss/partials/dashboard/core/bootstrap/scss/_nav.scss", "../scss/partials/dashboard/core/bootstrap/scss/_navbar.scss", "../scss/partials/dashboard/core/bootstrap/scss/_card.scss", "../scss/partials/dashboard/core/bootstrap/scss/_breadcrumb.scss", "../scss/partials/dashboard/core/bootstrap/scss/_pagination.scss", "../scss/partials/dashboard/core/bootstrap/scss/_jumbotron.scss", "../scss/partials/dashboard/core/bootstrap/scss/_alert.scss", "../scss/partials/dashboard/core/bootstrap/scss/_progress.scss", "../scss/partials/dashboard/core/bootstrap/scss/_media.scss", "../scss/partials/dashboard/core/bootstrap/scss/_list-group.scss", "../scss/partials/dashboard/core/bootstrap/scss/_close.scss", "../scss/partials/dashboard/core/bootstrap/scss/_badge.scss", "../scss/partials/dashboard/core/bootstrap/scss/_modal.scss", "../scss/partials/dashboard/core/bootstrap/scss/_tooltip.scss", "../scss/partials/dashboard/core/bootstrap/scss/_popover.scss", "../scss/partials/dashboard/core/bootstrap/scss/_carousel.scss", "../scss/partials/dashboard/core/bootstrap/scss/_utilities.scss", "../scss/partials/dashboard/core/bootstrap/scss/utilities/_align.scss", "../scss/partials/dashboard/core/bootstrap/scss/utilities/_background.scss", "../scss/partials/dashboard/core/bootstrap/scss/utilities/_borders.scss", "../scss/partials/dashboard/core/bootstrap/scss/utilities/_clearfix.scss", "../scss/partials/dashboard/core/bootstrap/scss/utilities/_display.scss", "../scss/partials/dashboard/core/bootstrap/scss/utilities/_embed.scss", "../scss/partials/dashboard/core/bootstrap/scss/utilities/_flex.scss", "../scss/partials/dashboard/core/bootstrap/scss/utilities/_float.scss", "../scss/partials/dashboard/core/bootstrap/scss/utilities/_position.scss", "../scss/partials/dashboard/core/bootstrap/scss/utilities/_screenreaders.scss", "../scss/partials/dashboard/core/bootstrap/scss/utilities/_sizing.scss", "../scss/partials/dashboard/core/bootstrap/scss/utilities/_spacing.scss", "../scss/partials/dashboard/core/bootstrap/scss/utilities/_text.scss", "../scss/partials/dashboard/core/bootstrap/scss/utilities/_visibility.scss", "../scss/partials/dashboard/core/_buttons.scss", "../scss/partials/dashboard/core/_checkboxes.scss", "../scss/partials/dashboard/core/_radios.scss", "../scss/partials/dashboard/core/_forms.scss", "../scss/partials/dashboard/core/_input-group.scss", "../scss/partials/dashboard/core/_images.scss", "../scss/partials/dashboard/core/_navbar.scss", "../scss/partials/dashboard/core/_alerts.scss", "../scss/partials/dashboard/core/_headers.scss", "../scss/partials/dashboard/core/_type.scss", "../scss/partials/dashboard/core/_tabs.scss", "../scss/partials/dashboard/core/_tooltip.scss", "../scss/partials/dashboard/core/_popover.scss", "../scss/partials/dashboard/core/_dropdown.scss", "../scss/partials/dashboard/core/_togglebutton.scss", "../scss/partials/dashboard/core/_ripples.scss", "../scss/partials/dashboard/core/_footers.scss", "../scss/partials/dashboard/core/_sidebar-and-main-panel.scss", "../scss/partials/dashboard/core/_fixed-plugin.scss", "../scss/partials/dashboard/core/_tables.scss", "../scss/partials/dashboard/core/_misc.scss", "../scss/partials/dashboard/core/_social-buttons.scss", "../scss/partials/dashboard/core/_cards.scss", "../scss/partials/dashboard/core/cards/_card-stats.scss", "../scss/partials/dashboard/core/cards/_card-profile.scss", "../scss/partials/dashboard/core/cards/_card-plain.scss", "../scss/partials/dashboard/core/plugins/_animate.scss", "../scss/partials/dashboard/core/plugins/_chartist.scss", "../scss/partials/dashboard/core/plugins/_perfect-scrollbar.scss", "../scss/partials/dashboard/core/_responsive.scss" ], "sourcesContent": [ "/*!\n\n =========================================================\n * Material Dashboard - v2.1.0\n =========================================================\n\n * Product Page: https://www.creative-tim.com/product/material-dashboard\n * Copyright 2020 Creative Tim (http://www.creative-tim.com)\n\n =========================================================\n\n * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n */\n\n @import \"partials/dashboard/core/variables\";\n @import \"partials/dashboard/core/mixins\";\n @import \"partials/dashboard/core/core-bootstrap\";\n\n // Core Components\n @import \"partials/dashboard/core/buttons\";\n @import \"partials/dashboard/core/checkboxes\";\n @import \"partials/dashboard/core/radios\";\n @import \"partials/dashboard/core/forms\";\n @import \"partials/dashboard/core/input-group\";\n @import \"partials/dashboard/core/images\";\n @import \"partials/dashboard/core/navbar\";\n @import \"partials/dashboard/core/alerts\";\n @import \"partials/dashboard/core/headers\";\n @import \"partials/dashboard/core/type\";\n @import \"partials/dashboard/core/tabs\";\n @import \"partials/dashboard/core/tooltip\";\n @import \"partials/dashboard/core/popover\";\n @import \"partials/dashboard/core/dropdown\";\n @import \"partials/dashboard/core/togglebutton\";\n @import \"partials/dashboard/core/ripples\";\n @import \"partials/dashboard/core/footers\";\n @import \"partials/dashboard/core/sidebar-and-main-panel\";\n @import \"partials/dashboard/core/fixed-plugin\";\n @import \"partials/dashboard/core/tables\";\n @import \"partials/dashboard/core/misc\";\n @import \"partials/dashboard/core/social-buttons\";\n\n@import \"partials/dashboard/core/cards\";\n@import \"partials/dashboard/core/cards/card-stats\";\n@import \"partials/dashboard/core/cards/card-profile\";\n@import \"partials/dashboard/core/cards/card-plain\";\n\n //plugin scss\n @import \"partials/dashboard/core/plugins/animate\";\n @import \"partials/dashboard/core/plugins/chartist\";\n @import \"partials/dashboard/core/plugins/perfect-scrollbar\";\n\n @import \"partials/dashboard/core/responsive\";\n", "@import \"variables/colors\";\n@import \"variables/shadow\";\n\n@import \"variables/bootstrap-material-design-base\";\n\n// Customized BS variables\n@import \"variables/custom-forms\";\n@import \"variables/spacing\";\n@import \"variables/body\";\n@import \"variables/brand\";\n@import \"variables/buttons\";\n@import \"variables/card\";\n@import \"variables/code\";\n@import \"variables/dropdown\";\n@import \"variables/forms\";\n@import \"variables/list-group\";\n@import \"variables/nav\";\n@import \"variables/pagination\";\n@import \"variables/state\";\n@import \"variables/tables\";\n@import \"variables/tooltip\";\n@import \"variables/type\";\n@import \"variables/modals\";\n\n// import their vars after customization for use below\n$enable-flex: true; // fully adopt flexbox layouts\n$enable-shadows: true; // enable shadows, set to false to turn off shadows\n\n// Core Bootstrap Variables\n@import \"./bootstrap/scss/functions\";\n@import \"./bootstrap/scss/variables\";\n\n@import \"variables/layout\";\n@import \"variables/menu\";\n@import \"variables/drawer\";\n@import \"variables/snackbar\";\n\n@import \"variables/bootstrap-material-design\";\n", "$red-50: #ffebee !default;\n$red-100: #ffcdd2 !default;\n$red-200: #ef9a9a !default;\n$red-300: #e57373 !default;\n$red-400: #ef5350 !default;\n$red-500: #f44336 !default;\n$red-600: #e53935 !default;\n$red-700: #d32f2f !default;\n$red-800: #c62828 !default;\n$red-900: #b71c1c !default;\n$red-a100: #ff8a80 !default;\n$red-a200: #ff5252 !default;\n$red-a400: #ff1744 !default;\n$red-a700: #d50000 !default;\n$red: $red-500 !default;\n\n$pink-50: #fce4ec !default;\n$pink-100: #f8bbd0 !default;\n$pink-200: #f48fb1 !default;\n$pink-300: #f06292 !default;\n$pink-400: #ec407a !default;\n$pink-500: #e91e63 !default;\n$pink-600: #d81b60 !default;\n$pink-700: #c2185b !default;\n$pink-800: #ad1457 !default;\n$pink-900: #880e4f !default;\n$pink-a100: #ff80ab !default;\n$pink-a200: #ff4081 !default;\n$pink-a400: #f50057 !default;\n$pink-a700: #c51162 !default;\n$pink: $pink-500 !default;\n\n$purple-50: #f3e5f5 !default;\n$purple-100: #e1bee7 !default;\n$purple-200: #ce93d8 !default;\n$purple-300: #ba68c8 !default;\n$purple-400: #ab47bc !default;\n$purple-500: #9c27b0 !default;\n$purple-600: #8e24aa !default;\n$purple-700: #7b1fa2 !default;\n$purple-800: #6a1b9a !default;\n$purple-900: #4a148c !default;\n$purple-a100: #ea80fc !default;\n$purple-a200: #e040fb !default;\n$purple-a400: #d500f9 !default;\n$purple-a700: #a0f !default;\n$purple: $purple-500 !default;\n\n$deep-purple-50: #ede7f6 !default;\n$deep-purple-100: #d1c4e9 !default;\n$deep-purple-200: #b39ddb !default;\n$deep-purple-300: #9575cd !default;\n$deep-purple-400: #7e57c2 !default;\n$deep-purple-500: #673ab7 !default;\n$deep-purple-600: #5e35b1 !default;\n$deep-purple-700: #512da8 !default;\n$deep-purple-800: #4527a0 !default;\n$deep-purple-900: #311b92 !default;\n$deep-purple-a100: #b388ff !default;\n$deep-purple-a200: #7c4dff !default;\n$deep-purple-a400: #651fff !default;\n$deep-purple-a700: #6200ea !default;\n$deep-purple: $deep-purple-500 !default;\n\n$indigo-50: #e8eaf6 !default;\n$indigo-100: #c5cae9 !default;\n$indigo-200: #9fa8da !default;\n$indigo-300: #7986cb !default;\n$indigo-400: #5c6bc0 !default;\n$indigo-500: #3f51b5 !default;\n$indigo-600: #3949ab !default;\n$indigo-700: #303f9f !default;\n$indigo-800: #283593 !default;\n$indigo-900: #1a237e !default;\n$indigo-a100: #8c9eff !default;\n$indigo-a200: #536dfe !default;\n$indigo-a400: #3d5afe !default;\n$indigo-a700: #304ffe !default;\n$indigo: $indigo-500 !default;\n\n$blue-50: #e3f2fd !default;\n$blue-100: #bbdefb !default;\n$blue-200: #90caf9 !default;\n$blue-300: #64b5f6 !default;\n$blue-400: #42a5f5 !default;\n$blue-500: #2196f3 !default;\n$blue-600: #1e88e5 !default;\n$blue-700: #1976d2 !default;\n$blue-800: #1565c0 !default;\n$blue-900: #0d47a1 !default;\n$blue-a100: #82b1ff !default;\n$blue-a200: #448aff !default;\n$blue-a400: #2979ff !default;\n$blue-a700: #2962ff !default;\n$blue: $blue-500 !default;\n\n$light-blue-50: #e1f5fe !default;\n$light-blue-100: #b3e5fc !default;\n$light-blue-200: #81d4fa !default;\n$light-blue-300: #4fc3f7 !default;\n$light-blue-400: #29b6f6 !default;\n$light-blue-500: #03a9f4 !default;\n$light-blue-600: #039be5 !default;\n$light-blue-700: #0288d1 !default;\n$light-blue-800: #0277bd !default;\n$light-blue-900: #01579b !default;\n$light-blue-a100: #80d8ff !default;\n$light-blue-a200: #40c4ff !default;\n$light-blue-a400: #00b0ff !default;\n$light-blue-a700: #0091ea !default;\n$light-blue: $light-blue-500 !default;\n\n$cyan-50: #e0f7fa !default;\n$cyan-100: #b2ebf2 !default;\n$cyan-200: #80deea !default;\n$cyan-300: #4dd0e1 !default;\n$cyan-400: #26c6da !default;\n$cyan-500: #00bcd4 !default;\n$cyan-600: #00acc1 !default;\n$cyan-700: #0097a7 !default;\n$cyan-800: #00838f !default;\n$cyan-900: #006064 !default;\n$cyan-a100: #84ffff !default;\n$cyan-a200: #18ffff !default;\n$cyan-a400: #00e5ff !default;\n$cyan-a700: #00b8d4 !default;\n$cyan: $cyan-500 !default;\n\n$teal-50: #e0f2f1 !default;\n$teal-100: #b2dfdb !default;\n$teal-200: #80cbc4 !default;\n$teal-300: #4db6ac !default;\n$teal-400: #26a69a !default;\n$teal-500: #009688 !default;\n$teal-600: #00897b !default;\n$teal-700: #00796b !default;\n$teal-800: #00695c !default;\n$teal-900: #004d40 !default;\n$teal-a100: #a7ffeb !default;\n$teal-a200: #64ffda !default;\n$teal-a400: #1de9b6 !default;\n$teal-a700: #00bfa5 !default;\n$teal: $teal-500 !default;\n\n$green-50: #e8f5e9 !default;\n$green-100: #c8e6c9 !default;\n$green-200: #a5d6a7 !default;\n$green-300: #81c784 !default;\n$green-400: #66bb6a !default;\n$green-500: #4caf50 !default;\n$green-600: #43a047 !default;\n$green-700: #388e3c !default;\n$green-800: #2e7d32 !default;\n$green-900: #1b5e20 !default;\n$green-a100: #b9f6ca !default;\n$green-a200: #69f0ae !default;\n$green-a400: #00e676 !default;\n$green-a700: #00c853 !default;\n$green: $green-500 !default;\n\n$light-green-50: #f1f8e9 !default;\n$light-green-100: #dcedc8 !default;\n$light-green-200: #c5e1a5 !default;\n$light-green-300: #aed581 !default;\n$light-green-400: #9ccc65 !default;\n$light-green-500: #8bc34a !default;\n$light-green-600: #7cb342 !default;\n$light-green-700: #689f38 !default;\n$light-green-800: #558b2f !default;\n$light-green-900: #33691e !default;\n$light-green-a100: #ccff90 !default;\n$light-green-a200: #b2ff59 !default;\n$light-green-a400: #76ff03 !default;\n$light-green-a700: #64dd17 !default;\n$light-green: $light-green-500 !default;\n\n$lime-50: #f9fbe7 !default;\n$lime-100: #f0f4c3 !default;\n$lime-200: #e6ee9c !default;\n$lime-300: #dce775 !default;\n$lime-400: #d4e157 !default;\n$lime-500: #cddc39 !default;\n$lime-600: #c0ca33 !default;\n$lime-700: #afb42b !default;\n$lime-800: #9e9d24 !default;\n$lime-900: #827717 !default;\n$lime-a100: #f4ff81 !default;\n$lime-a200: #eeff41 !default;\n$lime-a400: #c6ff00 !default;\n$lime-a700: #aeea00 !default;\n$lime: $lime-500 !default;\n\n$yellow-50: #fffde7 !default;\n$yellow-100: #fff9c4 !default;\n$yellow-200: #fff59d !default;\n$yellow-300: #fff176 !default;\n$yellow-400: #ffee58 !default;\n$yellow-500: #ffeb3b !default;\n$yellow-600: #fdd835 !default;\n$yellow-700: #fbc02d !default;\n$yellow-800: #f9a825 !default;\n$yellow-900: #f57f17 !default;\n$yellow-a100: #ffff8d !default;\n$yellow-a200: #ff0 !default;\n$yellow-a400: #ffea00 !default;\n$yellow-a700: #ffd600 !default;\n$yellow: $yellow-500 !default;\n\n$amber-50: #fff8e1 !default;\n$amber-100: #ffecb3 !default;\n$amber-200: #ffe082 !default;\n$amber-300: #ffd54f !default;\n$amber-400: #ffca28 !default;\n$amber-500: #ffc107 !default;\n$amber-600: #ffb300 !default;\n$amber-700: #ffa000 !default;\n$amber-800: #ff8f00 !default;\n$amber-900: #ff6f00 !default;\n$amber-a100: #ffe57f !default;\n$amber-a200: #ffd740 !default;\n$amber-a400: #ffc400 !default;\n$amber-a700: #ffab00 !default;\n$amber: $amber-500 !default;\n\n$orange-50: #fff3e0 !default;\n$orange-100: #ffe0b2 !default;\n$orange-200: #ffcc80 !default;\n$orange-300: #ffb74d !default;\n$orange-400: #ffa726 !default;\n$orange-500: #ff9800 !default;\n$orange-600: #fb8c00 !default;\n$orange-700: #f57c00 !default;\n$orange-800: #ef6c00 !default;\n$orange-900: #e65100 !default;\n$orange-a100: #ffd180 !default;\n$orange-a200: #ffab40 !default;\n$orange-a400: #ff9100 !default;\n$orange-a700: #ff6d00 !default;\n$orange: $orange-500 !default;\n\n$deep-orange-50: #fbe9e7 !default;\n$deep-orange-100: #ffccbc !default;\n$deep-orange-200: #ffab91 !default;\n$deep-orange-300: #ff8a65 !default;\n$deep-orange-400: #ff7043 !default;\n$deep-orange-500: #ff5722 !default;\n$deep-orange-600: #f4511e !default;\n$deep-orange-700: #e64a19 !default;\n$deep-orange-800: #d84315 !default;\n$deep-orange-900: #bf360c !default;\n$deep-orange-a100: #ff9e80 !default;\n$deep-orange-a200: #ff6e40 !default;\n$deep-orange-a400: #ff3d00 !default;\n$deep-orange-a700: #dd2c00 !default;\n$deep-orange: $deep-orange-500 !default;\n\n$brown-50: #efebe9 !default;\n$brown-100: #d7ccc8 !default;\n$brown-200: #bcaaa4 !default;\n$brown-300: #a1887f !default;\n$brown-400: #8d6e63 !default;\n$brown-500: #795548 !default;\n$brown-600: #6d4c41 !default;\n$brown-700: #5d4037 !default;\n$brown-800: #4e342e !default;\n$brown-900: #3e2723 !default;\n$brown-a100: #d7ccc8 !default;\n$brown-a200: #bcaaa4 !default;\n$brown-a400: #8d6e63 !default;\n$brown-a700: #5d4037 !default;\n$brown: $brown-500 !default;\n\n$grey-50: #fafafa !default;\n$grey-100: #f5f5f5 !default;\n$grey-200: #eee !default;\n$grey-300: #e0e0e0 !default;\n$grey-400: #bdbdbd !default;\n$grey-500: #9e9e9e;\n$grey-600: #757575 !default;\n$grey-700: #616161 !default;\n$grey-800: #424242 !default;\n$grey-900: #212121 !default;\n$grey-a100: #f5f5f5 !default;\n$grey-a200: #eee !default;\n$grey-a400: #bdbdbd !default;\n$grey-a700: #616161 !default;\n$grey: $grey-500 !default;\n\n$blue-grey-50: #eceff1 !default;\n$blue-grey-100: #cfd8dc !default;\n$blue-grey-200: #b0bec5 !default;\n$blue-grey-300: #90a4ae !default;\n$blue-grey-400: #78909c !default;\n$blue-grey-500: #607d8b !default;\n$blue-grey-600: #546e7a !default;\n$blue-grey-700: #455a64 !default;\n$blue-grey-800: #37474f !default;\n$blue-grey-900: #263238 !default;\n$blue-grey-a100: #cfd8dc !default;\n$blue-grey-a200: #b0bec5 !default;\n$blue-grey-a400: #78909c !default;\n$blue-grey-a700: #455a64 !default;\n$blue-grey: $blue-grey-500 !default;\n\n$black: #000;\n$white: #fff;\n\n// New colors\n$gray-color: #999999 !default;\n$black-color: #3C4858 !default;\n\n$black: #000000; $rgb-black: \"0,0,0\" !default;\n$white: #ffffff; $rgb-white: \"255,255,255\" !default;\n\n//## Gray and brand colors for use across Bootstrap.\n\n$gray-base: #000 !default;\n$gray-darker: lighten($gray-base, 13.5%) !default; // #222\n$gray-dark: lighten($gray-base, 20%) !default; // #333\n$gray: lighten($gray-base, 33.5%) !default; // #555\n$gray-light: #999999 !default; // #999999\n$gray-lighter: lighten($gray-base, 93.5%) !default; // #eee\n", "// Shadows (originally from mdl http://www.getmdl.io/)\n$bmd-shadow-umbra-opacity: 0.2 !default;\n$bmd-shadow-penumbra-opacity: 0.14 !default;\n$bmd-shadow-ambient-opacity: 0.12 !default;\n\n// Declare the following for reuse with both mixins and the bootstrap variables\n$bmd-shadow-focus: 0 0 8px rgba($black, .18), 0 8px 16px rgba($black, .36);\n\n$bmd-shadow-2dp: 0 2px 2px 0 rgba($black, $bmd-shadow-penumbra-opacity),\n 0 3px 1px -2px rgba($black, $bmd-shadow-umbra-opacity),\n 0 1px 5px 0 rgba($black, $bmd-shadow-ambient-opacity);\n\n$bmd-shadow-3dp: 0 3px 4px 0 rgba($black, $bmd-shadow-penumbra-opacity),\n 0 3px 3px -2px rgba($black, $bmd-shadow-umbra-opacity),\n 0 1px 8px 0 rgba($black, $bmd-shadow-ambient-opacity);\n\n$bmd-shadow-4dp: 0 4px 5px 0 rgba($black, $bmd-shadow-penumbra-opacity),\n 0 1px 10px 0 rgba($black, $bmd-shadow-ambient-opacity),\n 0 2px 4px -1px rgba($black, $bmd-shadow-umbra-opacity);\n\n$bmd-shadow-6dp: 0 6px 10px 0 rgba($black, $bmd-shadow-penumbra-opacity),\n 0 1px 18px 0 rgba($black, $bmd-shadow-ambient-opacity),\n 0 3px 5px -1px rgba($black, $bmd-shadow-umbra-opacity);\n\n$bmd-shadow-8dp: 0 8px 10px 1px rgba($black, $bmd-shadow-penumbra-opacity),\n 0 3px 14px 2px rgba($black, $bmd-shadow-ambient-opacity),\n 0 5px 5px -3px rgba($black, $bmd-shadow-umbra-opacity);\n\n$bmd-shadow-16dp: 0 16px 24px 2px rgba($black, $bmd-shadow-penumbra-opacity),\n 0 6px 30px 5px rgba($black, $bmd-shadow-ambient-opacity),\n 0 8px 10px -5px rgba($black, $bmd-shadow-umbra-opacity);\n\n$bmd-shadow-24dp: 0 9px 46px 8px rgba($black, $bmd-shadow-penumbra-opacity),\n 0 11px 15px -7px rgba($black, $bmd-shadow-ambient-opacity),\n 0 24px 38px 3px rgba($black, $bmd-shadow-umbra-opacity);\n", "$gray-lighter: rgba($black, 0.12) !default;\n$gray-light: #999 !default;\n$gray-alpha: .54 !default;\n$gray: #555 !default; // spec color\n$gray-dark: rgba($black, 0.87) !default; // used for text color - others use grey-600 which is considerably lighter\n\n$bmd-font-weight-base: 400;\n\n// wondering if any of these could still be refactored out, but are definitely in use.\n$bmd-inverse: rgba($white, 1) !default;\n$bmd-inverse-light: rgba($white, 0.84) !default;\n$bmd-inverse-lighter: rgba($white, 0.54) !default;\n\n$bmd-label-color: $gray-color !default;\n$bmd-label-color-inner-focus: $gray !default; // e.g. radio label or text-muted not a control-label which is primary\n\n$border-radius-base: 3px !default;\n$border-radius-small: 2px !default;\n$border-radius-large: 6px !default;\n$border-radius-huge: 10px !default;\n$border-radius-label: 12px !default;\n$border-radius-extreme: 30px !default;\n\n// Typography elements\n$mdb-font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;\n$mdb-text-color-light: $white !default;\n$mdb-text-color-light-hex: $white !default; // for contrast function in inverse\n$mdb-text-color-primary: unquote(\"rgba(#{$rgb-black}, 0.87)\") !default;\n$mdb-text-color-primary-hex: $black !default; // for contrast function in inverse\n$icon-color: rgba(0,0,0,0.5) !default;\n\n$mdb-label-color: unquote(\"rgba(#{$rgb-black}, 0.26)\") !default;\n$mdb-label-color-toggle-focus: unquote(\"rgba(#{$rgb-black}, .54)\") !default;\n", "$custom-file-bg: transparent !default;\n$custom-file-border-width: 0 !default;\n$custom-file-box-shadow: none !default;\n$custom-file-border-radius: 0 !default;\n$custom-file-line-height: 1.3 !default;\n", "// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n\n$spacer: 1rem !default; // $form-group-margin-bottom uses $spacer-y. Decided to try this globally and see how it works out.\n//$spacer-x: $spacer !default;\n//$spacer-y: $spacer !default;\n//$spacers: (\n// 0: (\n// x: 0,\n// y: 0\n// ),\n// 1: (\n// x: $spacer-x,\n// y: $spacer-y\n// ),\n// 2: (\n// x: ($spacer-x * 1.5),\n// y: ($spacer-y * 1.5)\n// ),\n// 3: (\n// x: ($spacer-x * 3),\n// y: ($spacer-y * 3)\n// )\n//) !default;\n", "// Body\n//\n// Settings for the `
` element.\n\n$body-bg: #fafafa !default;\n//$body-color: $gray-dark !default;\n", "// Bootstrap brand color customization\n\n\n/* brand Colors */\n\n$brand-primary: $purple-500 !default;\n$brand-info: $cyan-500 !default;\n$brand-success: $green-500 !default;\n$brand-warning: $orange-500 !default;\n$brand-danger: $red-500 !default;\n$brand-rose: $pink-500 !default;\n$brand-inverse: $black-color !default;\n", "// Buttons:\n$bmd-btn-font-size: .875rem !default; // 14px\n$bmd-btn-font-size-lg: 1.25rem !default;\n$bmd-btn-font-size-sm: .6875rem !default; // 11px\n$bmd-btn-margin-bottom: .3125rem !default; // 5px\n\n// default btn with no specific type designation\n$bmd-btn-color: $gray-dark !default;\n$bmd-btn-bg: transparent !default; //$body-bg !default; // #fff\n$bmd-btn-border: #ccc !default;\n\n$bmd-btn-focus-bg: rgba(#999, .20) !default; // spec: bg Hover: 20% #999999\n$bmd-btn-active-bg: rgba(#999, .40) !default; // spec: bg Pressed: 40% #999999\n$bmd-btn-disabled: rgba($black, .26) !default; // spec: light theme: Disabled text: 26% $black\n\n$bmd-inverse-btn-focus-bg: rgba(#ccc, .15) !default; // spec: dark bg Hover: 15% #CCCCCC\n$bmd-inverse-btn-active-bg: rgba(#ccc, .25) !default; // spec: dark Pressed: 25% #CCCCCC\n$bmd-inverse-btn-disabled: rgba($white, .30) !default; // spec: dark theme: Disabled text: 30% $white\n\n$bmd-btn-fab-size: 3.5rem !default; // 56px\n$bmd-btn-fab-size-sm: 2.5rem !default; // 40px\n$bmd-btn-fab-font-size: 1.5rem !default; // 24px\n\n// icons\n$bmd-btn-icon-size: 2rem !default; // 32px\n$bmd-btn-icon-size-sm: (.75 * $bmd-btn-icon-size) !default; // ~24px\n$bmd-btn-icon-font-size-sm: (.75 * $bmd-btn-fab-font-size) !default;\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background and border color.\n$input-btn-padding-x: 1rem !default; // 1rem\n$input-btn-padding-y: .46875rem !default; // .5rem achieve a 36dp height\n//$input-btn-line-height: 1 !default; //1.25\n$btn-font-weight: 400 !default; // normal\n$btn-box-shadow: none !default;\n$btn-active-box-shadow: none !default; // inset 0 3px 5px rgba(0,0,0,.125)\n\n//\n$btn-primary-color: #fff !default;\n$btn-primary-bg: $brand-primary !default;\n$btn-primary-border-color: $btn-primary-bg !default;\n//\n$btn-secondary-color: $gray-dark !default;\n$btn-secondary-bg: $body-bg !default; // #fff\n$btn-secondary-border-color: #ccc !default;\n//\n$btn-info-color: #fff !default;\n$btn-info-bg: $brand-info !default;\n$btn-info-border-color: $btn-info-bg !default;\n//\n$btn-success-color: #fff !default;\n$btn-success-bg: $brand-success !default;\n$btn-success-border-color: $btn-success-bg !default;\n//\n$btn-warning-color: #fff !default;\n$btn-warning-bg: $brand-warning !default;\n$btn-warning-border-color: $btn-warning-bg !default;\n//\n$btn-danger-color: #fff !default;\n$btn-danger-bg: $brand-danger !default;\n$btn-danger-border-color: $btn-danger-bg !default;\n\n$btn-rose-color: #fff !default;\n$btn-rose-bg: $brand-rose !default;\n$btn-rose-border-color: $btn-rose-bg !default;\n\n$btn-default-color: #fff !default;\n$btn-default-bg: $gray-color !default;\n$btn-default-border-color: $btn-default-bg !default;\n//\n$btn-link-disabled-color: $gray-light !default;\n//\n$input-btn-padding-x-sm: 1.25rem !default;\n$input-btn-padding-y-sm: .40625rem !default; // achieve a 32dp height was .25rem\n\n$input-btn-padding-y-lg: 1.125rem !default;\n$input-btn-padding-x-lg: 2.25rem !default;\n\n//\n//$input-btn-padding-x-lg: 1.5rem !default;\n//$input-btn-padding-y-lg: .75rem !default;\n//\n//// Allows for customizing button radius independently from global border radius\n//$btn-border-radius: $border-radius !default;\n//$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: .1875rem !default;\n$border-radius-extreme: 2rem !default;\n", "// Cards\n//$card-spacer-x: 1.25rem !default;\n//$card-spacer-y: .75rem !default;\n//$card-border-width: 1px !default;\n//$card-border-radius: $border-radius !default;\n$card-border-color: $gray-lighter !default; // #e5e5e5\n//$card-border-radius-inner: $card-border-radius !default;\n$card-bg: #fff !default;\n$card-cap-bg: $card-bg !default; // #f5f5f5\n//\n//$card-link-hover-color: #fff !default;\n//\n//$card-deck-margin: .625rem !default;\n// Card\n$mdb-card-body-text: $mdb-text-color-primary !default;\n$mdb-card-body-background: #fff !default;\n$mdb-card-image-headline: #fff !default;\n\n$text-disabled: #a8a8a8 !default;\n$background-disabled: #eaeaea !default;\n", "// Code\n\n$code-bg: $grey-200 !default; // #f7f7f9 !default;\n", "// Dropdowns\n//\n// Dropdown menu container and contents.\n\n//$dropdown-bg: #fff !default;\n//$dropdown-border-color: rgba(0,0,0,.15) !default;\n//$dropdown-border-width: $border-width !default;\n//$dropdown-divider-bg: #e5e5e5 !default;\n$dropdown-box-shadow: $bmd-shadow-2dp !default; //0 6px 12px rgba(0,0,0,.175) !default;\n//\n//$dropdown-link-color: $gray-dark !default;\n//$dropdown-link-hover-color: darken($gray-dark, 5%) !default;\n//$dropdown-link-hover-bg: #f5f5f5 !default;\n//\n//$dropdown-link-active-color: $component-active-color !default;\n//$dropdown-link-active-bg: $component-active-bg !default;\n//\n//$dropdown-link-disabled-color: $gray-light !default;\n//\n//$dropdown-header-color: $gray-light !default;\n", "// Forms\n\n//\n$input-bg: rgba($black, 0) !default; // #fff !default;\n$input-bg-disabled: rgba($black, 0) !default; // $gray-lighter !default;\n//\n//$input-color: $gray !default;\n$input-border-color: #d2d2d2 !default; // #ccc !default;\n$input-border-color-white: #FFFFFF !default;\n\n//$input-btn-border-width: $border-width !default; // For form controls and buttons\n$input-box-shadow: none !default; //inset 0 1px 1px rgba(0,0,0,.075) !default;\n//\n$input-border-radius: 0 !default; // $border-radius !default;\n$input-box-shadow-focus: none !default; // rgba(102,175,233,.6) !default;\n//\n$input-color-placeholder: $bmd-label-color !default; // #999 !default;\n\n$input-padding-x: 0 !default; // .75rem !default;\n$input-padding-y: .4375rem !default; // spec 8px // .375rem !default;\n\n$input-padding-x-sm: 0 !default; // .75rem !default;\n$input-padding-y-sm: .25rem !default; // spec 4px //.275rem !default;\n\n$input-padding-x-lg: 0 !default; // 1.25rem !default;\n$input-padding-y-lg: .5625rem !default; // no-spec 9px // .75rem !default;\n\n//\n$input-group-addon-bg: transparent !default; //$gray-lighter !default;\n$input-group-addon-border-color: transparent !default; //$input-border-color !default;\n//\n//$cursor-disabled: not-allowed !default;\n//\n//// Form validation icons\n$form-icon-success: \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==\";\n$form-icon-warning: \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+\";\n$form-icon-danger: \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=\";\n", "// List group\n\n$list-group-bg: inherit !default; // #fff\n//$list-group-border-color: #ddd !default;\n$list-group-border-width: 0 !default; // $border-width\n$list-group-border-radius: 0 !default; // $border-radius\n//\n//$list-group-hover-bg: #f5f5f5 !default;\n//$list-group-active-color: $component-active-color !default;\n//$list-group-active-bg: $component-active-bg !default;\n//$list-group-active-border: $list-group-active-bg !default;\n//$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;\n//\n//$list-group-disabled-color: $gray-light !default;\n//$list-group-disabled-bg: $gray-lighter !default;\n//$list-group-disabled-text-color: $list-group-disabled-color !default;\n//\n//$list-group-link-color: #555 !default;\n//$list-group-link-hover-color: $list-group-link-color !default;\n//$list-group-link-heading-color: #333 !default;\n", "// Navs https://www.google.com/design/spec/components/tabs.html#tabs-specs\n\n$nav-disabled-link-color: $gray-light !default;\n$nav-disabled-link-hover-color: $gray-light !default;\n\n$bmd-navbar-link-font-weight: $bmd-font-weight-base !default; //\n$bmd-navbar-link-font-size: .875rem !default; // 14\n$bmd-navbar-link-padding: .5321rem; // 7\n\n// tabs & pills\n$bmd-nav-tabs-pills-font-weight: 500 !default; //\n$bmd-nav-tabs-pills-font-size: .875rem !default; // 14\n$bmd-nav-tabs-pills-link-padding: 1.4286em .8575em !default; // spec // was .5em 1em // relative em based on 14\n\n// tabs only\n$bmd-nav-tabs-border-size: .214rem !default; // 3px\n\n$bmd-nav-tabs-color: $gray !default;\n$bmd-nav-tabs-active-color: $gray-dark !default;\n$bmd-nav-tabs-active-border-color: $brand-primary !default;\n$bmd-nav-tabs-disabled-link-color: $nav-disabled-link-color !default;\n$bmd-nav-tabs-disabled-link-color-hover: $nav-disabled-link-hover-color !default;\n\n$bmd-nav-tabs-primary-color: $bmd-inverse !default;\n$bmd-nav-tabs-primary-active-color: #fff !default;\n$bmd-nav-tabs-primary-active-border-color: #fff !default;\n$bmd-nav-tabs-primary-disabled-link-color: $bmd-inverse-light !default;\n$bmd-nav-tabs-primary-disabled-link-color-hover: $bmd-inverse-light !default;\n\n$bmd-nav-tabs-inverse-color: $bmd-inverse !default;\n$bmd-nav-tabs-inverse-active-color: #fff !default;\n$bmd-nav-tabs-inverse-active-border-color: #fff !default;\n$bmd-nav-tabs-inverse-disabled-link-color: $bmd-inverse-light !default;\n$bmd-nav-tabs-inverse-disabled-link-color-hover: $bmd-inverse-light !default;\n\n//$nav-item-margin: .2rem !default;\n\n//$bmd-nav-link-line-height: 1 !default; // makes it easier to line up with the spec\n//$nav-link-padding: .5em 1em !default; // changing this for tabs alters generic navbars, so do it elsewhere with higher specificity\n//$nav-link-hover-bg: $gray-lighter !default;\n\n//\n//$nav-tabs-border-color: #ddd !default;\n//\n//$nav-tabs-link-border-width: $border-width !default;\n//$nav-tabs-link-hover-border-color: $gray-lighter !default;\n//\n$nav-tabs-active-link-hover-bg: transparent !default; // $body-bg\n//$nav-tabs-active-link-hover-color: $gray !default;\n//$nav-tabs-active-link-hover-border-color: #ddd !default;\n//\n//$nav-tabs-justified-link-border-color: #ddd !default;\n//$nav-tabs-justified-active-link-border-color: $body-bg !default;\n//\n//$nav-pills-border-radius: $border-radius !default;\n//$nav-pills-active-link-hover-bg: $component-active-bg !default;\n//$nav-pills-active-link-hover-color: $component-active-color !default;\n", "$pagination-border-width: 0;\n$pagination-bg: transparent;\n$pagination-disabled-bg: transparent;\n\n$pagination-padding-x-lg: 0;\n$pagination-padding-x-sm: 0;\n", "// Form states and alerts\n//\n// Define colors for form feedback states and, by default, alerts.\n$state-success-text: $bmd-inverse !default;\n$state-success-bg: $brand-success !default;\n\n$state-info-text: $bmd-inverse !default;\n$state-info-bg: $brand-info !default;\n\n$state-warning-text: $bmd-inverse !default;\n$state-warning-bg: $brand-warning !default;\n\n$state-danger-text: $bmd-inverse !default;\n$state-danger-bg: $brand-danger !default;\n\n$state-rose-bg: $brand-rose !default;\n", "$table-bg-accent: rgba(#000, .03);\n$table-border-color: rgba(#000, .06);\n$table-bg-hover: rgba(#000, .02); // Grey 100 (on white background)\n\n$bmd-table-header-font-size: .95rem;\n$bmd-table-border-color-inverse: rgba(#fff, .06);\n", "$tooltip-bg: rgba($grey-700, .9);\n", "// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// https://www.google.com/design/spec/style/typography.html#typography-styles\n// http://www.getmdl.io/styles/index.html\n\n$font-family-sans-serif: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;\n$font-family-serif: 'Roboto Slab', 'Times New Roman', serif !default;\n//$font-family-monospace: Menlo, Monaco, Consolas, \"Courier New\", monospace !default;\n//$font-family-base: $font-family-sans-serif !default;\n\n// Pixel value used to responsively scale all typography. Applied to the `` element.\n//$font-size-root: 16px !default;\n//\n//$font-size-base: 1rem !default;\n//$font-size-lg: 1.25rem !default;\n//$font-size-sm: .875rem !default;\n//$font-size-xs: .75rem !default;\n//\n\n$font-size-h1: 3.3125rem;\n$font-size-h2: 2.25rem !default;\n$font-size-h3: 1.5625rem;\n$font-size-h4: 1.125rem !default;\n$font-size-h5: 1.0625rem !default;\n$font-size-h6: 0.75rem !default;\n$font-paragraph: 14px !default;\n$font-size-navbar: 16px !default;\n$font-size-small: 12px !default;\n\n\n//\n$display1-size: 7rem !default; // md display-4 112px was 6rem;\n$display2-size: 3.5rem !default; // md display-3 56px was 5.5rem\n$display3-size: 2.8125rem !default; // md display-2 45px was 4.5rem\n$display4-size: 2.125rem !default; // md display-1 34px was 3.5rem\n//\n//$display1-weight: 300 !default;\n//$display2-weight: 300 !default;\n//$display3-weight: 300 !default;\n//$display4-weight: 300 !default;\n//\n//$line-height-base: 1.5 !default;\n//\n$headings-margin-bottom: ($spacer / 2) !default;\n//$headings-font-family: inherit !default;\n$headings-font-weight: 400 !default; // was 500\n\n$font-weight-light: 300 !default;\n$font-weight-default: 400 !default;\n$font-weight-bold: 500 !default;\n$font-weight-extra-bold: 700 !default;\n\n$font-size-large: 1em !default;\n$font-size-large-navbar: 20px !default;\n\n//$headings-line-height: 1.1 !default;\n//$headings-color: inherit !default;\n//\n//$lead-font-size: 1.25rem !default;\n//$lead-font-weight: 300 !default;\n//\n//$text-muted: $gray-light !default;\n//\n//$abbr-border-color: $gray-light !default;\n//\n//$blockquote-small-color: $gray-light !default;\n//$blockquote-font-size: ($font-size-base * 1.25) !default;\n//$blockquote-border-color: $gray-lighter !default;\n//\n//$hr-border-color: rgba(0,0,0,.1) !default;\n//$hr-border-width: $border-width !default;\n//\n//$list-inline-padding: 5px !default;\n//\n//$dt-font-weight: bold !default;\n//\n//$nested-kbd-font-weight: bold !default;\n\n$padding-input-vertical: 11px !default;\n$padding-input-horizontal: 19px !default;\n\n$padding-btn-vertical: 11px !default;\n$padding-btn-horizontal: 22px !default;\n\n$padding-base-vertical: .5rem !default;\n$padding-base-horizontal: .7rem !default;\n\n$padding-round-horizontal: 23px !default;\n\n$padding-simple-vertical: 10px !default;\n$padding-simple-horizontal: 17px !default;\n\n$padding-large-vertical: 15px !default;\n$padding-large-horizontal: 48px !default;\n\n$padding-small-vertical: 5px !default;\n$padding-small-horizontal: 15px !default;\n\n$padding-label-vertical: 2px !default;\n$padding-label-horizontal: 12px !default;\n\n$margin-large-vertical: 30px !default;\n$margin-base-vertical: 15px !default;\n\n$margin-base-horizontal: 15px !default;\n", "// Modals\n$modal-content-xs-box-shadow: $bmd-shadow-24dp !default;\n\n// Padding applied to the modal body\n//$modal-inner-padding: 15px !default;\n//\n//$modal-title-padding: 15px !default;\n//$modal-title-line-height: $line-height-base !default;\n//\n//$modal-content-bg: #fff !default;\n//$modal-content-border-color: rgba(0,0,0,.2) !default;\n//\n//$modal-backdrop-bg: #000 !default;\n$modal-backdrop-opacity: .26 !default; // .5\n//$modal-header-border-color: #e5e5e5 !default;\n//$modal-footer-border-color: $modal-header-border-color !default;\n//\n//$modal-lg: 900px !default;\n//$modal-md: 600px !default;\n//$modal-sm: 300px !default;\n\n$transition-ease-in: ease-in !default;\n$transition-ease-out: ease-out !default;\n$ultra-fast-transition-time: 60ms !default;\n$navbar-padding-a: 10px 15px;\n$padding-zero: 0px !default;\n$sidebar-width: calc(100% - 260px) !default;\n$sidebar-mini-width: calc(100% - 80px) !default;\n$topbar-back: topbar-back !default;\n$bottombar-back: bottombar-back !default;\n$topbar-x: topbar-x !default;\n$bottombar-x: bottombar-x !default;\n$margin-bottom: 0 0 10px 0 !default;\n$margin-base-vertical: 15px !default;\n", "// Bootstrap functions\n//\n// Utility mixins and functions for evalutating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map) {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.\";\n }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// Color contrast\n@function color-yiq($color) {\n $r: red($color);\n $g: green($color);\n $b: blue($color);\n\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n @if ($yiq >= $yiq-contrasted-threshold) {\n @return $yiq-text-dark;\n } @else {\n @return $yiq-text-light;\n }\n}\n\n// Retrieve color Sass maps\n@function color($key: \"blue\") {\n @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n @return map-get($theme-colors, $key);\n}\n\n@function gray($key: \"100\") {\n @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n $color: theme-color($color-name);\n $color-base: if($level > 0, #000, #fff);\n $level: abs($level);\n\n @return mix($color-base, $color, $level * $theme-color-interval);\n}\n", "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n\n//\n// Color system\n//\n\n// stylelint-disable\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n$grays: map-merge((\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n), $grays);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge((\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n), $colors);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge((\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n), $theme-colors);\n// stylelint-enable\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-print-styles: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// stylelint-disable\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge((\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n), $spacers);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge((\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%\n), $sizes);\n// stylelint-enable\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n\n// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: ($font-size-base * 1.25) !default;\n$font-size-sm: ($font-size-base * .875) !default;\n\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: ($spacer / 2) !default;\n$headings-font-family: inherit !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: inherit !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: ($font-size-base * 1.25) !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-font-size: ($font-size-base * 1.25) !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-bg: transparent !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-300 !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-bg: $gray-900 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($gray-900, 7.5%) !default;\n$table-dark-color: $body-bg !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;\n$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;\n\n$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;\n$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;\n\n$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;\n$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-control-gutter: 1.5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $gray-300 !default;\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-control-indicator-disabled-bg: $gray-200 !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n\n$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-select-padding-y: .375rem !default;\n$custom-select-padding-x: .75rem !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-line-height: $input-btn-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $white !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-select-border-width: $input-btn-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;\n\n$custom-select-font-size-sm: 75% !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-font-size-lg: 125% !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$custom-file-padding-y: $input-btn-padding-y !default;\n$custom-file-padding-x: $input-btn-padding-x !default;\n$custom-file-line-height: $input-btn-line-height !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-btn-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n// Navbar\n\n$navbar-padding-y: ($spacer / 2) !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: ($grid-gutter-width / 2) !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $gray-200 !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding: 1rem !default;\n\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: ($font-size-base * .75) !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n// List group\n\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: \"/\" !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$carousel-transition: transform .6s ease !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Printing\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n", "// Layout variables - evidently nothing to see here...remove now?\n", "$bmd-menu-line-height: 1 !default; // makes it easier to use sizes to match spec\n\n$bmd-menu-item-min-width: 7rem !default; // Minimum width on mobile = 2 * 56dp = 112dp\n$bmd-menu-item-max-width: 17.5rem !default; // Maximum width on mobile (in both portrait and landscape) = 5 * 56dp = 280dp\n$bmd-menu-item-min-height: 3rem !default; // 48px\n\n$bmd-menu-item-padding-right: 1rem !default;\n$bmd-menu-item-padding-bottom: .8rem !default;\n$bmd-menu-item-padding-left: 1rem !default;\n$bmd-menu-item-padding-top: .8rem !default;\n\n// md and up\n$bmd-menu-item-padding-right-md: 1.5rem !default;\n$bmd-menu-item-padding-left-md: 1.5rem !default;\n\n// Menu\n$bmd-menu-expand-duration: 0.3s !default;\n$bmd-menu-fade-duration: 0.2s !default;\n", "// Drawer\n\n// Sizing\n$bmd-drawer-x-size: 240px !default;\n$bmd-drawer-y-size: 100px !default;\n", "$bmd-snackbar-bg: #323232 !default;\n$bmd-snackbar-color: #fff !default;\n$bmd-snackbar-min-width: 280px !default;\n$bmd-snackbar-padding: .8rem 1.5rem !default;\n\n$bmd-snackbar-min-width-sm: 100% !default;\n", "$bmd-label-color-focus: $brand-primary !default;\n$bmd-invalid-underline: $brand-danger !default;\n$bmd-readonly-underline: $input-border-color !default;\n\n//---\n// verified in use with refactoring to v4\n\n//---\n//-- unverified below here\n$bmd-brand-inverse: $indigo !default;\n// Typography elements FIXME: review to see if we actually need these\n$icon-color: rgba($black, 0.5) !default;\n\n// --------------------\n// inputs\n$mdb-input-placeholder-color: #AAAAAA !default;\n$mdb-input-underline-color: #D2D2D2 !default;\n\n$mdb-input-font-size-base: 14px !default;\n$mdb-input-font-size-large: ceil(($font-size-base * 1.25)) !default; // ~20px\n$mdb-input-font-size-small: ceil(($font-size-base * 0.75)) !default; // ~12px\n\n$bmd-bmd-label-static-size-ratio: 75 / 100 !default;\n$bmd-help-size-ratio: 75 / 100 !default;\n\n$bmd-form-control-bg-repeat-y: no-repeat !default;\n$bmd-form-control-bg-position: center bottom, center calc(100% - 1px) !default;\n$bmd-form-control-bg-size: 0 100%, 100% 100% !default;\n$bmd-form-control-bg-size-active: 100% 100%, 100% 100% !default;\n\n// expandable\n$input-text-button-size: 32px !default;\n\n// sizing\n$bmd-form-line-height: 1 !default; // set as 1x font-size so that padding is easier calculated to match the spec.\n$bmd-label-top-margin-base: 1rem !default;\n\n$bmd-form-line-height-lg: 1 !default; // set as 1x font-size so that padding is easier calculated to match the spec.\n$bmd-label-top-margin-lg: 1rem !default; // 16px\n\n$bmd-form-line-height-sm: 1 !default; // set as 1x font-size so that padding is easier calculated to match the spec.\n$bmd-label-top-margin-sm: .75rem !default; // 12px\n\n$text-disabled: #a8a8a8 !default;\n$background-disabled: #eaeaea !default;\n\n$margin-base: 1.071rem !default;\n\n\n// Checkboxes\n$bmd-checkbox-size: 1.25rem !default;\n$bmd-checkbox-animation-ripple: 500ms !default;\n$bmd-checkbox-animation-check: 0.3s !default;\n$bmd-checkbox-checked-color: $white !default;\n$bmd-checkbox-label-padding: .3125rem !default; // 5px\n$checkboxes-text-color: $mdb-input-placeholder-color !default;\n\n$bmd-checkbox-border-size: .0625rem !default;\n$bmd-checkbox-border-color: $bmd-label-color-inner-focus !default;\n$bmd-checkbox-border-color-disabled: $gray-lighter !default; //#bdbdbd !default;\n\n// Toggle\n$mdb-toggle-label-color: $mdb-label-color !default;\n\n// Variables for datetimepicker //\n$padding-default-vertical: 10px !default;\n$medium-pale-bg: #F1EAE0 !default;\n$pale-bg: #F9F7F3 !default;\n\n\n$font-color: #66615b !default;\n\n// $brand-default: #cecece !default;\n// $brand-primary: $purple !default;\n// $brand-success: $green !default;\n// $brand-danger: $red !default;\n// $brand-warning: $orange !default;\n// $brand-info: $cyan !default;\n// $brand-rose: $pink !default;\n\n$black-color: #3C4858 !default;\n\n// Dropdowns\n\n$dropdown-item-padding-y: .625rem;\n$dropdown-item-padding-x: 1.25rem;\n$dropdown-header-padding-y: 0.1875rem;\n$bmd-dropdown-margin-y: .3125rem !default;\n$bmd-dropdown-header-color: #777 !default;\n$bmd-dropdown-link-color: #333 !default;\n\n// Switches\n$bmd-switch-label-padding: .3125rem !default; // 5px\n$bmd-switch-width: 2.125rem !default; // 34px\n$bmd-switch-height: .875rem !default; // 14px\n$bmd-switch-handle-size: 1.25rem !default; // 20px (was 18px)\n\n$bmd-switch-handle-checked-bg: $brand-primary !default;\n$bmd-switch-handle-unchecked-bg: #f1f1f1 !default;\n$bmd-switch-handle-disabled-bg: #bdbdbd !default;\n$bmd-switch-unchecked-bg: $gray-lighter !default;\n$bmd-switch-checked-bg: desaturate(\n lighten($bmd-switch-handle-checked-bg, 28%),\n 32%\n); // kind of magic recipe\n$bmd-switch-disabled-bg: $gray-lighter !default;\n\n// Popovers and Popups\n$bmd-popover-background: rgba(101, 101, 101, 0.9) !default;\n$bmd-popover-color: #ececec !default;\n\n// Radio:\n$bmd-radio-border: .0625rem !default; // 1px\n$bmd-radio-size: 1rem !default;\n$bmd-radio-ripple-offset: 1em !default;\n$bmd-radio-label-padding: .3125rem !default; // 5px\n\n$bmd-radio-color-off: $bmd-label-color-inner-focus !default;\n$bmd-radio-color-on: $brand-primary !default;\n$bmd-radio-color-disabled: $gray-lighter; //\n$bmd-radio-color-disabled-inverse: rgba(\n $white,\n 0.30\n); // dark theme spec: Disabled: #FFFFFF, Opacity 30%\n\n$white-color: #fff !default;\n$navbar-color: #555 !default;\n$pills-color: $navbar-color !default;\n$black-color: #3C4858 !default;\n$link-color: $brand-primary;\n$white-transparent: rgba($white-color, .8);\n$transparent: transparent;\n\n//Popovers\n$popover-color: $navbar-color !default;\n\n//Tooltips\n$tooltip-font-size: 0.75rem !default;\n\n// Background colors\n$bg-primary: $brand-primary;\n$bg-danger: $brand-danger;\n$bg-warning: $brand-warning;\n$bg-info: $brand-info;\n$bg-rose: $brand-rose;\n$bg-success: $brand-success;\n$bg-dark: $grey-900;\n\n//Paddings\n$padding-general-y: 0.625rem !default;\n$padding-general-x: 0.9375rem !default;\n$padding-card-body-y: 0.9375rem !default;\n$padding-card-body-x: 1.875rem !default;\n\n// Buttons:\n$mdb-btn-font-size-base: 12px !default;\n$mdb-btn-font-size-lg: 14px !default;\n$mdb-btn-font-size-sm: 11px !default;\n$mdb-btn-font-size-xs: 10px !default;\n\n$mdb-btn-fab-size: 41px !default;\n$mdb-btn-fab-size-lg: 56px !default;\n$mdb-btn-fab-size-mini: 29px !default;\n$mdb-btn-fab-font-size: 24px !default;\n$mdb-btn-just-icon-font-size: 20px !default;\n\n$mdb-btn-icon-size: 32px !default;\n$mdb-btn-icon-size-mini: 17px !default;\n\n$bmd-line-height: 1.42857143 !default;\n$btn-lg-line-height: 1.3333333 !default;\n\n//Font-weight\n$font-weight-light: 300 !default;\n$font-weight-default: 400 !default;\n$font-weight-bold: 500 !default;\n$font-weight-extra-bold: 700 !default;\n$font-weight-ultra-bold: 900 !default;\n\n//Border-radius\n$border-radius-base: 3px !default;\n$border-radius-small: 2px !default;\n$border-radius-large: 6px !default;\n$border-radius-huge: 10px !default;\n$border-radius-label: 12px !default;\n$border-radius-extreme: 30px !default;\n\n// Animations\n$bmd-animation-curve-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1) !default;\n$bmd-animation-curve-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1) !default;\n$bmd-animation-curve-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1) !default;\n$bmd-animation-curve-default: $bmd-animation-curve-fast-out-slow-in !default;\n$bmd-animation-dropdown-caret: 150ms !default;\n$general-transition-time: 300ms !default;\n\n$slow-transition-time: 370ms !default;\n$fast-transition-time: 150ms !default;\n\n$transition-linear: linear !default;\n$transition-bezier: cubic-bezier(0.34, 1.61, 0.7, 1) !default;\n$transition-bezier-rotating-card: cubic-bezier(0.34, 1.45, 0.7, 1) !default;\n$transition-ease: ease 0s;\n\n//variables for social\n$social-facebook: \t\t\t#3b5998;\n$social-twitter: \t\t\t#55acee;\n$social-pinterest: \t\t\t#cc2127;\n$social-google: \t\t\t#dd4b39;\n$social-linkedin: \t\t\t#0976b4;\n$social-dribbble: \t\t\t#ea4c89;\n$social-github: \t\t\t#333333;\n$social-youtube: \t\t\t#e52d27;\n$social-instagram: \t\t #125688;\n$social-reddit: \t\t\t#ff4500;\n$social-tumblr: \t\t\t#35465c;\n$social-behance: \t\t\t#1769ff;\n\n\n// Variables for checkboxes\n\n$mdb-label-color: unquote(\"rgba(#{$rgb-black}, 0.26)\") !default;\n$mdb-label-color-toggle-focus: unquote(\"rgba(#{$rgb-black}, .54)\") !default;\n\n$mdb-checkbox-size: 20px !default;\n$mdb-checkbox-animation-ripple: 500ms !default;\n$mdb-checkbox-animation-check: 0.3s !default;\n$mdb-checkbox-checked-color: $brand-primary !default;\n\n$mdb-checkbox-label-color: $mdb-label-color !default;\n$mdb-checkbox-border-color: $mdb-label-color-toggle-focus !default;\n\n// Radio:\n$mdb-radio-label-color: $mdb-label-color !default;\n$mdb-radio-color-off: $mdb-label-color-toggle-focus !default;\n$mdb-radio-color-on: $brand-primary !default;\n", "@import \"mixins/utilities\";\n@import \"mixins/breakpoints\";\n@import \"mixins/animations\";\n@import \"mixins/type\";\n@import \"mixins/layout\";\n@import \"mixins/drawer\";\n@import \"mixins/forms\";\n@import \"mixins/buttons\";\n@import \"mixins/hover\";\n@import \"mixins/navs\";\n@import \"mixins/colored-shadows\";\n@import \"mixins/navbar-colors\";\n@import \"mixins/alert\";\n@import \"mixins/sidebar-color\";\n@import \"mixins/variables\";\n@import \"mixins/vendor-prefixes\";\n", "@function calc-top($line-height-base, $font-size, $component-height) {\n @return (($line-height-base * $font-size) - $component-height) / 2; // vertical center of line-height\n}\n\n// Emulate the less #contrast function\n// TODO: this may be useful for the inverse theme, but if not, remove (it is unused after the removal of fullpalette)\n// contrast-color and brightness borrowed from compass\n// Copyright (c) 2009-2014 Christopher M. Eppstein\n// Complies with license: https://github.com/Compass/compass/blob/stable/LICENSE.markdown\n@function contrast-color($color, $dark: $contrasted-dark-default, $light: $contrasted-light-default, $threshold: null) {\n @if $threshold {\n // Deprecated in Compass 0.13\n @warn \"The $threshold argment to contrast-color is no longer needed and will be removed in the next release.\";\n }\n\n @if $color == null {\n @return null;\n } @else {\n $color-brightness: brightness($color);\n $dark-text-brightness: brightness($dark);\n $light-text-brightness: brightness($light);\n @return if(abs($color-brightness - $light-text-brightness) > abs($color-brightness - $dark-text-brightness), $light, $dark);\n }\n}\n\n@function brightness($color) {\n @if type-of($color) == color {\n @return (red($color) * 0.299 + green($color) * 0.587 + blue($color) * 0.114) / 255 * 100%;\n } @else {\n @return unquote(\"brightness(#{$color})\");\n }\n}\n\n@mixin linear-gradient($color1, $color2){\n background: $color1; /* For browsers that do not support gradients */\n background: -webkit-linear-gradient(60deg, $color1 , $color2); /* For Safari 5.1 to 6.0 */\n background: -o-linear-gradient(60deg, $color1, $color2); /* For Opera 11.1 to 12.0 */\n background: -moz-linear-gradient(60deg, $color1, $color2); /* For Firefox 3.6 to 15 */\n background: linear-gradient(60deg, $color1 , $color2); /* Standard syntax */\n}\n\n@mixin radial-gradient($extern-color, $center-color){\n background: $extern-color;\n background: -moz-radial-gradient(center, ellipse cover, $center-color 0%, $extern-color 100%); /* FF3.6+ */\n background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,$center-color), color-stop(100%,$extern-color)); /* Chrome,Safari4+ */\n background: -webkit-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* Chrome10+,Safari5.1+ */\n background: -o-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* Opera 12+ */\n background: -ms-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* IE10+ */\n background: radial-gradient(ellipse at center, $center-color 0%,$extern-color 100%); /* W3C */\n background-size: 550% 450%;\n}\n@mixin badges-color($color){\n .tag{\n background-color: $color;\n color: $white-color;\n\n .tagsinput-remove-link{\n color: $white-color;\n }\n }\n // .tagsinput-add{\n // color: $color;\n // }\n}\n@mixin create-colored-badges(){\n\n &.primary-badge{\n @include badges-color($brand-primary);\n }\n &.info-badge {\n @include badges-color($brand-info);\n }\n &.success-badge{\n @include badges-color($brand-success);\n }\n &.warning-badge{\n @include badges-color($brand-warning);\n }\n &.danger-badge{\n @include badges-color($brand-danger);\n }\n &.rose-badge{\n @include badges-color($brand-rose);\n }\n}\n\n@mixin badge-color() {\n &.badge-primary{\n background-color: $brand-primary;\n }\n &.badge-info {\n background-color: $brand-info;\n }\n &.badge-success{\n background-color: $brand-success;\n }\n &.badge-warning{\n background-color: $brand-warning;\n }\n &.badge-danger{\n background-color: $brand-danger;\n }\n &.badge-rose{\n background-color: $brand-rose;\n }\n &.badge-default{\n background-color: $gray-light;\n }\n}\n", "// case where behavior is responsive, or with a marker class\n@mixin media-breakpoint-down-or($breakpoint, $name) {\n #{unquote($name)} {\n @content;\n }\n\n @include media-breakpoint-down($breakpoint) {\n @content;\n }\n}\n\n// case where behavior is responsive, or with a marker class\n@mixin media-breakpoint-up-or($breakpoint, $name) {\n #{unquote($name)} {\n @content;\n }\n\n @include media-breakpoint-up($breakpoint) {\n @content;\n }\n}\n\n// Name of the previous breakpoint, or null\n//\n// >> breakpoint-next(sm)\n// xs\n// >> breakpoint-next(sm, (xs: 0, sm: 544px, md: 768px))\n// xs\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md))\n// xs\n@function breakpoint-previous($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n > 1, nth($breakpoint-names, $n - 1), null);\n}\n", "// Animations (from mdl http://www.getmdl.io/)\n\n@mixin material-animation-fast-out-slow-in($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $bmd-animation-curve-fast-out-slow-in;\n}\n\n@mixin material-animation-linear-out-slow-in($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $bmd-animation-curve-linear-out-slow-in;\n}\n\n@mixin material-animation-fast-out-linear-in($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $bmd-animation-curve-fast-out-linear-in;\n}\n\n@mixin material-animation-default($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $bmd-animation-curve-default;\n}\n\n@mixin rotate-180() {\n -webkit-transform: rotate( 180deg );\n -moz-transform: rotate( 180deg );\n -o-transform: rotate( 180deg );\n -ms-transform: rotate(180deg);\n transform: rotate( 180deg );\n}\n\n@mixin transform-scale($value){\n -webkit-transform: scale($value);\n -moz-transform: scale($value);\n -o-transform: scale($value);\n -ms-transform: scale($value);\n transform: scale($value);\n}\n\n@mixin rotateY-180() {\n -webkit-transform: rotateY( 180deg );\n -moz-transform: rotateY( 180deg );\n -o-transform: rotateY( 180deg );\n -ms-transform: rotateY(180deg);\n transform: rotateY( 180deg );\n}\n\n@mixin transitions($time, $type){\n -webkit-transition: all $time $type;\n -moz-transition: all $time $type;\n -o-transition: all $time $type;\n -ms-transition: all $time $type;\n transition: all $time $type;\n}\n\n@mixin transitions-property($property, $time, $type){\n -webkit-transition: $property $time $type;\n -moz-transition: $property $time $type;\n -o-transition: $property $time $type;\n -ms-transition: $property $time $type;\n transition: $property $time $type;\n}\n\n@mixin transform-translate-x($value){\n -webkit-transform: translate3d($value, 0, 0);\n -moz-transform: translate3d($value, 0, 0);\n -o-transform: translate3d($value, 0, 0);\n -ms-transform: translate3d($value, 0, 0);\n transform: translate3d($value, 0, 0);\n}\n\n@mixin transform-translate-y($value){\n -webkit-transform: translate3d(0,$value, 0);\n -moz-transform: translate3d(0, $value, 0);\n -o-transform: translate3d(0, $value, 0);\n -ms-transform: translate3d(0, $value, 0);\n transform: translate3d(0, $value, 0);\n}\n\n@mixin perspective($value){\n -webkit-perspective: $value;\n -moz-perspective: $value;\n -o-perspective: $value;\n -ms-perspective: $value;\n perspective: $value;\n}\n\n@mixin transform-style($type){\n -webkit-transform-style: $type;\n -moz-transform-style: $type;\n -o-transform-style: $type;\n -ms-transform-style: $type;\n transform-style: $type;\n}\n\n@mixin backface-visibility($type){\n -webkit-backface-visibility: $type;\n -moz-backface-visibility: $type;\n -o-backface-visibility: $type;\n -ms-backface-visibility: $type;\n backface-visibility: $type;\n}\n\n@mixin transform-translate-y-dropdown($value){\n -webkit-transform: translate3d(0, $value, 0) !important;\n -moz-transform: translate3d(0, $value, 0) !important;\n -o-transform: translate3d(0, $value, 0) !important;\n -ms-transform: translate3d(0, $value, 0) !important;\n transform: translate3d(0, $value, 0) !important;\n}\n", "@mixin headings() {\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n @content;\n }\n}\n\n// 14sp font\n%std-font {\n font-size: .875rem;\n}\n", "// Generates the `.in` style for the generic backdrop used components such as the drawer in overlay mode\n@mixin bmd-layout-backdrop-in() {\n > .bmd-layout-backdrop {\n .in {\n visibility: visible;\n background-color: rgba(0, 0, 0, 0.5);\n }\n\n @supports (pointer-events: auto) {\n &.in {\n pointer-events: auto;\n opacity: 1;\n }\n }\n }\n}\n", "// Mixins to allow creation of additional custom drawer sizes when using the defaults at the same time\n\n@mixin bmd-drawer-x-out($size) {\n @each $side, $abbrev in (left: l, right: r) {\n .bmd-drawer-f-#{$abbrev} {\n > .bmd-layout-drawer {\n // position\n top: 0;\n #{$side}: 0;\n\n width: $size;\n height: 100%;\n\n @if $side == left {\n transform: translateX(\n -$size - 10px\n ); // initial position of drawer (closed), way off screen\n } @else {\n transform: translateX(\n $size + 10px\n ); // initial position of drawer (closed), way off screen\n }\n }\n\n > .bmd-layout-header,\n > .bmd-layout-content {\n margin-#{$side}: 0;\n }\n }\n }\n}\n\n@mixin bmd-drawer-y-out($size) {\n @each $side, $abbrev in (top: t, bottom: b) {\n .bmd-drawer-f-#{$abbrev} {\n > .bmd-layout-drawer {\n // position\n #{$side}: 0;\n left: 0;\n\n width: 100%;\n height: $size;\n\n @if $side == top {\n transform: translateY(\n -$size - 10px\n ); // initial position of drawer (closed), way off screen\n } @else {\n transform: translateY(\n $size + 10px\n ); // initial position of drawer (closed), way off screen\n }\n }\n\n > .bmd-layout-content {\n margin-#{$side}: 0;\n }\n }\n }\n}\n\n@function bmd-drawer-breakpoint-name($breakpoint, $suffix: \"\") {\n // e.g. &, &-sm, &-md, &-lg\n $name: \"&-#{$breakpoint}#{$suffix}\";\n @if $breakpoint == xs {\n $name: \"&\";\n }\n @return $name;\n}\n\n@mixin bmd-drawer-x-in($size) {\n @each $side, $abbrev in (left: l, right: r) {\n .bmd-drawer-f-#{$abbrev} {\n // Push - drawer will push the header and content (default behavior)\n > .bmd-layout-header {\n width: calc(100% - #{$size});\n margin-#{$side}: $size;\n }\n\n > .bmd-layout-drawer {\n transform: translateX(0);\n }\n\n > .bmd-layout-content {\n margin-#{$side}: $size;\n }\n }\n }\n}\n\n@mixin bmd-drawer-y-in($size) {\n @each $side, $abbrev in (top: t, bottom: b) {\n .bmd-drawer-f-#{$abbrev} {\n // 1. Push - drawer will push the header or content\n > .bmd-layout-header {\n @if $side == top {\n // only add margin-top on a header when the drawer is at the top\n margin-#{$side}: $size;\n }\n }\n\n > .bmd-layout-drawer {\n transform: translateY(0);\n }\n\n > .bmd-layout-content {\n @if $side == bottom {\n // only add margin-bottom on content when the drawer is at the bottom\n margin-#{$side}: $size;\n }\n }\n }\n }\n}\n\n// breakpoint based open to a particular size\n@mixin bmd-drawer-x-in-up($size, $breakpoint) {\n // e.g. &, &-sm, &-md, &-lg\n $name: bmd-drawer-breakpoint-name($breakpoint, \"-up\");\n\n .bmd-drawer-in {\n #{unquote($name)} {\n // bmd-drawer-in, bmd-drawer-in-sm, bmd-drawer-in-md, bmd-drawer-in-lg\n\n @if $breakpoint == xs {\n // bmd-drawer-in marker class (non-responsive)\n @include bmd-drawer-x-in($size);\n } @else {\n // responsive class\n @include media-breakpoint-up($breakpoint) {\n // bmd-drawer-f-(left and right) styles\n @include bmd-drawer-x-in($size);\n }\n }\n }\n }\n}\n\n// breakpoint based open to a particular size\n@mixin bmd-drawer-y-in-up($size, $breakpoint) {\n // e.g. &, &-sm, &-md, &-lg\n $name: bmd-drawer-breakpoint-name($breakpoint, \"-up\");\n\n .bmd-drawer-in {\n #{unquote($name)} {\n // bmd-drawer-in, bmd-drawer-in-sm, bmd-drawer-in-md, bmd-drawer-in-lg\n\n @if $breakpoint == xs {\n // bmd-drawer-in marker class (non-responsive)\n @include bmd-drawer-y-in($size);\n } @else {\n // responsive class\n @include media-breakpoint-up($breakpoint) {\n // bmd-drawer-f-(left and right) styles\n @include bmd-drawer-y-in($size);\n }\n }\n }\n }\n}\n\n@mixin bmd-drawer-x-overlay() {\n @include bmd-layout-backdrop-in();\n\n @each $side, $abbrev in (left: l, right: r) {\n .bmd-drawer-f-#{$abbrev} {\n > .bmd-layout-header,\n > .bmd-layout-content {\n width: 100%;\n margin-#{$side}: 0;\n }\n }\n }\n}\n\n@mixin bmd-drawer-y-overlay() {\n @include bmd-layout-backdrop-in();\n\n @each $side, $abbrev in (top: t, bottom: b) {\n .bmd-drawer-f-#{$abbrev} {\n > .bmd-layout-header {\n @if $side == top {\n // only add margin-top on a header when the drawer is at the top\n margin-#{$side}: 0;\n }\n }\n\n > .bmd-layout-content {\n @if $side == bottom {\n // only add margin-bottom on content when the drawer is at the bottom\n margin-#{$side}: 0;\n }\n }\n }\n }\n}\n\n// Overlay - left/right responsive overlay classes and marker class\n@mixin bmd-drawer-x-overlay-down($breakpoint) {\n // e.g. &, &-sm, &-md, &-lg\n $name: bmd-drawer-breakpoint-name($breakpoint, \"-down\");\n\n .bmd-drawer-overlay {\n #{unquote($name)} {\n // bmd-drawer-overlay, bmd-drawer-overlay-sm, bmd-drawer-overlay-md, bmd-drawer-overlay-lg\n\n // x - left/right\n\n @if $breakpoint == xs {\n // overlay marker class (non-responsive)\n\n // Must double up on the .bmd-drawer-overlay class to increase specificity otherwise the\n // responsive bmd-drawer-in-* media queries above win (and overlay is ignored)\n &.bmd-drawer-overlay {\n @include bmd-drawer-x-overlay();\n }\n } @else {\n @include media-breakpoint-down($breakpoint) {\n // overlay responsive class\n @include bmd-drawer-x-overlay();\n }\n }\n }\n }\n}\n\n// Overlay - top/bottom responsive overlay classes and marker class\n@mixin bmd-drawer-y-overlay-down($breakpoint) {\n // e.g. &, &-sm, &-md, &-lg\n $name: bmd-drawer-breakpoint-name($breakpoint, \"-down\");\n\n .bmd-drawer-overlay {\n #{unquote($name)} {\n // bmd-drawer-overlay, bmd-drawer-overlay-sm, bmd-drawer-overlay-md, bmd-drawer-overlay-lg\n //// y - top/bottom\n\n @if $breakpoint == xs {\n // overlay marker class (non-responsive)\n\n // Must double up on the .bmd-drawer-overlay class to increase specificity otherwise the\n // responsive bmd-drawer-in-* media queries above win (and overlay is ignored)\n &.bmd-drawer-overlay {\n @include bmd-drawer-y-overlay();\n }\n } @else {\n @include media-breakpoint-down($breakpoint) {\n // overlay responsive class\n @include bmd-drawer-y-overlay();\n }\n }\n }\n }\n}\n", "@mixin bmd-disabled() {\n fieldset[disabled][disabled] &,\n &.disabled,\n &:disabled,\n &[disabled] {\n @content;\n }\n}\n\n// Placeholder text\n@mixin material-placeholder() {\n &::-moz-placeholder {@content; } // Firefox\n &:-ms-input-placeholder {@content; } // Internet Explorer 10+\n &::-webkit-input-placeholder {@content; } // Safari and Chrome\n}\n\n@mixin bmd-selection-color() {\n .radio label,\n .radio-inline,\n .checkbox label,\n .checkbox-inline,\n .switch label {\n // override bootstrap focus and keep all the standard color (could be multiple radios in the form group)\n //color: $bmd-label-color;\n\n &,\n .is-focused & {\n // form-group focus could change multiple checkboxes/radios, disable that change by using the same color as non-form-group is-focused\n color: $bmd-label-color;\n\n // correct the above focus color for disabled items\n label:has(input[type=radio][disabled]),\n // css 4 which is unlikely to work for a while, but no other pure css way.\n label:has(input[type=checkbox][disabled]),\n // css 4\n fieldset[disabled] & {\n &,\n &:hover,\n &:focus {\n color: $bmd-label-color;\n }\n }\n }\n }\n\n // Style for disabled inputs OLD, use color approach with opacity built in, see radios\n //fieldset[disabled] &,\n //fieldset[disabled] & input[type=checkbox],\n //input[type=checkbox][disabled]:not(:checked) ~ .checkbox-decorator .check::before,\n //input[type=checkbox][disabled]:not(:checked) ~ .checkbox-decorator .check,\n //input[type=checkbox][disabled] + .bmd-radio-outer-circle {\n // opacity: 0.5;\n //}\n}\n\n@mixin bmd-radio-color($color) {\n &::after {\n border-color: $color;\n }\n &::before {\n background-color: $color;\n }\n}\n\n\n@mixin bmd-form-color($label-color, $label-color-focus, $border-color, $line-color) {\n [class^='bmd-label'],\n [class*=' bmd-label'] {\n color: $label-color;\n }\n\n // override BS and keep the border-color normal/grey so that overlaid focus animation draws attention\n .form-control {\n // underline animation color on focus\n $underline-background-image: linear-gradient(\n to top,\n $label-color-focus 2px,\n fade-out($label-color-focus, 1) 2px\n ),\n linear-gradient(\n to top,\n $line-color 1px,\n fade-out($line-color, 1) 1px\n );\n $underline-background-image-invalid: linear-gradient(\n to top,\n $bmd-invalid-underline 2px,\n fade-out($bmd-invalid-underline, 1) 2px\n ),\n linear-gradient(\n to top,\n $line-color 1px,\n fade-out($line-color, 1) 1px\n );\n $underline-background-image-readonly: linear-gradient(\n to top,\n $bmd-readonly-underline 1px,\n fade-out($bmd-readonly-underline, 1) 1px\n ),\n linear-gradient(\n to top,\n $line-color 1px,\n fade-out($line-color, 1) 1px\n );\n $underline-background-image-disabled: linear-gradient(\n to right,\n $line-color 0%,\n $line-color 30%,\n transparent 30%,\n transparent 100%\n );\n\n // bg image is always there, we just need to reveal it\n &,\n .is-focused & {\n background-image: $underline-background-image;\n }\n\n &:invalid {\n background-image: $underline-background-image-invalid;\n }\n\n &:read-only {\n background-image: $underline-background-image-readonly;\n }\n\n @include bmd-disabled() {\n background-image: $underline-background-image-disabled;\n background-repeat: repeat-x;\n background-size: 3px 1px;\n }\n\n // allow underline focus image and validation images to coexist\n &.form-control-success {\n &,\n .is-focused & {\n background-image: $underline-background-image, $form-icon-success;\n }\n }\n &.form-control-warning {\n &,\n .is-focused & {\n background-image: $underline-background-image, $form-icon-warning;\n }\n }\n &.form-control-danger {\n &,\n .is-focused & {\n background-image: $underline-background-image, $form-icon-danger;\n }\n }\n }\n\n // may or may not be a form-group or bmd-form-group\n .is-focused {\n // on focus set borders and labels to the validation color\n\n // Use the BS provided mixin for the bulk of the color\n @include form-validation-state(\"valid\", $label-color);\n\n [class^='bmd-label'],\n [class*=' bmd-label'] {\n color: $label-color-focus;\n }\n\n .bmd-label-placeholder {\n color: $label-color; // keep the placeholder color\n }\n\n // Set the border and box shadow on specific inputs to match\n .form-control {\n border-color: $border-color;\n }\n\n // Set validation states also for addons\n //.input-group-addon {\n // border-color: $border-color;\n //}\n\n .bmd-help {\n color: $bmd-label-color-inner-focus;\n }\n }\n}\n\n// must be broken out for reuse - webkit selector breaks firefox\n@mixin bmd-label-static($label-top, $static-font-size) {\n top: $label-top;\n left: 0;\n // must repeat because the previous (more generic) selectors\n font-size: $static-font-size;\n}\n\n@mixin bmd-form-size-variant($font-size, $label-top-margin, $variant-padding-y, $variant-line-height, $form-group-context: null) {\n $variant-input-height: (\n ($font-size * $variant-line-height) + ($variant-padding-y * 2)\n );\n // $static-font-size: ($bmd-bmd-label-static-size-ratio * $font-size);\n $floating-font-size: 0.6875rem;\n $static-font-size: 0.875rem;\n $help-font-size: ($bmd-help-size-ratio * $font-size);\n\n $label-static-top: $label-top-margin;\n $label-placeholder-top: $label-top-margin + $static-font-size +\n $variant-padding-y;\n\n //@debug \"font-size: #{$font-size} static-font-size: #{$static-font-size} help-font-size: #{$help-font-size} form-group-context: #{$form-group-context} \";\n\n //Label height: 72dp\n //Padding above label text: 16dp\n //Padding between label and input text: 8dp\n //Padding below input text (including divider): 16dp\n //Padding below text divider: 8dp\n\n // @if $form-group-context {\n // // Create a space at the top of the bmd-form-group for the label.\n // // The label is absolutely positioned, so we use top padding to make space. This padding extends over the label down to the top of the input (padding).\n // padding-top: ($label-top-margin + $static-font-size);\n // // note: bottom-margin of this is determined by $spacer. @see _spacer.scss\n // //margin-bottom: (1.5 * $help-font-size);\n // }\n\n // TODO: remove this when known stable. https://github.com/FezVrasta/bootstrap-material-design/issues/849\n //@else {\n //\n // // for radios and checkboxes without a form-group, add some extra vertical spacing to pad down so that\n // // any help text above is not encroached upon, or so that it appears more evenly spaced vs form-groups\n // .radio,\n // label.radio-inline,\n // .checkbox,\n // label.checkbox-inline,\n // .switch {\n // padding-top: $spacer-y;\n // }\n //}\n\n // Set all line-heights preferably to 1 so that we can space out everything manually without additional added space\n // from the default line-height of 1.5\n .form-control,\n label,\n input::placeholder {\n line-height: $variant-line-height + 0.1;\n }\n\n label{\n color: $mdb-input-placeholder-color;\n }\n\n .radio label,\n label.radio-inline,\n .checkbox label,\n label.checkbox-inline,\n .switch label {\n line-height: $line-height-base; // keep the same line height for radios and checkboxes\n }\n\n // Note: this may be inside or outside a form-group, may be .bmd-form-group.bmd-form-group-sm or .bmd-form-group.bmd-form-group-lg\n // input::placeholder {\n // font-size: $font-size;\n // }\n\n // generic labels used anywhere in the form\n .checkbox label,\n .radio label,\n label {\n font-size: $font-size-sm;\n }\n\n // floating/placeholder default (no focus)\n .bmd-label-floating,\n .bmd-label-placeholder {\n //@debug \"top: #{$label-as-placeholder-top}\";\n top: $label-placeholder-top - 1.7; // place the floating label to look like a placeholder with input padding\n }\n\n // floating focused/filled will look like static\n .is-focused,\n .is-filled {\n .bmd-label-floating {\n @include bmd-label-static($label-static-top - 2, $floating-font-size);\n }\n }\n\n // static\n .bmd-label-static {\n @include bmd-label-static($label-static-top - 0.65, $static-font-size);\n }\n // #559 Fix for webkit/chrome autofill - rule must be separate because it breaks firefox otherwise #731\n //input:-webkit-autofill ~ .bmd-label-floating { FIXME: confirm that the autofill js generation of change event makes this unnecessary\n // @include bmd-label-static($label-top, $static-font-size, $static-line-height);\n //}\n\n .bmd-help {\n margin-top: 0; // allow the input margin to set-off the top of the help-block\n font-size: $help-font-size;\n }\n\n // validation icon placement\n .form-control {\n &.form-control-success,\n &.form-control-warning,\n &.form-control-danger {\n $icon-bg-size: ($variant-input-height * .5) ($variant-input-height * .5);\n background-size: $bmd-form-control-bg-size, $icon-bg-size;\n\n &,\n &:focus,\n .bmd-form-group.is-focused & {\n padding-right: ($input-padding-x * 3);\n background-repeat: $bmd-form-control-bg-repeat-y, no-repeat;\n background-position: $bmd-form-control-bg-position,\n center right ($variant-input-height * .25);\n }\n\n &:focus,\n .bmd-form-group.is-focused & {\n background-size: $bmd-form-control-bg-size-active, $icon-bg-size;\n }\n }\n }\n}\n\n@mixin mdb-label-color-toggle-focus(){\n // override bootstrap focus and keep all the standard color (could be multiple radios in the form group)\n .form-group.is-focused & {\n color: $mdb-label-color;\n\n // on focus just darken the specific labels, do not turn them to the brand-primary\n &:hover,\n &:focus {\n color: $mdb-label-color-toggle-focus;\n }\n\n // correct the above focus color for disabled items\n fieldset[disabled] & {\n color: $mdb-label-color;\n }\n }\n}\n\n@mixin animation($value){\n -webkit-animation: $value;\n -moz-animation: $value;\n -o-animation: $value;\n -ms-animation: $value;\n animation: $value;\n}\n\n@mixin transform-scale3d($value){\n -webkit-transform: scale3d($value);\n -moz-transform: scale3d($value);\n -o-transform: scale3d($value);\n -ms-transform: scale3d($value);\n transform: scale3d($value);\n}\n\n@mixin create-colored-tags(){\n &.tag-primary{\n @include tag-color($brand-primary);\n }\n &.tag-info {\n @include tag-color($brand-info);\n }\n &.tag-success{\n @include tag-color($brand-success);\n }\n &.tag-warning{\n @include tag-color($brand-warning);\n }\n &.tag-danger{\n @include tag-color($brand-danger);\n }\n &.tag-rose{\n @include tag-color($brand-rose);\n }\n}\n@mixin tag-color ($color){\n .tag{\n background-color: $color;\n color: $white-color;\n .tagsinput-remove-link{\n color: $white-color;\n }\n }\n .tagsinput-add{\n color: $color;\n }\n}\n\n\n// variations(unquote(\"\"), background-color, #FFF);\n@mixin variations($component, $selector-suffix, $mdb-param-1, $color-default) {\n // @include generic-variations($component, $selector-suffix, $color-default, \"variations-content\", $mdb-param-1);\n}\n", "// from bs mixins/buttons button-variant\n@mixin bmd-button-variant($color, $background, $focus-background, $active-background, $border, $focus-border, $active-border) {\n color: $color;\n background-color: $background;\n border-color: $border;\n\n @include hover {\n color: $color;\n background-color: $focus-background;\n border-color: $focus-border;\n }\n\n &:focus,\n &.focus,\n &:hover{\n color: $color;\n background-color: $focus-background;\n border-color: $focus-border;\n }\n\n &:active,\n &.active,\n .open > &.dropdown-toggle,\n .show > &.dropdown-toggle {\n color: $color;\n background-color: $focus-background;\n border-color: $focus-border;\n @include shadow-2dp-color($background);\n\n &:hover,\n &:focus,\n &.focus {\n color: $color;\n background-color: $active-background;\n border-color: $active-border;\n }\n }\n\n // when it is an icon, kill the active bg on open dropdown, but stabilize on hover\n .open > &.dropdown-toggle.bmd-btn-icon {\n color: inherit;\n background-color: $background;\n\n // leave hover on with the lighter focus color\n &:hover {\n background-color: $focus-background;\n }\n }\n\n &.disabled,\n &:disabled {\n &:focus,\n &.focus {\n background-color: $background;\n border-color: $border;\n }\n @include hover {\n background-color: $background;\n border-color: $border;\n }\n }\n}\n\n@mixin bmd-flat-button-variant(\n $color,\n $border: $bmd-btn-border,\n $focus-border: $bmd-btn-focus-bg,\n $active-border: $bmd-btn-active-bg\n) {\n $background: $bmd-btn-bg;\n $focus-background: $bmd-btn-focus-bg;\n $active-background: $bmd-btn-active-bg;\n\n @include bmd-button-variant($color,\n $background,\n $focus-background,\n $active-background,\n $border,\n $focus-border,\n $active-border);\n\n // inverse color scheme\n .bg-inverse & {\n $focus-background: $bmd-inverse-btn-focus-bg;\n $focus-border: $bmd-inverse-btn-focus-bg;\n\n $active-background: $bmd-inverse-btn-active-bg;\n $active-border: $bmd-inverse-btn-active-bg;\n\n @include bmd-button-variant($color,\n $background,\n $focus-background,\n $active-background,\n $border,\n $focus-border,\n $active-border);\n }\n\n // reverse the above for links\n &.btn-link {\n background-color: transparent;\n }\n}\n\n@mixin bmd-flat-button-color() {\n @include bmd-flat-button-variant($bmd-btn-color);\n\n // flat bg with text color variations\n &.btn-primary {\n @include bmd-flat-button-variant($btn-primary-bg);\n }\n &.btn-secondary {\n @include bmd-flat-button-variant($btn-secondary-color);\n }\n &.btn-info {\n @include bmd-flat-button-variant($btn-info-bg);\n }\n &.btn-success {\n @include bmd-flat-button-variant($btn-success-bg);\n }\n &.btn-warning {\n @include bmd-flat-button-variant($btn-warning-bg);\n }\n &.btn-danger {\n @include bmd-flat-button-variant($btn-danger-bg);\n }\n}\n\n@mixin bmd-outline-button-color() {\n &.btn-outline,\n &.btn-outline-primary,\n &.btn-outline-secondary,\n &.btn-outline-info,\n &.btn-outline-success,\n &.btn-outline-warning,\n &.btn-outline-danger {\n border-color: currentColor;\n border-style: solid;\n border-width: 1px;\n }\n\n // flat bg with text and border color variations\n &.btn-outline {\n @include bmd-flat-button-variant($bmd-btn-color, $bmd-btn-color, $bmd-btn-color, $bmd-btn-color);\n }\n &.btn-outline-primary {\n @include bmd-flat-button-variant($btn-primary-bg, $btn-primary-bg, $btn-primary-bg, $btn-primary-bg);\n }\n &.btn-outline-secondary {\n @include bmd-flat-button-variant($btn-secondary-color, $btn-secondary-color, $btn-secondary-color, $btn-secondary-color);\n }\n &.btn-outline-info {\n @include bmd-flat-button-variant($btn-info-bg, $btn-info-bg, $btn-info-bg, $btn-info-bg);\n }\n &.btn-outline-success {\n @include bmd-flat-button-variant($btn-success-bg, $btn-success-bg, $btn-success-bg, $btn-success-bg);\n }\n &.btn-outline-warning {\n @include bmd-flat-button-variant($btn-warning-bg, $btn-warning-bg, $btn-warning-bg, $btn-warning-bg);\n }\n &.btn-outline-danger {\n @include bmd-flat-button-variant($btn-danger-bg, $btn-danger-bg, $btn-danger-bg, $btn-danger-bg);\n }\n}\n\n@mixin bmd-raised-button-variant($color, $background, $border) {\n // FIXME: SPEC - this should be the 600 color, how can we get that programmatically if at all? Or are we limited to the color palette only?\n $focus-background: contrast-color(\n $background,\n darken($background, 3%),\n lighten($background, 3%)\n );\n //$focus-background: darken($background, 10%); // default bootstrap\n $focus-border: darken($border, 12%);\n\n $active-background: $focus-background;\n //$active-background: darken($background, 17%);\n $active-border: darken($border, 25%);\n\n @include bmd-button-variant($color,\n $background,\n $focus-background,\n $active-background,\n $border,\n $focus-border,\n $active-border);\n\n @include shadow-2dp-color($background);\n\n &:focus,\n &:active,\n &:hover{\n // remove this line if you want black shadows\n @include button-shadow-color($background);\n }\n\n &.btn-link{\n background-color: transparent;\n color: $background;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:active{\n background-color: transparent;\n color: $background;\n }\n }\n\n}\n\n@mixin bmd-raised-button-color() {\n &.btn-primary {\n @include bmd-raised-button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border-color);\n }\n &.btn-secondary {\n @include bmd-raised-button-variant($btn-secondary-color, $btn-secondary-bg, $btn-secondary-border-color);\n }\n &.btn-info {\n @include bmd-raised-button-variant($btn-info-color, $btn-info-bg, $btn-info-border-color);\n }\n &.btn-success {\n @include bmd-raised-button-variant($btn-success-color, $btn-success-bg, $btn-success-border-color);\n }\n &.btn-warning {\n @include bmd-raised-button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border-color);\n }\n &.btn-danger {\n @include bmd-raised-button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border-color);\n }\n &.btn-rose {\n @include bmd-raised-button-variant($btn-rose-color, $btn-rose-bg, $btn-rose-border-color);\n }\n &,\n &.btn-default{\n @include bmd-raised-button-variant($btn-default-color, $btn-default-bg, $btn-default-border-color);\n }\n}\n\n@mixin bmd-social-buttons(){\n &.btn-facebook {\n @include bmd-raised-button-variant($white, $social-facebook, $social-facebook);\n }\n &.btn-twitter {\n @include bmd-raised-button-variant($white, $social-twitter, $social-twitter);\n }\n}\n\n@mixin undo-bs-tab-focus() {\n // clear out the tab-focus() from BS\n &,\n &:active,\n &.active {\n &:focus,\n &.focus {\n //@include tab-focus();\n outline: 0;\n }\n }\n}\n\n$opacity-gray-3: rgba(222,222,222, .3) !default;\n$opacity-gray-5: rgba(222,222,222, .5) !default;\n$opacity-gray-8: rgba(222,222,222, .8) !default;\n\n\n$opacity-5: rgba(255,255,255, .5) !default;\n$opacity-8: rgba(255,255,255, .8) !default;\n\n$datepicker-color-days: rgba(255,255,255, .8) !default;\n$datepicker-color-old-new-days: rgba(255,255,255, .4) !default;\n\n\n$opacity-1: rgba(255,255,255, .1) !default;\n$opacity-2: rgba(255,255,255, .2) !default;\n\n@mixin shadow-big-dash(){\n box-shadow: 0 10px 30px -12px rgba(0, 0, 0, $bmd-shadow-penumbra-opacity * 3),\n 0 4px 25px 0px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 8px 10px -5px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-big-navbar(){\n box-shadow: 0 10px 20px -12px rgba(0, 0, 0, $mdb-shadow-key-penumbra-opacity * 3),\n 0 3px 20px 0px rgba(0, 0, 0, $mdb-shadow-ambient-shadow-opacity),\n 0 8px 10px -5px rgba(0, 0, 0, $mdb-shadow-key-umbra-opacity);\n}\n\n@mixin shadow-big-color($color){\n // new box shadow optimized for Tablets and Phones\n box-shadow: 0 4px 20px 0px rgba(0, 0, 0, .14),\n 0 7px 10px -5px rgba($color, 0.4)\n}\n\n@mixin shadow-alert-color($color){\n box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14),\n 0 7px 10px -5px rgba($color, 0.4)\n}\n\n@mixin btn-styles($btn-color) {\n\n // remove this line if you want black shadows\n @include shadow-2dp-color($btn-color);\n\n &,\n &:hover,\n &:focus,\n &:active,\n &.active,\n &:active:focus,\n &:active:hover,\n &.active:focus,\n &.active:hover,\n .open > &.dropdown-toggle,\n .open > &.dropdown-toggle:focus,\n .open > &.dropdown-toggle:hover {\n background-color: $btn-color;\n color: $white-color;\n }\n\n &:focus,\n &:active,\n &:hover{\n // remove this line if you want black shadows\n @include button-shadow-color($btn-color);\n }\n\n &.disabled,\n &:disabled,\n &[disabled],\n fieldset[disabled] & {\n &,\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n box-shadow: none;\n }\n }\n\n &.btn-simple{\n background-color: transparent;\n color: $btn-color;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:active{\n background-color: transparent;\n color: $btn-color;\n }\n }\n\n}\n", "@mixin bmd-hover-focus-active {\n // add the .active to the whole mix of hover-focus-active\n &.active {\n @content;\n }\n @include hover-focus-active() {\n @content;\n }\n}\n\n@mixin transform-translate-y($value){\n -webkit-transform: translate3d(0,$value, 0);\n -moz-transform: translate3d(0, $value, 0);\n -o-transform: translate3d(0, $value, 0);\n -ms-transform: translate3d(0, $value, 0);\n transform: translate3d(0, $value, 0);\n}\n", "@mixin bmd-tabs-color($color, $active-color, $active-border, $disabled-link-color, $disabled-link-hover-color) {\n .nav-link {\n color: $color;\n\n &.active {\n color: $active-color;\n border-color: $active-border;\n @include hover-focus {\n border-color: $active-border;\n }\n }\n\n // Disabled state lightens text and removes hover/tab effects\n &.disabled {\n color: $disabled-link-color;\n\n @include plain-hover-focus {\n color: $disabled-link-hover-color;\n }\n }\n }\n}\n\n@mixin set-wizard-color($color) {\n\n .moving-tab{\n background-color: $color;\n @include shadow-big-color($color);\n }\n\n .picture{\n &:hover{\n border-color: $color;\n }\n }\n\n .choice{\n &:hover,\n &.active{\n .icon{\n border-color: $color;\n color: $color;\n }\n }\n }\n\n\n .checkbox input[type=checkbox]:checked + .checkbox-material{\n .check{\n background-color: $color;\n }\n }\n\n .radio input[type=radio]:checked ~ .check {\n background-color: $color;\n }\n\n .radio input[type=radio]:checked ~ .circle {\n border-color: $color;\n }\n}\n", "@mixin shadow-big(){\n box-shadow: 0 16px 38px -12px rgba(0, 0, 0, $bmd-shadow-penumbra-opacity * 4),\n 0 4px 25px 0px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 8px 10px -5px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-big-image(){\n // new box shadow optimized for Tables and Phones\n box-shadow: 0 5px 15px -8px rgba(0, 0, 0, $bmd-shadow-ambient-opacity * 2),\n 0 8px 10px -5px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-big-navbar(){\n box-shadow: 0 10px 20px -12px rgba(0, 0, 0, $bmd-shadow-penumbra-opacity * 3),\n 0 3px 20px 0px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 8px 10px -5px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n// @mixin shadow-big-color($color){\n// // new box shadow optimized for Tables and Phones\n// box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2),\n// 0 13px 24px -11px rgba($color, 0.60);\n// }\n\n@mixin shadow-small-color($color){\n // new box shadow optimized for Tablets and Phones\n box-shadow: 0 4px 20px 0px rgba(0, 0, 0, .14),\n 0 7px 10px -5px rgba($color, 0.4)\n}\n\n@mixin shadow-navbar-color($color){\n // new box shadow optimized for Tablets and Phones\n\n @if($color == $white-color) {\n box-shadow: 0 4px 18px 0px rgba(0, 0, 0, .12),\n 0 7px 10px -5px rgba(0,0,0, 0.15);\n }@else{\n box-shadow: 0 4px 20px 0px rgba(0, 0, 0, .14),\n 0 7px 12px -5px rgba($color, 0.46);\n }\n}\n\n@mixin shadow-2dp(){\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),\n 0 3px 1px -2px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 1px 5px 0 rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-4dp(){\n box-shadow: 0 4px 5px 0 rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),\n 0 1px 10px 0 rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 2px 4px -1px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-6dp(){\n box-shadow: 0 6px 10px 0 rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),\n 0 1px 18px 0 rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 3px 5px -1px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-8dp(){\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),\n 0 3px 14px 2px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 5px 5px -3px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n\n@mixin shadow-16dp(){\n box-shadow: 0 16px 24px 2px rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),\n 0 6px 30px 5px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 8px 10px -5px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-2dp-color($color){\n box-shadow: 0 2px 2px 0 rgba($color, $bmd-shadow-penumbra-opacity),\n 0 3px 1px -2px rgba($color, $bmd-shadow-umbra-opacity),\n 0 1px 5px 0 rgba($color, $bmd-shadow-ambient-opacity);\n}\n\n@mixin shadow-4dp-color($color){\n box-shadow: 0 4px 5px 0 rgba($color, $bmd-shadow-penumbra-opacity),\n 0 1px 10px 0 rgba($color, $bmd-shadow-ambient-opacity),\n 0 2px 4px -1px rgba($color, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-8dp-color($color){\n box-shadow: 0 8px 10px 1px rgba($color, $bmd-shadow-penumbra-opacity),\n 0 3px 14px 2px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 5px 5px -3px rgba($color, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-16dp-color($color){\n box-shadow: 0 16px 24px 2px rgba($color, $bmd-shadow-penumbra-opacity),\n 0 6px 30px 5px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 8px 10px -5px rgba($color, $bmd-shadow-umbra-opacity);\n}\n\n@mixin button-shadow-color($color){\n box-shadow: 0 14px 26px -12px rgba($color, $bmd-shadow-penumbra-opacity * 3),\n 0 4px 23px 0px rgba(0,0,0, $bmd-shadow-ambient-opacity),\n 0 8px 10px -5px rgba($color, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-z-1(){\n box-shadow:\n 0 1px 6px 0 rgba(0, 0, 0, 0.12),\n 0 1px 6px 0 rgba(0, 0, 0, 0.12);\n}\n\n@mixin shadow-z-1-hover(){\n box-shadow:\n 0 5px 11px 0 rgba(0, 0, 0, 0.18),\n 0 4px 15px 0 rgba(0, 0, 0, 0.15);\n}\n\n@mixin shadow-z-2(){\n box-shadow:\n 0 8px 17px 0 rgba(0, 0, 0, 0.2),\n 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n}\n\n@mixin shadow-z-3(){\n box-shadow:\n 0 12px 15px 0 rgba(0, 0, 0, 0.24),\n 0 17px 50px 0 rgba(0, 0, 0, 0.19);\n}\n\n@mixin shadow-z-4(){\n box-shadow:\n 0 16px 28px 0 rgba(0, 0, 0, 0.22),\n 0 25px 55px 0 rgba(0, 0, 0, 0.21);\n}\n\n@mixin shadow-z-5(){\n box-shadow:\n 0 27px 24px 0 rgba(0, 0, 0, 0.2),\n 0 40px 77px 0 rgba(0, 0, 0, 0.22);\n}\n", "@mixin navbar-colors($color, $link-color) {\n color: $link-color;\n background-color: $color !important;\n @include shadow-navbar-color($color);\n\n .dropdown-item:hover,\n .dropdown-item:focus{\n @include shadow-small-color($color);\n background-color: $color;\n color: $link-color;\n }\n\n .navbar-toggler{\n .navbar-toggler-icon{\n background-color: $link-color;\n }\n }\n}\n", "// alert-variations(\"\", $brand-primary)\n@mixin alert-variations($component, $selector-suffix, $brand-default) {\n @include generic-variations($component, $selector-suffix, $brand-default, \"alert-variations-content\", null);\n}\n\n@mixin alert-variations-content($args){\n $variation-color: map-get($args, variation-color);\n $variation-color-text: map-get($args, variation-color-text);\n\n background-color: lighten($variation-color,3%);\n color: $variation-color-text;\n\n a, .alert-link {\n color: $variation-color-text;\n }\n}\n// interpolation of mixin-name is not allowed evidently, so we statically include based on the mixin-name given\n@mixin call-variations-content-mixin($args) {\n $mixin-name: map-get($args, mixin-name);\n @if $mixin-name == variations-content {\n @include variations-content($args);\n } @else if $mixin-name == background-variations-content {\n @include background-variations-content($args);\n } @else if $mixin-name == text-variations-content {\n @include text-variations-content($args);\n } @else if $mixin-name == button-variations-content {\n @include button-variations-content($args);\n } @else if $mixin-name == bg-color-variations-content {\n @include bg-color-variations-content($args);\n } @else if $mixin-name == bg-box-shadow-variations-content {\n @include bg-box-shadow-variations-content($args);\n } @else if $mixin-name == bg-img-variations-content {\n @include bg-img-variations-content($args);\n } @else if $mixin-name == navbar-variations-content {\n @include navbar-variations-content($args);\n }@else if $mixin-name == alert-variations-content {\n @include alert-variations-content($args);\n } @else {\n @error \"Unknown mixin: #{$mixin-name}\"\n }\n}\n\n//\n// To use this mixin you should pass a function as final parameter to define\n// the style. In that definition you can use the following variables to define it.\n//\n// $variation-color-name ---> \"red\", \"green\", \"indigo\" ...\n// $variation-color-full-name ---> \"red\", \"green-50\", \"indigo-400\" ...\n// $variation-color ---> #f44336, #e8f5e9, #5c6bc0 ...\n// $variation-color-text ---> rgba(255,255,255,0.84), rgba(0,0,0,0.84), rgba(255,255,255,0.84) ...\n//\n\n@mixin generic-variations($component, $selector-suffix, $color-default, $mixin-name, $mdb-param-1) {\n\n //setup map to pass parameters (instead of the incredibly long-error-prone list for each and every @include)\n $args: (\n //extra: $selector-suffix,\n //default: $color-default,\n mixin-name: $mixin-name,\n material-param-1: $mdb-param-1\n );\n\n // bootstrap styles\n {$selector-suffix},\n {$component}-default#{$selector-suffix} {\n\n $args-extra: map-merge($args, (\n variation-color: $white-color,\n variation-color-text: $gray\n ));\n @include call-variations-content-mixin($args-extra);\n }\n {$component}-inverse#{$selector-suffix} {\n $args-inverse: map-merge($args, (\n variation-color: #212121,\n variation-color-text: #fff\n ));\n @include call-variations-content-mixin($args-inverse);\n }\n {$component}-primary#{$selector-suffix} {\n $args-primary: map-merge($args, (\n variation-color: $brand-primary,\n variation-color-text: $mdb-text-color-light\n ));\n @include call-variations-content-mixin($args-primary);\n }\n {$component}-success#{$selector-suffix} {\n $args-success: map-merge($args, (\n variation-color: $brand-success,\n variation-color-text: $mdb-text-color-light\n ));\n @include call-variations-content-mixin($args-success);\n }\n {$component}-info#{$selector-suffix} {\n $args-info: map-merge($args, (\n variation-color: $brand-info,\n variation-color-text: $mdb-text-color-light\n ));\n @include call-variations-content-mixin($args-info);\n }\n {$component}-warning#{$selector-suffix} {\n $args-warning: map-merge($args, (\n variation-color: $brand-warning,\n variation-color-text: $mdb-text-color-light\n ));\n @include call-variations-content-mixin($args-warning);\n }\n {$component}-danger#{$selector-suffix} {\n $args-danger: map-merge($args, (\n variation-color: $brand-danger,\n variation-color-text: $mdb-text-color-light\n ));\n @include call-variations-content-mixin($args-danger);\n }\n\n {$component}-rose#{$selector-suffix} {\n $args-rose: map-merge($args, (\n variation-color: $brand-rose,\n variation-color-text: $mdb-text-color-light\n ));\n @include call-variations-content-mixin($args-rose);\n }\n\n}\n\n@mixin alert-icon-color($color) {\n i{\n color: $color;\n }\n}\n", "@mixin sidebar-background-color($background-color, $font-color){\n .nav{\n .nav-item{\n .nav-link{\n color: $font-color;\n }\n i{\n color: rgba($font-color, .8);\n }\n\n &.active,\n &:hover{\n [data-toggle=\"collapse\"]{\n color: $font-color;\n i{\n color: rgba($font-color, .8);\n }\n }\n }\n }\n }\n .user{\n a{\n color: $font-color;\n }\n }\n .simple-text{\n color: $font-color;\n }\n .sidebar-background:after{\n background: $background-color;\n opacity: .8;\n }\n}\n\n@mixin sidebar-active-color($font-color){\n .nav{\n .nav-item{\n &.active > a:not([data-toggle=\"collapse\"]){\n color: $font-color;\n opacity: 1;\n @include shadow-big-color($font-color);\n\n i{\n color: rgba($font-color, .8);\n }\n }\n }\n }\n}\n\n@mixin set-background-color-button($color){\n\n li.active > a{\n background-color: $color;\n @include shadow-big-color($color);\n }\n}\n", "//== Buttons\n//\n//## For each of Bootstrap's buttons, define text, background and border color.\n\n$opacity-gray-3: rgba(222,222,222, .3) !default;\n$opacity-gray-5: rgba(222,222,222, .5) !default;\n$opacity-gray-8: rgba(222,222,222, .8) !default;\n\n$opacity-5: rgba(255,255,255, .5) !default;\n$opacity-8: rgba(255,255,255, .8) !default;\n\n$opacity-1: rgba(255,255,255, .1) !default;\n$opacity-2: rgba(255,255,255, .2) !default;\n\n//== Components\n//\n\n$topbar-x: topbar-x !default;\n$topbar-back: topbar-back !default;\n$bottombar-x: bottombar-x !default;\n$bottombar-back: bottombar-back !default;\n\n// Sidebar variables\n$sidebar-width: calc(100% - 260px) !default;\n$sidebar-mini-width: calc(100% - 80px) !default;\n", "// User select\n// For selecting text on the page\n\n@mixin user-select($select) {\n -webkit-user-select: $select;\n -moz-user-select: $select;\n -ms-user-select: $select; // IE10+\n user-select: $select;\n}\n\n@mixin box-shadow($shadow...) {\n -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1\n box-shadow: $shadow;\n}\n\n// Box sizing\n@mixin box-sizing($boxmodel) {\n -webkit-box-sizing: $boxmodel;\n -moz-box-sizing: $boxmodel;\n box-sizing: $boxmodel;\n}\n\n\n@mixin transition-all($time, $type){\n -webkit-transition: all $time $type;\n -moz-transition: all $time $type;\n -o-transition: all $time $type;\n -ms-transition: all $time $type;\n transition: all $time $type;\n}\n\n@mixin transform-scale($value){\n -webkit-transform: scale($value);\n -moz-transform: scale($value);\n -o-transform: scale($value);\n -ms-transform: scale($value);\n transform: scale($value);\n}\n\n@mixin transform-translate-x($value){\n -webkit-transform: translate3d($value, 0, 0);\n -moz-transform: translate3d($value, 0, 0);\n -o-transform: translate3d($value, 0, 0);\n -ms-transform: translate3d($value, 0, 0);\n transform: translate3d($value, 0, 0);\n}\n\n@mixin transform-translate-y($value){\n -webkit-transform: translate3d(0,$value,0);\n -moz-transform: translate3d(0,$value,0);\n -o-transform: translate3d(0,$value,0);\n -ms-transform: translate3d(0,$value,0);\n transform: translate3d(0,$value,0);\n}\n\n@mixin transform-origin($coordinates){\n -webkit-transform-origin: $coordinates;\n -moz-transform-origin: $coordinates;\n -o-transform-origin: $coordinates;\n -ms-transform-origin: $coordinates;\n transform-origin: $coordinates;\n}\n\n@mixin radial-gradient($extern-color, $center-color){\n background: $extern-color;\n background: -moz-radial-gradient(center, ellipse cover, $center-color 0%, $extern-color 100%); /* FF3.6+ */\n background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,$center-color), color-stop(100%,$extern-color)); /* Chrome,Safari4+ */\n background: -webkit-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* Chrome10+,Safari5.1+ */\n background: -o-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* Opera 12+ */\n background: -ms-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* IE10+ */\n background: radial-gradient(ellipse at center, $center-color 0%,$extern-color 100%); /* W3C */\n background-size: 550% 450%;\n}\n\n@mixin vertical-align {\n position: relative;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n}\n\n@mixin rotate-180(){\n filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);\n -webkit-transform: rotate(180deg);\n -ms-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n\n@mixin bar-animation($type){\n -webkit-animation: $type 500ms linear 0s;\n -moz-animation: $type 500ms linear 0s;\n animation: $type 500ms 0s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n\n@mixin topbar-x-rotation(){\n @keyframes topbar-x {\n 0% {top: 0px; transform: rotate(0deg); }\n 45% {top: 6px; transform: rotate(145deg); }\n 75% {transform: rotate(130deg); }\n 100% {transform: rotate(135deg); }\n }\n @-webkit-keyframes topbar-x {\n 0% {top: 0px; -webkit-transform: rotate(0deg); }\n 45% {top: 6px; -webkit-transform: rotate(145deg); }\n 75% {-webkit-transform: rotate(130deg); }\n 100% { -webkit-transform: rotate(135deg); }\n }\n @-moz-keyframes topbar-x {\n 0% {top: 0px; -moz-transform: rotate(0deg); }\n 45% {top: 6px; -moz-transform: rotate(145deg); }\n 75% {-moz-transform: rotate(130deg); }\n 100% { -moz-transform: rotate(135deg); }\n }\n}\n\n@mixin topbar-back-rotation(){\n @keyframes topbar-back {\n 0% { top: 6px; transform: rotate(135deg); }\n 45% { transform: rotate(-10deg); }\n 75% { transform: rotate(5deg); }\n 100% { top: 0px; transform: rotate(0); }\n }\n\n @-webkit-keyframes topbar-back {\n 0% { top: 6px; -webkit-transform: rotate(135deg); }\n 45% { -webkit-transform: rotate(-10deg); }\n 75% { -webkit-transform: rotate(5deg); }\n 100% { top: 0px; -webkit-transform: rotate(0); }\n }\n\n @-moz-keyframes topbar-back {\n 0% { top: 6px; -moz-transform: rotate(135deg); }\n 45% { -moz-transform: rotate(-10deg); }\n 75% { -moz-transform: rotate(5deg); }\n 100% { top: 0px; -moz-transform: rotate(0); }\n }\n}\n\n@mixin bottombar-x-rotation(){\n @keyframes bottombar-x {\n 0% {bottom: 0px; transform: rotate(0deg);}\n 45% {bottom: 6px; transform: rotate(-145deg);}\n 75% {transform: rotate(-130deg);}\n 100% {transform: rotate(-135deg);}\n }\n @-webkit-keyframes bottombar-x {\n 0% {bottom: 0px; -webkit-transform: rotate(0deg);}\n 45% {bottom: 6px; -webkit-transform: rotate(-145deg);}\n 75% {-webkit-transform: rotate(-130deg);}\n 100% {-webkit-transform: rotate(-135deg);}\n }\n @-moz-keyframes bottombar-x {\n 0% {bottom: 0px; -moz-transform: rotate(0deg);}\n 45% {bottom: 6px; -moz-transform: rotate(-145deg);}\n 75% {-moz-transform: rotate(-130deg);}\n 100% {-moz-transform: rotate(-135deg);}\n }\n}\n\n@mixin bottombar-back-rotation{\n @keyframes bottombar-back {\n 0% { bottom: 6px;transform: rotate(-135deg);}\n 45% { transform: rotate(10deg);}\n 75% { transform: rotate(-5deg);}\n 100% { bottom: 0px;transform: rotate(0);}\n }\n @-webkit-keyframes bottombar-back {\n 0% {bottom: 6px;-webkit-transform: rotate(-135deg);}\n 45% {-webkit-transform: rotate(10deg);}\n 75% {-webkit-transform: rotate(-5deg);}\n 100% {bottom: 0px;-webkit-transform: rotate(0);}\n }\n @-moz-keyframes bottombar-back {\n 0% {bottom: 6px;-moz-transform: rotate(-135deg);}\n 45% {-moz-transform: rotate(10deg);}\n 75% {-moz-transform: rotate(-5deg);}\n 100% {bottom: 0px;-moz-transform: rotate(0);}\n }\n\n}\n\n@mixin timeline-badge-color($color) {\n background-color: $color;\n @include shadow-big-color($color);\n}\n\n\n@mixin lock-page-input-color($color) {\n &.lock-page{\n .form-group{\n .form-control{\n background-image: linear-gradient($color, $color), linear-gradient($mdb-input-underline-color, $mdb-input-underline-color);\n }\n }\n\n }\n}\n", "// FIXME: only necessary because there isn't an underscored file - see https://github.com/twbs/bootstrap/issues/18350\n//@import \"../bower_components/bootstrap/scss/\n//@import \"../../bootstrap/scss/\n\n// Core variables and mixins\n@import \"./bootstrap/scss/functions\";\n@import \"./bootstrap/scss/variables\";\n@import \"./bootstrap/scss/mixins\";\n\n// #853 start - https://github.com/twbs/bootstrap/pull/18976/files\n// hack\n@mixin pull-left {\n float: left !important;\n @if $enable-flex {\n margin-right: auto;\n }\n}\n@mixin pull-right {\n float: right !important;\n @if $enable-flex {\n margin-left: auto;\n }\n}\n// #853 end - https://github.com/twbs/bootstrap/pull/18976/files\n\n// Reset and dependencies\n@import \"./bootstrap/scss/reboot\";\n@import \"./bootstrap/scss/print\";\n\n// Core CSS\n@import \"./bootstrap/scss/reboot\";\n@import \"./bootstrap/scss/type\";\n@import \"./bootstrap/scss/images\";\n@import \"./bootstrap/scss/code\";\n@import \"./bootstrap/scss/grid\";\n@import \"./bootstrap/scss/tables\";\n@import \"./bootstrap/scss/forms\";\n@import \"./bootstrap/scss/buttons\";\n@import \"./bootstrap/scss/transitions\";\n\n// Components\n@import \"./bootstrap/scss/dropdown\";\n@import \"./bootstrap/scss/button-group\";\n@import \"./bootstrap/scss/input-group\";\n@import \"./bootstrap/scss/custom-forms\";\n@import \"./bootstrap/scss/nav\";\n@import \"./bootstrap/scss/navbar\";\n@import \"./bootstrap/scss/card\";\n@import \"./bootstrap/scss/breadcrumb\";\n@import \"./bootstrap/scss/pagination\";\n@import \"./bootstrap/scss/jumbotron\";\n@import \"./bootstrap/scss/alert\";\n@import \"./bootstrap/scss/progress\";\n@import \"./bootstrap/scss/media\";\n@import \"./bootstrap/scss/list-group\";\n@import \"./bootstrap/scss/close\";\n@import \"./bootstrap/scss/badge\";\n\n// Components w/ JavaScript\n@import \"./bootstrap/scss/modal\";\n@import \"./bootstrap/scss/tooltip\";\n@import \"./bootstrap/scss/popover\";\n@import \"./bootstrap/scss/carousel\";\n\n// Utility classes\n@import \"./bootstrap/scss/utilities\";\n", "// Bootstrap functions\n//\n// Utility mixins and functions for evalutating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map) {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.\";\n }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// Color contrast\n@function color-yiq($color) {\n $r: red($color);\n $g: green($color);\n $b: blue($color);\n\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n @if ($yiq >= $yiq-contrasted-threshold) {\n @return $yiq-text-dark;\n } @else {\n @return $yiq-text-light;\n }\n}\n\n// Retrieve color Sass maps\n@function color($key: \"blue\") {\n @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n @return map-get($theme-colors, $key);\n}\n\n@function gray($key: \"100\") {\n @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n $color: theme-color($color-name);\n $color-base: if($level > 0, #000, #fff);\n $level: abs($level);\n\n @return mix($color-base, $color, $level * $theme-color-interval);\n}\n", "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n\n//\n// Color system\n//\n\n// stylelint-disable\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n$grays: map-merge((\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n), $grays);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge((\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n), $colors);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge((\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n), $theme-colors);\n// stylelint-enable\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-print-styles: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// stylelint-disable\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge((\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n), $spacers);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge((\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%\n), $sizes);\n// stylelint-enable\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n\n// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: ($font-size-base * 1.25) !default;\n$font-size-sm: ($font-size-base * .875) !default;\n\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: ($spacer / 2) !default;\n$headings-font-family: inherit !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: inherit !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: ($font-size-base * 1.25) !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-font-size: ($font-size-base * 1.25) !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-bg: transparent !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-300 !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-bg: $gray-900 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($gray-900, 7.5%) !default;\n$table-dark-color: $body-bg !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;\n$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;\n\n$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;\n$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;\n\n$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;\n$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-control-gutter: 1.5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $gray-300 !default;\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-control-indicator-disabled-bg: $gray-200 !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n\n$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-select-padding-y: .375rem !default;\n$custom-select-padding-x: .75rem !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-line-height: $input-btn-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $white !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-select-border-width: $input-btn-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;\n\n$custom-select-font-size-sm: 75% !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-font-size-lg: 125% !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$custom-file-padding-y: $input-btn-padding-y !default;\n$custom-file-padding-x: $input-btn-padding-x !default;\n$custom-file-line-height: $input-btn-line-height !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-btn-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n// Navbar\n\n$navbar-padding-y: ($spacer / 2) !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: ($grid-gutter-width / 2) !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $gray-200 !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding: 1rem !default;\n\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: ($font-size-base * .75) !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n// List group\n\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: \"/\" !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$carousel-transition: transform .6s ease !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Printing\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n", "// Toggles\n//\n// Used in conjunction with global variables to enable certain theme features.\n\n// Utilities\n@import \"mixins/breakpoints\";\n@import \"mixins/hover\";\n@import \"mixins/image\";\n@import \"mixins/badge\";\n@import \"mixins/resize\";\n@import \"mixins/screen-reader\";\n@import \"mixins/size\";\n@import \"mixins/reset-text\";\n@import \"mixins/text-emphasis\";\n@import \"mixins/text-hide\";\n@import \"mixins/text-truncate\";\n@import \"mixins/visibility\";\n\n// // Components\n@import \"mixins/alert\";\n@import \"mixins/buttons\";\n@import \"mixins/caret\";\n@import \"mixins/pagination\";\n@import \"mixins/lists\";\n@import \"mixins/list-group\";\n@import \"mixins/nav-divider\";\n@import \"mixins/forms\";\n@import \"mixins/table-row\";\n\n// // Skins\n@import \"mixins/background-variant\";\n@import \"mixins/border-radius\";\n@import \"mixins/box-shadow\";\n@import \"mixins/gradients\";\n@import \"mixins/transition\";\n\n// // Layout\n@import \"mixins/clearfix\";\n// @import \"mixins/navbar-align\";\n@import \"mixins/grid-framework\";\n@import \"mixins/grid\";\n@import \"mixins/float\";\n", "// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02px, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n", "// stylelint-disable indentation\n\n// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Origally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS—an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular psuedo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n", "// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid {\n // Part 1: Set a maximum relative to the parent\n max-width: 100%;\n // Part 2: Override the height to auto, otherwise images will be stretched\n // when setting a width and height attribute on the img element.\n height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n// stylelint-disable indentation, media-query-list-comma-newline-after\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n background-image: url($file-1x);\n\n // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n // but doesn't convert dppx=>dpi.\n // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n // Compatibility info: https://caniuse.com/#feat=css-media-resolution\n @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n only screen and (min-resolution: 2dppx) { // Standardized\n background-image: url($file-2x);\n background-size: $width-1x $height-1x;\n }\n}\n", "@mixin badge-variant($bg) {\n color: color-yiq($bg);\n background-color: $bg;\n\n &[href] {\n @include hover-focus {\n color: color-yiq($bg);\n text-decoration: none;\n background-color: darken($bg, 10%);\n }\n }\n}\n", "// Resize anything\n\n@mixin resizable($direction) {\n overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`\n resize: $direction; // Options: horizontal, vertical, both\n}\n", "// Only display content to screen readers\n//\n// See: http://a11yproject.com/posts/how-to-hide-content/\n// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n clip-path: inset(50%);\n border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable {\n &:active,\n &:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n clip-path: none;\n }\n}\n", "// Sizing shortcuts\n\n@mixin size($width, $height: $width) {\n width: $width;\n height: $height;\n}\n", "@mixin reset-text {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size or word-wrap.\n font-style: normal;\n font-weight: $font-weight-normal;\n line-height: $line-height-base;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start; // stylelint-disable-line declaration-block-no-duplicate-properties\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n}\n", "// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color !important;\n }\n a#{$parent} {\n @include hover-focus {\n color: darken($color, 10%) !important;\n }\n }\n}\n", "// CSS image replacement\n@mixin text-hide() {\n // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n}\n", "// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n", "// stylelint-disable declaration-no-important\n\n// Visibility\n\n@mixin invisible($visibility) {\n visibility: $visibility !important;\n}\n", "@mixin alert-variant($background, $border, $color) {\n color: $color;\n @include gradient-bg($background);\n border-color: $border;\n\n hr {\n border-top-color: darken($border, 5%);\n }\n\n .alert-link {\n color: darken($color, 10%);\n }\n}\n", "// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n background-color: transparent;\n background-image: none;\n border-color: $color;\n\n &:hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n font-size: $font-size;\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @if $enable-rounded {\n border-radius: $border-radius;\n } @else {\n border-radius: 0;\n }\n}\n", "@mixin caret-down {\n border-top: $caret-width solid;\n border-right: $caret-width solid transparent;\n border-bottom: 0;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up {\n border-top: 0;\n border-right: $caret-width solid transparent;\n border-bottom: $caret-width solid;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right {\n border-top: $caret-width solid transparent;\n border-bottom: $caret-width solid transparent;\n border-left: $caret-width solid;\n}\n\n@mixin caret-left {\n border-top: $caret-width solid transparent;\n border-right: $caret-width solid;\n border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n @if $enable-caret {\n &::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: $caret-width * .85;\n vertical-align: $caret-width * .85;\n content: \"\";\n @if $direction == down {\n @include caret-down;\n } @else if $direction == up {\n @include caret-up;\n } @else if $direction == right {\n @include caret-right;\n }\n }\n\n @if $direction == left {\n &::after {\n display: none;\n }\n\n &::before {\n display: inline-block;\n width: 0;\n height: 0;\n margin-right: $caret-width * .85;\n vertical-align: $caret-width * .85;\n content: \"\";\n @include caret-left;\n }\n }\n\n &:empty::after {\n margin-left: 0;\n }\n }\n}\n", "// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n .page-link {\n padding: $padding-y $padding-x;\n font-size: $font-size;\n line-height: $line-height;\n }\n\n .page-item {\n &:first-child {\n .page-link {\n @include border-left-radius($border-radius);\n }\n }\n &:last-child {\n .page-link {\n @include border-right-radius($border-radius);\n }\n }\n }\n}\n", "// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n", "// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n .list-group-item-#{$state} {\n color: $color;\n background-color: $background;\n\n &.list-group-item-action {\n @include hover-focus {\n color: $color;\n background-color: darken($background, 5%);\n }\n\n &.active {\n color: #fff;\n background-color: $color;\n border-color: $color;\n }\n }\n }\n}\n", "// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: #e5e5e5) {\n height: 0;\n margin: ($spacer / 2) 0;\n overflow: hidden;\n border-top: 1px solid $color;\n}\n", "// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus() {\n &:focus {\n color: $input-focus-color;\n background-color: $input-focus-bg;\n border-color: $input-focus-border-color;\n outline: 0;\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $input-box-shadow, $input-focus-box-shadow;\n } @else {\n box-shadow: $input-focus-box-shadow;\n }\n }\n}\n\n\n@mixin form-validation-state($state, $color) {\n .#{$state}-feedback {\n display: none;\n width: 100%;\n margin-top: $form-feedback-margin-top;\n font-size: $form-feedback-font-size;\n color: $color;\n }\n\n .#{$state}-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%; // Contain to parent when possible\n padding: .5rem;\n margin-top: .1rem;\n font-size: .875rem;\n line-height: 1;\n color: #fff;\n background-color: rgba($color, .8);\n border-radius: .2rem;\n }\n\n .form-control,\n .custom-select {\n .was-validated &:#{$state},\n &.is-#{$state} {\n border-color: $color;\n\n &:focus {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .form-check-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .form-check-label {\n color: $color;\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .custom-control-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .custom-control-label {\n color: $color;\n\n &::before {\n background-color: lighten($color, 25%);\n }\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:checked {\n ~ .custom-control-label::before {\n @include gradient-bg(lighten($color, 10%));\n }\n }\n\n &:focus {\n ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n }\n\n // custom file\n .custom-file-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .custom-file-label {\n border-color: $color;\n\n &::before { border-color: inherit; }\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:focus {\n ~ .custom-file-label {\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n }\n}\n", "// Tables\n\n@mixin table-row-variant($state, $background) {\n // Exact selectors below required to override `.table-striped` and prevent\n // inheritance to nested tables.\n .table-#{$state} {\n &,\n > th,\n > td {\n background-color: $background;\n }\n }\n\n // Hover states for `.table-hover`\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\n .table-hover {\n $hover-background: darken($background, 5%);\n\n .table-#{$state} {\n @include hover {\n background-color: $hover-background;\n\n > td,\n > th {\n background-color: $hover-background;\n }\n }\n }\n }\n}\n", "// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color) {\n #{$parent} {\n background-color: $color !important;\n }\n a#{$parent},\n button#{$parent} {\n @include hover-focus {\n background-color: darken($color, 10%) !important;\n }\n }\n}\n\n@mixin bg-gradient-variant($parent, $color) {\n #{$parent} {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n }\n}\n", "// Single side border-radius\n\n@mixin border-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n", "@mixin box-shadow($shadow...) {\n @if $enable-shadows {\n box-shadow: $shadow;\n }\n}\n", "// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: #555, $outer-color: #333) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n", "@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n}\n", "@mixin clearfix() {\n &::after {\n display: block;\n clear: both;\n content: \"\";\n }\n}\n", "// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n // Common properties for all breakpoints\n %grid-column {\n position: relative;\n width: 100%;\n min-height: 1px; // Prevent columns from collapsing when empty\n padding-right: ($gutter / 2);\n padding-left: ($gutter / 2);\n }\n\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n // Allow columns to stretch full width below their breakpoints\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @extend %grid-column;\n }\n }\n .col#{$infix},\n .col#{$infix}-auto {\n @extend %grid-column;\n }\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col#{$infix}-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; // Reset earlier grid tiers\n }\n\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n .order#{$infix}-first { order: -1; }\n\n .order#{$infix}-last { order: $columns + 1; }\n\n @for $i from 0 through $columns {\n .order#{$infix}-#{$i} { order: $i; }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n .offset#{$infix}-#{$i} {\n @include make-col-offset($i, $columns);\n }\n }\n }\n }\n }\n}\n", "/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container() {\n width: 100%;\n padding-right: ($grid-gutter-width / 2);\n padding-left: ($grid-gutter-width / 2);\n margin-right: auto;\n margin-left: auto;\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n max-width: $container-max-width;\n }\n }\n}\n\n@mixin make-row() {\n display: flex;\n flex-wrap: wrap;\n margin-right: ($grid-gutter-width / -2);\n margin-left: ($grid-gutter-width / -2);\n}\n\n@mixin make-col-ready() {\n position: relative;\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we use `flex` values\n // later on to override this initial width.\n width: 100%;\n min-height: 1px; // Prevent collapsing\n padding-right: ($grid-gutter-width / 2);\n padding-left: ($grid-gutter-width / 2);\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 percentage($size / $columns);\n // Add a `max-width` to ensure content within each column does not blow out\n // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n // do not appear to require this.\n max-width: percentage($size / $columns);\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: $size / $columns;\n margin-left: if($num == 0, 0, percentage($num));\n}\n", "// stylelint-disable declaration-no-important\n\n@mixin float-left {\n float: left !important;\n}\n@mixin float-right {\n float: right !important;\n}\n@mixin float-none {\n float: none !important;\n}\n", "// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so\n// we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n// 6. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box; // 1\n}\n\nhtml {\n font-family: sans-serif; // 2\n line-height: 1.15; // 3\n -webkit-text-size-adjust: 100%; // 4\n -ms-text-size-adjust: 100%; // 4\n -ms-overflow-style: scrollbar; // 5\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 6\n}\n\n// IE10+ doesn't honor `` in some cases.\n@at-root {\n @-ms-viewport {\n width: device-width;\n }\n}\n\n// stylelint-disable selector-list-comma-newline-after\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\narticle, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n// stylelint-enable selector-list-comma-newline-after\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use the\n// the `inherit` value on things like ``s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Duplicate behavior to the data-* attribute for our tooltip plugin\n\nabbr[title],\nabbr[data-original-title] { // 4\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 1\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\ndfn {\n font-style: italic; // Add the correct font style in Android 4.3-\n}\n\n// stylelint-disable font-weight-notation\nb,\nstrong {\n font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n// stylelint-enable font-weight-notation\n\nsmall {\n font-size: 80%; // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\n// which have not been made explicitly keyboard-focusable (without tabindex).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n\n @include hover-focus {\n color: inherit;\n text-decoration: none;\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n\n//\n// Code\n//\n\n// stylelint-disable font-family-no-duplicate-names\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers.\n font-size: 1em; // Correct the odd `em` font sizing in all browsers.\n}\n// stylelint-enable font-family-no-duplicate-names\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so\n // we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg:not(:root) {\n overflow: hidden; // Hide the overflow in IE\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $text-muted;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default `
`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Duplicate behavior to the data-* attribute for our tooltip plugin\n\nabbr[title],\nabbr[data-original-title] { // 4\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 1\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\ndfn {\n font-style: italic; // Add the correct font style in Android 4.3-\n}\n\n// stylelint-disable font-weight-notation\nb,\nstrong {\n font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n// stylelint-enable font-weight-notation\n\nsmall {\n font-size: 80%; // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\n// which have not been made explicitly keyboard-focusable (without tabindex).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n\n @include hover-focus {\n color: inherit;\n text-decoration: none;\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n\n//\n// Code\n//\n\n// stylelint-disable font-family-no-duplicate-names\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers.\n font-size: 1em; // Correct the odd `em` font sizing in all browsers.\n}\n// stylelint-enable font-family-no-duplicate-names\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so\n // we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg:not(:root) {\n overflow: hidden; // Hide the overflow in IE\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $text-muted;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default `