From a3996503726a8e2b7304eb2447995d92b48cd143 Mon Sep 17 00:00:00 2001 From: Stefan Date: Wed, 6 Oct 2021 16:03:42 +0300 Subject: [PATCH] feat: add the BS4 product version - Material Kit --- CHANGELOG.md | 62 + ISSUE_TEMPLATE.md | 13 + LICENSE.md | 21 + README.md | 185 +- assets/css/material-kit.css | 19093 ++++++++++++++++ assets/css/material-kit.css.map | 338 + assets/css/material-kit.min.css | 22 + assets/demo/demo.css | 890 + assets/img/apple-icon.png | Bin 0 -> 2446 bytes assets/img/arrow-left.cur | Bin 0 -> 1790 bytes assets/img/arrow-left.png | Bin 0 -> 2895 bytes assets/img/arrow-right.cur | Bin 0 -> 1790 bytes assets/img/arrow-right.png | Bin 0 -> 2923 bytes assets/img/bg.jpg | Bin 0 -> 124945 bytes assets/img/bg2.jpg | Bin 0 -> 279482 bytes assets/img/bg3.jpg | Bin 0 -> 272948 bytes assets/img/bg7.jpg | Bin 0 -> 532988 bytes assets/img/city-profile.jpg | Bin 0 -> 464890 bytes assets/img/city.jpg | Bin 0 -> 212900 bytes assets/img/examples/clem-onojegaw.jpg | Bin 0 -> 277485 bytes assets/img/examples/clem-onojeghuo.jpg | Bin 0 -> 252541 bytes assets/img/examples/cynthia-del-rio.jpg | Bin 0 -> 180723 bytes assets/img/examples/mariya-georgieva.jpg | Bin 0 -> 208754 bytes assets/img/examples/olu-eletu.jpg | Bin 0 -> 80801 bytes assets/img/examples/studio-1.jpg | Bin 0 -> 109527 bytes assets/img/examples/studio-2.jpg | Bin 0 -> 269218 bytes assets/img/examples/studio-3.jpg | Bin 0 -> 214561 bytes assets/img/examples/studio-4.jpg | Bin 0 -> 98390 bytes assets/img/examples/studio-5.jpg | Bin 0 -> 177263 bytes assets/img/faces/avatar.jpg | Bin 0 -> 76265 bytes assets/img/faces/camp.jpg | Bin 0 -> 66466 bytes assets/img/faces/card-profile1-square.jpg | Bin 0 -> 74370 bytes assets/img/faces/card-profile2-square.jpg | Bin 0 -> 48019 bytes assets/img/faces/card-profile4-square.jpg | Bin 0 -> 91113 bytes assets/img/faces/card-profile5-square.jpg | Bin 0 -> 63760 bytes assets/img/faces/card-profile6-square.jpg | Bin 0 -> 55545 bytes assets/img/faces/christian.jpg | Bin 0 -> 100420 bytes assets/img/faces/kendall.jpg | Bin 0 -> 118232 bytes assets/img/faces/marc.jpg | Bin 0 -> 100750 bytes assets/img/favicon.png | Bin 0 -> 2761 bytes assets/img/landing.jpg | Bin 0 -> 207450 bytes assets/img/profile.jpg | Bin 0 -> 159672 bytes assets/img/profile_city.jpg | Bin 0 -> 646615 bytes assets/img/responsive-nav.gif | Bin 0 -> 1818143 bytes .../js/core/bootstrap-material-design.min.js | 1 + assets/js/core/jquery.min.js | 3240 +++ assets/js/core/popper.min.js | 834 + assets/js/material-kit.js | 255 + assets/js/material-kit.js.map | 1 + assets/js/material-kit.min.js | 2 + assets/js/plugins/bootstrap-datetimepicker.js | 1011 + assets/js/plugins/jquery.sharrre.js | 619 + assets/js/plugins/moment.min.js | 2020 ++ assets/js/plugins/nouislider.min.js | 2 + assets/scss/material-kit.scss | 66 + assets/scss/material-kit/_alerts.scss | 51 + assets/scss/material-kit/_badges.scss | 43 + assets/scss/material-kit/_buttons.scss | 213 + assets/scss/material-kit/_cards.scss | 327 + assets/scss/material-kit/_carousel.scss | 95 + assets/scss/material-kit/_checkboxes.scss | 199 + assets/scss/material-kit/_core-bootstrap.scss | 64 + assets/scss/material-kit/_custom-forms.scss | 0 assets/scss/material-kit/_drawer.scss | 97 + assets/scss/material-kit/_dropdown.scss | 218 + assets/scss/material-kit/_example-pages.scss | 164 + assets/scss/material-kit/_footers.scss | 93 + assets/scss/material-kit/_forms.scss | 321 + assets/scss/material-kit/_headers.scss | 96 + assets/scss/material-kit/_images.scss | 10 + assets/scss/material-kit/_info-areas.scss | 57 + assets/scss/material-kit/_input-group.scss | 43 + assets/scss/material-kit/_layout.scss | 80 + assets/scss/material-kit/_list-group.scss | 94 + assets/scss/material-kit/_misc.scss | 538 + assets/scss/material-kit/_mixins.scss | 13 + assets/scss/material-kit/_modal.scss | 80 + assets/scss/material-kit/_nav.scss | 37 + assets/scss/material-kit/_navbar.scss | 160 + assets/scss/material-kit/_pagination.scss | 98 + assets/scss/material-kit/_pills.scss | 125 + assets/scss/material-kit/_popover.scss | 53 + assets/scss/material-kit/_progress.scss | 42 + assets/scss/material-kit/_radios.scss | 186 + assets/scss/material-kit/_reboot.scss | 14 + assets/scss/material-kit/_responsive.scss | 434 + assets/scss/material-kit/_ripples.scss | 41 + assets/scss/material-kit/_switches.scss | 86 + assets/scss/material-kit/_tabs.scss | 73 + assets/scss/material-kit/_togglebutton.scss | 85 + assets/scss/material-kit/_tooltip.scss | 49 + assets/scss/material-kit/_type.scss | 145 + assets/scss/material-kit/_variables.scss | 39 + .../material-kit/bootstrap/scss/_alert.scss | 51 + .../material-kit/bootstrap/scss/_badge.scss | 47 + .../bootstrap/scss/_breadcrumb.scss | 38 + .../bootstrap/scss/_button-group.scss | 166 + .../material-kit/bootstrap/scss/_buttons.scss | 143 + .../material-kit/bootstrap/scss/_card.scss | 270 + .../bootstrap/scss/_carousel.scss | 191 + .../material-kit/bootstrap/scss/_close.scss | 34 + .../material-kit/bootstrap/scss/_code.scss | 56 + .../bootstrap/scss/_custom-forms.scss | 297 + .../bootstrap/scss/_dropdown.scss | 131 + .../material-kit/bootstrap/scss/_forms.scss | 333 + .../bootstrap/scss/_functions.scss | 86 + .../material-kit/bootstrap/scss/_grid.scss | 52 + .../material-kit/bootstrap/scss/_images.scss | 42 + .../bootstrap/scss/_input-group.scss | 159 + .../bootstrap/scss/_jumbotron.scss | 16 + .../bootstrap/scss/_list-group.scss | 115 + .../material-kit/bootstrap/scss/_media.scss | 8 + .../material-kit/bootstrap/scss/_mixins.scss | 42 + .../material-kit/bootstrap/scss/_modal.scss | 168 + .../material-kit/bootstrap/scss/_nav.scss | 118 + .../material-kit/bootstrap/scss/_navbar.scss | 311 + .../bootstrap/scss/_pagination.scss | 77 + .../material-kit/bootstrap/scss/_popover.scss | 183 + .../material-kit/bootstrap/scss/_print.scss | 124 + .../bootstrap/scss/_progress.scss | 33 + .../material-kit/bootstrap/scss/_reboot.scss | 482 + .../material-kit/bootstrap/scss/_root.scss | 19 + .../material-kit/bootstrap/scss/_tables.scss | 180 + .../material-kit/bootstrap/scss/_tooltip.scss | 115 + .../bootstrap/scss/_transitions.scss | 36 + .../material-kit/bootstrap/scss/_type.scss | 125 + .../bootstrap/scss/_utilities.scss | 14 + .../bootstrap/scss/_variables.scss | 894 + .../bootstrap/scss/bootstrap-grid.scss | 32 + .../bootstrap/scss/bootstrap-reboot.scss | 12 + .../bootstrap/scss/bootstrap.scss | 42 + .../bootstrap/scss/mixins/_alert.scss | 13 + .../scss/mixins/_background-variant.scss | 21 + .../bootstrap/scss/mixins/_badge.scss | 12 + .../bootstrap/scss/mixins/_border-radius.scss | 35 + .../bootstrap/scss/mixins/_box-shadow.scss | 5 + .../bootstrap/scss/mixins/_breakpoints.scss | 123 + .../bootstrap/scss/mixins/_buttons.scss | 109 + .../bootstrap/scss/mixins/_caret.scss | 65 + .../bootstrap/scss/mixins/_clearfix.scss | 7 + .../bootstrap/scss/mixins/_float.scss | 11 + .../bootstrap/scss/mixins/_forms.scss | 137 + .../bootstrap/scss/mixins/_gradients.scss | 45 + .../scss/mixins/_grid-framework.scss | 67 + .../bootstrap/scss/mixins/_grid.scss | 52 + .../bootstrap/scss/mixins/_hover.scss | 39 + .../bootstrap/scss/mixins/_image.scss | 36 + .../bootstrap/scss/mixins/_list-group.scss | 21 + .../bootstrap/scss/mixins/_lists.scss | 7 + .../bootstrap/scss/mixins/_nav-divider.scss | 10 + .../bootstrap/scss/mixins/_navbar-align.scss | 10 + .../bootstrap/scss/mixins/_pagination.scss | 22 + .../bootstrap/scss/mixins/_reset-text.scss | 17 + .../bootstrap/scss/mixins/_resize.scss | 6 + .../bootstrap/scss/mixins/_screen-reader.scss | 35 + .../bootstrap/scss/mixins/_size.scss | 6 + .../bootstrap/scss/mixins/_table-row.scss | 30 + .../bootstrap/scss/mixins/_text-emphasis.scss | 14 + .../bootstrap/scss/mixins/_text-hide.scss | 9 + .../bootstrap/scss/mixins/_text-truncate.scss | 8 + .../bootstrap/scss/mixins/_transition.scss | 9 + .../bootstrap/scss/mixins/_visibility.scss | 7 + .../bootstrap/scss/utilities/_align.scss | 8 + .../bootstrap/scss/utilities/_background.scss | 19 + .../bootstrap/scss/utilities/_borders.scss | 59 + .../bootstrap/scss/utilities/_clearfix.scss | 3 + .../bootstrap/scss/utilities/_display.scss | 38 + .../bootstrap/scss/utilities/_embed.scss | 52 + .../bootstrap/scss/utilities/_flex.scss | 46 + .../bootstrap/scss/utilities/_float.scss | 9 + .../bootstrap/scss/utilities/_position.scss | 36 + .../scss/utilities/_screenreaders.scss | 11 + .../bootstrap/scss/utilities/_sizing.scss | 12 + .../bootstrap/scss/utilities/_spacing.scss | 51 + .../bootstrap/scss/utilities/_text.scss | 52 + .../bootstrap/scss/utilities/_visibility.scss | 11 + .../material-kit/cards/_card-carousel.scss | 3 + .../scss/material-kit/cards/_card-login.scss | 67 + .../scss/material-kit/cards/_card-plain.scss | 28 + assets/scss/material-kit/mixins/_alert.scss | 124 + .../scss/material-kit/mixins/_animations.scss | 208 + .../material-kit/mixins/_breakpoints.scss | 28 + assets/scss/material-kit/mixins/_buttons.scss | 289 + .../material-kit/mixins/_colored-shadows.scss | 138 + assets/scss/material-kit/mixins/_drawer.scss | 253 + assets/scss/material-kit/mixins/_forms.scss | 338 + assets/scss/material-kit/mixins/_hover.scss | 9 + assets/scss/material-kit/mixins/_layout.scss | 16 + .../material-kit/mixins/_navbar-colors.scss | 18 + assets/scss/material-kit/mixins/_navs.scss | 22 + assets/scss/material-kit/mixins/_type.scss | 15 + .../scss/material-kit/mixins/_utilities.scss | 107 + .../plugins/_plugin-datetime-picker.scss | 435 + .../plugins/_plugin-nouislider.scss | 371 + assets/scss/material-kit/variables/_body.scss | 5 + .../_bootstrap-material-design-base.scss | 33 + .../variables/_bootstrap-material-design.scss | 235 + .../scss/material-kit/variables/_brand.scss | 11 + .../scss/material-kit/variables/_buttons.scss | 82 + assets/scss/material-kit/variables/_card.scss | 5 + .../material-kit/variables/_carousel.scss | 10 + assets/scss/material-kit/variables/_code.scss | 3 + .../material-kit/variables/_colors-map.scss | 311 + .../scss/material-kit/variables/_colors.scss | 315 + .../material-kit/variables/_custom-forms.scss | 5 + .../scss/material-kit/variables/_drawer.scss | 5 + .../material-kit/variables/_dropdown.scss | 5 + .../scss/material-kit/variables/_forms.scss | 37 + .../scss/material-kit/variables/_layout.scss | 1 + .../material-kit/variables/_list-group.scss | 5 + assets/scss/material-kit/variables/_menu.scss | 18 + .../scss/material-kit/variables/_modals.scss | 3 + assets/scss/material-kit/variables/_nav.scss | 36 + .../material-kit/variables/_pagination.scss | 6 + .../scss/material-kit/variables/_shadow.scss | 35 + .../material-kit/variables/_snackbar.scss | 6 + .../scss/material-kit/variables/_spacing.scss | 6 + .../scss/material-kit/variables/_state.scss | 16 + .../scss/material-kit/variables/_tables.scss | 6 + .../scss/material-kit/variables/_tooltip.scss | 1 + assets/scss/material-kit/variables/_type.scss | 35 + bower.json | 26 + docs/documentation.html | 108 + examples/landing-page.html | 300 + examples/login-page.html | 192 + examples/profile-page.html | 225 + gulpfile.js | 34 + index.html | 1449 ++ package.json | 52 + template.html | 82 + 230 files changed, 46047 insertions(+), 1 deletion(-) create mode 100644 CHANGELOG.md create mode 100644 ISSUE_TEMPLATE.md create mode 100644 LICENSE.md create mode 100644 assets/css/material-kit.css create mode 100644 assets/css/material-kit.css.map create mode 100644 assets/css/material-kit.min.css create mode 100644 assets/demo/demo.css create mode 100644 assets/img/apple-icon.png create mode 100644 assets/img/arrow-left.cur create mode 100644 assets/img/arrow-left.png create mode 100644 assets/img/arrow-right.cur create mode 100644 assets/img/arrow-right.png create mode 100644 assets/img/bg.jpg create mode 100644 assets/img/bg2.jpg create mode 100644 assets/img/bg3.jpg create mode 100644 assets/img/bg7.jpg create mode 100644 assets/img/city-profile.jpg create mode 100644 assets/img/city.jpg create mode 100644 assets/img/examples/clem-onojegaw.jpg create mode 100644 assets/img/examples/clem-onojeghuo.jpg create mode 100644 assets/img/examples/cynthia-del-rio.jpg create mode 100644 assets/img/examples/mariya-georgieva.jpg create mode 100644 assets/img/examples/olu-eletu.jpg create mode 100644 assets/img/examples/studio-1.jpg create mode 100644 assets/img/examples/studio-2.jpg create mode 100644 assets/img/examples/studio-3.jpg create mode 100644 assets/img/examples/studio-4.jpg create mode 100644 assets/img/examples/studio-5.jpg create mode 100644 assets/img/faces/avatar.jpg create mode 100644 assets/img/faces/camp.jpg create mode 100644 assets/img/faces/card-profile1-square.jpg create mode 100644 assets/img/faces/card-profile2-square.jpg create mode 100644 assets/img/faces/card-profile4-square.jpg create mode 100644 assets/img/faces/card-profile5-square.jpg create mode 100644 assets/img/faces/card-profile6-square.jpg create mode 100644 assets/img/faces/christian.jpg create mode 100644 assets/img/faces/kendall.jpg create mode 100644 assets/img/faces/marc.jpg create mode 100644 assets/img/favicon.png create mode 100644 assets/img/landing.jpg create mode 100644 assets/img/profile.jpg create mode 100644 assets/img/profile_city.jpg create mode 100644 assets/img/responsive-nav.gif create mode 100644 assets/js/core/bootstrap-material-design.min.js create mode 100644 assets/js/core/jquery.min.js create mode 100644 assets/js/core/popper.min.js create mode 100644 assets/js/material-kit.js create mode 100644 assets/js/material-kit.js.map create mode 100644 assets/js/material-kit.min.js create mode 100644 assets/js/plugins/bootstrap-datetimepicker.js create mode 100644 assets/js/plugins/jquery.sharrre.js create mode 100644 assets/js/plugins/moment.min.js create mode 100644 assets/js/plugins/nouislider.min.js create mode 100644 assets/scss/material-kit.scss create mode 100644 assets/scss/material-kit/_alerts.scss create mode 100644 assets/scss/material-kit/_badges.scss create mode 100644 assets/scss/material-kit/_buttons.scss create mode 100644 assets/scss/material-kit/_cards.scss create mode 100644 assets/scss/material-kit/_carousel.scss create mode 100644 assets/scss/material-kit/_checkboxes.scss create mode 100644 assets/scss/material-kit/_core-bootstrap.scss create mode 100644 assets/scss/material-kit/_custom-forms.scss create mode 100644 assets/scss/material-kit/_drawer.scss create mode 100644 assets/scss/material-kit/_dropdown.scss create mode 100644 assets/scss/material-kit/_example-pages.scss create mode 100644 assets/scss/material-kit/_footers.scss create mode 100644 assets/scss/material-kit/_forms.scss create mode 100644 assets/scss/material-kit/_headers.scss create mode 100644 assets/scss/material-kit/_images.scss create mode 100644 assets/scss/material-kit/_info-areas.scss create mode 100644 assets/scss/material-kit/_input-group.scss create mode 100644 assets/scss/material-kit/_layout.scss create mode 100644 assets/scss/material-kit/_list-group.scss create mode 100644 assets/scss/material-kit/_misc.scss create mode 100644 assets/scss/material-kit/_mixins.scss create mode 100644 assets/scss/material-kit/_modal.scss create mode 100644 assets/scss/material-kit/_nav.scss create mode 100644 assets/scss/material-kit/_navbar.scss create mode 100644 assets/scss/material-kit/_pagination.scss create mode 100644 assets/scss/material-kit/_pills.scss create mode 100644 assets/scss/material-kit/_popover.scss create mode 100644 assets/scss/material-kit/_progress.scss create mode 100644 assets/scss/material-kit/_radios.scss create mode 100644 assets/scss/material-kit/_reboot.scss create mode 100644 assets/scss/material-kit/_responsive.scss create mode 100644 assets/scss/material-kit/_ripples.scss create mode 100644 assets/scss/material-kit/_switches.scss create mode 100644 assets/scss/material-kit/_tabs.scss create mode 100644 assets/scss/material-kit/_togglebutton.scss create mode 100644 assets/scss/material-kit/_tooltip.scss create mode 100644 assets/scss/material-kit/_type.scss create mode 100644 assets/scss/material-kit/_variables.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_alert.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_badge.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_breadcrumb.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_button-group.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_buttons.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_card.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_carousel.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_close.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_code.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_custom-forms.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_dropdown.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_forms.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_functions.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_grid.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_images.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_input-group.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_jumbotron.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_list-group.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_media.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_mixins.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_modal.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_nav.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_navbar.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_pagination.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_popover.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_print.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_progress.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_reboot.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_root.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_tables.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_tooltip.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_transitions.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_type.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_utilities.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/_variables.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/bootstrap-grid.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/bootstrap-reboot.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/bootstrap.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_alert.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_background-variant.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_badge.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_border-radius.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_box-shadow.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_breakpoints.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_buttons.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_caret.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_clearfix.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_float.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_forms.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_gradients.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_grid-framework.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_grid.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_hover.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_image.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_list-group.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_lists.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_nav-divider.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_navbar-align.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_pagination.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_reset-text.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_resize.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_screen-reader.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_size.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_table-row.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_text-emphasis.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_text-hide.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_text-truncate.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_transition.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/mixins/_visibility.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/utilities/_align.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/utilities/_background.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/utilities/_borders.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/utilities/_clearfix.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/utilities/_display.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/utilities/_embed.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/utilities/_flex.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/utilities/_float.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/utilities/_position.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/utilities/_screenreaders.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/utilities/_sizing.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/utilities/_spacing.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/utilities/_text.scss create mode 100644 assets/scss/material-kit/bootstrap/scss/utilities/_visibility.scss create mode 100644 assets/scss/material-kit/cards/_card-carousel.scss create mode 100644 assets/scss/material-kit/cards/_card-login.scss create mode 100644 assets/scss/material-kit/cards/_card-plain.scss create mode 100644 assets/scss/material-kit/mixins/_alert.scss create mode 100644 assets/scss/material-kit/mixins/_animations.scss create mode 100644 assets/scss/material-kit/mixins/_breakpoints.scss create mode 100644 assets/scss/material-kit/mixins/_buttons.scss create mode 100644 assets/scss/material-kit/mixins/_colored-shadows.scss create mode 100644 assets/scss/material-kit/mixins/_drawer.scss create mode 100644 assets/scss/material-kit/mixins/_forms.scss create mode 100644 assets/scss/material-kit/mixins/_hover.scss create mode 100644 assets/scss/material-kit/mixins/_layout.scss create mode 100644 assets/scss/material-kit/mixins/_navbar-colors.scss create mode 100644 assets/scss/material-kit/mixins/_navs.scss create mode 100644 assets/scss/material-kit/mixins/_type.scss create mode 100644 assets/scss/material-kit/mixins/_utilities.scss create mode 100644 assets/scss/material-kit/plugins/_plugin-datetime-picker.scss create mode 100644 assets/scss/material-kit/plugins/_plugin-nouislider.scss create mode 100644 assets/scss/material-kit/variables/_body.scss create mode 100644 assets/scss/material-kit/variables/_bootstrap-material-design-base.scss create mode 100644 assets/scss/material-kit/variables/_bootstrap-material-design.scss create mode 100644 assets/scss/material-kit/variables/_brand.scss create mode 100644 assets/scss/material-kit/variables/_buttons.scss create mode 100644 assets/scss/material-kit/variables/_card.scss create mode 100644 assets/scss/material-kit/variables/_carousel.scss create mode 100644 assets/scss/material-kit/variables/_code.scss create mode 100644 assets/scss/material-kit/variables/_colors-map.scss create mode 100644 assets/scss/material-kit/variables/_colors.scss create mode 100644 assets/scss/material-kit/variables/_custom-forms.scss create mode 100644 assets/scss/material-kit/variables/_drawer.scss create mode 100644 assets/scss/material-kit/variables/_dropdown.scss create mode 100644 assets/scss/material-kit/variables/_forms.scss create mode 100644 assets/scss/material-kit/variables/_layout.scss create mode 100644 assets/scss/material-kit/variables/_list-group.scss create mode 100644 assets/scss/material-kit/variables/_menu.scss create mode 100644 assets/scss/material-kit/variables/_modals.scss create mode 100644 assets/scss/material-kit/variables/_nav.scss create mode 100644 assets/scss/material-kit/variables/_pagination.scss create mode 100644 assets/scss/material-kit/variables/_shadow.scss create mode 100644 assets/scss/material-kit/variables/_snackbar.scss create mode 100644 assets/scss/material-kit/variables/_spacing.scss create mode 100644 assets/scss/material-kit/variables/_state.scss create mode 100644 assets/scss/material-kit/variables/_tables.scss create mode 100644 assets/scss/material-kit/variables/_tooltip.scss create mode 100644 assets/scss/material-kit/variables/_type.scss create mode 100644 bower.json create mode 100644 docs/documentation.html create mode 100644 examples/landing-page.html create mode 100644 examples/login-page.html create mode 100644 examples/profile-page.html create mode 100644 gulpfile.js create mode 100644 index.html create mode 100644 package.json create mode 100644 template.html diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 0000000..860a45a --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,62 @@ +# Change Log + +## [2.0.7] 2020-03-09 +### BugFixing +- Solved the broken links +- Updated NoUiSlider plugin +- Solved the existing bugs +- Change variables from `$brand-color` to `$color` + +## [2.0.6] 2019-09-03 +### Improvements, BugFixing +- Bug fixing (javascript file) + +## [2.0.5] 2018-11-23 +### Improvements, BugFixing +- Changes for responsive devices +- Improvements and BugFixing for documentation +- Change versions on CSS and JS files +- Pro Documentation integrated in Free Version +- Eliminated extra CSS and JS + +## [2.0.4] 2018-07-02 +### BugFixing +- Solved responsive issues +- Updated plugins +- Speed optimizations +- Documentation errors fixed +- Gulp compiling of the SASS files +- Change versions on CSS and JS files +- Small changes for components + +## [2.0.3] 2018-05-07 +### BugFixing +- Scss cleaned and fixed issues when compiling +- Archive cleaned +- Other small bug fixing + +## [2.0.2] 2018-02-13 +### Improvements, Bootstrap 4.0.0 Final Included +- Reestablish the routes/folder for images + +## [2.0.1] 2018-01-31 +### Bug fixing, Improvements +- Added two plugins in Documentation +- Included gulp task that opens the project in browser +- Reestablish the routes for some Documentation Components +- responsive issue fixed for carousel + +## [2.0.0] 2018-01-12 +### Bootstrap 4 update +- Core base code on Bootstrap 4 +- Documentation code base written from scratch +- Speed optimizations +- Class changes : .card-block to .card-body +- .navbar-toggleable-* to .navbar-expand-* +- .hidden-*-down to .d-none .d-*-block +- .hidden-*-up to .d-*-none +- .checkbox to .form-check +- .radio to .form-check +- more class changes here:https://medium.com/@lukaszholeczek/how-to-upgrade-bootstrap-4-alpha-6-to-bootstrap-4-beta-d43b4210f2a3 +- Bug fixes for responsive devices +- Small changes for components diff --git a/ISSUE_TEMPLATE.md b/ISSUE_TEMPLATE.md new file mode 100644 index 0000000..b068370 --- /dev/null +++ b/ISSUE_TEMPLATE.md @@ -0,0 +1,13 @@ + + + diff --git a/LICENSE.md b/LICENSE.md new file mode 100644 index 0000000..7b1f7bf --- /dev/null +++ b/LICENSE.md @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2018 Creative Tim + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/README.md b/README.md index 609da53..f63bbc2 100644 --- a/README.md +++ b/README.md @@ -1 +1,184 @@ -# material-kit-bs4 \ No newline at end of file +# [Material Kit](https://demos.creative-tim.com/material-kit/index.html) [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&logo=twitter)](https://twitter.com/home?status=Material%20Kit%20is%20a%20Free%20Bootstrap%204%20UI%20Kit%20%E2%9D%A4%EF%B8%8F%0Ahttps%3A//demos.creative-tim.com/material-kit/index.html%20%23bootstrap%20%23material%20%23design%20%23uikit%20%23freebie%20%20via%20%40CreativeTim) + + + ![version](https://img.shields.io/badge/version-2.0.7-blue.svg) ![license](https://img.shields.io/badge/license-MIT-blue.svg) [![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/material-kit.svg?maxAge=2592000)](https://github.com/creativetimofficial/material-kit/issues?q=is%3Aopen+is%3Aissue) [![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/creativetimofficial/material-kit.svg?maxAge=2592000)](https://github.com/creativetimofficial/material-kit/issues?q=is%3Aissue+is%3Aclosed) [![Join the chat at https://gitter.im/NIT-dgp/General](https://badges.gitter.im/NIT-dgp/General.svg)](https://gitter.im/creative-tim-general/Lobby) [![Chat](https://img.shields.io/badge/chat-on%20discord-7289da.svg)](https://discord.gg/E4aHAQy) + + +![Product Gif](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/material-kit/material-kit.gif) + +**Material Kit** is a **Free Bootstrap 4 UI Kit** with a fresh, new design inspired by Google's material design. You asked for it, so we built it. It's a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components. Along with the restyling of the Bootstrap elements, you will find three fully-coded example pages, to help you design your next project. + +**Material Kit** makes use of light, surface, and movement. It uses a deliberate color choice, edge-to-edge imagery, and large scale typography. The general layout resembles sheets of paper following multiple different layers so that the depth and order are obvious. The navigation stays mainly on the left and the actions on the right. + +This new design has elements that have been the result of research regarding ink and paper and the way objects and materials interact in real life. The result is a beautiful and consistent set of elements that can get you started with your next project. Material Kit is a great tool if you are looking to create a web presence for your Android application and need to be consistent, leaving the impression of visually similar elements. It is also a great resource in its own right, looking gorgeous and helping you build your web pages. + +**Material Kit** is based on the Github Repo from Fezvrasta who did an amazing job creating the backbone for the material effects, animations, and transitions. Big thanks to his team for their forward-thinking efforts. + + +## Table of Contents + +* [Versions](#versions) +* [Demo](#demo) +* [Quick Start](#quick-start) +* [Documentation](#documentation) +* [File Structure](#file-structure) +* [Browser Support](#browser-support) +* [Resources](#resources) +* [Reporting Issues](#reporting-issues) +* [Upgrade to Pro Version](#upgrade-to-pro-version) +* [Licensing](#licensing) +* [Useful Links](#useful-links) + + +## Versions + +[](https://www.creative-tim.com/product/material-kit)[](https://www.creative-tim.com/product/vue-material-kit)[](https://www.creative-tim.com/product/material-kit-react)[](https://www.creative-tim.com/product/material-kit-react-native)[](https://demos.creative-tim.com/material-kit-figma/presentation.html)[](https://themeisle.com/themes/hestia/?ref=creativetim)[](https://github.com/creativetimofficial/material-kit/tree/photoshop)[](https://github.com/creativetimofficial/material-kit/tree/sketch) + + + + + + +| HTML | React | Vue | +| --- | --- | --- | +| [![Material Kit HTML](https://github.com/creativetimofficial/public-assets/blob/master/material-kit/material-kit.jpeg?raw=true)](https://www.creative-tim.com/product/material-kit) | [![Material Kit React](https://github.com/creativetimofficial/public-assets/blob/master/material-kit-react/material-kit-react.jpeg?raw=true)](https://www.creative-tim.com/product/material-kit-react) | [![Vue Material Kit](https://github.com/creativetimofficial/public-assets/blob/master/vue-material-kit/vue-material-kit.jpeg?raw=true)](https://www.creative-tim.com/product/vue-material-kit) + +| React Native | Figma | WordPress | +| --- | --- | --- | +| [![Material Kit React Native](https://github.com/creativetimofficial/public-assets/blob/master/material-kit-react-native/opt_mkrn_thumbnail.jpg?raw=true)](https://www.creative-tim.com/product/material-kit-react-native) | [![Material Kit Figma](https://github.com/creativetimofficial/public-assets/blob/master/material-kit-figma/material-kit-figma.jpg?raw=true)](https://demos.creative-tim.com/material-kit-figma/presentation.html) | [![Material Kit WordPress](https://github.com/creativetimofficial/public-assets/blob/master/material-kit-wordpress/opt_smd_thumbnail.jpg?raw=true)](https://themeisle.com/themes/hestia/?ref=creativetim) + +## Demo + +| Buttons | Inputs | Navbars | +| --- | --- | --- | +| [![Buttons](https://github.com/creativetimofficial/public-assets/blob/master/material-kit/buttons.png?raw=true)](https://demos.creative-tim.com/material-kit/index.html#buttons) | [![Inputs](https://github.com/creativetimofficial/public-assets/blob/master/material-kit/inputs.png?raw=true)](https://demos.creative-tim.com/material-kit/index.html#inputs) | [![Navbar](https://github.com/creativetimofficial/public-assets/blob/master/material-kit/navbar-section.png?raw=true)](https://demos.creative-tim.com/material-kit/index.html#navigation) + +| Login Page | Landing Page | Profile Page | +| --- | --- | --- | +| [![Login Page](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/material-kit/login-page.png)](https://demos.creative-tim.com/material-kit/index.html#carousel) | [![Landing Page](https://github.com/creativetimofficial/public-assets/blob/master/material-kit/landing-page.png?raw=true)](https://demos.creative-tim.com/material-kit/examples/landing-page.html) | [![Profile Page](https://github.com/creativetimofficial/public-assets/blob/master/material-kit/profile-page.png?raw=true)](https://demos.creative-tim.com/material-kit/examples/profile-page.html) + +[View More](https://demos.creative-tim.com/material-kit/index.html) + + +## Quick start + +- `npm i material-kit` +- [Download from Github](https://github.com/creativetimofficial/material-kit/archive/master.zip). +- [Download from Creative Tim](https://www.creative-tim.com/product/material-kit). +- Install with [Bower](https://bower.io/): ```bower install material-kit```. +- Clone the repo: `git clone https://github.com/creativetimofficial/material-kit.git`. + + +## Documentation +The documentation for the Material Kit is hosted at our [website](https://demos.creative-tim.com/material-kit/docs/2.1/getting-started/introduction.html). + + +## File Structure +Within the download you'll find the following directories and files: + +``` +material-kit/ +├── CHANGELOG.md +├── LICENSE.md +├── README.md +├── assets +│ ├── assets-for-demo +│ ├── css +│ │ ├── material-kit.css +│ │ ├── material-kit.css.map +│ │ └── material-kit.min.css +│ ├── img +│ ├── js +│ │ ├── bootstrap-material-design.js +│ │ ├── bootstrap-material-design.min.js +│ │ ├── core +│ │ │ ├── jquery.min.js +│ │ │ └── popper.min.js +│ │ ├── material-kit.js +│ │ ├── material-kit.min.js +│ │ └── plugins +│ │ ├── bootstrap-datetimepicker.min.js +│ │ ├── jasny-bootstrap.min.js +│ │ ├── moment.min.js +│ │ └── nouislider.min.js +│ └── scss +│ ├── bootstrap +│ ├── core +│ ├── material-kit.scss +│ └── plugins +├── bower.json +├── docs +│ └── documentation.html +├── examples +│ ├── landing-page.html +│ ├── profile-page.html +│ └── signup-page.html +└── index.html +``` + + +## Browser Support + +At present, we officially aim to support the last two versions of the following browsers: + + + + + +## Resources +- Demo: +- Download Page: +- Documentation: +- License Agreement: +- Support: +- Issues: [Github Issues Page](https://github.com/creativetimofficial/material-kit/issues) +- **Dashboards:** + +| HTML | React | Vue | Angular | +| --- | --- | --- | --- | +| [![Material Dashboard HTML](https://github.com/creativetimofficial/public-assets/blob/master/material-dashboard-html/material-dashboard.jpeg?raw=true)](https://www.creative-tim.com/product/material-dashboard) | [![Material Dashboard React](https://github.com/creativetimofficial/public-assets/blob/master/material-dashboard-react/material-dashboard-react.jpeg?raw=true)](https://www.creative-tim.com/product/material-dashboard-react) | [![Vue Material Dashboard](https://github.com/creativetimofficial/public-assets/blob/master/vue-material-dashboard/vue-material-dashboard.jpeg?raw=true)](https://www.creative-tim.com/product/vue-material-dashboard) | [![ Material Dashboard Angular](https://github.com/creativetimofficial/public-assets/blob/master/material-dashboard-angular/material-dashboard-angular.jpg?raw=true)](https://www.creative-tim.com/product/material-dashboard-angular2) + +| HTML Dark | Vuetify | +| --- | --- | +| [![Material Dashboard Dark](https://github.com/creativetimofficial/public-assets/blob/master/material-dashboard-dark/material-dashboard-dark.jpg?raw=true)](https://www.creative-tim.com/product/material-dashboard-dark) | [![Material Dashboard Vuetify](https://github.com/creativetimofficial/public-assets/blob/master/material-dashboard-vuetify/material-dashboard-vuetify.jpg?raw=true)](https://www.creative-tim.com/product/vuetify-material-dashboard) + +## Reporting Issues + +We use GitHub Issues as the official bug tracker for the Material Kit. Here are some advices for our users that want to report an issue: + +1. Make sure that you are using the latest version of the Material Kit. Check the CHANGELOG from your dashboard on our [website](https://www.creative-tim.com/?ref=mk-github-readme). +2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed. +3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help. + +## Upgrade to PRO Version + +Are you looking for more components? Please check our Premium Version of Material Kit right [here](https://www.creative-tim.com/product/material-kit-pro). + +## Licensing + +- Copyright 2020 Creative Tim (https://www.creative-tim.com/?ref=mk-github-readme) + +- Licensed under MIT (https://github.com/creativetimofficial/material-kit/blob/master/LICENSE.md) + +## Useful Links + +- [Tutorials](https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w) +- [Affiliate Program](https://www.creative-tim.com/affiliates/new?ref=mk-github-readme) (earn money) +- [Blog Creative Tim](http://blog.creative-tim.com/) +- [Free Products](https://www.creative-tim.com/bootstrap-themes/free?ref=mk-github-readme) from Creative Tim +- [Premium Products](https://www.creative-tim.com/bootstrap-themes/premium?ref=mk-github-readme) from Creative Tim +- [React Products](https://www.creative-tim.com/bootstrap-themes/react-themes?ref=mk-github-readme) from Creative Tim +- [Angular Products](https://www.creative-tim.com/bootstrap-themes/angular-themes?ref=mk-github-readme) from Creative Tim +- [VueJS Products](https://www.creative-tim.com/bootstrap-themes/vuejs-themes?ref=mk-github-readme) from Creative Tim +- [More products](https://www.creative-tim.com/bootstrap-themes?ref=mk-github-readme) from Creative Tim +- Check our Bundles [here](https://www.creative-tim.com/bundles?ref=mk-github-readme) + +### Social Media + +Twitter: + +Facebook: + +Dribbble: + +Instagram: diff --git a/assets/css/material-kit.css b/assets/css/material-kit.css new file mode 100644 index 0000000..91053e6 --- /dev/null +++ b/assets/css/material-kit.css @@ -0,0 +1,19093 @@ +/*! + + ========================================================= + * Material Kit - v2.0.7 + ========================================================= + + * Product Page: https://www.creative-tim.com/product/material-kit + * Copyright 2020 Creative Tim (http://www.creative-tim.com) + + ========================================================= + + * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + + */ +/* brand Colors */ +.carousel.carousel-full-navigation .left { + cursor: url("../../img/arrow-left.png"), url("../../img/arrow-left.cur"), default !important; +} + +.carousel.carousel-full-navigation .right { + cursor: url("../../img/arrow-right.png"), url("../../img/arrow-right.cur"), default !important; +} + +.card { + font-size: .875rem; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -ms-overflow-style: scrollbar; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +@-ms-viewport { + width: device-width; +} + +article, +aside, +dialog, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section { + display: block; +} + +body { + margin: 0; + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #fafafa; +} + +[tabindex="-1"]:focus { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 500; +} + +dd { + margin-bottom: .5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +dfn { + font-style: italic; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -.25em; +} + +sup { + top: -.5em; +} + +a { + color: #9c27b0; + text-decoration: none; + background-color: transparent; + -webkit-text-decoration-skip: objects; +} + +a:hover { + color: #641971; + text-decoration: underline; +} + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):hover, +a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):focus { + outline: 0; +} + +pre, +code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + -ms-overflow-style: scrollbar; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg:not(:root) { + overflow: hidden; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: .5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type="radio"], +input[type="checkbox"] { + box-sizing: border-box; + padding: 0; +} + +input[type="date"], +input[type="time"], +input[type="datetime-local"], +input[type="month"] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +[type="search"] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +@media print { + + *, + *::before, + *::after { + text-shadow: none !important; + box-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + abbr[title]::after { + content: " ("attr(title) ")"; + } + + pre { + white-space: pre-wrap !important; + } + + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, + img { + page-break-inside: avoid; + } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + + body { + min-width: 992px !important; + } + + .container { + min-width: 992px !important; + } + + .navbar { + display: none; + } + + .badge { + border: 1px solid #000; + } + + .table { + border-collapse: collapse !important; + } + + .table td, + .table th { + background-color: #fff !important; + } + + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; + } +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -ms-overflow-style: scrollbar; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +@-ms-viewport { + width: device-width; +} + +article, +aside, +dialog, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section { + display: block; +} + +body { + margin: 0; + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #fafafa; +} + +[tabindex="-1"]:focus { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 500; +} + +dd { + margin-bottom: .5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +dfn { + font-style: italic; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -.25em; +} + +sup { + top: -.5em; +} + +a { + color: #9c27b0; + text-decoration: none; + background-color: transparent; + -webkit-text-decoration-skip: objects; +} + +a:hover { + color: #641971; + text-decoration: underline; +} + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):hover, +a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):focus { + outline: 0; +} + +pre, +code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + -ms-overflow-style: scrollbar; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg:not(:root) { + overflow: hidden; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: .5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type="radio"], +input[type="checkbox"] { + box-sizing: border-box; + padding: 0; +} + +input[type="date"], +input[type="time"], +input[type="datetime-local"], +input[type="month"] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +[type="search"] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + margin-bottom: 0.5rem; + font-family: inherit; + font-weight: 400; + line-height: 1.2; + color: inherit; +} + +h1, +.h1 { + font-size: 3.3125rem; +} + +h2, +.h2 { + font-size: 2.25rem; +} + +h3, +.h3 { + font-size: 1.5625rem; +} + +h4, +.h4 { + font-size: 1.125rem; +} + +h5, +.h5 { + font-size: 1.0625rem; +} + +h6, +.h6 { + font-size: 0.75rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 7rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 2.8125rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 2.125rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(0, 0, 0, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} + +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #6c757d; +} + +.blockquote-footer::before { + content: "\2014 \00A0"; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #fafafa; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #6c757d; +} + +code, +kbd, +pre, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +code { + font-size: 87.5%; + color: #e91e63; + word-break: break-word; +} + +a>code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #fff; + background-color: #212529; + border-radius: 0.2rem; + box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25); +} + +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 500; + box-shadow: none; +} + +pre { + display: block; + font-size: 87.5%; + color: #212529; +} + +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} + +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} + +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} + +.no-gutters>.col, +.no-gutters>[class*="col-"] { + padding-right: 0; + padding-left: 0; +} + +.col-1, +.col-2, +.col-3, +.col-4, +.col-5, +.col-6, +.col-7, +.col-8, +.col-9, +.col-10, +.col-11, +.col-12, +.col, +.col-auto, +.col-sm-1, +.col-sm-2, +.col-sm-3, +.col-sm-4, +.col-sm-5, +.col-sm-6, +.col-sm-7, +.col-sm-8, +.col-sm-9, +.col-sm-10, +.col-sm-11, +.col-sm-12, +.col-sm, +.col-sm-auto, +.col-md-1, +.col-md-2, +.col-md-3, +.col-md-4, +.col-md-5, +.col-md-6, +.col-md-7, +.col-md-8, +.col-md-9, +.col-md-10, +.col-md-11, +.col-md-12, +.col-md, +.col-md-auto, +.col-lg-1, +.col-lg-2, +.col-lg-3, +.col-lg-4, +.col-lg-5, +.col-lg-6, +.col-lg-7, +.col-lg-8, +.col-lg-9, +.col-lg-10, +.col-lg-11, +.col-lg-12, +.col-lg, +.col-lg-auto, +.col-xl-1, +.col-xl-2, +.col-xl-3, +.col-xl-4, +.col-xl-5, +.col-xl-6, +.col-xl-7, +.col-xl-8, +.col-xl-9, +.col-xl-10, +.col-xl-11, +.col-xl-12, +.col-xl, +.col-xl-auto { + position: relative; + width: 100%; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: none; +} + +.col-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; +} + +.col-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; +} + +.col-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; +} + +.col-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; +} + +.col-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.333333%; +} + +.offset-2 { + margin-left: 16.666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.333333%; +} + +.offset-5 { + margin-left: 41.666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.333333%; +} + +.offset-8 { + margin-left: 66.666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.333333%; +} + +.offset-11 { + margin-left: 91.666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + + .col-sm-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + + .col-sm-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + + .col-sm-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + + .col-sm-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + + .col-sm-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.333333%; + } + + .offset-sm-2 { + margin-left: 16.666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.333333%; + } + + .offset-sm-5 { + margin-left: 41.666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.333333%; + } + + .offset-sm-8 { + margin-left: 66.666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.333333%; + } + + .offset-sm-11 { + margin-left: 91.666667%; + } +} + +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + + .col-md-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + + .col-md-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + + .col-md-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + + .col-md-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + + .col-md-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.333333%; + } + + .offset-md-2 { + margin-left: 16.666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.333333%; + } + + .offset-md-5 { + margin-left: 41.666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.333333%; + } + + .offset-md-8 { + margin-left: 66.666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.333333%; + } + + .offset-md-11 { + margin-left: 91.666667%; + } +} + +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + + .col-lg-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + + .col-lg-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + + .col-lg-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + + .col-lg-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + + .col-lg-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.333333%; + } + + .offset-lg-2 { + margin-left: 16.666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.333333%; + } + + .offset-lg-5 { + margin-left: 41.666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.333333%; + } + + .offset-lg-8 { + margin-left: 66.666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.333333%; + } + + .offset-lg-11 { + margin-left: 91.666667%; + } +} + +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + + .col-xl-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + + .col-xl-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + + .col-xl-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + + .col-xl-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + + .col-xl-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.333333%; + } + + .offset-xl-2 { + margin-left: 16.666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.333333%; + } + + .offset-xl-5 { + margin-left: 41.666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.333333%; + } + + .offset-xl-8 { + margin-left: 66.666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.333333%; + } + + .offset-xl-11 { + margin-left: 91.666667%; + } +} + +.table { + width: 100%; + max-width: 100%; + margin-bottom: 1rem; + background-color: transparent; +} + +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid rgba(0, 0, 0, 0.06); +} + +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid rgba(0, 0, 0, 0.06); +} + +.table tbody+tbody { + border-top: 2px solid rgba(0, 0, 0, 0.06); +} + +.table .table { + background-color: #fafafa; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid rgba(0, 0, 0, 0.06); +} + +.table-bordered th, +.table-bordered td { + border: 1px solid rgba(0, 0, 0, 0.06); +} + +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(0, 0, 0, 0.05); +} + +.table-hover tbody tr:hover { + background-color: rgba(0, 0, 0, 0.075); +} + +.table-primary, +.table-primary>th, +.table-primary>td { + background-color: #e3c3e9; +} + +.table-hover .table-primary:hover { + background-color: #dab0e2; +} + +.table-hover .table-primary:hover>td, +.table-hover .table-primary:hover>th { + background-color: #dab0e2; +} + +.table-secondary, +.table-secondary>th, +.table-secondary>td { + background-color: #d6d8db; +} + +.table-hover .table-secondary:hover { + background-color: #c8cbcf; +} + +.table-hover .table-secondary:hover>td, +.table-hover .table-secondary:hover>th { + background-color: #c8cbcf; +} + +.table-success, +.table-success>th, +.table-success>td { + background-color: #cde9ce; +} + +.table-hover .table-success:hover { + background-color: #bbe1bd; +} + +.table-hover .table-success:hover>td, +.table-hover .table-success:hover>th { + background-color: #bbe1bd; +} + +.table-info, +.table-info>th, +.table-info>td { + background-color: #b8ecf3; +} + +.table-hover .table-info:hover { + background-color: #a2e6ef; +} + +.table-hover .table-info:hover>td, +.table-hover .table-info:hover>th { + background-color: #a2e6ef; +} + +.table-warning, +.table-warning>th, +.table-warning>td { + background-color: #ffe2b8; +} + +.table-hover .table-warning:hover { + background-color: #ffd89f; +} + +.table-hover .table-warning:hover>td, +.table-hover .table-warning:hover>th { + background-color: #ffd89f; +} + +.table-danger, +.table-danger>th, +.table-danger>td { + background-color: #fccac7; +} + +.table-hover .table-danger:hover { + background-color: #fbb3af; +} + +.table-hover .table-danger:hover>td, +.table-hover .table-danger:hover>th { + background-color: #fbb3af; +} + +.table-light, +.table-light>th, +.table-light>td { + background-color: #fdfdfe; +} + +.table-hover .table-light:hover { + background-color: #ececf6; +} + +.table-hover .table-light:hover>td, +.table-hover .table-light:hover>th { + background-color: #ececf6; +} + +.table-dark, +.table-dark>th, +.table-dark>td { + background-color: #c6c8ca; +} + +.table-hover .table-dark:hover { + background-color: #b9bbbe; +} + +.table-hover .table-dark:hover>td, +.table-hover .table-dark:hover>th { + background-color: #b9bbbe; +} + +.table-active, +.table-active>th, +.table-active>td { + background-color: rgba(0, 0, 0, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(0, 0, 0, 0.075); +} + +.table-hover .table-active:hover>td, +.table-hover .table-active:hover>th { + background-color: rgba(0, 0, 0, 0.075); +} + +.table .thead-dark th { + color: #fafafa; + background-color: #212529; + border-color: #32383e; +} + +.table .thead-light th { + color: #495057; + background-color: #e9ecef; + border-color: rgba(0, 0, 0, 0.06); +} + +.table-dark { + color: #fafafa; + background-color: #212529; +} + +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #32383e; +} + +.table-dark.table-bordered { + border: 0; +} + +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} + +.table-dark.table-hover tbody tr:hover { + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + + .table-responsive-sm>.table-bordered { + border: 0; + } +} + +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + + .table-responsive-md>.table-bordered { + border: 0; + } +} + +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + + .table-responsive-lg>.table-bordered { + border: 0; + } +} + +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + + .table-responsive-xl>.table-bordered { + border: 0; + } +} + +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.table-responsive>.table-bordered { + border: 0; +} + +.form-control { + display: block; + width: 100%; + padding: 0.4375rem 0; + font-size: 1rem; + line-height: 1.5; + color: #495057; + background-color: rgba(0, 0, 0, 0); + background-clip: padding-box; + border: 1px solid #d2d2d2; + border-radius: 0; + box-shadow: none; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} + +.form-control:focus { + color: #495057; + background-color: rgba(0, 0, 0, 0); + border-color: #d176e1; + outline: 0; + box-shadow: none, 0 0 0 0.2rem rgba(156, 39, 176, 0.25); +} + +.form-control::placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control:disabled, +.form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +select.form-control:not([size]):not([multiple]) { + height: calc(2.4375rem + 2px); +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: rgba(0, 0, 0, 0); +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.col-form-label { + padding-top: calc(0.4375rem + 1px); + padding-bottom: calc(0.4375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; +} + +.col-form-label-lg { + padding-top: calc(0.5625rem + 1px); + padding-bottom: calc(0.5625rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding-top: 0.4375rem; + padding-bottom: 0.4375rem; + margin-bottom: 0; + line-height: 1.5; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} + +.form-control-plaintext.form-control-sm, +.input-group-sm>.form-control-plaintext.form-control, +.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text, +.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text, +.input-group-sm>.input-group-prepend>.form-control-plaintext.btn, +.input-group-sm>.input-group-append>.form-control-plaintext.btn, +.form-control-plaintext.form-control-lg, +.input-group-lg>.form-control-plaintext.form-control, +.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text, +.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text, +.input-group-lg>.input-group-prepend>.form-control-plaintext.btn, +.input-group-lg>.input-group-append>.form-control-plaintext.btn { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm, +.input-group-sm>.form-control, +.input-group-sm>.input-group-prepend>.input-group-text, +.input-group-sm>.input-group-append>.input-group-text, +.input-group-sm>.input-group-prepend>.btn, +.input-group-sm>.input-group-append>.btn { + padding: 0.25rem 0; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +select.form-control-sm:not([size]):not([multiple]), +.input-group-sm>select.form-control:not([size]):not([multiple]), +.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]), +.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]), +.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]), +.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]) { + height: calc(2.125rem + 2px); +} + +.form-control-lg, +.input-group-lg>.form-control, +.input-group-lg>.input-group-prepend>.input-group-text, +.input-group-lg>.input-group-append>.input-group-text, +.input-group-lg>.input-group-prepend>.btn, +.input-group-lg>.input-group-append>.btn { + padding: 0.5625rem 0; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +select.form-control-lg:not([size]):not([multiple]), +.input-group-lg>select.form-control:not([size]):not([multiple]), +.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]), +.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]), +.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]), +.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]) { + height: calc(4.125rem + 2px); +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} + +.form-row>.col, +.form-row>[class*="col-"] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} + +.form-check-input:disabled~.form-check-label { + color: #6c757d; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} + +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #4caf50; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(76, 175, 80, 0.8); + border-radius: .2rem; +} + +.was-validated .form-control:valid, +.form-control.is-valid, +.was-validated .custom-select:valid, +.custom-select.is-valid { + border-color: #4caf50; +} + +.was-validated .form-control:valid:focus, +.form-control.is-valid:focus, +.was-validated .custom-select:valid:focus, +.custom-select.is-valid:focus { + border-color: #4caf50; + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); +} + +.was-validated .form-control:valid~.valid-feedback, +.was-validated .form-control:valid~.valid-tooltip, +.form-control.is-valid~.valid-feedback, +.form-control.is-valid~.valid-tooltip, +.was-validated .custom-select:valid~.valid-feedback, +.was-validated .custom-select:valid~.valid-tooltip, +.custom-select.is-valid~.valid-feedback, +.custom-select.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .form-check-input:valid~.form-check-label, +.form-check-input.is-valid~.form-check-label { + color: #4caf50; +} + +.was-validated .form-check-input:valid~.valid-feedback, +.was-validated .form-check-input:valid~.valid-tooltip, +.form-check-input.is-valid~.valid-feedback, +.form-check-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid~.custom-control-label, +.custom-control-input.is-valid~.custom-control-label { + color: #4caf50; +} + +.was-validated .custom-control-input:valid~.custom-control-label::before, +.custom-control-input.is-valid~.custom-control-label::before { + background-color: #a3d7a5; +} + +.was-validated .custom-control-input:valid~.valid-feedback, +.was-validated .custom-control-input:valid~.valid-tooltip, +.custom-control-input.is-valid~.valid-feedback, +.custom-control-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid:checked~.custom-control-label::before, +.custom-control-input.is-valid:checked~.custom-control-label::before { + background-color: #6ec071; +} + +.was-validated .custom-control-input:valid:focus~.custom-control-label::before, +.custom-control-input.is-valid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(76, 175, 80, 0.25); +} + +.was-validated .custom-file-input:valid~.custom-file-label, +.custom-file-input.is-valid~.custom-file-label { + border-color: #4caf50; +} + +.was-validated .custom-file-input:valid~.custom-file-label::before, +.custom-file-input.is-valid~.custom-file-label::before { + border-color: inherit; +} + +.was-validated .custom-file-input:valid~.valid-feedback, +.was-validated .custom-file-input:valid~.valid-tooltip, +.custom-file-input.is-valid~.valid-feedback, +.custom-file-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .custom-file-input:valid:focus~.custom-file-label, +.custom-file-input.is-valid:focus~.custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #f44336; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(244, 67, 54, 0.8); + border-radius: .2rem; +} + +.was-validated .form-control:invalid, +.form-control.is-invalid, +.was-validated .custom-select:invalid, +.custom-select.is-invalid { + border-color: #f44336; +} + +.was-validated .form-control:invalid:focus, +.form-control.is-invalid:focus, +.was-validated .custom-select:invalid:focus, +.custom-select.is-invalid:focus { + border-color: #f44336; + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); +} + +.was-validated .form-control:invalid~.invalid-feedback, +.was-validated .form-control:invalid~.invalid-tooltip, +.form-control.is-invalid~.invalid-feedback, +.form-control.is-invalid~.invalid-tooltip, +.was-validated .custom-select:invalid~.invalid-feedback, +.was-validated .custom-select:invalid~.invalid-tooltip, +.custom-select.is-invalid~.invalid-feedback, +.custom-select.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .form-check-input:invalid~.form-check-label, +.form-check-input.is-invalid~.form-check-label { + color: #f44336; +} + +.was-validated .form-check-input:invalid~.invalid-feedback, +.was-validated .form-check-input:invalid~.invalid-tooltip, +.form-check-input.is-invalid~.invalid-feedback, +.form-check-input.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid~.custom-control-label, +.custom-control-input.is-invalid~.custom-control-label { + color: #f44336; +} + +.was-validated .custom-control-input:invalid~.custom-control-label::before, +.custom-control-input.is-invalid~.custom-control-label::before { + background-color: #fbb4af; +} + +.was-validated .custom-control-input:invalid~.invalid-feedback, +.was-validated .custom-control-input:invalid~.invalid-tooltip, +.custom-control-input.is-invalid~.invalid-feedback, +.custom-control-input.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid:checked~.custom-control-label::before, +.custom-control-input.is-invalid:checked~.custom-control-label::before { + background-color: #f77066; +} + +.was-validated .custom-control-input:invalid:focus~.custom-control-label::before, +.custom-control-input.is-invalid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(244, 67, 54, 0.25); +} + +.was-validated .custom-file-input:invalid~.custom-file-label, +.custom-file-input.is-invalid~.custom-file-label { + border-color: #f44336; +} + +.was-validated .custom-file-input:invalid~.custom-file-label::before, +.custom-file-input.is-invalid~.custom-file-label::before { + border-color: inherit; +} + +.was-validated .custom-file-input:invalid~.invalid-feedback, +.was-validated .custom-file-input:invalid~.invalid-tooltip, +.custom-file-input.is-invalid~.invalid-feedback, +.custom-file-input.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .custom-file-input:invalid:focus~.custom-file-label, +.custom-file-input.is-invalid:focus~.custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} + +.form-inline .form-check { + width: 100%; +} + +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + + .form-inline .form-control-plaintext { + display: inline-block; + } + + .form-inline .input-group { + width: auto; + } + + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + + .form-inline .form-check-input { + position: relative; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + text-align: center; + white-space: nowrap; + vertical-align: middle; + user-select: none; + border: 1px solid transparent; + padding: 0.46875rem 1rem; + font-size: 1rem; + line-height: 1.5; + border-radius: 0.25rem; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +.btn:hover, +.btn:focus { + text-decoration: none; +} + +.btn:focus, +.btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(156, 39, 176, 0.25); +} + +.btn.disabled, +.btn:disabled { + opacity: 0.65; + box-shadow: none; +} + +.btn:not(:disabled):not(.disabled) { + cursor: pointer; +} + +.btn:not(:disabled):not(.disabled):active, +.btn:not(:disabled):not(.disabled).active { + background-image: none; + box-shadow: none; +} + +.btn:not(:disabled):not(.disabled):active:focus, +.btn:not(:disabled):not(.disabled).active:focus { + box-shadow: 0 0 0 0.2rem rgba(156, 39, 176, 0.25), none; +} + +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #fff; + background-color: #9c27b0; + border-color: #9c27b0; + box-shadow: none; +} + +.btn-primary:hover { + color: #fff; + background-color: #802091; + border-color: #771e86; +} + +.btn-primary:focus, +.btn-primary.focus { + box-shadow: none, 0 0 0 0.2rem rgba(156, 39, 176, 0.5); +} + +.btn-primary.disabled, +.btn-primary:disabled { + color: #fff; + background-color: #9c27b0; + border-color: #9c27b0; +} + +.btn-primary:not(:disabled):not(.disabled):active, +.btn-primary:not(:disabled):not(.disabled).active, +.show>.btn-primary.dropdown-toggle { + color: #fff; + background-color: #771e86; + border-color: #6e1b7c; +} + +.btn-primary:not(:disabled):not(.disabled):active:focus, +.btn-primary:not(:disabled):not(.disabled).active:focus, +.show>.btn-primary.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(156, 39, 176, 0.5); +} + +.btn-secondary { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; + box-shadow: none; +} + +.btn-secondary:hover { + color: #fff; + background-color: #5a6268; + border-color: #545b62; +} + +.btn-secondary:focus, +.btn-secondary.focus { + box-shadow: none, 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +} + +.btn-secondary.disabled, +.btn-secondary:disabled { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} + +.btn-secondary:not(:disabled):not(.disabled):active, +.btn-secondary:not(:disabled):not(.disabled).active, +.show>.btn-secondary.dropdown-toggle { + color: #fff; + background-color: #545b62; + border-color: #4e555b; +} + +.btn-secondary:not(:disabled):not(.disabled):active:focus, +.btn-secondary:not(:disabled):not(.disabled).active:focus, +.show>.btn-secondary.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +} + +.btn-success { + color: #fff; + background-color: #4caf50; + border-color: #4caf50; + box-shadow: none; +} + +.btn-success:hover { + color: #fff; + background-color: #409444; + border-color: #3d8b40; +} + +.btn-success:focus, +.btn-success.focus { + box-shadow: none, 0 0 0 0.2rem rgba(76, 175, 80, 0.5); +} + +.btn-success.disabled, +.btn-success:disabled { + color: #fff; + background-color: #4caf50; + border-color: #4caf50; +} + +.btn-success:not(:disabled):not(.disabled):active, +.btn-success:not(:disabled):not(.disabled).active, +.show>.btn-success.dropdown-toggle { + color: #fff; + background-color: #3d8b40; + border-color: #39833c; +} + +.btn-success:not(:disabled):not(.disabled):active:focus, +.btn-success:not(:disabled):not(.disabled).active:focus, +.show>.btn-success.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(76, 175, 80, 0.5); +} + +.btn-info { + color: #fff; + background-color: #00bcd4; + border-color: #00bcd4; + box-shadow: none; +} + +.btn-info:hover { + color: #fff; + background-color: #009aae; + border-color: #008fa1; +} + +.btn-info:focus, +.btn-info.focus { + box-shadow: none, 0 0 0 0.2rem rgba(0, 188, 212, 0.5); +} + +.btn-info.disabled, +.btn-info:disabled { + color: #fff; + background-color: #00bcd4; + border-color: #00bcd4; +} + +.btn-info:not(:disabled):not(.disabled):active, +.btn-info:not(:disabled):not(.disabled).active, +.show>.btn-info.dropdown-toggle { + color: #fff; + background-color: #008fa1; + border-color: #008394; +} + +.btn-info:not(:disabled):not(.disabled):active:focus, +.btn-info:not(:disabled):not(.disabled).active:focus, +.show>.btn-info.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(0, 188, 212, 0.5); +} + +.btn-warning { + color: #212529; + background-color: #ff9800; + border-color: #ff9800; + box-shadow: none; +} + +.btn-warning:hover { + color: #fff; + background-color: #d98100; + border-color: #cc7a00; +} + +.btn-warning:focus, +.btn-warning.focus { + box-shadow: none, 0 0 0 0.2rem rgba(255, 152, 0, 0.5); +} + +.btn-warning.disabled, +.btn-warning:disabled { + color: #212529; + background-color: #ff9800; + border-color: #ff9800; +} + +.btn-warning:not(:disabled):not(.disabled):active, +.btn-warning:not(:disabled):not(.disabled).active, +.show>.btn-warning.dropdown-toggle { + color: #fff; + background-color: #cc7a00; + border-color: #bf7200; +} + +.btn-warning:not(:disabled):not(.disabled):active:focus, +.btn-warning:not(:disabled):not(.disabled).active:focus, +.show>.btn-warning.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(255, 152, 0, 0.5); +} + +.btn-danger { + color: #fff; + background-color: #f44336; + border-color: #f44336; + box-shadow: none; +} + +.btn-danger:hover { + color: #fff; + background-color: #f22112; + border-color: #ea1c0d; +} + +.btn-danger:focus, +.btn-danger.focus { + box-shadow: none, 0 0 0 0.2rem rgba(244, 67, 54, 0.5); +} + +.btn-danger.disabled, +.btn-danger:disabled { + color: #fff; + background-color: #f44336; + border-color: #f44336; +} + +.btn-danger:not(:disabled):not(.disabled):active, +.btn-danger:not(:disabled):not(.disabled).active, +.show>.btn-danger.dropdown-toggle { + color: #fff; + background-color: #ea1c0d; + border-color: #de1b0c; +} + +.btn-danger:not(:disabled):not(.disabled):active:focus, +.btn-danger:not(:disabled):not(.disabled).active:focus, +.show>.btn-danger.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(244, 67, 54, 0.5); +} + +.btn-light { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; + box-shadow: none; +} + +.btn-light:hover { + color: #212529; + background-color: #e2e6ea; + border-color: #dae0e5; +} + +.btn-light:focus, +.btn-light.focus { + box-shadow: none, 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} + +.btn-light.disabled, +.btn-light:disabled { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-light:not(:disabled):not(.disabled):active, +.btn-light:not(:disabled):not(.disabled).active, +.show>.btn-light.dropdown-toggle { + color: #212529; + background-color: #dae0e5; + border-color: #d3d9df; +} + +.btn-light:not(:disabled):not(.disabled):active:focus, +.btn-light:not(:disabled):not(.disabled).active:focus, +.show>.btn-light.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} + +.btn-dark { + color: #fff; + background-color: #343a40; + border-color: #343a40; + box-shadow: none; +} + +.btn-dark:hover { + color: #fff; + background-color: #23272b; + border-color: #1d2124; +} + +.btn-dark:focus, +.btn-dark.focus { + box-shadow: none, 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.btn-dark.disabled, +.btn-dark:disabled { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} + +.btn-dark:not(:disabled):not(.disabled):active, +.btn-dark:not(:disabled):not(.disabled).active, +.show>.btn-dark.dropdown-toggle { + color: #fff; + background-color: #1d2124; + border-color: #171a1d; +} + +.btn-dark:not(:disabled):not(.disabled):active:focus, +.btn-dark:not(:disabled):not(.disabled).active:focus, +.show>.btn-dark.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.btn-outline-primary { + color: #9c27b0; + background-color: transparent; + background-image: none; + border-color: #9c27b0; +} + +.btn-outline-primary:hover { + color: #fff; + background-color: #9c27b0; + border-color: #9c27b0; +} + +.btn-outline-primary:focus, +.btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(156, 39, 176, 0.5); +} + +.btn-outline-primary.disabled, +.btn-outline-primary:disabled { + color: #9c27b0; + background-color: transparent; +} + +.btn-outline-primary:not(:disabled):not(.disabled):active, +.btn-outline-primary:not(:disabled):not(.disabled).active, +.show>.btn-outline-primary.dropdown-toggle { + color: #fff; + background-color: #9c27b0; + border-color: #9c27b0; +} + +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, +.btn-outline-primary:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(156, 39, 176, 0.5); +} + +.btn-outline-secondary { + color: #6c757d; + background-color: transparent; + background-image: none; + border-color: #6c757d; +} + +.btn-outline-secondary:hover { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} + +.btn-outline-secondary:focus, +.btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +} + +.btn-outline-secondary.disabled, +.btn-outline-secondary:disabled { + color: #6c757d; + background-color: transparent; +} + +.btn-outline-secondary:not(:disabled):not(.disabled):active, +.btn-outline-secondary:not(:disabled):not(.disabled).active, +.show>.btn-outline-secondary.dropdown-toggle { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} + +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, +.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +} + +.btn-outline-success { + color: #4caf50; + background-color: transparent; + background-image: none; + border-color: #4caf50; +} + +.btn-outline-success:hover { + color: #fff; + background-color: #4caf50; + border-color: #4caf50; +} + +.btn-outline-success:focus, +.btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5); +} + +.btn-outline-success.disabled, +.btn-outline-success:disabled { + color: #4caf50; + background-color: transparent; +} + +.btn-outline-success:not(:disabled):not(.disabled):active, +.btn-outline-success:not(:disabled):not(.disabled).active, +.show>.btn-outline-success.dropdown-toggle { + color: #fff; + background-color: #4caf50; + border-color: #4caf50; +} + +.btn-outline-success:not(:disabled):not(.disabled):active:focus, +.btn-outline-success:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5); +} + +.btn-outline-info { + color: #00bcd4; + background-color: transparent; + background-image: none; + border-color: #00bcd4; +} + +.btn-outline-info:hover { + color: #fff; + background-color: #00bcd4; + border-color: #00bcd4; +} + +.btn-outline-info:focus, +.btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.5); +} + +.btn-outline-info.disabled, +.btn-outline-info:disabled { + color: #00bcd4; + background-color: transparent; +} + +.btn-outline-info:not(:disabled):not(.disabled):active, +.btn-outline-info:not(:disabled):not(.disabled).active, +.show>.btn-outline-info.dropdown-toggle { + color: #fff; + background-color: #00bcd4; + border-color: #00bcd4; +} + +.btn-outline-info:not(:disabled):not(.disabled):active:focus, +.btn-outline-info:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.5); +} + +.btn-outline-warning { + color: #ff9800; + background-color: transparent; + background-image: none; + border-color: #ff9800; +} + +.btn-outline-warning:hover { + color: #212529; + background-color: #ff9800; + border-color: #ff9800; +} + +.btn-outline-warning:focus, +.btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 0.5); +} + +.btn-outline-warning.disabled, +.btn-outline-warning:disabled { + color: #ff9800; + background-color: transparent; +} + +.btn-outline-warning:not(:disabled):not(.disabled):active, +.btn-outline-warning:not(:disabled):not(.disabled).active, +.show>.btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ff9800; + border-color: #ff9800; +} + +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, +.btn-outline-warning:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 0.5); +} + +.btn-outline-danger { + color: #f44336; + background-color: transparent; + background-image: none; + border-color: #f44336; +} + +.btn-outline-danger:hover { + color: #fff; + background-color: #f44336; + border-color: #f44336; +} + +.btn-outline-danger:focus, +.btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.5); +} + +.btn-outline-danger.disabled, +.btn-outline-danger:disabled { + color: #f44336; + background-color: transparent; +} + +.btn-outline-danger:not(:disabled):not(.disabled):active, +.btn-outline-danger:not(:disabled):not(.disabled).active, +.show>.btn-outline-danger.dropdown-toggle { + color: #fff; + background-color: #f44336; + border-color: #f44336; +} + +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, +.btn-outline-danger:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.5); +} + +.btn-outline-light { + color: #f8f9fa; + background-color: transparent; + background-image: none; + border-color: #f8f9fa; +} + +.btn-outline-light:hover { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-outline-light:focus, +.btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} + +.btn-outline-light.disabled, +.btn-outline-light:disabled { + color: #f8f9fa; + background-color: transparent; +} + +.btn-outline-light:not(:disabled):not(.disabled):active, +.btn-outline-light:not(:disabled):not(.disabled).active, +.show>.btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-outline-light:not(:disabled):not(.disabled):active:focus, +.btn-outline-light:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} + +.btn-outline-dark { + color: #343a40; + background-color: transparent; + background-image: none; + border-color: #343a40; +} + +.btn-outline-dark:hover { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} + +.btn-outline-dark:focus, +.btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.btn-outline-dark.disabled, +.btn-outline-dark:disabled { + color: #343a40; + background-color: transparent; +} + +.btn-outline-dark:not(:disabled):not(.disabled):active, +.btn-outline-dark:not(:disabled):not(.disabled).active, +.show>.btn-outline-dark.dropdown-toggle { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} + +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, +.btn-outline-dark:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.btn-link { + font-weight: 400; + color: #9c27b0; + background-color: transparent; +} + +.btn-link:hover { + color: #641971; + text-decoration: underline; + background-color: transparent; + border-color: transparent; +} + +.btn-link:focus, +.btn-link.focus { + text-decoration: underline; + border-color: transparent; + box-shadow: none; +} + +.btn-link:disabled, +.btn-link.disabled { + color: #999; +} + +.btn-lg, +.btn-group-lg>.btn { + padding: 1.125rem 2.25rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, +.btn-group-sm>.btn { + padding: 0.40625rem 1.25rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.1875rem; +} + +.btn-block { + display: block; + width: 100%; +} + +.btn-block+.btn-block { + margin-top: 0.5rem; +} + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} + +.fade { + opacity: 0; + transition: opacity 0.15s linear; +} + +.fade.show { + opacity: 1; +} + +.collapse { + display: none; +} + +.collapse.show { + display: block; +} + +tr.collapse.show { + display: table-row; +} + +tbody.collapse.show { + display: table-row-group; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} + +.dropup, +.dropdown { + position: relative; +} + +.dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} + +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.dropup .dropdown-menu { + margin-top: 0; + margin-bottom: 0.125rem; +} + +.dropup .dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} + +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + margin-top: 0; + margin-left: 0.125rem; +} + +.dropright .dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} + +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + margin-top: 0; + margin-right: 0.125rem; +} + +.dropleft .dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} + +.dropleft .dropdown-toggle::after { + display: none; +} + +.dropleft .dropdown-toggle::before { + display: inline-block; + width: 0; + height: 0; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} + +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #e9ecef; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.625rem 1.25rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} + +.dropdown-item:hover, +.dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #f8f9fa; +} + +.dropdown-item.active, +.dropdown-item:active { + color: #fff; + text-decoration: none; + background-color: #9c27b0; +} + +.dropdown-item.disabled, +.dropdown-item:disabled { + color: #6c757d; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.25rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #6c757d; + white-space: nowrap; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} + +.btn-group>.btn, +.btn-group-vertical>.btn { + position: relative; + flex: 0 1 auto; +} + +.btn-group>.btn:hover, +.btn-group-vertical>.btn:hover { + z-index: 1; +} + +.btn-group>.btn:focus, +.btn-group>.btn:active, +.btn-group>.btn.active, +.btn-group-vertical>.btn:focus, +.btn-group-vertical>.btn:active, +.btn-group-vertical>.btn.active { + z-index: 1; +} + +.btn-group .btn+.btn, +.btn-group .btn+.btn-group, +.btn-group .btn-group+.btn, +.btn-group .btn-group+.btn-group, +.btn-group-vertical .btn+.btn, +.btn-group-vertical .btn+.btn-group, +.btn-group-vertical .btn-group+.btn, +.btn-group-vertical .btn-group+.btn-group { + margin-left: -1px; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} + +.btn-toolbar .input-group { + width: auto; +} + +.btn-group>.btn:first-child { + margin-left: 0; +} + +.btn-group>.btn:not(:last-child):not(.dropdown-toggle), +.btn-group>.btn-group:not(:last-child)>.btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.btn-group>.btn:not(:first-child), +.btn-group>.btn-group:not(:first-child)>.btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.dropdown-toggle-split::after { + margin-left: 0; +} + +.btn-sm+.dropdown-toggle-split, +.btn-group-sm>.btn+.dropdown-toggle-split { + padding-right: 0.9375rem; + padding-left: 0.9375rem; +} + +.btn-lg+.dropdown-toggle-split, +.btn-group-lg>.btn+.dropdown-toggle-split { + padding-right: 1.6875rem; + padding-left: 1.6875rem; +} + +.btn-group.show .dropdown-toggle { + box-shadow: none; +} + +.btn-group.show .dropdown-toggle.btn-link { + box-shadow: none; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} + +.btn-group-vertical .btn, +.btn-group-vertical .btn-group { + width: 100%; +} + +.btn-group-vertical>.btn+.btn, +.btn-group-vertical>.btn+.btn-group, +.btn-group-vertical>.btn-group+.btn, +.btn-group-vertical>.btn-group+.btn-group { + margin-top: -1px; + margin-left: 0; +} + +.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical>.btn-group:not(:last-child)>.btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group-vertical>.btn:not(:first-child), +.btn-group-vertical>.btn-group:not(:first-child)>.btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle>.btn, +.btn-group-toggle>.btn-group>.btn { + margin-bottom: 0; +} + +.btn-group-toggle>.btn input[type="radio"], +.btn-group-toggle>.btn input[type="checkbox"], +.btn-group-toggle>.btn-group>.btn input[type="radio"], +.btn-group-toggle>.btn-group>.btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} + +.input-group>.form-control, +.input-group>.custom-select, +.input-group>.custom-file { + position: relative; + flex: 1 1 auto; + width: 1%; + margin-bottom: 0; +} + +.input-group>.form-control:focus, +.input-group>.custom-select:focus, +.input-group>.custom-file:focus { + z-index: 3; +} + +.input-group>.form-control+.form-control, +.input-group>.form-control+.custom-select, +.input-group>.form-control+.custom-file, +.input-group>.custom-select+.form-control, +.input-group>.custom-select+.custom-select, +.input-group>.custom-select+.custom-file, +.input-group>.custom-file+.form-control, +.input-group>.custom-file+.custom-select, +.input-group>.custom-file+.custom-file { + margin-left: -1px; +} + +.input-group>.form-control:not(:last-child), +.input-group>.custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group>.form-control:not(:first-child), +.input-group>.custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group>.custom-file { + display: flex; + align-items: center; +} + +.input-group>.custom-file:not(:last-child) .custom-file-label, +.input-group>.custom-file:not(:last-child) .custom-file-label::before { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group>.custom-file:not(:first-child) .custom-file-label, +.input-group>.custom-file:not(:first-child) .custom-file-label::before { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} + +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} + +.input-group-prepend .btn+.btn, +.input-group-prepend .btn+.input-group-text, +.input-group-prepend .input-group-text+.input-group-text, +.input-group-prepend .input-group-text+.btn, +.input-group-append .btn+.btn, +.input-group-append .btn+.input-group-text, +.input-group-append .input-group-text+.input-group-text, +.input-group-append .input-group-text+.btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.4375rem 0; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0; +} + +.input-group-text input[type="radio"], +.input-group-text input[type="checkbox"] { + margin-top: 0; +} + +.input-group>.input-group-prepend>.btn, +.input-group>.input-group-prepend>.input-group-text, +.input-group>.input-group-append:not(:last-child)>.btn, +.input-group>.input-group-append:not(:last-child)>.input-group-text, +.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), +.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group>.input-group-append>.btn, +.input-group>.input-group-append>.input-group-text, +.input-group>.input-group-prepend:not(:first-child)>.btn, +.input-group>.input-group-prepend:not(:first-child)>.input-group-text, +.input-group>.input-group-prepend:first-child>.btn:not(:first-child), +.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + z-index: -1; + opacity: 0; +} + +.custom-control-input:checked~.custom-control-label::before { + color: #fff; + background-color: #9c27b0; + box-shadow: none; +} + +.custom-control-input:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(156, 39, 176, 0.25); +} + +.custom-control-input:active~.custom-control-label::before { + color: #fff; + background-color: #dfa0ea; + box-shadow: none; +} + +.custom-control-input:disabled~.custom-control-label { + color: #6c757d; +} + +.custom-control-input:disabled~.custom-control-label::before { + background-color: #e9ecef; +} + +.custom-control-label { + margin-bottom: 0; +} + +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: 0; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + user-select: none; + background-color: #dee2e6; + box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); +} + +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: 0; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background-repeat: no-repeat; + background-position: center center; + background-size: 50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} + +.custom-checkbox .custom-control-input:checked~.custom-control-label::before { + background-color: #9c27b0; +} + +.custom-checkbox .custom-control-input:checked~.custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' 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"); +} + +.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before { + background-color: #9c27b0; + box-shadow: none; +} + +.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); +} + +.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before { + background-color: rgba(156, 39, 176, 0.5); +} + +.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { + background-color: rgba(156, 39, 176, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} + +.custom-radio .custom-control-input:checked~.custom-control-label::before { + background-color: #9c27b0; +} + +.custom-radio .custom-control-input:checked~.custom-control-label::after { + background-image: 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='%23fff'/%3E%3C/svg%3E"); +} + +.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before { + background-color: rgba(156, 39, 176, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(2.4375rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; + background-size: 8px 10px; + border: 1px solid #d2d2d2; + border-radius: 0.25rem; + appearance: none; +} + +.custom-select:focus { + border-color: #d176e1; + outline: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(209, 118, 225, 0.5); +} + +.custom-select:focus::-ms-value { + color: #495057; + background-color: rgba(0, 0, 0, 0); +} + +.custom-select[multiple], +.custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} + +.custom-select:disabled { + color: #6c757d; + background-color: #e9ecef; +} + +.custom-select::-ms-expand { + opacity: 0; +} + +.custom-select-sm { + height: calc(2.125rem + 2px); + padding-top: 0.375rem; + padding-bottom: 0.375rem; + font-size: 75%; +} + +.custom-select-lg { + height: calc(4.125rem + 2px); + padding-top: 0.375rem; + padding-bottom: 0.375rem; + font-size: 125%; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(2.4375rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(2.4375rem + 2px); + margin: 0; + opacity: 0; +} + +.custom-file-input:focus~.custom-file-control { + border-color: #d176e1; + box-shadow: 0 0 0 0.2rem rgba(156, 39, 176, 0.25); +} + +.custom-file-input:focus~.custom-file-control::before { + border-color: #d176e1; +} + +.custom-file-input:lang(en)~.custom-file-label::after { + content: "Browse"; +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(2.4375rem + 2px); + padding: 0.46875rem 1rem; + line-height: 1.3; + color: #495057; + background-color: transparent; + border: 0 solid #d2d2d2; + border-radius: 0; + box-shadow: none; +} + +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(calc(2.4375rem + 2px) - 0 * 2); + padding: 0.46875rem 1rem; + line-height: 1.3; + color: #495057; + content: "Browse"; + background-color: transparent; + border-left: 0 solid #d2d2d2; + border-radius: 0 0 0 0; +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} + +.nav-link:hover, +.nav-link:focus { + text-decoration: none; +} + +.nav-link.disabled { + color: #6c757d; +} + +.nav-tabs { + border-bottom: 1px solid #dee2e6; +} + +.nav-tabs .nav-item { + margin-bottom: -1px; +} + +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.nav-tabs .nav-link:hover, +.nav-tabs .nav-link:focus { + border-color: #e9ecef #e9ecef #dee2e6; +} + +.nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: transparent; + border-color: transparent; +} + +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #fafafa; + border-color: #dee2e6 #dee2e6 #fafafa; +} + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} + +.nav-pills .nav-link.active, +.nav-pills .show>.nav-link { + color: #fff; + background-color: #9c27b0; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content>.tab-pane { + display: none; +} + +.tab-content>.active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} + +.navbar>.container, +.navbar>.container-fluid { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} + +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} + +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} + +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.navbar-toggler:hover, +.navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler:not(:disabled):not(.disabled) { + cursor: pointer; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + + .navbar-expand-sm>.container, + .navbar-expand-sm>.container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-sm .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; + } + + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-sm>.container, + .navbar-expand-sm>.container-fluid { + flex-wrap: nowrap; + } + + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-sm .navbar-toggler { + display: none; + } + + .navbar-expand-sm .dropup .dropdown-menu { + top: auto; + bottom: 100%; + } +} + +@media (max-width: 767.98px) { + + .navbar-expand-md>.container, + .navbar-expand-md>.container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-md .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; + } + + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-md>.container, + .navbar-expand-md>.container-fluid { + flex-wrap: nowrap; + } + + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-md .navbar-toggler { + display: none; + } + + .navbar-expand-md .dropup .dropdown-menu { + top: auto; + bottom: 100%; + } +} + +@media (max-width: 991.98px) { + + .navbar-expand-lg>.container, + .navbar-expand-lg>.container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-lg .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; + } + + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-lg>.container, + .navbar-expand-lg>.container-fluid { + flex-wrap: nowrap; + } + + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-lg .navbar-toggler { + display: none; + } + + .navbar-expand-lg .dropup .dropdown-menu { + top: auto; + bottom: 100%; + } +} + +@media (max-width: 1199.98px) { + + .navbar-expand-xl>.container, + .navbar-expand-xl>.container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-xl .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; + } + + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-xl>.container, + .navbar-expand-xl>.container-fluid { + flex-wrap: nowrap; + } + + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-xl .navbar-toggler { + display: none; + } + + .navbar-expand-xl .dropup .dropdown-menu { + top: auto; + bottom: 100%; + } +} + +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} + +.navbar-expand>.container, +.navbar-expand>.container-fluid { + padding-right: 0; + padding-left: 0; +} + +.navbar-expand .navbar-nav { + flex-direction: row; +} + +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} + +.navbar-expand .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; +} + +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.navbar-expand>.container, +.navbar-expand>.container-fluid { + flex-wrap: nowrap; +} + +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} + +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-expand .dropup .dropdown-menu { + top: auto; + bottom: 100%; +} + +.navbar-light .navbar-brand { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-brand:hover, +.navbar-light .navbar-brand:focus { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-nav .nav-link { + color: rgba(0, 0, 0, 0.5); +} + +.navbar-light .navbar-nav .nav-link:hover, +.navbar-light .navbar-nav .nav-link:focus { + color: rgba(0, 0, 0, 0.7); +} + +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(0, 0, 0, 0.3); +} + +.navbar-light .navbar-nav .show>.nav-link, +.navbar-light .navbar-nav .active>.nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-toggler { + color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.1); +} + +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); +} + +.navbar-light .navbar-text { + color: rgba(0, 0, 0, 0.5); +} + +.navbar-light .navbar-text a { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-text a:hover, +.navbar-light .navbar-text a:focus { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-dark .navbar-brand { + color: #fff; +} + +.navbar-dark .navbar-brand:hover, +.navbar-dark .navbar-brand:focus { + color: #fff; +} + +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} + +.navbar-dark .navbar-nav .nav-link:hover, +.navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} + +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} + +.navbar-dark .navbar-nav .show>.nav-link, +.navbar-dark .navbar-nav .active>.nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #fff; +} + +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} + +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); +} + +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} + +.navbar-dark .navbar-text a { + color: #fff; +} + +.navbar-dark .navbar-text a:hover, +.navbar-dark .navbar-text a:focus { + color: #fff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: border-box; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0.25rem; +} + +.card>hr { + margin-right: 0; + margin-left: 0; +} + +.card>.list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.card>.list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} + +.card-link+.card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: #fff; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} + +.card-header+.list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: #fff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img { + width: 100%; + border-radius: calc(0.25rem - 1px); +} + +.card-img-top { + width: 100%; + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img-bottom { + width: 100%; + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck { + display: flex; + flex-direction: column; +} + +.card-deck .card { + margin-bottom: 15px; +} + +@media (min-width: 576px) { + .card-deck { + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + + .card-deck .card { + display: flex; + flex: 1 0 0%; + flex-direction: column; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group { + display: flex; + flex-direction: column; +} + +.card-group>.card { + margin-bottom: 15px; +} + +@media (min-width: 576px) { + .card-group { + flex-flow: row wrap; + } + + .card-group>.card { + flex: 1 0 0%; + margin-bottom: 0; + } + + .card-group>.card+.card { + margin-left: 0; + border-left: 0; + } + + .card-group>.card:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .card-group>.card:first-child .card-img-top, + .card-group>.card:first-child .card-header { + border-top-right-radius: 0; + } + + .card-group>.card:first-child .card-img-bottom, + .card-group>.card:first-child .card-footer { + border-bottom-right-radius: 0; + } + + .card-group>.card:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .card-group>.card:last-child .card-img-top, + .card-group>.card:last-child .card-header { + border-top-left-radius: 0; + } + + .card-group>.card:last-child .card-img-bottom, + .card-group>.card:last-child .card-footer { + border-bottom-left-radius: 0; + } + + .card-group>.card:only-child { + border-radius: 0.25rem; + } + + .card-group>.card:only-child .card-img-top, + .card-group>.card:only-child .card-header { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + } + + .card-group>.card:only-child .card-img-bottom, + .card-group>.card:only-child .card-footer { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } + + .card-group>.card:not(:first-child):not(:last-child):not(:only-child) { + border-radius: 0; + } + + .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, + .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, + .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header, + .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer { + border-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} + +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + } + + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #e9ecef; + border-radius: 0.25rem; +} + +.breadcrumb-item+.breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + padding-left: 0.5rem; + color: #6c757d; + content: "/"; +} + +.breadcrumb-item+.breadcrumb-item:hover::before { + text-decoration: underline; +} + +.breadcrumb-item+.breadcrumb-item:hover::before { + text-decoration: none; +} + +.breadcrumb-item.active { + color: #6c757d; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: 0; + line-height: 1.25; + color: #9c27b0; + background-color: transparent; + border: 0 solid #dee2e6; +} + +.page-link:hover { + color: #641971; + text-decoration: none; + background-color: #e9ecef; + border-color: #dee2e6; +} + +.page-link:focus { + z-index: 2; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(156, 39, 176, 0.25); +} + +.page-link:not(:disabled):not(.disabled) { + cursor: pointer; +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.page-item.active .page-link { + z-index: 1; + color: #fff; + background-color: #9c27b0; + border-color: #9c27b0; +} + +.page-item.disabled .page-link { + color: #6c757d; + pointer-events: none; + cursor: auto; + background-color: transparent; + border-color: #dee2e6; +} + +.pagination-lg .page-link { + padding: 0.75rem 0; + font-size: 1.25rem; + line-height: 1.5; +} + +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} + +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0; + font-size: 0.875rem; + line-height: 1.5; +} + +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} + +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #e9ecef; + border-radius: 0.3rem; +} + +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 500; +} + +.alert-dismissible { + padding-right: 4rem; +} + +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #51145c; + background-color: #ebd4ef; + border-color: #e3c3e9; +} + +.alert-primary hr { + border-top-color: #dab0e2; +} + +.alert-primary .alert-link { + color: #2c0b32; +} + +.alert-secondary { + color: #383d41; + background-color: #e2e3e5; + border-color: #d6d8db; +} + +.alert-secondary hr { + border-top-color: #c8cbcf; +} + +.alert-secondary .alert-link { + color: #202326; +} + +.alert-success { + color: #285b2a; + background-color: #dbefdc; + border-color: #cde9ce; +} + +.alert-success hr { + border-top-color: #bbe1bd; +} + +.alert-success .alert-link { + color: #18381a; +} + +.alert-info { + color: #00626e; + background-color: #ccf2f6; + border-color: #b8ecf3; +} + +.alert-info hr { + border-top-color: #a2e6ef; +} + +.alert-info .alert-link { + color: #00353b; +} + +.alert-warning { + color: #854f00; + background-color: #ffeacc; + border-color: #ffe2b8; +} + +.alert-warning hr { + border-top-color: #ffd89f; +} + +.alert-warning .alert-link { + color: #523100; +} + +.alert-danger { + color: #7f231c; + background-color: #fdd9d7; + border-color: #fccac7; +} + +.alert-danger hr { + border-top-color: #fbb3af; +} + +.alert-danger .alert-link { + color: #551713; +} + +.alert-light { + color: #818182; + background-color: #fefefe; + border-color: #fdfdfe; +} + +.alert-light hr { + border-top-color: #ececf6; +} + +.alert-light .alert-link { + color: #686868; +} + +.alert-dark { + color: #1b1e21; + background-color: #d6d8d9; + border-color: #c6c8ca; +} + +.alert-dark hr { + border-top-color: #b9bbbe; +} + +.alert-dark .alert-link { + color: #040505; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + + to { + background-position: 0 0; + } +} + +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #e9ecef; + border-radius: 0.25rem; + box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + color: #fff; + text-align: center; + background-color: #9c27b0; + transition: width 0.6s ease; +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} + +.list-group-item-action:hover, +.list-group-item-action:focus { + color: #495057; + text-decoration: none; + background-color: #f8f9fa; +} + +.list-group-item-action:active { + color: #212529; + background-color: #e9ecef; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: inherit; + border: 0 solid rgba(0, 0, 0, 0.125); +} + +.list-group-item:first-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.list-group-item:hover, +.list-group-item:focus { + z-index: 1; + text-decoration: none; +} + +.list-group-item.disabled, +.list-group-item:disabled { + color: #6c757d; + background-color: inherit; +} + +.list-group-item.active { + z-index: 2; + color: #fff; + background-color: #9c27b0; + border-color: #9c27b0; +} + +.list-group-flush .list-group-item { + border-right: 0; + border-left: 0; + border-radius: 0; +} + +.list-group-flush:first-child .list-group-item:first-child { + border-top: 0; +} + +.list-group-flush:last-child .list-group-item:last-child { + border-bottom: 0; +} + +.list-group-item-primary { + color: #51145c; + background-color: #e3c3e9; +} + +.list-group-item-primary.list-group-item-action:hover, +.list-group-item-primary.list-group-item-action:focus { + color: #51145c; + background-color: #dab0e2; +} + +.list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #51145c; + border-color: #51145c; +} + +.list-group-item-secondary { + color: #383d41; + background-color: #d6d8db; +} + +.list-group-item-secondary.list-group-item-action:hover, +.list-group-item-secondary.list-group-item-action:focus { + color: #383d41; + background-color: #c8cbcf; +} + +.list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #383d41; + border-color: #383d41; +} + +.list-group-item-success { + color: #285b2a; + background-color: #cde9ce; +} + +.list-group-item-success.list-group-item-action:hover, +.list-group-item-success.list-group-item-action:focus { + color: #285b2a; + background-color: #bbe1bd; +} + +.list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #285b2a; + border-color: #285b2a; +} + +.list-group-item-info { + color: #00626e; + background-color: #b8ecf3; +} + +.list-group-item-info.list-group-item-action:hover, +.list-group-item-info.list-group-item-action:focus { + color: #00626e; + background-color: #a2e6ef; +} + +.list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #00626e; + border-color: #00626e; +} + +.list-group-item-warning { + color: #854f00; + background-color: #ffe2b8; +} + +.list-group-item-warning.list-group-item-action:hover, +.list-group-item-warning.list-group-item-action:focus { + color: #854f00; + background-color: #ffd89f; +} + +.list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #854f00; + border-color: #854f00; +} + +.list-group-item-danger { + color: #7f231c; + background-color: #fccac7; +} + +.list-group-item-danger.list-group-item-action:hover, +.list-group-item-danger.list-group-item-action:focus { + color: #7f231c; + background-color: #fbb3af; +} + +.list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #7f231c; + border-color: #7f231c; +} + +.list-group-item-light { + color: #818182; + background-color: #fdfdfe; +} + +.list-group-item-light.list-group-item-action:hover, +.list-group-item-light.list-group-item-action:focus { + color: #818182; + background-color: #ececf6; +} + +.list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #818182; + border-color: #818182; +} + +.list-group-item-dark { + color: #1b1e21; + background-color: #c6c8ca; +} + +.list-group-item-dark.list-group-item-action:hover, +.list-group-item-dark.list-group-item-action:focus { + color: #1b1e21; + background-color: #b9bbbe; +} + +.list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #1b1e21; + border-color: #1b1e21; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 500; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: .5; +} + +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + opacity: .75; +} + +.close:not(:disabled):not(.disabled) { + cursor: pointer; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + -webkit-appearance: none; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 500; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25rem; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #fff; + background-color: #9c27b0; +} + +.badge-primary[href]:hover, +.badge-primary[href]:focus { + color: #fff; + text-decoration: none; + background-color: #771e86; +} + +.badge-secondary { + color: #fff; + background-color: #6c757d; +} + +.badge-secondary[href]:hover, +.badge-secondary[href]:focus { + color: #fff; + text-decoration: none; + background-color: #545b62; +} + +.badge-success { + color: #fff; + background-color: #4caf50; +} + +.badge-success[href]:hover, +.badge-success[href]:focus { + color: #fff; + text-decoration: none; + background-color: #3d8b40; +} + +.badge-info { + color: #fff; + background-color: #00bcd4; +} + +.badge-info[href]:hover, +.badge-info[href]:focus { + color: #fff; + text-decoration: none; + background-color: #008fa1; +} + +.badge-warning { + color: #212529; + background-color: #ff9800; +} + +.badge-warning[href]:hover, +.badge-warning[href]:focus { + color: #212529; + text-decoration: none; + background-color: #cc7a00; +} + +.badge-danger { + color: #fff; + background-color: #f44336; +} + +.badge-danger[href]:hover, +.badge-danger[href]:focus { + color: #fff; + text-decoration: none; + background-color: #ea1c0d; +} + +.badge-light { + color: #212529; + background-color: #f8f9fa; +} + +.badge-light[href]:hover, +.badge-light[href]:focus { + color: #212529; + text-decoration: none; + background-color: #dae0e5; +} + +.badge-dark { + color: #fff; + background-color: #343a40; +} + +.badge-dark[href]:hover, +.badge-dark[href]:focus { + color: #fff; + text-decoration: none; + background-color: #1d2124; +} + +.modal-open { + overflow: hidden; +} + +.modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + display: none; + overflow: hidden; + outline: 0; +} + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} + +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -25%); +} + +.modal.show .modal-dialog { + transform: translate(0, 0); +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - (0.5rem * 2)); +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; + box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5); + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000; +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop.show { + opacity: 0.26; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem; + border-bottom: 1px solid #e9ecef; + border-top-left-radius: 0.3rem; + border-top-right-radius: 0.3rem; +} + +.modal-header .close { + padding: 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + align-items: center; + justify-content: flex-end; + padding: 1rem; + border-top: 1px solid #e9ecef; +} + +.modal-footer> :not(:first-child) { + margin-left: .25rem; +} + +.modal-footer> :not(:last-child) { + margin-right: .25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-centered { + min-height: calc(100% - (1.75rem * 2)); + } + + .modal-content { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5); + } + + .modal-sm { + max-width: 300px; + } +} + +@media (min-width: 992px) { + .modal-lg { + max-width: 800px; + } +} + +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} + +.tooltip.show { + opacity: 0.9; +} + +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} + +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, +.bs-tooltip-auto[x-placement^="top"] { + padding: 0.4rem 0; +} + +.bs-tooltip-top .arrow, +.bs-tooltip-auto[x-placement^="top"] .arrow { + bottom: 0; +} + +.bs-tooltip-top .arrow::before, +.bs-tooltip-auto[x-placement^="top"] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: rgba(97, 97, 97, 0.9); +} + +.bs-tooltip-right, +.bs-tooltip-auto[x-placement^="right"] { + padding: 0 0.4rem; +} + +.bs-tooltip-right .arrow, +.bs-tooltip-auto[x-placement^="right"] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-right .arrow::before, +.bs-tooltip-auto[x-placement^="right"] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: rgba(97, 97, 97, 0.9); +} + +.bs-tooltip-bottom, +.bs-tooltip-auto[x-placement^="bottom"] { + padding: 0.4rem 0; +} + +.bs-tooltip-bottom .arrow, +.bs-tooltip-auto[x-placement^="bottom"] .arrow { + top: 0; +} + +.bs-tooltip-bottom .arrow::before, +.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +.bs-tooltip-left, +.bs-tooltip-auto[x-placement^="left"] { + padding: 0 0.4rem; +} + +.bs-tooltip-left .arrow, +.bs-tooltip-auto[x-placement^="left"] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-left .arrow::before, +.bs-tooltip-auto[x-placement^="left"] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: rgba(97, 97, 97, 0.9); +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #fff; + text-align: center; + background-color: rgba(97, 97, 97, 0.9); + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; + box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2); +} + +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} + +.popover .arrow::before, +.popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, +.bs-popover-auto[x-placement^="top"] { + margin-bottom: 0.5rem; +} + +.bs-popover-top .arrow, +.bs-popover-auto[x-placement^="top"] .arrow { + bottom: calc((0.5rem + 1px) * -1); +} + +.bs-popover-top .arrow::before, +.bs-popover-auto[x-placement^="top"] .arrow::before, +.bs-popover-top .arrow::after, +.bs-popover-auto[x-placement^="top"] .arrow::after { + border-width: 0.5rem 0.5rem 0; +} + +.bs-popover-top .arrow::before, +.bs-popover-auto[x-placement^="top"] .arrow::before { + bottom: 0; + border-top-color: rgba(0, 0, 0, 0.25); +} + + +.bs-popover-top .arrow::after, +.bs-popover-auto[x-placement^="top"] .arrow::after { + bottom: 1px; + border-top-color: #fff; +} + +.bs-popover-right, +.bs-popover-auto[x-placement^="right"] { + margin-left: 0.5rem; +} + +.bs-popover-right .arrow, +.bs-popover-auto[x-placement^="right"] .arrow { + left: calc((0.5rem + 1px) * -1); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} + +.bs-popover-right .arrow::before, +.bs-popover-auto[x-placement^="right"] .arrow::before, +.bs-popover-right .arrow::after, +.bs-popover-auto[x-placement^="right"] .arrow::after { + border-width: 0.5rem 0.5rem 0.5rem 0; +} + +.bs-popover-right .arrow::before, +.bs-popover-auto[x-placement^="right"] .arrow::before { + left: 0; + border-right-color: rgba(0, 0, 0, 0.25); +} + + +.bs-popover-right .arrow::after, +.bs-popover-auto[x-placement^="right"] .arrow::after { + left: 1px; + border-right-color: #fff; +} + +.bs-popover-bottom, +.bs-popover-auto[x-placement^="bottom"] { + margin-top: 0.5rem; +} + +.bs-popover-bottom .arrow, +.bs-popover-auto[x-placement^="bottom"] .arrow { + top: calc((0.5rem + 1px) * -1); +} + +.bs-popover-bottom .arrow::before, +.bs-popover-auto[x-placement^="bottom"] .arrow::before, +.bs-popover-bottom .arrow::after, +.bs-popover-auto[x-placement^="bottom"] .arrow::after { + border-width: 0 0.5rem 0.5rem 0.5rem; +} + +.bs-popover-bottom .arrow::before, +.bs-popover-auto[x-placement^="bottom"] .arrow::before { + top: 0; + border-bottom-color: rgba(0, 0, 0, 0.25); +} + + +.bs-popover-bottom .arrow::after, +.bs-popover-auto[x-placement^="bottom"] .arrow::after { + top: 1px; + border-bottom-color: #fff; +} + +.bs-popover-bottom .popover-header::before, +.bs-popover-auto[x-placement^="bottom"] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, +.bs-popover-auto[x-placement^="left"] { + margin-right: 0.5rem; +} + +.bs-popover-left .arrow, +.bs-popover-auto[x-placement^="left"] .arrow { + right: calc((0.5rem + 1px) * -1); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} + +.bs-popover-left .arrow::before, +.bs-popover-auto[x-placement^="left"] .arrow::before, +.bs-popover-left .arrow::after, +.bs-popover-auto[x-placement^="left"] .arrow::after { + border-width: 0.5rem 0 0.5rem 0.5rem; +} + +.bs-popover-left .arrow::before, +.bs-popover-auto[x-placement^="left"] .arrow::before { + right: 0; + border-left-color: rgba(0, 0, 0, 0.25); +} + + +.bs-popover-left .arrow::after, +.bs-popover-auto[x-placement^="left"] .arrow::after { + right: 1px; + border-left-color: #fff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + color: inherit; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} + +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} + +.carousel-item { + position: relative; + display: none; + align-items: center; + width: 100%; + transition: transform 0.6s ease; + backface-visibility: hidden; + perspective: 1000px; +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next, +.carousel-item-prev { + position: absolute; + top: 0; +} + +.carousel-item-next.carousel-item-left, +.carousel-item-prev.carousel-item-right { + transform: translateX(0); +} + +@supports (transform-style: preserve-3d) { + + .carousel-item-next.carousel-item-left, + .carousel-item-prev.carousel-item-right { + transform: translate3d(0, 0, 0); + } +} + +.carousel-item-next, +.active.carousel-item-right { + transform: translateX(100%); +} + +@supports (transform-style: preserve-3d) { + + .carousel-item-next, + .active.carousel-item-right { + transform: translate3d(100%, 0, 0); + } +} + +.carousel-item-prev, +.active.carousel-item-left { + transform: translateX(-100%); +} + +@supports (transform-style: preserve-3d) { + + .carousel-item-prev, + .active.carousel-item-left { + transform: translate3d(-100%, 0, 0); + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #fff; + text-align: center; + opacity: 0.5; +} + +.carousel-control-prev:hover, +.carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #fff; + text-decoration: none; + outline: 0; + opacity: .9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: transparent no-repeat center center; + background-size: 100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' 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"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' 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"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 10px; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} + +.carousel-indicators li { + position: relative; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + background-color: rgba(255, 255, 255, 0.5); +} + +.carousel-indicators li::before { + position: absolute; + top: -10px; + left: 0; + display: inline-block; + width: 100%; + height: 10px; + content: ""; +} + +.carousel-indicators li::after { + position: absolute; + bottom: -10px; + left: 0; + display: inline-block; + width: 100%; + height: 10px; + content: ""; +} + +.carousel-indicators .active { + background-color: #fff; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #9c27b0 !important; +} + +a.bg-primary:hover, +a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #771e86 !important; +} + +.bg-secondary { + background-color: #6c757d !important; +} + +a.bg-secondary:hover, +a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #545b62 !important; +} + +.bg-success { + background-color: #4caf50 !important; +} + +a.bg-success:hover, +a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #3d8b40 !important; +} + +.bg-info { + background-color: #00bcd4 !important; +} + +a.bg-info:hover, +a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #008fa1 !important; +} + +.bg-warning { + background-color: #ff9800 !important; +} + +a.bg-warning:hover, +a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #cc7a00 !important; +} + +.bg-danger { + background-color: #f44336 !important; +} + +a.bg-danger:hover, +a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #ea1c0d !important; +} + +.bg-light { + background-color: #f8f9fa !important; +} + +a.bg-light:hover, +a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #dae0e5 !important; +} + +.bg-dark { + background-color: #343a40 !important; +} + +a.bg-dark:hover, +a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1d2124 !important; +} + +.bg-white { + background-color: #fff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #dee2e6 !important; +} + +.border-top { + border-top: 1px solid #dee2e6 !important; +} + +.border-right { + border-right: 1px solid #dee2e6 !important; +} + +.border-bottom { + border-bottom: 1px solid #dee2e6 !important; +} + +.border-left { + border-left: 1px solid #dee2e6 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #9c27b0 !important; +} + +.border-secondary { + border-color: #6c757d !important; +} + +.border-success { + border-color: #4caf50 !important; +} + +.border-info { + border-color: #00bcd4 !important; +} + +.border-warning { + border-color: #ff9800 !important; +} + +.border-danger { + border-color: #f44336 !important; +} + +.border-light { + border-color: #f8f9fa !important; +} + +.border-dark { + border-color: #343a40 !important; +} + +.border-white { + border-color: #fff !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } +} + +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } +} + +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} + +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } +} + +@media print { + .d-print-none { + display: none !important; + } + + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } +} + +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} + +.embed-responsive::before { + display: block; + content: ""; +} + +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.857143%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } +} + +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + + .float-sm-right { + float: right !important; + } + + .float-sm-none { + float: none !important; + } +} + +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + + .float-md-right { + float: right !important; + } + + .float-md-none { + float: none !important; + } +} + +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + + .float-lg-right { + float: right !important; + } + + .float-lg-none { + float: none !important; + } +} + +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only, +.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="today"]::after, +.bootstrap-datetimepicker-widget .picker-switch::after, +.bootstrap-datetimepicker-widget table th.prev::after, +.bootstrap-datetimepicker-widget table th.next::after { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + clip-path: inset(50%); + border: 0; +} + +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; + clip-path: none; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + + .mt-sm-0, + .my-sm-0 { + margin-top: 0 !important; + } + + .mr-sm-0, + .mx-sm-0 { + margin-right: 0 !important; + } + + .mb-sm-0, + .my-sm-0 { + margin-bottom: 0 !important; + } + + .ml-sm-0, + .mx-sm-0 { + margin-left: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .mt-sm-1, + .my-sm-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-1, + .mx-sm-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-1, + .my-sm-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-1, + .mx-sm-1 { + margin-left: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .mt-sm-2, + .my-sm-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-2, + .mx-sm-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-2, + .my-sm-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-2, + .mx-sm-2 { + margin-left: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .mt-sm-3, + .my-sm-3 { + margin-top: 1rem !important; + } + + .mr-sm-3, + .mx-sm-3 { + margin-right: 1rem !important; + } + + .mb-sm-3, + .my-sm-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-3, + .mx-sm-3 { + margin-left: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .mt-sm-4, + .my-sm-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-4, + .mx-sm-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-4, + .my-sm-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-4, + .mx-sm-4 { + margin-left: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .mt-sm-5, + .my-sm-5 { + margin-top: 3rem !important; + } + + .mr-sm-5, + .mx-sm-5 { + margin-right: 3rem !important; + } + + .mb-sm-5, + .my-sm-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-5, + .mx-sm-5 { + margin-left: 3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .pt-sm-0, + .py-sm-0 { + padding-top: 0 !important; + } + + .pr-sm-0, + .px-sm-0 { + padding-right: 0 !important; + } + + .pb-sm-0, + .py-sm-0 { + padding-bottom: 0 !important; + } + + .pl-sm-0, + .px-sm-0 { + padding-left: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .pt-sm-1, + .py-sm-1 { + padding-top: 0.25rem !important; + } + + .pr-sm-1, + .px-sm-1 { + padding-right: 0.25rem !important; + } + + .pb-sm-1, + .py-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pl-sm-1, + .px-sm-1 { + padding-left: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .pt-sm-2, + .py-sm-2 { + padding-top: 0.5rem !important; + } + + .pr-sm-2, + .px-sm-2 { + padding-right: 0.5rem !important; + } + + .pb-sm-2, + .py-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pl-sm-2, + .px-sm-2 { + padding-left: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .pt-sm-3, + .py-sm-3 { + padding-top: 1rem !important; + } + + .pr-sm-3, + .px-sm-3 { + padding-right: 1rem !important; + } + + .pb-sm-3, + .py-sm-3 { + padding-bottom: 1rem !important; + } + + .pl-sm-3, + .px-sm-3 { + padding-left: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .pt-sm-4, + .py-sm-4 { + padding-top: 1.5rem !important; + } + + .pr-sm-4, + .px-sm-4 { + padding-right: 1.5rem !important; + } + + .pb-sm-4, + .py-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pl-sm-4, + .px-sm-4 { + padding-left: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .pt-sm-5, + .py-sm-5 { + padding-top: 3rem !important; + } + + .pr-sm-5, + .px-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-5, + .py-sm-5 { + padding-bottom: 3rem !important; + } + + .pl-sm-5, + .px-sm-5 { + padding-left: 3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mt-sm-auto, + .my-sm-auto { + margin-top: auto !important; + } + + .mr-sm-auto, + .mx-sm-auto { + margin-right: auto !important; + } + + .mb-sm-auto, + .my-sm-auto { + margin-bottom: auto !important; + } + + .ml-sm-auto, + .mx-sm-auto { + margin-left: auto !important; + } +} + +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + + .mt-md-0, + .my-md-0 { + margin-top: 0 !important; + } + + .mr-md-0, + .mx-md-0 { + margin-right: 0 !important; + } + + .mb-md-0, + .my-md-0 { + margin-bottom: 0 !important; + } + + .ml-md-0, + .mx-md-0 { + margin-left: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .mt-md-1, + .my-md-1 { + margin-top: 0.25rem !important; + } + + .mr-md-1, + .mx-md-1 { + margin-right: 0.25rem !important; + } + + .mb-md-1, + .my-md-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-1, + .mx-md-1 { + margin-left: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .mt-md-2, + .my-md-2 { + margin-top: 0.5rem !important; + } + + .mr-md-2, + .mx-md-2 { + margin-right: 0.5rem !important; + } + + .mb-md-2, + .my-md-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-2, + .mx-md-2 { + margin-left: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .mt-md-3, + .my-md-3 { + margin-top: 1rem !important; + } + + .mr-md-3, + .mx-md-3 { + margin-right: 1rem !important; + } + + .mb-md-3, + .my-md-3 { + margin-bottom: 1rem !important; + } + + .ml-md-3, + .mx-md-3 { + margin-left: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .mt-md-4, + .my-md-4 { + margin-top: 1.5rem !important; + } + + .mr-md-4, + .mx-md-4 { + margin-right: 1.5rem !important; + } + + .mb-md-4, + .my-md-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-4, + .mx-md-4 { + margin-left: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .mt-md-5, + .my-md-5 { + margin-top: 3rem !important; + } + + .mr-md-5, + .mx-md-5 { + margin-right: 3rem !important; + } + + .mb-md-5, + .my-md-5 { + margin-bottom: 3rem !important; + } + + .ml-md-5, + .mx-md-5 { + margin-left: 3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .pt-md-0, + .py-md-0 { + padding-top: 0 !important; + } + + .pr-md-0, + .px-md-0 { + padding-right: 0 !important; + } + + .pb-md-0, + .py-md-0 { + padding-bottom: 0 !important; + } + + .pl-md-0, + .px-md-0 { + padding-left: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .pt-md-1, + .py-md-1 { + padding-top: 0.25rem !important; + } + + .pr-md-1, + .px-md-1 { + padding-right: 0.25rem !important; + } + + .pb-md-1, + .py-md-1 { + padding-bottom: 0.25rem !important; + } + + .pl-md-1, + .px-md-1 { + padding-left: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .pt-md-2, + .py-md-2 { + padding-top: 0.5rem !important; + } + + .pr-md-2, + .px-md-2 { + padding-right: 0.5rem !important; + } + + .pb-md-2, + .py-md-2 { + padding-bottom: 0.5rem !important; + } + + .pl-md-2, + .px-md-2 { + padding-left: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .pt-md-3, + .py-md-3 { + padding-top: 1rem !important; + } + + .pr-md-3, + .px-md-3 { + padding-right: 1rem !important; + } + + .pb-md-3, + .py-md-3 { + padding-bottom: 1rem !important; + } + + .pl-md-3, + .px-md-3 { + padding-left: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .pt-md-4, + .py-md-4 { + padding-top: 1.5rem !important; + } + + .pr-md-4, + .px-md-4 { + padding-right: 1.5rem !important; + } + + .pb-md-4, + .py-md-4 { + padding-bottom: 1.5rem !important; + } + + .pl-md-4, + .px-md-4 { + padding-left: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .pt-md-5, + .py-md-5 { + padding-top: 3rem !important; + } + + .pr-md-5, + .px-md-5 { + padding-right: 3rem !important; + } + + .pb-md-5, + .py-md-5 { + padding-bottom: 3rem !important; + } + + .pl-md-5, + .px-md-5 { + padding-left: 3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mt-md-auto, + .my-md-auto { + margin-top: auto !important; + } + + .mr-md-auto, + .mx-md-auto { + margin-right: auto !important; + } + + .mb-md-auto, + .my-md-auto { + margin-bottom: auto !important; + } + + .ml-md-auto, + .mx-md-auto { + margin-left: auto !important; + } +} + +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + + .mt-lg-0, + .my-lg-0 { + margin-top: 0 !important; + } + + .mr-lg-0, + .mx-lg-0 { + margin-right: 0 !important; + } + + .mb-lg-0, + .my-lg-0 { + margin-bottom: 0 !important; + } + + .ml-lg-0, + .mx-lg-0 { + margin-left: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .mt-lg-1, + .my-lg-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-1, + .mx-lg-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-1, + .my-lg-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-1, + .mx-lg-1 { + margin-left: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .mt-lg-2, + .my-lg-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-2, + .mx-lg-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-2, + .my-lg-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-2, + .mx-lg-2 { + margin-left: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .mt-lg-3, + .my-lg-3 { + margin-top: 1rem !important; + } + + .mr-lg-3, + .mx-lg-3 { + margin-right: 1rem !important; + } + + .mb-lg-3, + .my-lg-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-3, + .mx-lg-3 { + margin-left: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .mt-lg-4, + .my-lg-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-4, + .mx-lg-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-4, + .my-lg-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-4, + .mx-lg-4 { + margin-left: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .mt-lg-5, + .my-lg-5 { + margin-top: 3rem !important; + } + + .mr-lg-5, + .mx-lg-5 { + margin-right: 3rem !important; + } + + .mb-lg-5, + .my-lg-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-5, + .mx-lg-5 { + margin-left: 3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .pt-lg-0, + .py-lg-0 { + padding-top: 0 !important; + } + + .pr-lg-0, + .px-lg-0 { + padding-right: 0 !important; + } + + .pb-lg-0, + .py-lg-0 { + padding-bottom: 0 !important; + } + + .pl-lg-0, + .px-lg-0 { + padding-left: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .pt-lg-1, + .py-lg-1 { + padding-top: 0.25rem !important; + } + + .pr-lg-1, + .px-lg-1 { + padding-right: 0.25rem !important; + } + + .pb-lg-1, + .py-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pl-lg-1, + .px-lg-1 { + padding-left: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .pt-lg-2, + .py-lg-2 { + padding-top: 0.5rem !important; + } + + .pr-lg-2, + .px-lg-2 { + padding-right: 0.5rem !important; + } + + .pb-lg-2, + .py-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pl-lg-2, + .px-lg-2 { + padding-left: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, + .py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, + .px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, + .py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, + .px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, + .py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, + .px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, + .py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, + .px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, + .py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, + .px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, + .py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, + .px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, + .my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, + .mx-lg-auto { + margin-right: auto !important; + } + + .mb-lg-auto, + .my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, + .mx-lg-auto { + margin-left: auto !important; + } +} + +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, + .my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, + .mx-xl-0 { + margin-right: 0 !important; + } + + .mb-xl-0, + .my-xl-0 { + margin-bottom: 0 !important; + } + + .ml-xl-0, + .mx-xl-0 { + margin-left: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .mt-xl-1, + .my-xl-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-1, + .mx-xl-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-1, + .my-xl-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-1, + .mx-xl-1 { + margin-left: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .mt-xl-2, + .my-xl-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-2, + .mx-xl-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-2, + .my-xl-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-2, + .mx-xl-2 { + margin-left: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .mt-xl-3, + .my-xl-3 { + margin-top: 1rem !important; + } + + .mr-xl-3, + .mx-xl-3 { + margin-right: 1rem !important; + } + + .mb-xl-3, + .my-xl-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-3, + .mx-xl-3 { + margin-left: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .mt-xl-4, + .my-xl-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-4, + .mx-xl-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-4, + .my-xl-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-4, + .mx-xl-4 { + margin-left: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .mt-xl-5, + .my-xl-5 { + margin-top: 3rem !important; + } + + .mr-xl-5, + .mx-xl-5 { + margin-right: 3rem !important; + } + + .mb-xl-5, + .my-xl-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-5, + .mx-xl-5 { + margin-left: 3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .pt-xl-0, + .py-xl-0 { + padding-top: 0 !important; + } + + .pr-xl-0, + .px-xl-0 { + padding-right: 0 !important; + } + + .pb-xl-0, + .py-xl-0 { + padding-bottom: 0 !important; + } + + .pl-xl-0, + .px-xl-0 { + padding-left: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .pt-xl-1, + .py-xl-1 { + padding-top: 0.25rem !important; + } + + .pr-xl-1, + .px-xl-1 { + padding-right: 0.25rem !important; + } + + .pb-xl-1, + .py-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pl-xl-1, + .px-xl-1 { + padding-left: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .pt-xl-2, + .py-xl-2 { + padding-top: 0.5rem !important; + } + + .pr-xl-2, + .px-xl-2 { + padding-right: 0.5rem !important; + } + + .pb-xl-2, + .py-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pl-xl-2, + .px-xl-2 { + padding-left: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .pt-xl-3, + .py-xl-3 { + padding-top: 1rem !important; + } + + .pr-xl-3, + .px-xl-3 { + padding-right: 1rem !important; + } + + .pb-xl-3, + .py-xl-3 { + padding-bottom: 1rem !important; + } + + .pl-xl-3, + .px-xl-3 { + padding-left: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .pt-xl-4, + .py-xl-4 { + padding-top: 1.5rem !important; + } + + .pr-xl-4, + .px-xl-4 { + padding-right: 1.5rem !important; + } + + .pb-xl-4, + .py-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pl-xl-4, + .px-xl-4 { + padding-left: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .pt-xl-5, + .py-xl-5 { + padding-top: 3rem !important; + } + + .pr-xl-5, + .px-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-5, + .py-xl-5 { + padding-bottom: 3rem !important; + } + + .pl-xl-5, + .px-xl-5 { + padding-left: 3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mt-xl-auto, + .my-xl-auto { + margin-top: auto !important; + } + + .mr-xl-auto, + .mx-xl-auto { + margin-right: auto !important; + } + + .mb-xl-auto, + .my-xl-auto { + margin-bottom: auto !important; + } + + .ml-xl-auto, + .mx-xl-auto { + margin-left: auto !important; + } +} + +.text-justify { + text-align: justify !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + + .text-sm-right { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} + +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + + .text-md-right { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} + +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + + .text-lg-right { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} + +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + + .text-xl-right { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} + +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 500 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #fff !important; +} + +.text-primary { + color: #9c27b0 !important; +} + +a.text-primary:hover, +a.text-primary:focus { + color: #771e86 !important; +} + +.text-secondary { + color: #6c757d !important; +} + +a.text-secondary:hover, +a.text-secondary:focus { + color: #545b62 !important; +} + +.text-success { + color: #4caf50 !important; +} + +a.text-success:hover, +a.text-success:focus { + color: #3d8b40 !important; +} + +.text-info { + color: #00bcd4 !important; +} + +a.text-info:hover, +a.text-info:focus { + color: #008fa1 !important; +} + +.text-warning { + color: #ff9800 !important; +} + +a.text-warning:hover, +a.text-warning:focus { + color: #cc7a00 !important; +} + +.text-danger { + color: #f44336 !important; +} + +a.text-danger:hover, +a.text-danger:focus { + color: #ea1c0d !important; +} + +.text-light { + color: #f8f9fa !important; +} + +a.text-light:hover, +a.text-light:focus { + color: #dae0e5 !important; +} + +.text-dark { + color: #343a40 !important; +} + +a.text-dark:hover, +a.text-dark:focus { + color: #1d2124 !important; +} + +.text-muted, +.bmd-help { + color: #6c757d !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +body { + background-color: #fff; +} + +a:focus { + outline: none; +} + +button:focus { + outline: none; +} + +.bmd-layout-canvas { + position: absolute; + width: 100%; + height: 100%; +} + +.bmd-layout-container { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + height: 100%; + overflow-x: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} + +.bmd-layout-header { + z-index: 3; + display: flex; + flex-direction: column; + flex-wrap: nowrap; + flex-shrink: 0; + justify-content: flex-start; + width: 100%; + max-height: 1000px; + transform: translateZ(0); + transition-duration: 0.2s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +.bmd-layout-content { + position: relative; + z-index: 1; + display: inline-block; + flex-grow: 1; + overflow-x: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + transition-duration: 0.2s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +.bmd-layout-spacer { + flex-grow: 1; +} + +.bmd-layout-backdrop { + position: absolute; + top: 0; + left: 0; + z-index: 4; + width: 100%; + height: 100%; + visibility: hidden; + background-color: transparent; + transition-property: background-color; + transition-duration: 0.2s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +@supports (pointer-events: auto) { + .bmd-layout-backdrop { + background-color: rgba(0, 0, 0, 0.5); + opacity: 0; + transition-property: opacity; + visibility: visible; + pointer-events: none; + } +} + +.btn { + position: relative; + padding: 12px 30px; + margin: 0.3125rem 1px; + font-size: .75rem; + font-weight: 400; + line-height: 1.428571; + text-decoration: none; + text-transform: uppercase; + letter-spacing: 0; + cursor: pointer; + background-color: transparent; + border: 0; + border-radius: 0.2rem; + outline: 0; + transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); + will-change: box-shadow, transform; +} + +.btn:focus, +.btn.focus, +.btn:active:focus, +.btn:active.focus, +.btn:active:focus:focus, +.btn:active:focus.focus, +.btn.active:focus, +.btn.active.focus { + outline: 0; + box-shadow: none !important; +} + +.btn.btn-primary { + color: #fff; + background-color: #9c27b0; + border-color: #9c27b0; + box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12); +} + +.btn.btn-primary:hover { + color: #fff; + background-color: #9124a3; + border-color: #701c7e; +} + +.btn.btn-primary:focus, +.btn.btn-primary.focus, +.btn.btn-primary:hover { + color: #fff; + background-color: #9124a3; + border-color: #701c7e; +} + +.btn.btn-primary:active, +.btn.btn-primary.active, +.open>.btn.btn-primary.dropdown-toggle, +.show>.btn.btn-primary.dropdown-toggle { + color: #fff; + background-color: #9124a3; + border-color: #701c7e; + box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12); +} + +.btn.btn-primary:active:hover, +.btn.btn-primary:active:focus, +.btn.btn-primary:active.focus, +.btn.btn-primary.active:hover, +.btn.btn-primary.active:focus, +.btn.btn-primary.active.focus, +.open>.btn.btn-primary.dropdown-toggle:hover, +.open>.btn.btn-primary.dropdown-toggle:focus, +.open>.btn.btn-primary.dropdown-toggle.focus, +.show>.btn.btn-primary.dropdown-toggle:hover, +.show>.btn.btn-primary.dropdown-toggle:focus, +.show>.btn.btn-primary.dropdown-toggle.focus { + color: #fff; + background-color: #9124a3; + border-color: #3f1048; +} + +.open>.btn.btn-primary.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #9c27b0; +} + +.open>.btn.btn-primary.dropdown-toggle.bmd-btn-icon:hover { + background-color: #9124a3; +} + +.btn.btn-primary.disabled:focus, +.btn.btn-primary.disabled.focus, +.btn.btn-primary:disabled:focus, +.btn.btn-primary:disabled.focus { + background-color: #9c27b0; + border-color: #9c27b0; +} + +.btn.btn-primary.disabled:hover, +.btn.btn-primary:disabled:hover { + background-color: #9c27b0; + border-color: #9c27b0; +} + +.btn.btn-primary:focus, +.btn.btn-primary:active, +.btn.btn-primary:hover { + box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2); +} + +.btn.btn-primary.btn-link { + background-color: transparent; + color: #9c27b0; + box-shadow: none; +} + +.btn.btn-primary.btn-link:hover, +.btn.btn-primary.btn-link:focus, +.btn.btn-primary.btn-link:active { + background-color: transparent; + color: #9c27b0; +} + +.btn.btn-secondary { + color: rgba(0, 0, 0, 0.87); + background-color: #fafafa; + border-color: #ccc; + box-shadow: 0 2px 2px 0 rgba(250, 250, 250, 0.14), 0 3px 1px -2px rgba(250, 250, 250, 0.2), 0 1px 5px 0 rgba(250, 250, 250, 0.12); +} + +.btn.btn-secondary:hover { + color: rgba(0, 0, 0, 0.87); + background-color: #f2f2f2; + border-color: #adadad; +} + +.btn.btn-secondary:focus, +.btn.btn-secondary.focus, +.btn.btn-secondary:hover { + color: rgba(0, 0, 0, 0.87); + background-color: #f2f2f2; + border-color: #adadad; +} + +.btn.btn-secondary:active, +.btn.btn-secondary.active, +.open>.btn.btn-secondary.dropdown-toggle, +.show>.btn.btn-secondary.dropdown-toggle { + color: rgba(0, 0, 0, 0.87); + background-color: #f2f2f2; + border-color: #adadad; + box-shadow: 0 2px 2px 0 rgba(250, 250, 250, 0.14), 0 3px 1px -2px rgba(250, 250, 250, 0.2), 0 1px 5px 0 rgba(250, 250, 250, 0.12); +} + +.btn.btn-secondary:active:hover, +.btn.btn-secondary:active:focus, +.btn.btn-secondary:active.focus, +.btn.btn-secondary.active:hover, +.btn.btn-secondary.active:focus, +.btn.btn-secondary.active.focus, +.open>.btn.btn-secondary.dropdown-toggle:hover, +.open>.btn.btn-secondary.dropdown-toggle:focus, +.open>.btn.btn-secondary.dropdown-toggle.focus, +.show>.btn.btn-secondary.dropdown-toggle:hover, +.show>.btn.btn-secondary.dropdown-toggle:focus, +.show>.btn.btn-secondary.dropdown-toggle.focus { + color: rgba(0, 0, 0, 0.87); + background-color: #f2f2f2; + border-color: #8c8c8c; +} + +.open>.btn.btn-secondary.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #fafafa; +} + +.open>.btn.btn-secondary.dropdown-toggle.bmd-btn-icon:hover { + background-color: #f2f2f2; +} + +.btn.btn-secondary.disabled:focus, +.btn.btn-secondary.disabled.focus, +.btn.btn-secondary:disabled:focus, +.btn.btn-secondary:disabled.focus { + background-color: #fafafa; + border-color: #ccc; +} + +.btn.btn-secondary.disabled:hover, +.btn.btn-secondary:disabled:hover { + background-color: #fafafa; + border-color: #ccc; +} + +.btn.btn-secondary:focus, +.btn.btn-secondary:active, +.btn.btn-secondary:hover { + box-shadow: 0 14px 26px -12px rgba(250, 250, 250, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(250, 250, 250, 0.2); +} + +.btn.btn-secondary.btn-link { + background-color: transparent; + color: #fafafa; + box-shadow: none; +} + +.btn.btn-secondary.btn-link:hover, +.btn.btn-secondary.btn-link:focus, +.btn.btn-secondary.btn-link:active { + background-color: transparent; + color: #fafafa; +} + +.btn.btn-info { + color: #fff; + background-color: #00bcd4; + border-color: #00bcd4; + box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12); +} + +.btn.btn-info:hover { + color: #fff; + background-color: #00aec5; + border-color: #008697; +} + +.btn.btn-info:focus, +.btn.btn-info.focus, +.btn.btn-info:hover { + color: #fff; + background-color: #00aec5; + border-color: #008697; +} + +.btn.btn-info:active, +.btn.btn-info.active, +.open>.btn.btn-info.dropdown-toggle, +.show>.btn.btn-info.dropdown-toggle { + color: #fff; + background-color: #00aec5; + border-color: #008697; + box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12); +} + +.btn.btn-info:active:hover, +.btn.btn-info:active:focus, +.btn.btn-info:active.focus, +.btn.btn-info.active:hover, +.btn.btn-info.active:focus, +.btn.btn-info.active.focus, +.open>.btn.btn-info.dropdown-toggle:hover, +.open>.btn.btn-info.dropdown-toggle:focus, +.open>.btn.btn-info.dropdown-toggle.focus, +.show>.btn.btn-info.dropdown-toggle:hover, +.show>.btn.btn-info.dropdown-toggle:focus, +.show>.btn.btn-info.dropdown-toggle.focus { + color: #fff; + background-color: #00aec5; + border-color: #004b55; +} + +.open>.btn.btn-info.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #00bcd4; +} + +.open>.btn.btn-info.dropdown-toggle.bmd-btn-icon:hover { + background-color: #00aec5; +} + +.btn.btn-info.disabled:focus, +.btn.btn-info.disabled.focus, +.btn.btn-info:disabled:focus, +.btn.btn-info:disabled.focus { + background-color: #00bcd4; + border-color: #00bcd4; +} + +.btn.btn-info.disabled:hover, +.btn.btn-info:disabled:hover { + background-color: #00bcd4; + border-color: #00bcd4; +} + +.btn.btn-info:focus, +.btn.btn-info:active, +.btn.btn-info:hover { + box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2); +} + +.btn.btn-info.btn-link { + background-color: transparent; + color: #00bcd4; + box-shadow: none; +} + +.btn.btn-info.btn-link:hover, +.btn.btn-info.btn-link:focus, +.btn.btn-info.btn-link:active { + background-color: transparent; + color: #00bcd4; +} + +.btn.btn-success { + color: #fff; + background-color: #4caf50; + border-color: #4caf50; + box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12); +} + +.btn.btn-success:hover { + color: #fff; + background-color: #47a44b; + border-color: #39843c; +} + +.btn.btn-success:focus, +.btn.btn-success.focus, +.btn.btn-success:hover { + color: #fff; + background-color: #47a44b; + border-color: #39843c; +} + +.btn.btn-success:active, +.btn.btn-success.active, +.open>.btn.btn-success.dropdown-toggle, +.show>.btn.btn-success.dropdown-toggle { + color: #fff; + background-color: #47a44b; + border-color: #39843c; + box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12); +} + +.btn.btn-success:active:hover, +.btn.btn-success:active:focus, +.btn.btn-success:active.focus, +.btn.btn-success.active:hover, +.btn.btn-success.active:focus, +.btn.btn-success.active.focus, +.open>.btn.btn-success.dropdown-toggle:hover, +.open>.btn.btn-success.dropdown-toggle:focus, +.open>.btn.btn-success.dropdown-toggle.focus, +.show>.btn.btn-success.dropdown-toggle:hover, +.show>.btn.btn-success.dropdown-toggle:focus, +.show>.btn.btn-success.dropdown-toggle.focus { + color: #fff; + background-color: #47a44b; + border-color: #255627; +} + +.open>.btn.btn-success.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #4caf50; +} + +.open>.btn.btn-success.dropdown-toggle.bmd-btn-icon:hover { + background-color: #47a44b; +} + +.btn.btn-success.disabled:focus, +.btn.btn-success.disabled.focus, +.btn.btn-success:disabled:focus, +.btn.btn-success:disabled.focus { + background-color: #4caf50; + border-color: #4caf50; +} + +.btn.btn-success.disabled:hover, +.btn.btn-success:disabled:hover { + background-color: #4caf50; + border-color: #4caf50; +} + +.btn.btn-success:focus, +.btn.btn-success:active, +.btn.btn-success:hover { + box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2); +} + +.btn.btn-success.btn-link { + background-color: transparent; + color: #4caf50; + box-shadow: none; +} + +.btn.btn-success.btn-link:hover, +.btn.btn-success.btn-link:focus, +.btn.btn-success.btn-link:active { + background-color: transparent; + color: #4caf50; +} + +.btn.btn-warning { + color: #fff; + background-color: #ff9800; + border-color: #ff9800; + box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12); +} + +.btn.btn-warning:hover { + color: #fff; + background-color: #f08f00; + border-color: #c27400; +} + +.btn.btn-warning:focus, +.btn.btn-warning.focus, +.btn.btn-warning:hover { + color: #fff; + background-color: #f08f00; + border-color: #c27400; +} + +.btn.btn-warning:active, +.btn.btn-warning.active, +.open>.btn.btn-warning.dropdown-toggle, +.show>.btn.btn-warning.dropdown-toggle { + color: #fff; + background-color: #f08f00; + border-color: #c27400; + box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12); +} + +.btn.btn-warning:active:hover, +.btn.btn-warning:active:focus, +.btn.btn-warning:active.focus, +.btn.btn-warning.active:hover, +.btn.btn-warning.active:focus, +.btn.btn-warning.active.focus, +.open>.btn.btn-warning.dropdown-toggle:hover, +.open>.btn.btn-warning.dropdown-toggle:focus, +.open>.btn.btn-warning.dropdown-toggle.focus, +.show>.btn.btn-warning.dropdown-toggle:hover, +.show>.btn.btn-warning.dropdown-toggle:focus, +.show>.btn.btn-warning.dropdown-toggle.focus { + color: #fff; + background-color: #f08f00; + border-color: #804c00; +} + +.open>.btn.btn-warning.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #ff9800; +} + +.open>.btn.btn-warning.dropdown-toggle.bmd-btn-icon:hover { + background-color: #f08f00; +} + +.btn.btn-warning.disabled:focus, +.btn.btn-warning.disabled.focus, +.btn.btn-warning:disabled:focus, +.btn.btn-warning:disabled.focus { + background-color: #ff9800; + border-color: #ff9800; +} + +.btn.btn-warning.disabled:hover, +.btn.btn-warning:disabled:hover { + background-color: #ff9800; + border-color: #ff9800; +} + +.btn.btn-warning:focus, +.btn.btn-warning:active, +.btn.btn-warning:hover { + box-shadow: 0 14px 26px -12px rgba(255, 152, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2); +} + +.btn.btn-warning.btn-link { + background-color: transparent; + color: #ff9800; + box-shadow: none; +} + +.btn.btn-warning.btn-link:hover, +.btn.btn-warning.btn-link:focus, +.btn.btn-warning.btn-link:active { + background-color: transparent; + color: #ff9800; +} + +.btn.btn-danger { + color: #fff; + background-color: #f44336; + border-color: #f44336; + box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12); +} + +.btn.btn-danger:hover { + color: #fff; + background-color: #f33527; + border-color: #e11b0c; +} + +.btn.btn-danger:focus, +.btn.btn-danger.focus, +.btn.btn-danger:hover { + color: #fff; + background-color: #f33527; + border-color: #e11b0c; +} + +.btn.btn-danger:active, +.btn.btn-danger.active, +.open>.btn.btn-danger.dropdown-toggle, +.show>.btn.btn-danger.dropdown-toggle { + color: #fff; + background-color: #f33527; + border-color: #e11b0c; + box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12); +} + +.btn.btn-danger:active:hover, +.btn.btn-danger:active:focus, +.btn.btn-danger:active.focus, +.btn.btn-danger.active:hover, +.btn.btn-danger.active:focus, +.btn.btn-danger.active.focus, +.open>.btn.btn-danger.dropdown-toggle:hover, +.open>.btn.btn-danger.dropdown-toggle:focus, +.open>.btn.btn-danger.dropdown-toggle.focus, +.show>.btn.btn-danger.dropdown-toggle:hover, +.show>.btn.btn-danger.dropdown-toggle:focus, +.show>.btn.btn-danger.dropdown-toggle.focus { + color: #fff; + background-color: #f33527; + border-color: #a21309; +} + +.open>.btn.btn-danger.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #f44336; +} + +.open>.btn.btn-danger.dropdown-toggle.bmd-btn-icon:hover { + background-color: #f33527; +} + +.btn.btn-danger.disabled:focus, +.btn.btn-danger.disabled.focus, +.btn.btn-danger:disabled:focus, +.btn.btn-danger:disabled.focus { + background-color: #f44336; + border-color: #f44336; +} + +.btn.btn-danger.disabled:hover, +.btn.btn-danger:disabled:hover { + background-color: #f44336; + border-color: #f44336; +} + +.btn.btn-danger:focus, +.btn.btn-danger:active, +.btn.btn-danger:hover { + box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2); +} + +.btn.btn-danger.btn-link { + background-color: transparent; + color: #f44336; + box-shadow: none; +} + +.btn.btn-danger.btn-link:hover, +.btn.btn-danger.btn-link:focus, +.btn.btn-danger.btn-link:active { + background-color: transparent; + color: #f44336; +} + +.btn.btn-rose { + color: #fff; + background-color: #e91e63; + border-color: #e91e63; + box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12); +} + +.btn.btn-rose:hover { + color: #fff; + background-color: #ea2c6d; + border-color: #b8124a; +} + +.btn.btn-rose:focus, +.btn.btn-rose.focus, +.btn.btn-rose:hover { + color: #fff; + background-color: #ea2c6d; + border-color: #b8124a; +} + +.btn.btn-rose:active, +.btn.btn-rose.active, +.open>.btn.btn-rose.dropdown-toggle, +.show>.btn.btn-rose.dropdown-toggle { + color: #fff; + background-color: #ea2c6d; + border-color: #b8124a; + box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12); +} + +.btn.btn-rose:active:hover, +.btn.btn-rose:active:focus, +.btn.btn-rose:active.focus, +.btn.btn-rose.active:hover, +.btn.btn-rose.active:focus, +.btn.btn-rose.active.focus, +.open>.btn.btn-rose.dropdown-toggle:hover, +.open>.btn.btn-rose.dropdown-toggle:focus, +.open>.btn.btn-rose.dropdown-toggle.focus, +.show>.btn.btn-rose.dropdown-toggle:hover, +.show>.btn.btn-rose.dropdown-toggle:focus, +.show>.btn.btn-rose.dropdown-toggle.focus { + color: #fff; + background-color: #ea2c6d; + border-color: #7b0c32; +} + +.open>.btn.btn-rose.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #e91e63; +} + +.open>.btn.btn-rose.dropdown-toggle.bmd-btn-icon:hover { + background-color: #ea2c6d; +} + +.btn.btn-rose.disabled:focus, +.btn.btn-rose.disabled.focus, +.btn.btn-rose:disabled:focus, +.btn.btn-rose:disabled.focus { + background-color: #e91e63; + border-color: #e91e63; +} + +.btn.btn-rose.disabled:hover, +.btn.btn-rose:disabled:hover { + background-color: #e91e63; + border-color: #e91e63; +} + +.btn.btn-rose:focus, +.btn.btn-rose:active, +.btn.btn-rose:hover { + box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2); +} + +.btn.btn-rose.btn-link { + background-color: transparent; + color: #e91e63; + box-shadow: none; +} + +.btn.btn-rose.btn-link:hover, +.btn.btn-rose.btn-link:focus, +.btn.btn-rose.btn-link:active { + background-color: transparent; + color: #e91e63; +} + +.btn, +.btn.btn-default { + color: #fff; + background-color: #999999; + border-color: #999999; + box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12); +} + +.btn:hover, +.btn.btn-default:hover { + color: #fff; + background-color: #919191; + border-color: #7a7a7a; +} + +.btn:focus, +.btn.focus, +.btn:hover, +.btn.btn-default:focus, +.btn.btn-default.focus, +.btn.btn-default:hover { + color: #fff; + background-color: #919191; + border-color: #7a7a7a; +} + +.btn:active, +.btn.active, +.open>.btn.dropdown-toggle, +.show>.btn.dropdown-toggle, +.btn.btn-default:active, +.btn.btn-default.active, +.open>.btn.btn-default.dropdown-toggle, +.show>.btn.btn-default.dropdown-toggle { + color: #fff; + background-color: #919191; + border-color: #7a7a7a; + box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12); +} + +.btn:active:hover, +.btn:active:focus, +.btn:active.focus, +.btn.active:hover, +.btn.active:focus, +.btn.active.focus, +.open>.btn.dropdown-toggle:hover, +.open>.btn.dropdown-toggle:focus, +.open>.btn.dropdown-toggle.focus, +.show>.btn.dropdown-toggle:hover, +.show>.btn.dropdown-toggle:focus, +.show>.btn.dropdown-toggle.focus, +.btn.btn-default:active:hover, +.btn.btn-default:active:focus, +.btn.btn-default:active.focus, +.btn.btn-default.active:hover, +.btn.btn-default.active:focus, +.btn.btn-default.active.focus, +.open>.btn.btn-default.dropdown-toggle:hover, +.open>.btn.btn-default.dropdown-toggle:focus, +.open>.btn.btn-default.dropdown-toggle.focus, +.show>.btn.btn-default.dropdown-toggle:hover, +.show>.btn.btn-default.dropdown-toggle:focus, +.show>.btn.btn-default.dropdown-toggle.focus { + color: #fff; + background-color: #919191; + border-color: #595959; +} + +.open>.btn.dropdown-toggle.bmd-btn-icon, +.open>.btn.btn-default.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #999999; +} + +.open>.btn.dropdown-toggle.bmd-btn-icon:hover, +.open>.btn.btn-default.dropdown-toggle.bmd-btn-icon:hover { + background-color: #919191; +} + +.btn.disabled:focus, +.btn.disabled.focus, +.btn:disabled:focus, +.btn:disabled.focus, +.btn.btn-default.disabled:focus, +.btn.btn-default.disabled.focus, +.btn.btn-default:disabled:focus, +.btn.btn-default:disabled.focus { + background-color: #999999; + border-color: #999999; +} + +.btn.disabled:hover, +.btn:disabled:hover, +.btn.btn-default.disabled:hover, +.btn.btn-default:disabled:hover { + background-color: #999999; + border-color: #999999; +} + +.btn:focus, +.btn:active, +.btn:hover, +.btn.btn-default:focus, +.btn.btn-default:active, +.btn.btn-default:hover { + box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2); +} + +.btn.btn-link, +.btn.btn-default.btn-link { + background-color: transparent; + color: #999999; + box-shadow: none; +} + +.btn.btn-link:hover, +.btn.btn-link:focus, +.btn.btn-link:active, +.btn.btn-default.btn-link:hover, +.btn.btn-default.btn-link:focus, +.btn.btn-default.btn-link:active { + background-color: transparent; + color: #999999; +} + +.btn.btn-white, +.btn.btn-white:focus, +.btn.btn-white:hover { + background-color: #ffffff; + color: #999999; +} + +.btn.btn-white.btn-link { + color: #ffffff; + background: transparent; + box-shadow: none; +} + +.btn.btn-link:hover, +.btn.btn-link:focus, +.btn.btn-link:active { + text-decoration: none !important; +} + +.btn.btn-disabled { + cursor: not-allowed; + pointer-events: none; +} + +.btn.btn-disabled:hover { + box-shadow: none; +} + +.btn.btn-raised.btn-link, +.btn-group-raised .btn.btn-link { + box-shadow: none; +} + +.btn.btn-raised.btn-link.active, +.btn-group-raised .btn.btn-link.active { + box-shadow: none; +} + +.btn.btn-raised.btn-link:hover, +.btn.btn-raised.btn-link:focus, +.btn.btn-raised.btn-link:active, +.btn-group-raised .btn.btn-link:hover, +.btn-group-raised .btn.btn-link:focus, +.btn-group-raised .btn.btn-link:active { + box-shadow: none; +} + +fieldset[disabled][disabled] .btn.btn-raised, +.btn.btn-raised.disabled, +.btn.btn-raised:disabled, +.btn.btn-raised[disabled], +fieldset[disabled][disabled] .btn-group-raised .btn, +.btn-group-raised .btn.disabled, +.btn-group-raised .btn:disabled, +.btn-group-raised .btn[disabled] { + box-shadow: none; +} + +.btn.btn-outline, +.btn.btn-outline-primary, +.btn.btn-outline-secondary, +.btn.btn-outline-info, +.btn.btn-outline-success, +.btn.btn-outline-warning, +.btn.btn-outline-danger { + border-color: currentColor; + border-style: solid; + border-width: 1px; +} + +.btn.btn-outline { + color: rgba(0, 0, 0, 0.87); + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.btn.btn-outline:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.2); + border-color: rgba(0, 0, 0, 0.87); +} + +.btn.btn-outline:focus, +.btn.btn-outline.focus, +.btn.btn-outline:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.2); + border-color: rgba(0, 0, 0, 0.87); +} + +.btn.btn-outline:active, +.btn.btn-outline.active, +.open>.btn.btn-outline.dropdown-toggle, +.show>.btn.btn-outline.dropdown-toggle { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.2); + border-color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.btn.btn-outline:active:hover, +.btn.btn-outline:active:focus, +.btn.btn-outline:active.focus, +.btn.btn-outline.active:hover, +.btn.btn-outline.active:focus, +.btn.btn-outline.active.focus, +.open>.btn.btn-outline.dropdown-toggle:hover, +.open>.btn.btn-outline.dropdown-toggle:focus, +.open>.btn.btn-outline.dropdown-toggle.focus, +.show>.btn.btn-outline.dropdown-toggle:hover, +.show>.btn.btn-outline.dropdown-toggle:focus, +.show>.btn.btn-outline.dropdown-toggle.focus { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.4); + border-color: rgba(0, 0, 0, 0.87); +} + +.open>.btn.btn-outline.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.btn.btn-outline.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(153, 153, 153, 0.2); +} + +.btn.btn-outline.disabled:focus, +.btn.btn-outline.disabled.focus, +.btn.btn-outline:disabled:focus, +.btn.btn-outline:disabled.focus { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.btn.btn-outline.disabled:hover, +.btn.btn-outline:disabled:hover { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.bg-inverse .btn.btn-outline { + color: rgba(0, 0, 0, 0.87); + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.bg-inverse .btn.btn-outline:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline:focus, +.bg-inverse .btn.btn-outline.focus, +.bg-inverse .btn.btn-outline:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline:active, +.bg-inverse .btn.btn-outline.active, +.open>.bg-inverse .btn.btn-outline.dropdown-toggle, +.show>.bg-inverse .btn.btn-outline.dropdown-toggle { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.bg-inverse .btn.btn-outline:active:hover, +.bg-inverse .btn.btn-outline:active:focus, +.bg-inverse .btn.btn-outline:active.focus, +.bg-inverse .btn.btn-outline.active:hover, +.bg-inverse .btn.btn-outline.active:focus, +.bg-inverse .btn.btn-outline.active.focus, +.open>.bg-inverse .btn.btn-outline.dropdown-toggle:hover, +.open>.bg-inverse .btn.btn-outline.dropdown-toggle:focus, +.open>.bg-inverse .btn.btn-outline.dropdown-toggle.focus, +.show>.bg-inverse .btn.btn-outline.dropdown-toggle:hover, +.show>.bg-inverse .btn.btn-outline.dropdown-toggle:focus, +.show>.bg-inverse .btn.btn-outline.dropdown-toggle.focus { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.25); + border-color: rgba(204, 204, 204, 0.25); +} + +.open>.bg-inverse .btn.btn-outline.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.bg-inverse .btn.btn-outline.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline.disabled:focus, +.bg-inverse .btn.btn-outline.disabled.focus, +.bg-inverse .btn.btn-outline:disabled:focus, +.bg-inverse .btn.btn-outline:disabled.focus { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.bg-inverse .btn.btn-outline.disabled:hover, +.bg-inverse .btn.btn-outline:disabled:hover { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.btn.btn-outline.btn-link { + background-color: transparent; +} + +.btn.btn-outline-primary { + color: #9c27b0; + background-color: transparent; + border-color: #9c27b0; +} + +.btn.btn-outline-primary:hover { + color: #9c27b0; + background-color: rgba(153, 153, 153, 0.2); + border-color: #9c27b0; +} + +.btn.btn-outline-primary:focus, +.btn.btn-outline-primary.focus, +.btn.btn-outline-primary:hover { + color: #9c27b0; + background-color: rgba(153, 153, 153, 0.2); + border-color: #9c27b0; +} + +.btn.btn-outline-primary:active, +.btn.btn-outline-primary.active, +.open>.btn.btn-outline-primary.dropdown-toggle, +.show>.btn.btn-outline-primary.dropdown-toggle { + color: #9c27b0; + background-color: rgba(153, 153, 153, 0.2); + border-color: #9c27b0; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.btn.btn-outline-primary:active:hover, +.btn.btn-outline-primary:active:focus, +.btn.btn-outline-primary:active.focus, +.btn.btn-outline-primary.active:hover, +.btn.btn-outline-primary.active:focus, +.btn.btn-outline-primary.active.focus, +.open>.btn.btn-outline-primary.dropdown-toggle:hover, +.open>.btn.btn-outline-primary.dropdown-toggle:focus, +.open>.btn.btn-outline-primary.dropdown-toggle.focus, +.show>.btn.btn-outline-primary.dropdown-toggle:hover, +.show>.btn.btn-outline-primary.dropdown-toggle:focus, +.show>.btn.btn-outline-primary.dropdown-toggle.focus { + color: #9c27b0; + background-color: rgba(153, 153, 153, 0.4); + border-color: #9c27b0; +} + +.open>.btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(153, 153, 153, 0.2); +} + +.btn.btn-outline-primary.disabled:focus, +.btn.btn-outline-primary.disabled.focus, +.btn.btn-outline-primary:disabled:focus, +.btn.btn-outline-primary:disabled.focus { + background-color: transparent; + border-color: #9c27b0; +} + +.btn.btn-outline-primary.disabled:hover, +.btn.btn-outline-primary:disabled:hover { + background-color: transparent; + border-color: #9c27b0; +} + +.bg-inverse .btn.btn-outline-primary { + color: #9c27b0; + background-color: transparent; + border-color: #9c27b0; +} + +.bg-inverse .btn.btn-outline-primary:hover { + color: #9c27b0; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-primary:focus, +.bg-inverse .btn.btn-outline-primary.focus, +.bg-inverse .btn.btn-outline-primary:hover { + color: #9c27b0; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-primary:active, +.bg-inverse .btn.btn-outline-primary.active, +.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle, +.show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle { + color: #9c27b0; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.bg-inverse .btn.btn-outline-primary:active:hover, +.bg-inverse .btn.btn-outline-primary:active:focus, +.bg-inverse .btn.btn-outline-primary:active.focus, +.bg-inverse .btn.btn-outline-primary.active:hover, +.bg-inverse .btn.btn-outline-primary.active:focus, +.bg-inverse .btn.btn-outline-primary.active.focus, +.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:hover, +.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:focus, +.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.focus, +.show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:hover, +.show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:focus, +.show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.focus { + color: #9c27b0; + background-color: rgba(204, 204, 204, 0.25); + border-color: rgba(204, 204, 204, 0.25); +} + +.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-primary.disabled:focus, +.bg-inverse .btn.btn-outline-primary.disabled.focus, +.bg-inverse .btn.btn-outline-primary:disabled:focus, +.bg-inverse .btn.btn-outline-primary:disabled.focus { + background-color: transparent; + border-color: #9c27b0; +} + +.bg-inverse .btn.btn-outline-primary.disabled:hover, +.bg-inverse .btn.btn-outline-primary:disabled:hover { + background-color: transparent; + border-color: #9c27b0; +} + +.btn.btn-outline-primary.btn-link { + background-color: transparent; +} + +.btn.btn-outline-secondary { + color: rgba(0, 0, 0, 0.87); + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.btn.btn-outline-secondary:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.2); + border-color: rgba(0, 0, 0, 0.87); +} + +.btn.btn-outline-secondary:focus, +.btn.btn-outline-secondary.focus, +.btn.btn-outline-secondary:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.2); + border-color: rgba(0, 0, 0, 0.87); +} + +.btn.btn-outline-secondary:active, +.btn.btn-outline-secondary.active, +.open>.btn.btn-outline-secondary.dropdown-toggle, +.show>.btn.btn-outline-secondary.dropdown-toggle { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.2); + border-color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.btn.btn-outline-secondary:active:hover, +.btn.btn-outline-secondary:active:focus, +.btn.btn-outline-secondary:active.focus, +.btn.btn-outline-secondary.active:hover, +.btn.btn-outline-secondary.active:focus, +.btn.btn-outline-secondary.active.focus, +.open>.btn.btn-outline-secondary.dropdown-toggle:hover, +.open>.btn.btn-outline-secondary.dropdown-toggle:focus, +.open>.btn.btn-outline-secondary.dropdown-toggle.focus, +.show>.btn.btn-outline-secondary.dropdown-toggle:hover, +.show>.btn.btn-outline-secondary.dropdown-toggle:focus, +.show>.btn.btn-outline-secondary.dropdown-toggle.focus { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.4); + border-color: rgba(0, 0, 0, 0.87); +} + +.open>.btn.btn-outline-secondary.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.btn.btn-outline-secondary.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(153, 153, 153, 0.2); +} + +.btn.btn-outline-secondary.disabled:focus, +.btn.btn-outline-secondary.disabled.focus, +.btn.btn-outline-secondary:disabled:focus, +.btn.btn-outline-secondary:disabled.focus { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.btn.btn-outline-secondary.disabled:hover, +.btn.btn-outline-secondary:disabled:hover { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.bg-inverse .btn.btn-outline-secondary { + color: rgba(0, 0, 0, 0.87); + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.bg-inverse .btn.btn-outline-secondary:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-secondary:focus, +.bg-inverse .btn.btn-outline-secondary.focus, +.bg-inverse .btn.btn-outline-secondary:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-secondary:active, +.bg-inverse .btn.btn-outline-secondary.active, +.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle, +.show>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.bg-inverse .btn.btn-outline-secondary:active:hover, +.bg-inverse .btn.btn-outline-secondary:active:focus, +.bg-inverse .btn.btn-outline-secondary:active.focus, +.bg-inverse .btn.btn-outline-secondary.active:hover, +.bg-inverse .btn.btn-outline-secondary.active:focus, +.bg-inverse .btn.btn-outline-secondary.active.focus, +.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle:hover, +.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle:focus, +.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle.focus, +.show>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle:hover, +.show>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle:focus, +.show>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle.focus { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.25); + border-color: rgba(204, 204, 204, 0.25); +} + +.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-secondary.disabled:focus, +.bg-inverse .btn.btn-outline-secondary.disabled.focus, +.bg-inverse .btn.btn-outline-secondary:disabled:focus, +.bg-inverse .btn.btn-outline-secondary:disabled.focus { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.bg-inverse .btn.btn-outline-secondary.disabled:hover, +.bg-inverse .btn.btn-outline-secondary:disabled:hover { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.btn.btn-outline-secondary.btn-link { + background-color: transparent; +} + +.btn.btn-outline-info { + color: #00bcd4; + background-color: transparent; + border-color: #00bcd4; +} + +.btn.btn-outline-info:hover { + color: #00bcd4; + background-color: rgba(153, 153, 153, 0.2); + border-color: #00bcd4; +} + +.btn.btn-outline-info:focus, +.btn.btn-outline-info.focus, +.btn.btn-outline-info:hover { + color: #00bcd4; + background-color: rgba(153, 153, 153, 0.2); + border-color: #00bcd4; +} + +.btn.btn-outline-info:active, +.btn.btn-outline-info.active, +.open>.btn.btn-outline-info.dropdown-toggle, +.show>.btn.btn-outline-info.dropdown-toggle { + color: #00bcd4; + background-color: rgba(153, 153, 153, 0.2); + border-color: #00bcd4; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.btn.btn-outline-info:active:hover, +.btn.btn-outline-info:active:focus, +.btn.btn-outline-info:active.focus, +.btn.btn-outline-info.active:hover, +.btn.btn-outline-info.active:focus, +.btn.btn-outline-info.active.focus, +.open>.btn.btn-outline-info.dropdown-toggle:hover, +.open>.btn.btn-outline-info.dropdown-toggle:focus, +.open>.btn.btn-outline-info.dropdown-toggle.focus, +.show>.btn.btn-outline-info.dropdown-toggle:hover, +.show>.btn.btn-outline-info.dropdown-toggle:focus, +.show>.btn.btn-outline-info.dropdown-toggle.focus { + color: #00bcd4; + background-color: rgba(153, 153, 153, 0.4); + border-color: #00bcd4; +} + +.open>.btn.btn-outline-info.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.btn.btn-outline-info.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(153, 153, 153, 0.2); +} + +.btn.btn-outline-info.disabled:focus, +.btn.btn-outline-info.disabled.focus, +.btn.btn-outline-info:disabled:focus, +.btn.btn-outline-info:disabled.focus { + background-color: transparent; + border-color: #00bcd4; +} + +.btn.btn-outline-info.disabled:hover, +.btn.btn-outline-info:disabled:hover { + background-color: transparent; + border-color: #00bcd4; +} + +.bg-inverse .btn.btn-outline-info { + color: #00bcd4; + background-color: transparent; + border-color: #00bcd4; +} + +.bg-inverse .btn.btn-outline-info:hover { + color: #00bcd4; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-info:focus, +.bg-inverse .btn.btn-outline-info.focus, +.bg-inverse .btn.btn-outline-info:hover { + color: #00bcd4; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-info:active, +.bg-inverse .btn.btn-outline-info.active, +.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle, +.show>.bg-inverse .btn.btn-outline-info.dropdown-toggle { + color: #00bcd4; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.bg-inverse .btn.btn-outline-info:active:hover, +.bg-inverse .btn.btn-outline-info:active:focus, +.bg-inverse .btn.btn-outline-info:active.focus, +.bg-inverse .btn.btn-outline-info.active:hover, +.bg-inverse .btn.btn-outline-info.active:focus, +.bg-inverse .btn.btn-outline-info.active.focus, +.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle:hover, +.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle:focus, +.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle.focus, +.show>.bg-inverse .btn.btn-outline-info.dropdown-toggle:hover, +.show>.bg-inverse .btn.btn-outline-info.dropdown-toggle:focus, +.show>.bg-inverse .btn.btn-outline-info.dropdown-toggle.focus { + color: #00bcd4; + background-color: rgba(204, 204, 204, 0.25); + border-color: rgba(204, 204, 204, 0.25); +} + +.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-info.disabled:focus, +.bg-inverse .btn.btn-outline-info.disabled.focus, +.bg-inverse .btn.btn-outline-info:disabled:focus, +.bg-inverse .btn.btn-outline-info:disabled.focus { + background-color: transparent; + border-color: #00bcd4; +} + +.bg-inverse .btn.btn-outline-info.disabled:hover, +.bg-inverse .btn.btn-outline-info:disabled:hover { + background-color: transparent; + border-color: #00bcd4; +} + +.btn.btn-outline-info.btn-link { + background-color: transparent; +} + +.btn.btn-outline-success { + color: #4caf50; + background-color: transparent; + border-color: #4caf50; +} + +.btn.btn-outline-success:hover { + color: #4caf50; + background-color: rgba(153, 153, 153, 0.2); + border-color: #4caf50; +} + +.btn.btn-outline-success:focus, +.btn.btn-outline-success.focus, +.btn.btn-outline-success:hover { + color: #4caf50; + background-color: rgba(153, 153, 153, 0.2); + border-color: #4caf50; +} + +.btn.btn-outline-success:active, +.btn.btn-outline-success.active, +.open>.btn.btn-outline-success.dropdown-toggle, +.show>.btn.btn-outline-success.dropdown-toggle { + color: #4caf50; + background-color: rgba(153, 153, 153, 0.2); + border-color: #4caf50; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.btn.btn-outline-success:active:hover, +.btn.btn-outline-success:active:focus, +.btn.btn-outline-success:active.focus, +.btn.btn-outline-success.active:hover, +.btn.btn-outline-success.active:focus, +.btn.btn-outline-success.active.focus, +.open>.btn.btn-outline-success.dropdown-toggle:hover, +.open>.btn.btn-outline-success.dropdown-toggle:focus, +.open>.btn.btn-outline-success.dropdown-toggle.focus, +.show>.btn.btn-outline-success.dropdown-toggle:hover, +.show>.btn.btn-outline-success.dropdown-toggle:focus, +.show>.btn.btn-outline-success.dropdown-toggle.focus { + color: #4caf50; + background-color: rgba(153, 153, 153, 0.4); + border-color: #4caf50; +} + +.open>.btn.btn-outline-success.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.btn.btn-outline-success.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(153, 153, 153, 0.2); +} + +.btn.btn-outline-success.disabled:focus, +.btn.btn-outline-success.disabled.focus, +.btn.btn-outline-success:disabled:focus, +.btn.btn-outline-success:disabled.focus { + background-color: transparent; + border-color: #4caf50; +} + +.btn.btn-outline-success.disabled:hover, +.btn.btn-outline-success:disabled:hover { + background-color: transparent; + border-color: #4caf50; +} + +.bg-inverse .btn.btn-outline-success { + color: #4caf50; + background-color: transparent; + border-color: #4caf50; +} + +.bg-inverse .btn.btn-outline-success:hover { + color: #4caf50; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-success:focus, +.bg-inverse .btn.btn-outline-success.focus, +.bg-inverse .btn.btn-outline-success:hover { + color: #4caf50; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-success:active, +.bg-inverse .btn.btn-outline-success.active, +.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle, +.show>.bg-inverse .btn.btn-outline-success.dropdown-toggle { + color: #4caf50; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.bg-inverse .btn.btn-outline-success:active:hover, +.bg-inverse .btn.btn-outline-success:active:focus, +.bg-inverse .btn.btn-outline-success:active.focus, +.bg-inverse .btn.btn-outline-success.active:hover, +.bg-inverse .btn.btn-outline-success.active:focus, +.bg-inverse .btn.btn-outline-success.active.focus, +.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle:hover, +.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle:focus, +.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle.focus, +.show>.bg-inverse .btn.btn-outline-success.dropdown-toggle:hover, +.show>.bg-inverse .btn.btn-outline-success.dropdown-toggle:focus, +.show>.bg-inverse .btn.btn-outline-success.dropdown-toggle.focus { + color: #4caf50; + background-color: rgba(204, 204, 204, 0.25); + border-color: rgba(204, 204, 204, 0.25); +} + +.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-success.disabled:focus, +.bg-inverse .btn.btn-outline-success.disabled.focus, +.bg-inverse .btn.btn-outline-success:disabled:focus, +.bg-inverse .btn.btn-outline-success:disabled.focus { + background-color: transparent; + border-color: #4caf50; +} + +.bg-inverse .btn.btn-outline-success.disabled:hover, +.bg-inverse .btn.btn-outline-success:disabled:hover { + background-color: transparent; + border-color: #4caf50; +} + +.btn.btn-outline-success.btn-link { + background-color: transparent; +} + +.btn.btn-outline-warning { + color: #ff9800; + background-color: transparent; + border-color: #ff9800; +} + +.btn.btn-outline-warning:hover { + color: #ff9800; + background-color: rgba(153, 153, 153, 0.2); + border-color: #ff9800; +} + +.btn.btn-outline-warning:focus, +.btn.btn-outline-warning.focus, +.btn.btn-outline-warning:hover { + color: #ff9800; + background-color: rgba(153, 153, 153, 0.2); + border-color: #ff9800; +} + +.btn.btn-outline-warning:active, +.btn.btn-outline-warning.active, +.open>.btn.btn-outline-warning.dropdown-toggle, +.show>.btn.btn-outline-warning.dropdown-toggle { + color: #ff9800; + background-color: rgba(153, 153, 153, 0.2); + border-color: #ff9800; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.btn.btn-outline-warning:active:hover, +.btn.btn-outline-warning:active:focus, +.btn.btn-outline-warning:active.focus, +.btn.btn-outline-warning.active:hover, +.btn.btn-outline-warning.active:focus, +.btn.btn-outline-warning.active.focus, +.open>.btn.btn-outline-warning.dropdown-toggle:hover, +.open>.btn.btn-outline-warning.dropdown-toggle:focus, +.open>.btn.btn-outline-warning.dropdown-toggle.focus, +.show>.btn.btn-outline-warning.dropdown-toggle:hover, +.show>.btn.btn-outline-warning.dropdown-toggle:focus, +.show>.btn.btn-outline-warning.dropdown-toggle.focus { + color: #ff9800; + background-color: rgba(153, 153, 153, 0.4); + border-color: #ff9800; +} + +.open>.btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(153, 153, 153, 0.2); +} + +.btn.btn-outline-warning.disabled:focus, +.btn.btn-outline-warning.disabled.focus, +.btn.btn-outline-warning:disabled:focus, +.btn.btn-outline-warning:disabled.focus { + background-color: transparent; + border-color: #ff9800; +} + +.btn.btn-outline-warning.disabled:hover, +.btn.btn-outline-warning:disabled:hover { + background-color: transparent; + border-color: #ff9800; +} + +.bg-inverse .btn.btn-outline-warning { + color: #ff9800; + background-color: transparent; + border-color: #ff9800; +} + +.bg-inverse .btn.btn-outline-warning:hover { + color: #ff9800; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-warning:focus, +.bg-inverse .btn.btn-outline-warning.focus, +.bg-inverse .btn.btn-outline-warning:hover { + color: #ff9800; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-warning:active, +.bg-inverse .btn.btn-outline-warning.active, +.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle, +.show>.bg-inverse .btn.btn-outline-warning.dropdown-toggle { + color: #ff9800; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.bg-inverse .btn.btn-outline-warning:active:hover, +.bg-inverse .btn.btn-outline-warning:active:focus, +.bg-inverse .btn.btn-outline-warning:active.focus, +.bg-inverse .btn.btn-outline-warning.active:hover, +.bg-inverse .btn.btn-outline-warning.active:focus, +.bg-inverse .btn.btn-outline-warning.active.focus, +.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle:hover, +.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle:focus, +.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle.focus, +.show>.bg-inverse .btn.btn-outline-warning.dropdown-toggle:hover, +.show>.bg-inverse .btn.btn-outline-warning.dropdown-toggle:focus, +.show>.bg-inverse .btn.btn-outline-warning.dropdown-toggle.focus { + color: #ff9800; + background-color: rgba(204, 204, 204, 0.25); + border-color: rgba(204, 204, 204, 0.25); +} + +.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-warning.disabled:focus, +.bg-inverse .btn.btn-outline-warning.disabled.focus, +.bg-inverse .btn.btn-outline-warning:disabled:focus, +.bg-inverse .btn.btn-outline-warning:disabled.focus { + background-color: transparent; + border-color: #ff9800; +} + +.bg-inverse .btn.btn-outline-warning.disabled:hover, +.bg-inverse .btn.btn-outline-warning:disabled:hover { + background-color: transparent; + border-color: #ff9800; +} + +.btn.btn-outline-warning.btn-link { + background-color: transparent; +} + +.btn.btn-outline-danger { + color: #f44336; + background-color: transparent; + border-color: #f44336; +} + +.btn.btn-outline-danger:hover { + color: #f44336; + background-color: rgba(153, 153, 153, 0.2); + border-color: #f44336; +} + +.btn.btn-outline-danger:focus, +.btn.btn-outline-danger.focus, +.btn.btn-outline-danger:hover { + color: #f44336; + background-color: rgba(153, 153, 153, 0.2); + border-color: #f44336; +} + +.btn.btn-outline-danger:active, +.btn.btn-outline-danger.active, +.open>.btn.btn-outline-danger.dropdown-toggle, +.show>.btn.btn-outline-danger.dropdown-toggle { + color: #f44336; + background-color: rgba(153, 153, 153, 0.2); + border-color: #f44336; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.btn.btn-outline-danger:active:hover, +.btn.btn-outline-danger:active:focus, +.btn.btn-outline-danger:active.focus, +.btn.btn-outline-danger.active:hover, +.btn.btn-outline-danger.active:focus, +.btn.btn-outline-danger.active.focus, +.open>.btn.btn-outline-danger.dropdown-toggle:hover, +.open>.btn.btn-outline-danger.dropdown-toggle:focus, +.open>.btn.btn-outline-danger.dropdown-toggle.focus, +.show>.btn.btn-outline-danger.dropdown-toggle:hover, +.show>.btn.btn-outline-danger.dropdown-toggle:focus, +.show>.btn.btn-outline-danger.dropdown-toggle.focus { + color: #f44336; + background-color: rgba(153, 153, 153, 0.4); + border-color: #f44336; +} + +.open>.btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(153, 153, 153, 0.2); +} + +.btn.btn-outline-danger.disabled:focus, +.btn.btn-outline-danger.disabled.focus, +.btn.btn-outline-danger:disabled:focus, +.btn.btn-outline-danger:disabled.focus { + background-color: transparent; + border-color: #f44336; +} + +.btn.btn-outline-danger.disabled:hover, +.btn.btn-outline-danger:disabled:hover { + background-color: transparent; + border-color: #f44336; +} + +.bg-inverse .btn.btn-outline-danger { + color: #f44336; + background-color: transparent; + border-color: #f44336; +} + +.bg-inverse .btn.btn-outline-danger:hover { + color: #f44336; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-danger:focus, +.bg-inverse .btn.btn-outline-danger.focus, +.bg-inverse .btn.btn-outline-danger:hover { + color: #f44336; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-danger:active, +.bg-inverse .btn.btn-outline-danger.active, +.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle, +.show>.bg-inverse .btn.btn-outline-danger.dropdown-toggle { + color: #f44336; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.bg-inverse .btn.btn-outline-danger:active:hover, +.bg-inverse .btn.btn-outline-danger:active:focus, +.bg-inverse .btn.btn-outline-danger:active.focus, +.bg-inverse .btn.btn-outline-danger.active:hover, +.bg-inverse .btn.btn-outline-danger.active:focus, +.bg-inverse .btn.btn-outline-danger.active.focus, +.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle:hover, +.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle:focus, +.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle.focus, +.show>.bg-inverse .btn.btn-outline-danger.dropdown-toggle:hover, +.show>.bg-inverse .btn.btn-outline-danger.dropdown-toggle:focus, +.show>.bg-inverse .btn.btn-outline-danger.dropdown-toggle.focus { + color: #f44336; + background-color: rgba(204, 204, 204, 0.25); + border-color: rgba(204, 204, 204, 0.25); +} + +.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-danger.disabled:focus, +.bg-inverse .btn.btn-outline-danger.disabled.focus, +.bg-inverse .btn.btn-outline-danger:disabled:focus, +.bg-inverse .btn.btn-outline-danger:disabled.focus { + background-color: transparent; + border-color: #f44336; +} + +.bg-inverse .btn.btn-outline-danger.disabled:hover, +.bg-inverse .btn.btn-outline-danger:disabled:hover { + background-color: transparent; + border-color: #f44336; +} + +.btn.btn-outline-danger.btn-link { + background-color: transparent; +} + +.btn.btn-lg, +.btn-group-lg>.btn, +.btn-group-lg .btn { + padding: 1.125rem 2.25rem; + font-size: 0.875rem; + line-height: 1.333333; + border-radius: 0.2rem; +} + +.btn.btn-sm, +.btn-group-sm>.btn, +.btn-group-sm .btn { + padding: 0.40625rem 1.25rem; + font-size: 0.6875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn.btn-round { + border-radius: 30px; +} + +.btn.btn-fab, +.btn.btn-just-icon { + font-size: 24px; + height: 41px; + min-width: 41px; + width: 41px; + padding: 0; + overflow: hidden; + position: relative; + line-height: 41px; +} + +.btn.btn-fab.btn-round, +.btn.btn-just-icon.btn-round { + border-radius: 50%; +} + +.btn-group-sm .btn.btn-fab, +.btn.btn-fab.btn-sm, +.btn-group-sm>.btn.btn-fab, +.btn.btn-fab.btn-fab-mini, +.btn-group-sm .btn.btn-just-icon, +.btn.btn-just-icon.btn-sm, +.btn-group-sm>.btn.btn-just-icon, +.btn.btn-just-icon.btn-fab-mini { + height: 30px; + min-width: 30px; + width: 30px; +} + +.btn-group-sm .btn.btn-fab .material-icons, +.btn-group-sm .btn.btn-fab .fa, +.btn.btn-fab.btn-sm .material-icons, +.btn-group-sm>.btn.btn-fab .material-icons, +.btn.btn-fab.btn-sm .fa, +.btn-group-sm>.btn.btn-fab .fa, +.btn.btn-fab.btn-fab-mini .material-icons, +.btn.btn-fab.btn-fab-mini .fa, +.btn-group-sm .btn.btn-just-icon .material-icons, +.btn-group-sm .btn.btn-just-icon .fa, +.btn.btn-just-icon.btn-sm .material-icons, +.btn-group-sm>.btn.btn-just-icon .material-icons, +.btn.btn-just-icon.btn-sm .fa, +.btn-group-sm>.btn.btn-just-icon .fa, +.btn.btn-just-icon.btn-fab-mini .material-icons, +.btn.btn-just-icon.btn-fab-mini .fa { + font-size: 17px; + line-height: 29px; +} + +.btn-group-lg .btn.btn-fab, +.btn.btn-fab.btn-lg, +.btn-group-lg>.btn.btn-fab, +.btn-group-lg .btn.btn-just-icon, +.btn.btn-just-icon.btn-lg, +.btn-group-lg>.btn.btn-just-icon { + height: 57px; + min-width: 57px; + width: 57px; + line-height: 56px; +} + +.btn-group-lg .btn.btn-fab .material-icons, +.btn-group-lg .btn.btn-fab .fa, +.btn.btn-fab.btn-lg .material-icons, +.btn-group-lg>.btn.btn-fab .material-icons, +.btn.btn-fab.btn-lg .fa, +.btn-group-lg>.btn.btn-fab .fa, +.btn-group-lg .btn.btn-just-icon .material-icons, +.btn-group-lg .btn.btn-just-icon .fa, +.btn.btn-just-icon.btn-lg .material-icons, +.btn-group-lg>.btn.btn-just-icon .material-icons, +.btn.btn-just-icon.btn-lg .fa, +.btn-group-lg>.btn.btn-just-icon .fa { + font-size: 32px; + line-height: 56px; +} + +.btn.btn-fab .material-icons, +.btn.btn-fab .fa, +.btn.btn-just-icon .material-icons, +.btn.btn-just-icon .fa { + margin-top: 0; + position: absolute; + width: 100%; + transform: none; + left: 0; + top: 0; + height: 100%; + line-height: 41px; + font-size: 20px; +} + +.btn-just-icon.btn-lg, +.btn-group-lg>.btn-just-icon.btn { + font-size: 24px; + height: 41px; + min-width: 41px; + width: 41px; +} + +.input-group-btn>.btn { + border: 0; +} + +.btn .material-icons, +.btn:not(.btn-just-icon):not(.btn-fab) .fa { + position: relative; + display: inline-block; + top: 0; + margin-top: -1em; + margin-bottom: -1em; + font-size: 1.1rem; + vertical-align: middle; +} + +.bg-inverse fieldset[disabled][disabled] .btn, +.bg-inverse .btn.disabled, +.bg-inverse .btn:disabled, +.bg-inverse .btn[disabled], +.bg-inverse fieldset[disabled][disabled] .input-group-btn .btn, +.bg-inverse .input-group-btn .btn.disabled, +.bg-inverse .input-group-btn .btn:disabled, +.bg-inverse .input-group-btn .btn[disabled], +.bg-inverse fieldset[disabled][disabled] .btn-group, +.bg-inverse .btn-group.disabled, +.bg-inverse .btn-group:disabled, +.bg-inverse .btn-group[disabled], +.bg-inverse fieldset[disabled][disabled] .btn-group-vertical, +.bg-inverse .btn-group-vertical.disabled, +.bg-inverse .btn-group-vertical:disabled, +.bg-inverse .btn-group-vertical[disabled] { + color: rgba(255, 255, 255, 0.3); +} + +.btn-group, +.btn-group-vertical { + position: relative; + margin: 10px 1px; +} + +.btn-group .dropdown-menu, +.btn-group-vertical .dropdown-menu { + border-radius: 0 0 0.25rem 0.25rem; +} + +.btn-group.btn-group-raised, +.btn-group-vertical.btn-group-raised { + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.btn-group .btn+.btn, +.btn-group .btn, +.btn-group .btn:active, +.btn-group .btn-group, +.btn-group-vertical .btn+.btn, +.btn-group-vertical .btn, +.btn-group-vertical .btn:active, +.btn-group-vertical .btn-group { + margin: 0; +} + +.btn-group>.btn-group, +.btn-group-vertical>.btn-group { + margin: 0; +} + +body { + background-color: #eee; + color: #000000; + font-weight: 300; +} + +legend { + border-bottom: 0; +} + +.serif-font { + font-family: "Roboto Slab", "Times New Roman", serif; +} + +* { + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + -webkit-tap-highlight-color: transparent; +} + +*:focus { + outline: 0; +} + +a { + color: #9c27b0; +} + +a:hover, +a:focus { + color: #89229b; + text-decoration: none; +} + +a.text-info:hover, +a.text-info:focus { + color: #00a5bb; +} + +a .material-icons { + vertical-align: middle; +} + +.main { + background: #ffffff; + position: relative; + z-index: 3; +} + +.form-check, +label { + font-size: 14px; + line-height: 1.42857; + color: #AAAAAA; + font-weight: 400; +} + +.main-raised { + margin: -60px 30px 0px; + border-radius: 6px; + box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); +} + +/* Animations */ +.animation-transition-general, +.carousel .carousel-indicators li { + -webkit-transition: all 300ms linear; + -moz-transition: all 300ms linear; + -o-transition: all 300ms linear; + -ms-transition: all 300ms linear; + transition: all 300ms linear; +} + +.animation-transition-slow { + -webkit-transition: all 370ms linear; + -moz-transition: all 370ms linear; + -o-transition: all 370ms linear; + -ms-transition: all 370ms linear; + transition: all 370ms linear; +} + +.animation-transition-fast, +.bootstrap-datetimepicker-widget table td>div, +.bootstrap-datetimepicker-widget table th>div, +.bootstrap-datetimepicker-widget table th, +.bootstrap-datetimepicker-widget table td span { + -webkit-transition: all 150ms ease 0s; + -moz-transition: all 150ms ease 0s; + -o-transition: all 150ms ease 0s; + -ms-transition: all 150ms ease 0s; + transition: all 150ms ease 0s; +} + +.animation-transition-fast, +.bootstrap-datetimepicker-widget table td>div, +.bootstrap-datetimepicker-widget table th>div, +.bootstrap-datetimepicker-widget table th, +.bootstrap-datetimepicker-widget table td span, +.navbar, +.bootstrap-tagsinput .tag, +.bootstrap-tagsinput [data-role="remove"], +.card-collapse .card-header a i { + -webkit-transition: all 150ms ease 0s; + -moz-transition: all 150ms ease 0s; + -o-transition: all 150ms ease 0s; + -ms-transition: all 150ms ease 0s; + transition: all 150ms ease 0s; +} + +.signup-page .card-signup form .form-check { + padding-left: 20px; +} + +.signup-page .card-signup form .form-check .form-check-label { + padding-left: 35px; +} + +.section-signup .card-signup .card-header { + width: auto; +} + +.section-signup .card-signup .card-body .input-group { + padding-bottom: 7px; + margin: 27px 0 0 0; +} + +.offline-doc .page-header, +.offline-free-doc .page-header { + height: 100vh !important; +} + +.offline-doc .page-header:after, +.offline-free-doc .page-header:after { + background: rgba(0, 0, 0, 0.5) !important; +} + +.offline-doc .footer, +.offline-free-doc .footer { + position: absolute; + width: 100%; + background: transparent; + bottom: 0; + color: #ffffff; + z-index: 1; +} + +.offline-doc .footer .copyright a, +.offline-free-doc .footer .copyright a { + color: #ffffff; +} + +.offline-doc .navbar .navbar-brand, +.offline-doc .navbar .navbar-collapse .nav-link, +.offline-free-doc .navbar .navbar-brand, +.offline-free-doc .navbar .navbar-collapse .nav-link { + color: #ffffff; +} + +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.tim-row { + margin-bottom: 20px; +} + +.tim-white-buttons { + background-color: #777777; +} + +.title { + margin-top: 30px; + margin-bottom: 25px; + min-height: 32px; +} + +#map { + position: relative; + z-index: 2; + width: 100%; + height: calc(100vh - 70px); + margin-top: 70px; +} + +.tim-typo { + padding-left: 25%; + margin-bottom: 40px; + position: relative; + width: 100%; +} + +.tim-typo .tim-note { + bottom: 5px; + color: #c0c1c2; + display: block; + font-weight: 400; + font-size: 13px; + line-height: 15px; + left: 0; + margin-left: 20px; + position: absolute; + width: 260px; +} + +.tim-row { + padding-top: 50px; +} + +.tim-row h3 { + margin-top: 0; +} + +#typography h1, +#typography h2, +#typography h3, +#typography h4, +#typography h5, +#typography h6 { + margin-bottom: 0; +} + +.switch { + margin-right: 20px; +} + +#navbar-full .navbar { + border-radius: 0 !important; + margin-bottom: 15px; + z-index: 2; +} + +.space { + height: 130px; + display: block; +} + +.space-110 { + height: 110px; + display: block; +} + +.space-50 { + height: 50px; + display: block; +} + +.space-70 { + height: 70px; + display: block; +} + +.navigation-example .img-src { + background-attachment: scroll; +} + +.navigation-example { + background-position: center center; + background-size: cover; + margin-top: 0; + min-height: 740px; +} + +#notifications { + background-color: #ffffff; + display: block; + width: 100%; + position: relative; +} + +#notifications .alert-danger { + margin-bottom: 0px; +} + +.tim-note { + text-transform: capitalize; +} + +#buttons .btn { + margin: 0 0px 15px; +} + +.space-100 { + height: 100px; + display: block; + width: 100%; +} + +.parallax { + width: 100%; + height: 570px; + display: block; + background-attachment: fixed; + background-repeat: no-repeat; + background-size: cover; + background-position: center center; +} + +.parallax .parallax-image { + width: 100%; + overflow: hidden; + position: absolute; +} + +.parallax .parallax-image img { + width: 100%; +} + +@media (max-width: 768px) { + .parallax .parallax-image { + width: 100%; + height: 640px; + overflow: hidden; + } + + .parallax .parallax-image img { + height: 100%; + width: auto; + } +} + +.separator { + content: "Separator"; + color: #ffffff; + display: block; + width: 100%; + padding: 20px; +} + +.separator-line { + background-color: #EEE; + height: 1px; + width: 100%; + display: block; +} + +.separator.separator-gray { + background-color: #EEEEEE; +} + +.social-buttons-demo .btn { + margin: 10px 5px 7px 1px; +} + +.img-container { + width: 100%; + overflow: hidden; +} + +.img-container img { + width: 100%; +} + +.section-black { + background-color: #333; +} + +.animate { + transition: 1.5s ease-in-out; + -moz-transition: 1.5s ease-in-out; + -webkit-transition: 1.5s ease-in-out; +} + +.sharing-area { + margin-top: 80px; +} + +.sharing-area .btn { + margin: 15px 4px 0; + color: #ffffff; +} + +.sharing-area .btn i { + font-size: 18px; + position: relative; + top: 2px; + margin-right: 5px; +} + +#navbar { + margin-bottom: -20px; +} + +.sharing-area .btn-twitter { + background-color: #55acee; +} + +.sharing-area .btn-facebook { + background-color: #3b5998; +} + +.sharing-area .btn-instagram { + background-color: #e4405f; +} + +.sharing-area .btn-github { + background-color: #333333; +} + +#navbar .navbar { + border-radius: 0; +} + +@media (max-width: 830px) { + .main-raised { + margin-left: 10px; + margin-right: 10px; + } +} + +@media (max-width: 767px) { + .tab-pane#schedule-2 { + padding-top: 20px; + } +} + +.bd-docs .bd-example.bd-example-popover-static .popover, +.bd-docs .bd-example.bd-example-tooltip-static .tooltip { + z-index: 3 !important; +} + +@media all and (max-width: 375px) { + .page-header { + height: calc(100vh + 270px); + } + + .index-page { + overflow-x: hidden; + } + + .pagination.pagination-primary .page-item:nth-of-type(3), + .pagination.pagination-primary .page-item:nth-of-type(7) { + display: none; + } + + .pagination.pagination-info .page-item:nth-of-type(2) { + display: none; + } + + .main.main-raised { + margin-top: -30px; + } + + .form-group.is-focused .bootstrap-datetimepicker-widget { + left: -32px !important; + } +} + +.show.modal .dropdown-toggle:after { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); +} + +.bootstrap-datetimepicker-widget .timepicker .table-condesed .btn .ripple-container { + width: 40px; + height: 40px; + margin: -11px 3px; +} + +.bd-docs .bd-toc-item .bd-sidenav a span { + float: right; + margin-top: 5px; + padding: 3px 7px; + font-size: 8px; + line-height: 9px; + background-color: #9c27b0; +} + +.bd-docs .bd-content .bd-title .btn { + padding: 7px 20px; + margin-bottom: 10px; +} + +.form-check { + margin-bottom: .5rem; + padding-left: 0; +} + +.form-check .form-check-label { + cursor: pointer; + padding-left: 0; +} + +.form-group.is-focused .form-check .form-check-label { + color: rgba(0, 0, 0, 0.26); +} + +.form-group.is-focused .form-check .form-check-label:hover, +.form-group.is-focused .form-check .form-check-label:focus { + color: rgba(0, 0, 0, .54); +} + +fieldset[disabled] .form-group.is-focused .form-check .form-check-label { + color: rgba(0, 0, 0, 0.26); +} + +.form-check .form-check-input { + opacity: 0; + position: absolute; + margin: 0; + z-index: -1; + width: 0; + height: 0; + overflow: hidden; + left: 0; + pointer-events: none; +} + +.form-check .form-check-sign { + vertical-align: middle; + position: relative; + top: -2px; + float: left; + padding-right: 10px; + display: inline-block; +} + +.form-check .form-check-sign:before { + display: block; + position: absolute; + left: 0; + content: ""; + background-color: rgba(0, 0, 0, 0.84); + height: 20px; + width: 20px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; + top: 0; + -webkit-transform: scale3d(2.3, 2.3, 1); + -moz-transform: scale3d(2.3, 2.3, 1); + -o-transform: scale3d(2.3, 2.3, 1); + -ms-transform: scale3d(2.3, 2.3, 1); + transform: scale3d(2.3, 2.3, 1); +} + +.form-check .form-check-sign .check { + position: relative; + display: inline-block; + width: 20px; + height: 20px; + border: 1px solid rgba(0, 0, 0, .54); + overflow: hidden; + z-index: 1; + border-radius: 3px; +} + +.form-check .form-check-sign .check:before { + position: absolute; + content: ""; + transform: rotate(45deg); + display: block; + margin-top: -3px; + margin-left: 7px; + width: 0; + color: #ffffff; + height: 0; + box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset; + -webkit-animation: checkbox-off 0.3s forwards; + -moz-animation: checkbox-off 0.3s forwards; + -o-animation: checkbox-off 0.3s forwards; + -ms-animation: checkbox-off 0.3s forwards; + animation: checkbox-off 0.3s forwards; +} + +.form-check .form-check-input:focus+.form-check-sign .check:after { + opacity: 0.2; +} + +.form-check .form-check-input:checked~.form-check-sign .check { + background: #9c27b0; +} + +.form-check .form-check-input:checked~.form-check-sign .check:before { + color: #fff; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; + -webkit-animation: checkbox-on 0.3s forwards; + -moz-animation: checkbox-on 0.3s forwards; + -o-animation: checkbox-on 0.3s forwards; + -ms-animation: checkbox-on 0.3s forwards; + animation: checkbox-on 0.3s forwards; +} + +.form-check .form-check-input:checked~.form-check-sign:before { + -webkit-animation: rippleOn 500ms; + -moz-animation: rippleOn 500ms; + -o-animation: rippleOn 500ms; + -ms-animation: rippleOn 500ms; + animation: rippleOn 500ms; +} + +.form-check .form-check-input:checked~.form-check-sign .check:after { + -webkit-animation: rippleOn 500ms forwards; + -moz-animation: rippleOn 500ms forwards; + -o-animation: rippleOn 500ms forwards; + -ms-animation: rippleOn 500ms forwards; + animation: rippleOn 500ms forwards; +} + +.form-check .form-check-input:not(:checked)+.form-check-sign:before { + -webkit-animation: rippleOff 500ms; + -moz-animation: rippleOff 500ms; + -o-animation: rippleOff 500ms; + -ms-animation: rippleOff 500ms; + animation: rippleOff 500ms; +} + +.form-check .form-check-input:not(:checked)+.form-check-sign .check:after { + -webkit-animation: rippleOff 500ms; + -moz-animation: rippleOff 500ms; + -o-animation: rippleOff 500ms; + -ms-animation: rippleOff 500ms; + animation: rippleOff 500ms; +} + +fieldset[disabled] .form-check, +fieldset[disabled] .form-check .form-check-input, +.form-check .form-check-input[disabled]~.form-check-sign .check, +.form-check .form-check-input[disabled]+.circle { + opacity: 0.5; +} + +.form-check .form-check-input[disabled]~.form-check-sign .check { + border-color: #000000; + opacity: .26; +} + +.form-check .form-check-input[disabled]+.form-check-sign .check:after { + background-color: rgba(0, 0, 0, 0.87); + transform: rotate(-45deg); +} + +.form-check .form-check-input[disabled][checked]+.form-check-sign .check { + background-color: #000; +} + +@keyframes checkbox-on { + 0% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; + } + + 50% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; + } + + 100% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; + } +} + +@keyframes rippleOn { + 0% { + opacity: 0; + } + + 50% { + opacity: 0.2; + } + + 100% { + opacity: 0; + } +} + +@keyframes rippleOff { + 0% { + opacity: 0; + } + + 50% { + opacity: 0.2; + } + + 100% { + opacity: 0; + } +} + +.switch label { + position: relative; + padding-left: 2.4375rem; +} + +.switch label .bmd-switch-track { + position: absolute; + top: 0.3125rem; + left: 0; + display: inline-block; + width: 2.125rem; + height: 0.875rem; + cursor: pointer; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 50%, #c49bcb 50%, #c49bcb 100%); + background-position: 0%; + background-size: 4.25rem 0.875rem; + border-radius: 2.125rem; + transition: background-position 0.2s ease-in; +} + +.switch label .bmd-switch-track::after { + position: absolute; + top: 50%; + left: 0; + display: block; + align-self: center; + width: 1.25rem; + height: 1.25rem; + content: ""; + background: #f1f1f1; + border-radius: 100%; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); + transition: left 0.2s ease-in, background-color 0.2s ease-in, transform 0.3s ease; + transform: translateY(-50%); +} + +.switch label .bmd-switch-track:active::after { + transform: translateY(-50%) scale3d(1.15, 0.85, 1); +} + +.switch label input { + position: absolute; + display: block; + width: 0; + height: 0; + opacity: 0; +} + +.switch label input:checked+.bmd-switch-track { + background-position: -100%; +} + +.switch label input:checked+.bmd-switch-track::after { + left: calc(100% - 1.25rem); + background-color: #9c27b0; +} + +.switch label input:disabled+.bmd-switch-track:active::after { + transform: translateY(-50%); +} + +.switch label input:disabled+.bmd-switch-track { + cursor: default; + background: rgba(0, 0, 0, 0.12); +} + +.switch label input:disabled+.bmd-switch-track::after { + background: #bdbdbd; +} + +.form-check .form-check-label { + cursor: pointer; + padding-left: 25px; + position: relative; +} + +.form-group.is-focused .form-check .form-check-label { + color: rgba(0, 0, 0, 0.26); +} + +.form-group.is-focused .form-check .form-check-label:hover, +.form-group.is-focused .form-check .form-check-label:focus { + color: rgba(0, 0, 0, .54); +} + +fieldset[disabled] .form-group.is-focused .form-check .form-check-label { + color: rgba(0, 0, 0, 0.26); +} + +.form-check .form-check-label span { + display: block; + position: absolute; + left: -1px; + top: -1px; + transition-duration: 0.2s; +} + +.form-check .form-check-label .circle { + border: 1px solid rgba(0, 0, 0, .54); + height: 15px; + width: 15px; + border-radius: 100%; + top: 1px; +} + +.form-check .form-check-label .circle .check { + height: 15px; + width: 15px; + border-radius: 100%; + background-color: #9c27b0; + -webkit-transform: scale3d(0, 0, 0); + -moz-transform: scale3d(0, 0, 0); + -o-transform: scale3d(0, 0, 0); + -ms-transform: scale3d(0, 0, 0); + transform: scale3d(0, 0, 0); +} + +.form-check .form-check-input { + opacity: 0; + height: 0; + width: 0; + overflow: hidden; +} + +.form-check .form-check-input:checked~.check, +.form-check .form-check-input:checked~.circle { + opacity: 1; +} + +.form-check .form-check-input:checked~.check { + background-color: #9c27b0; +} + +.form-check .form-check-input:checked~.circle { + border-color: #9c27b0; +} + +.form-check .form-check-input:checked .check:before { + animation: checkboxOn .5s forwards; +} + +.form-check .form-check-input:checked~.circle .check { + -webkit-transform: scale3d(0.65, 0.65, 1); + -moz-transform: scale3d(0.65, 0.65, 1); + -o-transform: scale3d(0.65, 0.65, 1); + -ms-transform: scale3d(0.65, 0.65, 1); + transform: scale3d(0.65, 0.65, 1); +} + +.form-check .form-check-input[disabled]~.check, +.form-check .form-check-input[disabled]~.circle { + opacity: 0.26; +} + +.form-check .form-check-input[disabled]~.check { + background-color: #000; +} + +.form-check .form-check-input[disabled]~.circle { + border-color: #000; +} + +.form-check .form-check-input[disabled]+.circle .check { + background-color: #000; +} + +.form-check .form-check-sign { + vertical-align: middle; + position: relative; + top: -2px; + float: left; + padding-right: 10px; + display: inline-block; +} + +.form-check .form-check-label .circle:before { + display: block; + position: absolute; + left: -1px; + content: ""; + background-color: rgba(0, 0, 0, 0.84); + height: 15px; + width: 15px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; + top: -1px; + -webkit-transform: scale3d(2.3, 2.3, 1); + -moz-transform: scale3d(2.3, 2.3, 1); + -o-transform: scale3d(2.3, 2.3, 1); + -ms-transform: scale3d(2.3, 2.3, 1); + transform: scale3d(2.3, 2.3, 1); +} + +.form-check .form-check-label .form-check-input:checked+.circle:before { + animation: rippleOn .5s; +} + +.form-check .form-check-label .form-check-input:checked+.circle .check:before { + color: #FFFFFF; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; + animation: checkboxOn 0.3s forwards; +} + +.form-check+.form-check { + margin-top: 0; +} + +@keyframes checkboxOn { + 0% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; + } + + 50% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; + } + + 100% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; + } +} + +@keyframes rippleOn { + 0% { + opacity: 0; + } + + 50% { + opacity: 0.2; + } + + 100% { + opacity: 0; + } +} + +@keyframes rippleOff { + 0% { + opacity: 0; + } + + 50% { + opacity: 0.2; + } + + 100% { + opacity: 0; + } +} + +.carousel .carousel-control.left, +.carousel .carousel-control.right { + background-image: none; +} + +.carousel .carousel-control.right i { + right: 0; +} + +.carousel .card { + margin-top: 0; +} + +.carousel .item { + text-align: center; +} + +.carousel.carousel-full-navigation .carousel-control { + width: 50%; +} + +.carousel.carousel-full-navigation .carousel-control.left, +.carousel.carousel-full-navigation .carousel-control.right { + background-image: none; +} + +.carousel.carousel-full-navigation .carousel-control .material-icons, +.carousel.carousel-full-navigation .carousel-control .fa { + display: none; +} + +.carousel .carousel-control { + height: 15%; + margin: auto; +} + +.carousel .carousel-control-prev .material-icons, +.carousel .carousel-control-next .material-icons { + z-index: 5; + display: inline-block; + font-size: 50px; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 50px; + margin: auto; +} + +.carousel .carousel-indicators { + bottom: 5px; +} + +.carousel .carousel-indicators li, +.carousel .carousel-indicators .active { + margin: 11px 10px; +} + +.carousel .carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + text-indent: -999px; + cursor: pointer; + border: 1px solid #fff; + border-radius: 10px; + background: #fff; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); + border-radius: 2px; +} + +.carousel .carousel-indicators .active { + margin-top: 10px; + -webkit-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + -ms-transform: scale(1.5); + transform: scale(1.5); + box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); +} + +.carousel .carousel-caption { + padding-bottom: 45px; +} + +.carousel .carousel-caption .material-icons { + position: relative; + top: 5px; +} + +form { + margin-bottom: 1.125rem; +} + +.card form { + margin: 0; +} + +.navbar form { + margin-bottom: 0; +} + +.navbar form .bmd-form-group { + display: inline-block; + padding-top: 0; +} + +.navbar form .btn { + margin-bottom: 0; +} + +.form-control { + background: no-repeat center bottom, center calc(100% - 1px); + background-size: 0 100%, 100% 100%; + border: 0; + height: 36px; + transition: background 0s ease-out; + padding-left: 0; + padding-right: 0; + border-radius: 0; + font-size: 14px; +} + +.form-control:focus, +.bmd-form-group.is-focused .form-control { + background-size: 100% 100%, 100% 100%; + transition-duration: 0.3s; + box-shadow: none; +} + +.form-control::-moz-placeholder { + color: #AAAAAA; + font-weight: 400; + font-size: 14px; +} + +.form-control:-ms-input-placeholder { + color: #AAAAAA; + font-weight: 400; + font-size: 14px; +} + +.form-control::-webkit-input-placeholder { + color: #AAAAAA; + font-weight: 400; + font-size: 14px; +} + +.has-white .form-control::-moz-placeholder { + color: #ffffff; +} + +.has-white .form-control:-ms-input-placeholder { + color: #ffffff; +} + +.has-white .form-control::-webkit-input-placeholder { + color: #ffffff; +} + +.bmd-help { + position: absolute; + display: none; + font-size: .8rem; + font-weight: normal; +} + +.bmd-form-group.is-focused .bmd-help { + display: block; +} + +.bmd-help:nth-of-type(2) { + padding-top: 1rem; +} + +.bmd-help+.bmd-help { + position: relative; + margin-bottom: 0; +} + +.radio label, +.is-focused .radio label, +.radio-inline, +.is-focused .radio-inline, +.checkbox label, +.is-focused .checkbox label, +.checkbox-inline, +.is-focused .checkbox-inline, +.switch label, +.is-focused .switch label { + color: #999999; +} + +.radio label label:has(input[type=radio][disabled]), +.radio label label:has(input[type=radio][disabled]):hover, +.radio label label:has(input[type=radio][disabled]):focus, +.radio label label:has(input[type=checkbox][disabled]), +.radio label label:has(input[type=checkbox][disabled]):hover, +.radio label label:has(input[type=checkbox][disabled]):focus, +fieldset[disabled] .radio label, +fieldset[disabled] .radio label:hover, +fieldset[disabled] .radio label:focus, +.is-focused .radio label label:has(input[type=radio][disabled]), +.is-focused .radio label label:has(input[type=radio][disabled]):hover, +.is-focused .radio label label:has(input[type=radio][disabled]):focus, +.is-focused .radio label label:has(input[type=checkbox][disabled]), +.is-focused .radio label label:has(input[type=checkbox][disabled]):hover, +.is-focused .radio label label:has(input[type=checkbox][disabled]):focus, +fieldset[disabled] .is-focused .radio label, +fieldset[disabled] .is-focused .radio label:hover, +fieldset[disabled] .is-focused .radio label:focus, +.radio-inline label:has(input[type=radio][disabled]), +.radio-inline label:has(input[type=radio][disabled]):hover, +.radio-inline label:has(input[type=radio][disabled]):focus, +.radio-inline label:has(input[type=checkbox][disabled]), +.radio-inline label:has(input[type=checkbox][disabled]):hover, +.radio-inline label:has(input[type=checkbox][disabled]):focus, +fieldset[disabled] .radio-inline, +fieldset[disabled] .radio-inline:hover, +fieldset[disabled] .radio-inline:focus, +.is-focused .radio-inline label:has(input[type=radio][disabled]), +.is-focused .radio-inline label:has(input[type=radio][disabled]):hover, +.is-focused .radio-inline label:has(input[type=radio][disabled]):focus, +.is-focused .radio-inline label:has(input[type=checkbox][disabled]), +.is-focused .radio-inline label:has(input[type=checkbox][disabled]):hover, +.is-focused .radio-inline label:has(input[type=checkbox][disabled]):focus, +fieldset[disabled] .is-focused .radio-inline, +fieldset[disabled] .is-focused .radio-inline:hover, +fieldset[disabled] .is-focused .radio-inline:focus, +.checkbox label label:has(input[type=radio][disabled]), +.checkbox label label:has(input[type=radio][disabled]):hover, +.checkbox label label:has(input[type=radio][disabled]):focus, +.checkbox label label:has(input[type=checkbox][disabled]), +.checkbox label label:has(input[type=checkbox][disabled]):hover, +.checkbox label label:has(input[type=checkbox][disabled]):focus, +fieldset[disabled] .checkbox label, +fieldset[disabled] .checkbox label:hover, +fieldset[disabled] .checkbox label:focus, +.is-focused .checkbox label label:has(input[type=radio][disabled]), +.is-focused .checkbox label label:has(input[type=radio][disabled]):hover, +.is-focused .checkbox label label:has(input[type=radio][disabled]):focus, +.is-focused .checkbox label label:has(input[type=checkbox][disabled]), +.is-focused .checkbox label label:has(input[type=checkbox][disabled]):hover, +.is-focused .checkbox label label:has(input[type=checkbox][disabled]):focus, +fieldset[disabled] .is-focused .checkbox label, +fieldset[disabled] .is-focused .checkbox label:hover, +fieldset[disabled] .is-focused .checkbox label:focus, +.checkbox-inline label:has(input[type=radio][disabled]), +.checkbox-inline label:has(input[type=radio][disabled]):hover, +.checkbox-inline label:has(input[type=radio][disabled]):focus, +.checkbox-inline label:has(input[type=checkbox][disabled]), +.checkbox-inline label:has(input[type=checkbox][disabled]):hover, +.checkbox-inline label:has(input[type=checkbox][disabled]):focus, +fieldset[disabled] .checkbox-inline, +fieldset[disabled] .checkbox-inline:hover, +fieldset[disabled] .checkbox-inline:focus, +.is-focused .checkbox-inline label:has(input[type=radio][disabled]), +.is-focused .checkbox-inline label:has(input[type=radio][disabled]):hover, +.is-focused .checkbox-inline label:has(input[type=radio][disabled]):focus, +.is-focused .checkbox-inline label:has(input[type=checkbox][disabled]), +.is-focused .checkbox-inline label:has(input[type=checkbox][disabled]):hover, +.is-focused .checkbox-inline label:has(input[type=checkbox][disabled]):focus, +fieldset[disabled] .is-focused .checkbox-inline, +fieldset[disabled] .is-focused .checkbox-inline:hover, +fieldset[disabled] .is-focused .checkbox-inline:focus, +.switch label label:has(input[type=radio][disabled]), +.switch label label:has(input[type=radio][disabled]):hover, +.switch label label:has(input[type=radio][disabled]):focus, +.switch label label:has(input[type=checkbox][disabled]), +.switch label label:has(input[type=checkbox][disabled]):hover, +.switch label label:has(input[type=checkbox][disabled]):focus, +fieldset[disabled] .switch label, +fieldset[disabled] .switch label:hover, +fieldset[disabled] .switch label:focus, +.is-focused .switch label label:has(input[type=radio][disabled]), +.is-focused .switch label label:has(input[type=radio][disabled]):hover, +.is-focused .switch label label:has(input[type=radio][disabled]):focus, +.is-focused .switch label label:has(input[type=checkbox][disabled]), +.is-focused .switch label label:has(input[type=checkbox][disabled]):hover, +.is-focused .switch label label:has(input[type=checkbox][disabled]):focus, +fieldset[disabled] .is-focused .switch label, +fieldset[disabled] .is-focused .switch label:hover, +fieldset[disabled] .is-focused .switch label:focus { + color: #999999; +} + +[class^='bmd-label'], +[class*=' bmd-label'] { + color: #999999; +} + +.form-control, +.is-focused .form-control { + background-image: linear-gradient(to top, #9c27b0 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.form-control:invalid { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.form-control:read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +fieldset[disabled][disabled] .form-control, +.form-control.disabled, +.form-control:disabled, +.form-control[disabled] { + background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); + background-repeat: repeat-x; + background-size: 3px 1px; +} + +.form-control.form-control-success, +.is-focused .form-control.form-control-success { + background-image: linear-gradient(to top, #9c27b0 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; +} + +.form-control.form-control-warning, +.is-focused .form-control.form-control-warning { + background-image: linear-gradient(to top, #9c27b0 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; +} + +.form-control.form-control-danger, +.is-focused .form-control.form-control-danger { + background-image: linear-gradient(to top, #9c27b0 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; +} + +.is-focused .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #999999; +} + +.is-focused .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(153, 153, 153, 0.8); + border-radius: .2rem; +} + +.was-validated .is-focused .form-control:valid, +.is-focused .form-control.is-valid, +.was-validated .is-focused .custom-select:valid, +.is-focused .custom-select.is-valid { + border-color: #999999; +} + +.was-validated .is-focused .form-control:valid:focus, +.is-focused .form-control.is-valid:focus, +.was-validated .is-focused .custom-select:valid:focus, +.is-focused .custom-select.is-valid:focus { + border-color: #999999; + box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.25); +} + +.was-validated .is-focused .form-control:valid~.valid-feedback, +.was-validated .is-focused .form-control:valid~.valid-tooltip, +.is-focused .form-control.is-valid~.valid-feedback, +.is-focused .form-control.is-valid~.valid-tooltip, +.was-validated .is-focused .custom-select:valid~.valid-feedback, +.was-validated .is-focused .custom-select:valid~.valid-tooltip, +.is-focused .custom-select.is-valid~.valid-feedback, +.is-focused .custom-select.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .is-focused .form-check-input:valid~.form-check-label, +.is-focused .form-check-input.is-valid~.form-check-label { + color: #999999; +} + +.was-validated .is-focused .form-check-input:valid~.valid-feedback, +.was-validated .is-focused .form-check-input:valid~.valid-tooltip, +.is-focused .form-check-input.is-valid~.valid-feedback, +.is-focused .form-check-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .is-focused .custom-control-input:valid~.custom-control-label, +.is-focused .custom-control-input.is-valid~.custom-control-label { + color: #999999; +} + +.was-validated .is-focused .custom-control-input:valid~.custom-control-label::before, +.is-focused .custom-control-input.is-valid~.custom-control-label::before { + background-color: #d9d9d9; +} + +.was-validated .is-focused .custom-control-input:valid~.valid-feedback, +.was-validated .is-focused .custom-control-input:valid~.valid-tooltip, +.is-focused .custom-control-input.is-valid~.valid-feedback, +.is-focused .custom-control-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .is-focused .custom-control-input:valid:checked~.custom-control-label::before, +.is-focused .custom-control-input.is-valid:checked~.custom-control-label::before { + background-color: #b3b3b3; +} + +.was-validated .is-focused .custom-control-input:valid:focus~.custom-control-label::before, +.is-focused .custom-control-input.is-valid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(153, 153, 153, 0.25); +} + +.was-validated .is-focused .custom-file-input:valid~.custom-file-label, +.is-focused .custom-file-input.is-valid~.custom-file-label { + border-color: #999999; +} + +.was-validated .is-focused .custom-file-input:valid~.custom-file-label::before, +.is-focused .custom-file-input.is-valid~.custom-file-label::before { + border-color: inherit; +} + +.was-validated .is-focused .custom-file-input:valid~.valid-feedback, +.was-validated .is-focused .custom-file-input:valid~.valid-tooltip, +.is-focused .custom-file-input.is-valid~.valid-feedback, +.is-focused .custom-file-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .is-focused .custom-file-input:valid:focus~.custom-file-label, +.is-focused .custom-file-input.is-valid:focus~.custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.25); +} + +.is-focused [class^='bmd-label'], +.is-focused [class*=' bmd-label'] { + color: #9c27b0; +} + +.is-focused .bmd-label-placeholder { + color: #999999; +} + +.is-focused .form-control { + border-color: #d2d2d2; +} + +.is-focused .bmd-help { + color: #555; +} + +.has-success [class^='bmd-label'], +.has-success [class*=' bmd-label'] { + color: #4caf50; +} + +.has-success .form-control, +.is-focused .has-success .form-control { + background-image: linear-gradient(to top, #4caf50 2px, rgba(76, 175, 80, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.has-success .form-control:invalid { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.has-success .form-control:read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +fieldset[disabled][disabled] .has-success .form-control, +.has-success .form-control.disabled, +.has-success .form-control:disabled, +.has-success .form-control[disabled] { + background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); + background-repeat: repeat-x; + background-size: 3px 1px; +} + +.has-success .form-control.form-control-success, +.is-focused .has-success .form-control.form-control-success { + background-image: linear-gradient(to top, #4caf50 2px, rgba(76, 175, 80, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; +} + +.has-success .form-control.form-control-warning, +.is-focused .has-success .form-control.form-control-warning { + background-image: linear-gradient(to top, #4caf50 2px, rgba(76, 175, 80, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; +} + +.has-success .form-control.form-control-danger, +.is-focused .has-success .form-control.form-control-danger { + background-image: linear-gradient(to top, #4caf50 2px, rgba(76, 175, 80, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; +} + +.has-success .is-focused .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #4caf50; +} + +.has-success .is-focused .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(76, 175, 80, 0.8); + border-radius: .2rem; +} + +.was-validated .has-success .is-focused .form-control:valid, +.has-success .is-focused .form-control.is-valid, +.was-validated .has-success .is-focused .custom-select:valid, +.has-success .is-focused .custom-select.is-valid { + border-color: #4caf50; +} + +.was-validated .has-success .is-focused .form-control:valid:focus, +.has-success .is-focused .form-control.is-valid:focus, +.was-validated .has-success .is-focused .custom-select:valid:focus, +.has-success .is-focused .custom-select.is-valid:focus { + border-color: #4caf50; + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); +} + +.was-validated .has-success .is-focused .form-control:valid~.valid-feedback, +.was-validated .has-success .is-focused .form-control:valid~.valid-tooltip, +.has-success .is-focused .form-control.is-valid~.valid-feedback, +.has-success .is-focused .form-control.is-valid~.valid-tooltip, +.was-validated .has-success .is-focused .custom-select:valid~.valid-feedback, +.was-validated .has-success .is-focused .custom-select:valid~.valid-tooltip, +.has-success .is-focused .custom-select.is-valid~.valid-feedback, +.has-success .is-focused .custom-select.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-success .is-focused .form-check-input:valid~.form-check-label, +.has-success .is-focused .form-check-input.is-valid~.form-check-label { + color: #4caf50; +} + +.was-validated .has-success .is-focused .form-check-input:valid~.valid-feedback, +.was-validated .has-success .is-focused .form-check-input:valid~.valid-tooltip, +.has-success .is-focused .form-check-input.is-valid~.valid-feedback, +.has-success .is-focused .form-check-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-success .is-focused .custom-control-input:valid~.custom-control-label, +.has-success .is-focused .custom-control-input.is-valid~.custom-control-label { + color: #4caf50; +} + +.was-validated .has-success .is-focused .custom-control-input:valid~.custom-control-label::before, +.has-success .is-focused .custom-control-input.is-valid~.custom-control-label::before { + background-color: #a3d7a5; +} + +.was-validated .has-success .is-focused .custom-control-input:valid~.valid-feedback, +.was-validated .has-success .is-focused .custom-control-input:valid~.valid-tooltip, +.has-success .is-focused .custom-control-input.is-valid~.valid-feedback, +.has-success .is-focused .custom-control-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-success .is-focused .custom-control-input:valid:checked~.custom-control-label::before, +.has-success .is-focused .custom-control-input.is-valid:checked~.custom-control-label::before { + background-color: #6ec071; +} + +.was-validated .has-success .is-focused .custom-control-input:valid:focus~.custom-control-label::before, +.has-success .is-focused .custom-control-input.is-valid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(76, 175, 80, 0.25); +} + +.was-validated .has-success .is-focused .custom-file-input:valid~.custom-file-label, +.has-success .is-focused .custom-file-input.is-valid~.custom-file-label { + border-color: #4caf50; +} + +.was-validated .has-success .is-focused .custom-file-input:valid~.custom-file-label::before, +.has-success .is-focused .custom-file-input.is-valid~.custom-file-label::before { + border-color: inherit; +} + +.was-validated .has-success .is-focused .custom-file-input:valid~.valid-feedback, +.was-validated .has-success .is-focused .custom-file-input:valid~.valid-tooltip, +.has-success .is-focused .custom-file-input.is-valid~.valid-feedback, +.has-success .is-focused .custom-file-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-success .is-focused .custom-file-input:valid:focus~.custom-file-label, +.has-success .is-focused .custom-file-input.is-valid:focus~.custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); +} + +.has-success .is-focused [class^='bmd-label'], +.has-success .is-focused [class*=' bmd-label'] { + color: #4caf50; +} + +.has-success .is-focused .bmd-label-placeholder { + color: #4caf50; +} + +.has-success .is-focused .form-control { + border-color: #4caf50; +} + +.has-success .is-focused .bmd-help { + color: #555; +} + +.has-info [class^='bmd-label'], +.has-info [class*=' bmd-label'] { + color: #00bcd4; +} + +.has-info .form-control, +.is-focused .has-info .form-control { + background-image: linear-gradient(to top, #00bcd4 2px, rgba(0, 188, 212, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.has-info .form-control:invalid { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.has-info .form-control:read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +fieldset[disabled][disabled] .has-info .form-control, +.has-info .form-control.disabled, +.has-info .form-control:disabled, +.has-info .form-control[disabled] { + background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); + background-repeat: repeat-x; + background-size: 3px 1px; +} + +.has-info .form-control.form-control-success, +.is-focused .has-info .form-control.form-control-success { + background-image: linear-gradient(to top, #00bcd4 2px, rgba(0, 188, 212, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; +} + +.has-info .form-control.form-control-warning, +.is-focused .has-info .form-control.form-control-warning { + background-image: linear-gradient(to top, #00bcd4 2px, rgba(0, 188, 212, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; +} + +.has-info .form-control.form-control-danger, +.is-focused .has-info .form-control.form-control-danger { + background-image: linear-gradient(to top, #00bcd4 2px, rgba(0, 188, 212, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; +} + +.has-info .is-focused .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #00bcd4; +} + +.has-info .is-focused .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(0, 188, 212, 0.8); + border-radius: .2rem; +} + +.was-validated .has-info .is-focused .form-control:valid, +.has-info .is-focused .form-control.is-valid, +.was-validated .has-info .is-focused .custom-select:valid, +.has-info .is-focused .custom-select.is-valid { + border-color: #00bcd4; +} + +.was-validated .has-info .is-focused .form-control:valid:focus, +.has-info .is-focused .form-control.is-valid:focus, +.was-validated .has-info .is-focused .custom-select:valid:focus, +.has-info .is-focused .custom-select.is-valid:focus { + border-color: #00bcd4; + box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.25); +} + +.was-validated .has-info .is-focused .form-control:valid~.valid-feedback, +.was-validated .has-info .is-focused .form-control:valid~.valid-tooltip, +.has-info .is-focused .form-control.is-valid~.valid-feedback, +.has-info .is-focused .form-control.is-valid~.valid-tooltip, +.was-validated .has-info .is-focused .custom-select:valid~.valid-feedback, +.was-validated .has-info .is-focused .custom-select:valid~.valid-tooltip, +.has-info .is-focused .custom-select.is-valid~.valid-feedback, +.has-info .is-focused .custom-select.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-info .is-focused .form-check-input:valid~.form-check-label, +.has-info .is-focused .form-check-input.is-valid~.form-check-label { + color: #00bcd4; +} + +.was-validated .has-info .is-focused .form-check-input:valid~.valid-feedback, +.was-validated .has-info .is-focused .form-check-input:valid~.valid-tooltip, +.has-info .is-focused .form-check-input.is-valid~.valid-feedback, +.has-info .is-focused .form-check-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-info .is-focused .custom-control-input:valid~.custom-control-label, +.has-info .is-focused .custom-control-input.is-valid~.custom-control-label { + color: #00bcd4; +} + +.was-validated .has-info .is-focused .custom-control-input:valid~.custom-control-label::before, +.has-info .is-focused .custom-control-input.is-valid~.custom-control-label::before { + background-color: #55ecff; +} + +.was-validated .has-info .is-focused .custom-control-input:valid~.valid-feedback, +.was-validated .has-info .is-focused .custom-control-input:valid~.valid-tooltip, +.has-info .is-focused .custom-control-input.is-valid~.valid-feedback, +.has-info .is-focused .custom-control-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-info .is-focused .custom-control-input:valid:checked~.custom-control-label::before, +.has-info .is-focused .custom-control-input.is-valid:checked~.custom-control-label::before { + background-color: #08e3ff; +} + +.was-validated .has-info .is-focused .custom-control-input:valid:focus~.custom-control-label::before, +.has-info .is-focused .custom-control-input.is-valid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(0, 188, 212, 0.25); +} + +.was-validated .has-info .is-focused .custom-file-input:valid~.custom-file-label, +.has-info .is-focused .custom-file-input.is-valid~.custom-file-label { + border-color: #00bcd4; +} + +.was-validated .has-info .is-focused .custom-file-input:valid~.custom-file-label::before, +.has-info .is-focused .custom-file-input.is-valid~.custom-file-label::before { + border-color: inherit; +} + +.was-validated .has-info .is-focused .custom-file-input:valid~.valid-feedback, +.was-validated .has-info .is-focused .custom-file-input:valid~.valid-tooltip, +.has-info .is-focused .custom-file-input.is-valid~.valid-feedback, +.has-info .is-focused .custom-file-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-info .is-focused .custom-file-input:valid:focus~.custom-file-label, +.has-info .is-focused .custom-file-input.is-valid:focus~.custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.25); +} + +.has-info .is-focused [class^='bmd-label'], +.has-info .is-focused [class*=' bmd-label'] { + color: #00bcd4; +} + +.has-info .is-focused .bmd-label-placeholder { + color: #00bcd4; +} + +.has-info .is-focused .form-control { + border-color: #00bcd4; +} + +.has-info .is-focused .bmd-help { + color: #555; +} + +.has-white [class^='bmd-label'], +.has-white [class*=' bmd-label'] { + color: #ffffff; +} + +.has-white .form-control, +.is-focused .has-white .form-control { + background-image: linear-gradient(to top, #ffffff 2px, rgba(255, 255, 255, 0) 2px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px); +} + +.has-white .form-control:invalid { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px); +} + +.has-white .form-control:read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px); +} + +fieldset[disabled][disabled] .has-white .form-control, +.has-white .form-control.disabled, +.has-white .form-control:disabled, +.has-white .form-control[disabled] { + background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 30%, transparent 30%, transparent 100%); + background-repeat: repeat-x; + background-size: 3px 1px; +} + +.has-white .form-control.form-control-success, +.is-focused .has-white .form-control.form-control-success { + background-image: linear-gradient(to top, #ffffff 2px, rgba(255, 255, 255, 0) 2px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; +} + +.has-white .form-control.form-control-warning, +.is-focused .has-white .form-control.form-control-warning { + background-image: linear-gradient(to top, #ffffff 2px, rgba(255, 255, 255, 0) 2px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; +} + +.has-white .form-control.form-control-danger, +.is-focused .has-white .form-control.form-control-danger { + background-image: linear-gradient(to top, #ffffff 2px, rgba(255, 255, 255, 0) 2px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; +} + +.has-white .is-focused .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #ffffff; +} + +.has-white .is-focused .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(255, 255, 255, 0.8); + border-radius: .2rem; +} + +.was-validated .has-white .is-focused .form-control:valid, +.has-white .is-focused .form-control.is-valid, +.was-validated .has-white .is-focused .custom-select:valid, +.has-white .is-focused .custom-select.is-valid { + border-color: #ffffff; +} + +.was-validated .has-white .is-focused .form-control:valid:focus, +.has-white .is-focused .form-control.is-valid:focus, +.was-validated .has-white .is-focused .custom-select:valid:focus, +.has-white .is-focused .custom-select.is-valid:focus { + border-color: #ffffff; + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25); +} + +.was-validated .has-white .is-focused .form-control:valid~.valid-feedback, +.was-validated .has-white .is-focused .form-control:valid~.valid-tooltip, +.has-white .is-focused .form-control.is-valid~.valid-feedback, +.has-white .is-focused .form-control.is-valid~.valid-tooltip, +.was-validated .has-white .is-focused .custom-select:valid~.valid-feedback, +.was-validated .has-white .is-focused .custom-select:valid~.valid-tooltip, +.has-white .is-focused .custom-select.is-valid~.valid-feedback, +.has-white .is-focused .custom-select.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-white .is-focused .form-check-input:valid~.form-check-label, +.has-white .is-focused .form-check-input.is-valid~.form-check-label { + color: #ffffff; +} + +.was-validated .has-white .is-focused .form-check-input:valid~.valid-feedback, +.was-validated .has-white .is-focused .form-check-input:valid~.valid-tooltip, +.has-white .is-focused .form-check-input.is-valid~.valid-feedback, +.has-white .is-focused .form-check-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-white .is-focused .custom-control-input:valid~.custom-control-label, +.has-white .is-focused .custom-control-input.is-valid~.custom-control-label { + color: #ffffff; +} + +.was-validated .has-white .is-focused .custom-control-input:valid~.custom-control-label::before, +.has-white .is-focused .custom-control-input.is-valid~.custom-control-label::before { + background-color: white; +} + +.was-validated .has-white .is-focused .custom-control-input:valid~.valid-feedback, +.was-validated .has-white .is-focused .custom-control-input:valid~.valid-tooltip, +.has-white .is-focused .custom-control-input.is-valid~.valid-feedback, +.has-white .is-focused .custom-control-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-white .is-focused .custom-control-input:valid:checked~.custom-control-label::before, +.has-white .is-focused .custom-control-input.is-valid:checked~.custom-control-label::before { + background-color: white; +} + +.was-validated .has-white .is-focused .custom-control-input:valid:focus~.custom-control-label::before, +.has-white .is-focused .custom-control-input.is-valid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(255, 255, 255, 0.25); +} + +.was-validated .has-white .is-focused .custom-file-input:valid~.custom-file-label, +.has-white .is-focused .custom-file-input.is-valid~.custom-file-label { + border-color: #ffffff; +} + +.was-validated .has-white .is-focused .custom-file-input:valid~.custom-file-label::before, +.has-white .is-focused .custom-file-input.is-valid~.custom-file-label::before { + border-color: inherit; +} + +.was-validated .has-white .is-focused .custom-file-input:valid~.valid-feedback, +.was-validated .has-white .is-focused .custom-file-input:valid~.valid-tooltip, +.has-white .is-focused .custom-file-input.is-valid~.valid-feedback, +.has-white .is-focused .custom-file-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-white .is-focused .custom-file-input:valid:focus~.custom-file-label, +.has-white .is-focused .custom-file-input.is-valid:focus~.custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25); +} + +.has-white .is-focused [class^='bmd-label'], +.has-white .is-focused [class*=' bmd-label'] { + color: #ffffff; +} + +.has-white .is-focused .bmd-label-placeholder { + color: #ffffff; +} + +.has-white .is-focused .form-control { + border-color: #ffffff; +} + +.has-white .is-focused .bmd-help { + color: #555; +} + +.has-white .form-control:focus { + color: #ffffff; +} + +.has-warning [class^='bmd-label'], +.has-warning [class*=' bmd-label'] { + color: #ff9800; +} + +.has-warning .form-control, +.is-focused .has-warning .form-control { + background-image: linear-gradient(to top, #ff9800 2px, rgba(255, 152, 0, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.has-warning .form-control:invalid { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.has-warning .form-control:read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +fieldset[disabled][disabled] .has-warning .form-control, +.has-warning .form-control.disabled, +.has-warning .form-control:disabled, +.has-warning .form-control[disabled] { + background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); + background-repeat: repeat-x; + background-size: 3px 1px; +} + +.has-warning .form-control.form-control-success, +.is-focused .has-warning .form-control.form-control-success { + background-image: linear-gradient(to top, #ff9800 2px, rgba(255, 152, 0, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; +} + +.has-warning .form-control.form-control-warning, +.is-focused .has-warning .form-control.form-control-warning { + background-image: linear-gradient(to top, #ff9800 2px, rgba(255, 152, 0, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; +} + +.has-warning .form-control.form-control-danger, +.is-focused .has-warning .form-control.form-control-danger { + background-image: linear-gradient(to top, #ff9800 2px, rgba(255, 152, 0, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; +} + +.has-warning .is-focused .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #ff9800; +} + +.has-warning .is-focused .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(255, 152, 0, 0.8); + border-radius: .2rem; +} + +.was-validated .has-warning .is-focused .form-control:valid, +.has-warning .is-focused .form-control.is-valid, +.was-validated .has-warning .is-focused .custom-select:valid, +.has-warning .is-focused .custom-select.is-valid { + border-color: #ff9800; +} + +.was-validated .has-warning .is-focused .form-control:valid:focus, +.has-warning .is-focused .form-control.is-valid:focus, +.was-validated .has-warning .is-focused .custom-select:valid:focus, +.has-warning .is-focused .custom-select.is-valid:focus { + border-color: #ff9800; + box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 0.25); +} + +.was-validated .has-warning .is-focused .form-control:valid~.valid-feedback, +.was-validated .has-warning .is-focused .form-control:valid~.valid-tooltip, +.has-warning .is-focused .form-control.is-valid~.valid-feedback, +.has-warning .is-focused .form-control.is-valid~.valid-tooltip, +.was-validated .has-warning .is-focused .custom-select:valid~.valid-feedback, +.was-validated .has-warning .is-focused .custom-select:valid~.valid-tooltip, +.has-warning .is-focused .custom-select.is-valid~.valid-feedback, +.has-warning .is-focused .custom-select.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-warning .is-focused .form-check-input:valid~.form-check-label, +.has-warning .is-focused .form-check-input.is-valid~.form-check-label { + color: #ff9800; +} + +.was-validated .has-warning .is-focused .form-check-input:valid~.valid-feedback, +.was-validated .has-warning .is-focused .form-check-input:valid~.valid-tooltip, +.has-warning .is-focused .form-check-input.is-valid~.valid-feedback, +.has-warning .is-focused .form-check-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-warning .is-focused .custom-control-input:valid~.custom-control-label, +.has-warning .is-focused .custom-control-input.is-valid~.custom-control-label { + color: #ff9800; +} + +.was-validated .has-warning .is-focused .custom-control-input:valid~.custom-control-label::before, +.has-warning .is-focused .custom-control-input.is-valid~.custom-control-label::before { + background-color: #ffcc80; +} + +.was-validated .has-warning .is-focused .custom-control-input:valid~.valid-feedback, +.was-validated .has-warning .is-focused .custom-control-input:valid~.valid-tooltip, +.has-warning .is-focused .custom-control-input.is-valid~.valid-feedback, +.has-warning .is-focused .custom-control-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-warning .is-focused .custom-control-input:valid:checked~.custom-control-label::before, +.has-warning .is-focused .custom-control-input.is-valid:checked~.custom-control-label::before { + background-color: #ffad33; +} + +.was-validated .has-warning .is-focused .custom-control-input:valid:focus~.custom-control-label::before, +.has-warning .is-focused .custom-control-input.is-valid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(255, 152, 0, 0.25); +} + +.was-validated .has-warning .is-focused .custom-file-input:valid~.custom-file-label, +.has-warning .is-focused .custom-file-input.is-valid~.custom-file-label { + border-color: #ff9800; +} + +.was-validated .has-warning .is-focused .custom-file-input:valid~.custom-file-label::before, +.has-warning .is-focused .custom-file-input.is-valid~.custom-file-label::before { + border-color: inherit; +} + +.was-validated .has-warning .is-focused .custom-file-input:valid~.valid-feedback, +.was-validated .has-warning .is-focused .custom-file-input:valid~.valid-tooltip, +.has-warning .is-focused .custom-file-input.is-valid~.valid-feedback, +.has-warning .is-focused .custom-file-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-warning .is-focused .custom-file-input:valid:focus~.custom-file-label, +.has-warning .is-focused .custom-file-input.is-valid:focus~.custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 0.25); +} + +.has-warning .is-focused [class^='bmd-label'], +.has-warning .is-focused [class*=' bmd-label'] { + color: #ff9800; +} + +.has-warning .is-focused .bmd-label-placeholder { + color: #ff9800; +} + +.has-warning .is-focused .form-control { + border-color: #ff9800; +} + +.has-warning .is-focused .bmd-help { + color: #555; +} + +.has-danger [class^='bmd-label'], +.has-danger [class*=' bmd-label'] { + color: #f44336; +} + +.has-danger .form-control, +.is-focused .has-danger .form-control { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.has-danger .form-control:invalid { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.has-danger .form-control:read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +fieldset[disabled][disabled] .has-danger .form-control, +.has-danger .form-control.disabled, +.has-danger .form-control:disabled, +.has-danger .form-control[disabled] { + background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); + background-repeat: repeat-x; + background-size: 3px 1px; +} + +.has-danger .form-control.form-control-success, +.is-focused .has-danger .form-control.form-control-success { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; +} + +.has-danger .form-control.form-control-warning, +.is-focused .has-danger .form-control.form-control-warning { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; +} + +.has-danger .form-control.form-control-danger, +.is-focused .has-danger .form-control.form-control-danger { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; +} + +.has-danger .is-focused .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #f44336; +} + +.has-danger .is-focused .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(244, 67, 54, 0.8); + border-radius: .2rem; +} + +.was-validated .has-danger .is-focused .form-control:valid, +.has-danger .is-focused .form-control.is-valid, +.was-validated .has-danger .is-focused .custom-select:valid, +.has-danger .is-focused .custom-select.is-valid { + border-color: #f44336; +} + +.was-validated .has-danger .is-focused .form-control:valid:focus, +.has-danger .is-focused .form-control.is-valid:focus, +.was-validated .has-danger .is-focused .custom-select:valid:focus, +.has-danger .is-focused .custom-select.is-valid:focus { + border-color: #f44336; + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); +} + +.was-validated .has-danger .is-focused .form-control:valid~.valid-feedback, +.was-validated .has-danger .is-focused .form-control:valid~.valid-tooltip, +.has-danger .is-focused .form-control.is-valid~.valid-feedback, +.has-danger .is-focused .form-control.is-valid~.valid-tooltip, +.was-validated .has-danger .is-focused .custom-select:valid~.valid-feedback, +.was-validated .has-danger .is-focused .custom-select:valid~.valid-tooltip, +.has-danger .is-focused .custom-select.is-valid~.valid-feedback, +.has-danger .is-focused .custom-select.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-danger .is-focused .form-check-input:valid~.form-check-label, +.has-danger .is-focused .form-check-input.is-valid~.form-check-label { + color: #f44336; +} + +.was-validated .has-danger .is-focused .form-check-input:valid~.valid-feedback, +.was-validated .has-danger .is-focused .form-check-input:valid~.valid-tooltip, +.has-danger .is-focused .form-check-input.is-valid~.valid-feedback, +.has-danger .is-focused .form-check-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-danger .is-focused .custom-control-input:valid~.custom-control-label, +.has-danger .is-focused .custom-control-input.is-valid~.custom-control-label { + color: #f44336; +} + +.was-validated .has-danger .is-focused .custom-control-input:valid~.custom-control-label::before, +.has-danger .is-focused .custom-control-input.is-valid~.custom-control-label::before { + background-color: #fbb4af; +} + +.was-validated .has-danger .is-focused .custom-control-input:valid~.valid-feedback, +.was-validated .has-danger .is-focused .custom-control-input:valid~.valid-tooltip, +.has-danger .is-focused .custom-control-input.is-valid~.valid-feedback, +.has-danger .is-focused .custom-control-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-danger .is-focused .custom-control-input:valid:checked~.custom-control-label::before, +.has-danger .is-focused .custom-control-input.is-valid:checked~.custom-control-label::before { + background-color: #f77066; +} + +.was-validated .has-danger .is-focused .custom-control-input:valid:focus~.custom-control-label::before, +.has-danger .is-focused .custom-control-input.is-valid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(244, 67, 54, 0.25); +} + +.was-validated .has-danger .is-focused .custom-file-input:valid~.custom-file-label, +.has-danger .is-focused .custom-file-input.is-valid~.custom-file-label { + border-color: #f44336; +} + +.was-validated .has-danger .is-focused .custom-file-input:valid~.custom-file-label::before, +.has-danger .is-focused .custom-file-input.is-valid~.custom-file-label::before { + border-color: inherit; +} + +.was-validated .has-danger .is-focused .custom-file-input:valid~.valid-feedback, +.was-validated .has-danger .is-focused .custom-file-input:valid~.valid-tooltip, +.has-danger .is-focused .custom-file-input.is-valid~.valid-feedback, +.has-danger .is-focused .custom-file-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-danger .is-focused .custom-file-input:valid:focus~.custom-file-label, +.has-danger .is-focused .custom-file-input.is-valid:focus~.custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); +} + +.has-danger .is-focused [class^='bmd-label'], +.has-danger .is-focused [class*=' bmd-label'] { + color: #f44336; +} + +.has-danger .is-focused .bmd-label-placeholder { + color: #f44336; +} + +.has-danger .is-focused .form-control { + border-color: #f44336; +} + +.has-danger .is-focused .bmd-help { + color: #555; +} + +.has-rose [class^='bmd-label'], +.has-rose [class*=' bmd-label'] { + color: #e91e63; +} + +.has-rose .form-control, +.is-focused .has-rose .form-control { + background-image: linear-gradient(to top, #e91e63 2px, rgba(233, 30, 99, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.has-rose .form-control:invalid { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.has-rose .form-control:read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +fieldset[disabled][disabled] .has-rose .form-control, +.has-rose .form-control.disabled, +.has-rose .form-control:disabled, +.has-rose .form-control[disabled] { + background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); + background-repeat: repeat-x; + background-size: 3px 1px; +} + +.has-rose .form-control.form-control-success, +.is-focused .has-rose .form-control.form-control-success { + background-image: linear-gradient(to top, #e91e63 2px, rgba(233, 30, 99, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; +} + +.has-rose .form-control.form-control-warning, +.is-focused .has-rose .form-control.form-control-warning { + background-image: linear-gradient(to top, #e91e63 2px, rgba(233, 30, 99, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; +} + +.has-rose .form-control.form-control-danger, +.is-focused .has-rose .form-control.form-control-danger { + background-image: linear-gradient(to top, #e91e63 2px, rgba(233, 30, 99, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; +} + +.has-rose .is-focused .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #e91e63; +} + +.has-rose .is-focused .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(233, 30, 99, 0.8); + border-radius: .2rem; +} + +.was-validated .has-rose .is-focused .form-control:valid, +.has-rose .is-focused .form-control.is-valid, +.was-validated .has-rose .is-focused .custom-select:valid, +.has-rose .is-focused .custom-select.is-valid { + border-color: #e91e63; +} + +.was-validated .has-rose .is-focused .form-control:valid:focus, +.has-rose .is-focused .form-control.is-valid:focus, +.was-validated .has-rose .is-focused .custom-select:valid:focus, +.has-rose .is-focused .custom-select.is-valid:focus { + border-color: #e91e63; + box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25); +} + +.was-validated .has-rose .is-focused .form-control:valid~.valid-feedback, +.was-validated .has-rose .is-focused .form-control:valid~.valid-tooltip, +.has-rose .is-focused .form-control.is-valid~.valid-feedback, +.has-rose .is-focused .form-control.is-valid~.valid-tooltip, +.was-validated .has-rose .is-focused .custom-select:valid~.valid-feedback, +.was-validated .has-rose .is-focused .custom-select:valid~.valid-tooltip, +.has-rose .is-focused .custom-select.is-valid~.valid-feedback, +.has-rose .is-focused .custom-select.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-rose .is-focused .form-check-input:valid~.form-check-label, +.has-rose .is-focused .form-check-input.is-valid~.form-check-label { + color: #e91e63; +} + +.was-validated .has-rose .is-focused .form-check-input:valid~.valid-feedback, +.was-validated .has-rose .is-focused .form-check-input:valid~.valid-tooltip, +.has-rose .is-focused .form-check-input.is-valid~.valid-feedback, +.has-rose .is-focused .form-check-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-rose .is-focused .custom-control-input:valid~.custom-control-label, +.has-rose .is-focused .custom-control-input.is-valid~.custom-control-label { + color: #e91e63; +} + +.was-validated .has-rose .is-focused .custom-control-input:valid~.custom-control-label::before, +.has-rose .is-focused .custom-control-input.is-valid~.custom-control-label::before { + background-color: #f492b4; +} + +.was-validated .has-rose .is-focused .custom-control-input:valid~.valid-feedback, +.was-validated .has-rose .is-focused .custom-control-input:valid~.valid-tooltip, +.has-rose .is-focused .custom-control-input.is-valid~.valid-feedback, +.has-rose .is-focused .custom-control-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-rose .is-focused .custom-control-input:valid:checked~.custom-control-label::before, +.has-rose .is-focused .custom-control-input.is-valid:checked~.custom-control-label::before { + background-color: #ee4c83; +} + +.was-validated .has-rose .is-focused .custom-control-input:valid:focus~.custom-control-label::before, +.has-rose .is-focused .custom-control-input.is-valid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(233, 30, 99, 0.25); +} + +.was-validated .has-rose .is-focused .custom-file-input:valid~.custom-file-label, +.has-rose .is-focused .custom-file-input.is-valid~.custom-file-label { + border-color: #e91e63; +} + +.was-validated .has-rose .is-focused .custom-file-input:valid~.custom-file-label::before, +.has-rose .is-focused .custom-file-input.is-valid~.custom-file-label::before { + border-color: inherit; +} + +.was-validated .has-rose .is-focused .custom-file-input:valid~.valid-feedback, +.was-validated .has-rose .is-focused .custom-file-input:valid~.valid-tooltip, +.has-rose .is-focused .custom-file-input.is-valid~.valid-feedback, +.has-rose .is-focused .custom-file-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-rose .is-focused .custom-file-input:valid:focus~.custom-file-label, +.has-rose .is-focused .custom-file-input.is-valid:focus~.custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25); +} + +.has-rose .is-focused [class^='bmd-label'], +.has-rose .is-focused [class*=' bmd-label'] { + color: #e91e63; +} + +.has-rose .is-focused .bmd-label-placeholder { + color: #e91e63; +} + +.has-rose .is-focused .form-control { + border-color: #e91e63; +} + +.has-rose .is-focused .bmd-help { + color: #555; +} + +.bmd-form-group { + position: relative; + padding-top: 27px; +} + +.bmd-form-group:not(.has-success):not(.has-danger) [class^='bmd-label'].bmd-label-floating, +.bmd-form-group:not(.has-success):not(.has-danger) [class*=' bmd-label'].bmd-label-floating { + color: #AAAAAA; +} + +.bmd-form-group [class^='bmd-label'], +.bmd-form-group [class*=' bmd-label'] { + position: absolute; + pointer-events: none; + transition: 0.3s ease all; +} + +.bmd-form-group [class^='bmd-label'].bmd-label-floating, +.bmd-form-group [class*=' bmd-label'].bmd-label-floating { + will-change: left, top, contents; + margin: 0; + line-height: 1.4; + font-weight: 400; +} + +.bmd-form-group.is-filled .bmd-label-placeholder { + display: none; +} + +.bmd-form-group.bmd-collapse-inline { + display: flex; + align-items: center; + padding: 0; + min-height: 2.1em; +} + +.bmd-form-group.bmd-collapse-inline .collapse { + flex: 1; + display: none; +} + +.bmd-form-group.bmd-collapse-inline .collapse.show { + max-width: 1200px; +} + +.bmd-form-group.bmd-collapse-inline .collapsing, +.bmd-form-group.bmd-collapse-inline .width:not(.collapse), +.bmd-form-group.bmd-collapse-inline .collapse.show { + display: block; +} + +.bmd-form-group.bmd-collapse-inline .collapsing { + transition-duration: 0.2s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +.bmd-form-group .form-control, +.bmd-form-group label, +.bmd-form-group input::placeholder { + line-height: 1.1; +} + +.bmd-form-group label { + color: #AAAAAA; +} + +.bmd-form-group .radio label, +.bmd-form-group label.radio-inline, +.bmd-form-group .checkbox label, +.bmd-form-group label.checkbox-inline, +.bmd-form-group .switch label { + line-height: 1.5; +} + +.bmd-form-group .checkbox label, +.bmd-form-group .radio label, +.bmd-form-group label { + font-size: 0.875rem; +} + +.bmd-form-group .bmd-label-floating, +.bmd-form-group .bmd-label-placeholder { + top: 2.3125rem; +} + +.bmd-form-group .is-focused .bmd-label-floating, +.bmd-form-group .is-filled .bmd-label-floating { + top: 1rem; + left: 0; + font-size: 0.6875rem; +} + +.bmd-form-group .bmd-label-static { + top: 0.35rem; + left: 0; + font-size: 0.875rem; +} + +.bmd-form-group .bmd-help { + margin-top: 0; + font-size: 0.75rem; +} + +.bmd-form-group .form-control.form-control-success, +.bmd-form-group .form-control.form-control-warning, +.bmd-form-group .form-control.form-control-danger { + background-size: 0 100%, 100% 100%, 0.9375rem 0.9375rem; +} + +.bmd-form-group .form-control.form-control-success, +.bmd-form-group .form-control.form-control-success:focus, +.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-success, +.bmd-form-group .form-control.form-control-warning, +.bmd-form-group .form-control.form-control-warning:focus, +.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-warning, +.bmd-form-group .form-control.form-control-danger, +.bmd-form-group .form-control.form-control-danger:focus, +.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-danger { + padding-right: 0; + background-repeat: no-repeat, no-repeat; + background-position: center bottom, center calc(100% - 1px), center right 0.46875rem; +} + +.bmd-form-group .form-control.form-control-success:focus, +.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-success, +.bmd-form-group .form-control.form-control-warning:focus, +.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-warning, +.bmd-form-group .form-control.form-control-danger:focus, +.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-danger { + background-size: 100% 100%, 100% 100%, 0.9375rem 0.9375rem; +} + +.bmd-form-group.bmd-form-group-sm .form-control, +.bmd-form-group.bmd-form-group-sm label, +.bmd-form-group.bmd-form-group-sm input::placeholder { + line-height: 1.1; +} + +.bmd-form-group.bmd-form-group-sm label { + color: #AAAAAA; +} + +.bmd-form-group.bmd-form-group-sm .radio label, +.bmd-form-group.bmd-form-group-sm label.radio-inline, +.bmd-form-group.bmd-form-group-sm .checkbox label, +.bmd-form-group.bmd-form-group-sm label.checkbox-inline, +.bmd-form-group.bmd-form-group-sm .switch label { + line-height: 1.5; +} + +.bmd-form-group.bmd-form-group-sm .checkbox label, +.bmd-form-group.bmd-form-group-sm .radio label, +.bmd-form-group.bmd-form-group-sm label { + font-size: 0.875rem; +} + +.bmd-form-group.bmd-form-group-sm .bmd-label-floating, +.bmd-form-group.bmd-form-group-sm .bmd-label-placeholder { + top: 1.875rem; +} + +.bmd-form-group.bmd-form-group-sm .is-focused .bmd-label-floating, +.bmd-form-group.bmd-form-group-sm .is-filled .bmd-label-floating { + top: 0.75rem; + left: 0; + font-size: 0.6875rem; +} + +.bmd-form-group.bmd-form-group-sm .bmd-label-static { + top: 0.1rem; + left: 0; + font-size: 0.875rem; +} + +.bmd-form-group.bmd-form-group-sm .bmd-help { + margin-top: 0; + font-size: 0.65625rem; +} + +.bmd-form-group.bmd-form-group-sm .form-control.form-control-success, +.bmd-form-group.bmd-form-group-sm .form-control.form-control-warning, +.bmd-form-group.bmd-form-group-sm .form-control.form-control-danger { + background-size: 0 100%, 100% 100%, 0.6875rem 0.6875rem; +} + +.bmd-form-group.bmd-form-group-sm .form-control.form-control-success, +.bmd-form-group.bmd-form-group-sm .form-control.form-control-success:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-success, +.bmd-form-group.bmd-form-group-sm .form-control.form-control-warning, +.bmd-form-group.bmd-form-group-sm .form-control.form-control-warning:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-warning, +.bmd-form-group.bmd-form-group-sm .form-control.form-control-danger, +.bmd-form-group.bmd-form-group-sm .form-control.form-control-danger:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-danger { + padding-right: 0; + background-repeat: no-repeat, no-repeat; + background-position: center bottom, center calc(100% - 1px), center right 0.34375rem; +} + +.bmd-form-group.bmd-form-group-sm .form-control.form-control-success:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-success, +.bmd-form-group.bmd-form-group-sm .form-control.form-control-warning:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-warning, +.bmd-form-group.bmd-form-group-sm .form-control.form-control-danger:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-danger { + background-size: 100% 100%, 100% 100%, 0.6875rem 0.6875rem; +} + +.bmd-form-group.bmd-form-group-lg .form-control, +.bmd-form-group.bmd-form-group-lg label, +.bmd-form-group.bmd-form-group-lg input::placeholder { + line-height: 1.1; +} + +.bmd-form-group.bmd-form-group-lg label { + color: #AAAAAA; +} + +.bmd-form-group.bmd-form-group-lg .radio label, +.bmd-form-group.bmd-form-group-lg label.radio-inline, +.bmd-form-group.bmd-form-group-lg .checkbox label, +.bmd-form-group.bmd-form-group-lg label.checkbox-inline, +.bmd-form-group.bmd-form-group-lg .switch label { + line-height: 1.5; +} + +.bmd-form-group.bmd-form-group-lg .checkbox label, +.bmd-form-group.bmd-form-group-lg .radio label, +.bmd-form-group.bmd-form-group-lg label { + font-size: 0.875rem; +} + +.bmd-form-group.bmd-form-group-lg .bmd-label-floating, +.bmd-form-group.bmd-form-group-lg .bmd-label-placeholder { + top: 2.4375rem; +} + +.bmd-form-group.bmd-form-group-lg .is-focused .bmd-label-floating, +.bmd-form-group.bmd-form-group-lg .is-filled .bmd-label-floating { + top: 1rem; + left: 0; + font-size: 0.6875rem; +} + +.bmd-form-group.bmd-form-group-lg .bmd-label-static { + top: 0.35rem; + left: 0; + font-size: 0.875rem; +} + +.bmd-form-group.bmd-form-group-lg .bmd-help { + margin-top: 0; + font-size: 0.9375rem; +} + +.bmd-form-group.bmd-form-group-lg .form-control.form-control-success, +.bmd-form-group.bmd-form-group-lg .form-control.form-control-warning, +.bmd-form-group.bmd-form-group-lg .form-control.form-control-danger { + background-size: 0 100%, 100% 100%, 1.1875rem 1.1875rem; +} + +.bmd-form-group.bmd-form-group-lg .form-control.form-control-success, +.bmd-form-group.bmd-form-group-lg .form-control.form-control-success:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-success, +.bmd-form-group.bmd-form-group-lg .form-control.form-control-warning, +.bmd-form-group.bmd-form-group-lg .form-control.form-control-warning:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-warning, +.bmd-form-group.bmd-form-group-lg .form-control.form-control-danger, +.bmd-form-group.bmd-form-group-lg .form-control.form-control-danger:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-danger { + padding-right: 0; + background-repeat: no-repeat, no-repeat; + background-position: center bottom, center calc(100% - 1px), center right 0.59375rem; +} + +.bmd-form-group.bmd-form-group-lg .form-control.form-control-success:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-success, +.bmd-form-group.bmd-form-group-lg .form-control.form-control-warning:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-warning, +.bmd-form-group.bmd-form-group-lg .form-control.form-control-danger:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-danger { + background-size: 100% 100%, 100% 100%, 1.1875rem 1.1875rem; +} + +.form-control, +label, +input::placeholder { + line-height: 1.1; +} + +label { + color: #AAAAAA; +} + +.radio label, +label.radio-inline, +.checkbox label, +label.checkbox-inline, +.switch label { + line-height: 1.5; +} + +.checkbox label, +.radio label, +label { + font-size: 0.875rem; +} + +.bmd-label-floating, +.bmd-label-placeholder { + top: 2.3125rem; +} + +.is-focused .bmd-label-floating, +.is-filled .bmd-label-floating { + top: 1rem; + left: 0; + font-size: 0.6875rem; +} + +.bmd-label-static { + top: 0.35rem; + left: 0; + font-size: 0.875rem; +} + +.bmd-help { + margin-top: 0; + font-size: 0.75rem; +} + +.form-control.form-control-success, +.form-control.form-control-warning, +.form-control.form-control-danger { + background-size: 0 100%, 100% 100%, 0.9375rem 0.9375rem; +} + +.form-control.form-control-success, +.form-control.form-control-success:focus, +.bmd-form-group.is-focused .form-control.form-control-success, +.form-control.form-control-warning, +.form-control.form-control-warning:focus, +.bmd-form-group.is-focused .form-control.form-control-warning, +.form-control.form-control-danger, +.form-control.form-control-danger:focus, +.bmd-form-group.is-focused .form-control.form-control-danger { + padding-right: 0; + background-repeat: no-repeat, no-repeat; + background-position: center bottom, center calc(100% - 1px), center right 0.46875rem; +} + +.form-control.form-control-success:focus, +.bmd-form-group.is-focused .form-control.form-control-success, +.form-control.form-control-warning:focus, +.bmd-form-group.is-focused .form-control.form-control-warning, +.form-control.form-control-danger:focus, +.bmd-form-group.is-focused .form-control.form-control-danger { + background-size: 100% 100%, 100% 100%, 0.9375rem 0.9375rem; +} + +select, +select.form-control { + -moz-appearance: none; + -webkit-appearance: none; +} + +@media (min-width: 576px) { + .form-inline .input-group { + display: inline-flex; + align-items: center; + } +} + +.form-control-feedback { + position: absolute; + top: 33px; + right: 0; + z-index: 2; + display: block; + width: 34px; + height: 34px; + line-height: 34px; + text-align: center; + pointer-events: none; + opacity: 0; +} + +.has-success .form-control-feedback { + color: #4caf50; + opacity: 1; +} + +.has-danger .form-control-feedback { + color: #f44336; + opacity: 1; +} + +.form-group { + margin-bottom: 17px; + position: relative; +} + +textarea { + height: auto !important; + resize: none; + line-height: 1.428571 !important; +} + +.form-group input[type=file] { + opacity: 0; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + +.form-newsletter .input-group, +.form-newsletter .form-group { + float: left; + width: 78%; + margin-right: 2%; + margin-top: 9px; + padding-top: 5px; +} + +.form-newsletter .btn { + float: left; + width: 20%; + margin: 9px 0 0; +} + +.form-file-upload .input-group-btn:last-child>.btn-round { + border-radius: 30px; +} + +.form-file-upload .input-group-btn .btn { + margin: 0; +} + +.form-file-upload .input-group { + width: 100%; +} + +.input-group .input-group-btn { + padding: 0 12px; +} + +.input-group .input-group-text { + display: flex; + justify-content: center; + align-items: center; + padding: 0 15px 0 15px; + background-color: transparent; + border-color: transparent; +} + +.input-group .input-group-btn { + position: absolute; + right: 0; + bottom: 0; + padding-right: 0; +} + +.list-group { + display: flex; + flex-direction: column; + flex-grow: 1; + padding: .5rem 0; +} + +.list-group.bmd-list-group-sm { + padding: .25rem 0; +} + +.list-group.bmd-list-group-sm .list-group-item { + padding: .5rem 1rem; +} + +.bmd-list-group-col { + display: flex; + flex-direction: column; + min-width: 0; +} + +.list-group-item { + display: flex; + flex-flow: row wrap; + align-items: center; + padding: 1rem; + line-height: 1; +} + +.list-group-item .list-group-item-text { + min-width: 0; + max-height: 2.188rem; + overflow: hidden; + text-overflow: ellipsis; +} + +.list-group-item :first-child { + margin-right: 2rem; +} + +.list-group-item>.pull-xs-right, +.list-group-item>.pull-sm-right, +.list-group-item>.pull-md-right, +.list-group-item>.pull-lg-right, +.list-group-item>.pull-xl-right, +.list-group-item>*~.label:last-child, +.list-group-item>*~.material-icons:last-child { + margin-right: 0; + margin-left: auto; +} + +.list-group-item .material-icons.pull-xs-right, +.list-group-item .material-icons.pull-sm-right, +.list-group-item .material-icons.pull-md-right, +.list-group-item .material-icons.pull-lg-right, +.list-group-item .material-icons.pull-xl-right, +.list-group-item .material-icons~.material-icons:last-child { + padding-left: 1rem; +} + +.list-group-item .list-group-item-text { + font-size: .875rem; + color: #555; +} + +.nav-link { + text-transform: uppercase; +} + +.navbar-nav .nav-link { + padding: 0.5321rem; + font-size: 0.875rem; + font-weight: 400; +} + +.nav-tabs, +.nav-pills { + border: 0; + border-radius: 3px; + padding: 0 15px; +} + +.nav-tabs .nav-link, +.nav-pills .nav-link { + padding: 1.4286em 0.8575em; + font-size: 0.875rem; + font-weight: 500; + border: 0; +} + +.nav .nav-item { + position: relative; +} + +.img-thumbnail { + border-radius: 16px; +} + +.img-raised { + box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2); +} + +.rounded { + border-radius: 6px !important; +} + +.navbar { + border: 0; + border-radius: 3px; + padding: 0.625rem 0; + margin-bottom: 20px; + color: #555; + background-color: #ffffff !important; + box-shadow: 0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15); +} + +.navbar .dropdown-item:hover, +.navbar .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 255, 255, 0.4); + background-color: #ffffff; + color: #555; +} + +.navbar .navbar-toggler .navbar-toggler-icon { + background-color: #555; +} + +.navbar.fixed-top { + border-radius: 0; +} + +.navbar .navbar-nav .nav-item .nav-link { + position: relative; + color: inherit; + padding: 0.9375rem; + font-weight: 400; + font-size: 12px; + text-transform: uppercase; + border-radius: 3px; + line-height: 20px; +} + +.navbar .navbar-nav .nav-item .nav-link:not(.btn-just-icon) .fa { + position: relative; + top: 2px; + margin-top: -4px; + margin-right: 4px; +} + +.navbar .navbar-nav .nav-item .nav-link .material-icons, +.navbar .navbar-nav .nav-item .nav-link .fa { + font-size: 1.25rem; + max-width: 24px; + margin-top: -1.1em; +} + +.navbar .navbar-nav .nav-item .nav-link:not(.btn) .material-icons { + margin-top: -7px; + top: 3px; + position: relative; + margin-right: 3px; +} + +.navbar .navbar-nav .nav-item .nav-link.profile-photo { + padding: 0; + margin: 0 3px; +} + +.navbar .navbar-nav .nav-item .nav-link.profile-photo:after { + display: none; +} + +.navbar .navbar-nav .nav-item .nav-link.profile-photo .profile-photo-small { + height: 40px; + width: 40px; +} + +.navbar .navbar-nav .nav-item .nav-link.profile-photo .ripple-container { + border-radius: 50%; +} + +.navbar .navbar-nav .dropdown-menu-right { + transform-origin: 100% 0; +} + +.navbar .navbar-nav .nav-item.active .nav-link, +.navbar .navbar-nav .nav-item.active .nav-link:hover, +.navbar .navbar-nav .nav-item.active .nav-link:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.navbar .btn, +.navbar .navbar-nav .nav-item .btn { + margin-top: 0; + margin-bottom: 0; +} + +.navbar .navbar-toggler { + cursor: pointer; +} + +.navbar .navbar-toggler .navbar-toggler-icon { + position: relative; + width: 22px; + height: 2px; + vertical-align: middle; + outline: 0; + display: block; + border-radius: 1px; +} + +.navbar .navbar-toggler .navbar-toggler-icon+.navbar-toggler-icon { + margin-top: 4px; +} + +.navbar.navbar-absolute { + position: absolute; + width: 100%; + padding-top: 10px; + z-index: 1029; +} + +.navbar .navbar-wrapper { + display: inline-flex; + align-items: center; +} + +.navbar .navbar-brand { + position: relative; + color: inherit; + height: 50px; + font-size: 1.125rem; + line-height: 30px; + padding: 0.625rem 0; +} + +.navbar.bg-primary { + color: #ffffff; + background-color: #9c27b0 !important; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(156, 39, 176, 0.46); +} + +.navbar.bg-primary .dropdown-item:hover, +.navbar.bg-primary .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); + background-color: #9c27b0; + color: #ffffff; +} + +.navbar.bg-primary .navbar-toggler .navbar-toggler-icon { + background-color: #ffffff; +} + +.navbar.bg-info { + color: #ffffff; + background-color: #00bcd4 !important; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(0, 188, 212, 0.46); +} + +.navbar.bg-info .dropdown-item:hover, +.navbar.bg-info .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4); + background-color: #00bcd4; + color: #ffffff; +} + +.navbar.bg-info .navbar-toggler .navbar-toggler-icon { + background-color: #ffffff; +} + +.navbar.bg-warning { + color: #ffffff; + background-color: #ff9800 !important; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(255, 152, 0, 0.46); +} + +.navbar.bg-warning .dropdown-item:hover, +.navbar.bg-warning .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4); + background-color: #ff9800; + color: #ffffff; +} + +.navbar.bg-warning .navbar-toggler .navbar-toggler-icon { + background-color: #ffffff; +} + +.navbar.bg-rose { + color: #ffffff; + background-color: #e91e63 !important; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(233, 30, 99, 0.46); +} + +.navbar.bg-rose .dropdown-item:hover, +.navbar.bg-rose .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4); + background-color: #e91e63; + color: #ffffff; +} + +.navbar.bg-rose .navbar-toggler .navbar-toggler-icon { + background-color: #ffffff; +} + +.navbar.bg-danger { + color: #ffffff; + background-color: #f44336 !important; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(244, 67, 54, 0.46); +} + +.navbar.bg-danger .dropdown-item:hover, +.navbar.bg-danger .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4); + background-color: #f44336; + color: #ffffff; +} + +.navbar.bg-danger .navbar-toggler .navbar-toggler-icon { + background-color: #ffffff; +} + +.navbar.bg-success { + color: #ffffff; + background-color: #4caf50 !important; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(76, 175, 80, 0.46); +} + +.navbar.bg-success .dropdown-item:hover, +.navbar.bg-success .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4); + background-color: #4caf50; + color: #ffffff; +} + +.navbar.bg-success .navbar-toggler .navbar-toggler-icon { + background-color: #ffffff; +} + +.navbar.bg-dark { + color: #ffffff; + background-color: #212121 !important; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(33, 33, 33, 0.46); +} + +.navbar.bg-dark .dropdown-item:hover, +.navbar.bg-dark .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(33, 33, 33, 0.4); + background-color: #212121; + color: #ffffff; +} + +.navbar.bg-dark .navbar-toggler .navbar-toggler-icon { + background-color: #ffffff; +} + +.navbar.navbar-transparent { + background-color: transparent !important; + box-shadow: none; + padding-top: 25px; + color: #ffffff; +} + +#navbar .navbar { + border-radius: 0; +} + +.badge { + padding: 5px 12px; + text-transform: uppercase; + font-size: 10px; + color: #ffffff; +} + +.badge.badge-primary { + background-color: #9c27b0; +} + +.badge.badge-info { + background-color: #00bcd4; +} + +.badge.badge-success { + background-color: #4caf50; +} + +.badge.badge-warning { + background-color: #ff9800; +} + +.badge.badge-danger { + background-color: #f44336; +} + +.badge.badge-rose { + background-color: #e91e63; +} + +.badge.badge-default { + background-color: #999; +} + +.badge-default[href]:hover, +.badge-default[href]:focus { + background-color: #c1c1c1; +} + +.badge-primary[href]:hover, +.badge-primary[href]:focus { + background-color: #89229b; +} + +.badge-info[href]:hover, +.badge-info[href]:focus { + background-color: #00a5bb; +} + +.badge-success[href]:hover, +.badge-success[href]:focus { + background-color: #449d48; +} + +.badge-warning[href]:hover, +.badge-warning[href]:focus { + background-color: #e68900; + color: #ffffff; +} + +.badge-danger[href]:hover, +.badge-danger[href]:focus { + background-color: #f32c1e; +} + +.badge-rose[href]:hover, +.badge-rose[href]:focus { + background-color: #d81558; +} + +.alert { + border: 0; + border-radius: 0; + padding: 20px 15px; + line-height: 20px; +} + +.alert b { + font-weight: 500; + text-transform: uppercase; + font-size: 12px; +} + +.alert, +.alert.alert-default { + background-color: white; + color: #555; +} + +.alert a, +.alert .alert-link, +.alert.alert-default a, +.alert.alert-default .alert-link { + color: #555; +} + +.alert.alert-inverse { + background-color: #292929; + color: #fff; +} + +.alert.alert-inverse a, +.alert.alert-inverse .alert-link { + color: #fff; +} + +.alert.alert-primary { + background-color: #a72abd; + color: #fff; +} + +.alert.alert-primary a, +.alert.alert-primary .alert-link { + color: #fff; +} + +.alert.alert-success { + background-color: #55b559; + color: #fff; +} + +.alert.alert-success a, +.alert.alert-success .alert-link { + color: #fff; +} + +.alert.alert-info { + background-color: #00cae3; + color: #fff; +} + +.alert.alert-info a, +.alert.alert-info .alert-link { + color: #fff; +} + +.alert.alert-warning { + background-color: #ff9e0f; + color: #fff; +} + +.alert.alert-warning a, +.alert.alert-warning .alert-link { + color: #fff; +} + +.alert.alert-danger { + background-color: #f55145; + color: #fff; +} + +.alert.alert-danger a, +.alert.alert-danger .alert-link { + color: #fff; +} + +.alert.alert-rose { + background-color: #ea2c6d; + color: #fff; +} + +.alert.alert-rose a, +.alert.alert-rose .alert-link { + color: #fff; +} + +.alert-info, +.alert-danger, +.alert-warning, +.alert-success { + color: #fff; +} + +.alert-default a, +.alert-default .alert-link { + color: rgba(0, 0, 0, 0.87); +} + +.alert .alert-icon { + display: block; + float: left; + margin-right: 1.071rem; +} + +.alert .alert-icon i { + margin-top: -7px; + top: 5px; + position: relative; +} + +.alert .close { + color: #ffffff; + text-shadow: none; + opacity: .9; +} + +.alert .close i { + font-size: 20px; +} + +.alert .close:hover, +.alert .close:focus { + opacity: 1; +} + +.pagination>.page-item>.page-link, +.pagination>.page-item>span { + border: 0; + border-radius: 30px !important; + transition: all .3s; + padding: 0px 11px; + margin: 0 3px; + min-width: 30px; + height: 30px; + line-height: 30px; + color: #999999; + font-weight: 400; + font-size: 12px; + text-transform: uppercase; + background: transparent; + text-align: center; +} + +.pagination>.page-item>.page-link:hover, +.pagination>.page-item>.page-link:focus, +.pagination>.page-item>span:hover, +.pagination>.page-item>span:focus { + color: #999999; +} + +.pagination>.page-item.active>a, +.pagination>.page-item.active>span { + color: #999999; +} + +.pagination>.page-item.active>a, +.pagination>.page-item.active>a:focus, +.pagination>.page-item.active>a:hover, +.pagination>.page-item.active>span, +.pagination>.page-item.active>span:focus, +.pagination>.page-item.active>span:hover { + background-color: #9c27b0; + border-color: #9c27b0; + color: #ffffff; + box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2); +} + +.pagination.pagination-info>.page-item.active>a, +.pagination.pagination-info>.page-item.active>a:focus, +.pagination.pagination-info>.page-item.active>a:hover, +.pagination.pagination-info>.page-item.active>span, +.pagination.pagination-info>.page-item.active>span:focus, +.pagination.pagination-info>.page-item.active>span:hover { + background-color: #00bcd4; + border-color: #00bcd4; + box-shadow: 0 4px 5px 0 rgba(0, 188, 212, 0.14), 0 1px 10px 0 rgba(0, 188, 212, 0.12), 0 2px 4px -1px rgba(0, 188, 212, 0.2); +} + +.pagination.pagination-success>.page-item.active>a, +.pagination.pagination-success>.page-item.active>a:focus, +.pagination.pagination-success>.page-item.active>a:hover, +.pagination.pagination-success>.page-item.active>span, +.pagination.pagination-success>.page-item.active>span:focus, +.pagination.pagination-success>.page-item.active>span:hover { + background-color: #4caf50; + border-color: #4caf50; + box-shadow: 0 4px 5px 0 rgba(76, 175, 80, 0.14), 0 1px 10px 0 rgba(76, 175, 80, 0.12), 0 2px 4px -1px rgba(76, 175, 80, 0.2); +} + +.pagination.pagination-warning>.page-item.active>a, +.pagination.pagination-warning>.page-item.active>a:focus, +.pagination.pagination-warning>.page-item.active>a:hover, +.pagination.pagination-warning>.page-item.active>span, +.pagination.pagination-warning>.page-item.active>span:focus, +.pagination.pagination-warning>.page-item.active>span:hover { + background-color: #ff9800; + border-color: #ff9800; + box-shadow: 0 4px 5px 0 rgba(255, 152, 0, 0.14), 0 1px 10px 0 rgba(255, 152, 0, 0.12), 0 2px 4px -1px rgba(255, 152, 0, 0.2); +} + +.pagination.pagination-danger>.page-item.active>a, +.pagination.pagination-danger>.page-item.active>a:focus, +.pagination.pagination-danger>.page-item.active>a:hover, +.pagination.pagination-danger>.page-item.active>span, +.pagination.pagination-danger>.page-item.active>span:focus, +.pagination.pagination-danger>.page-item.active>span:hover { + background-color: #f44336; + border-color: #f44336; + box-shadow: 0 4px 5px 0 rgba(244, 67, 54, 0.14), 0 1px 10px 0 rgba(244, 67, 54, 0.12), 0 2px 4px -1px rgba(244, 67, 54, 0.2); +} + +.pagination .page-item .page-link:focus { + box-shadow: none; +} + +.nav-pills:not(.flex-column) .nav-item+.nav-item:not(:first-child) { + margin-left: 5px; +} + +.nav-pills.flex-column .nav-item+.nav-item { + margin-top: 5px; +} + +.nav-pills .nav-item .nav-link { + line-height: 24px; + text-transform: uppercase; + font-size: 12px; + font-weight: 500; + min-width: 100px; + text-align: center; + color: #555; + transition: all .3s; + border-radius: 30px; + padding: 10px 15px; +} + +.nav-pills .nav-item .nav-link:hover { + background-color: rgba(200, 200, 200, 0.2); +} + +.nav-pills .nav-item .nav-link.active { + color: #ffffff; + background-color: #9c27b0; + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(156, 39, 176, 0.6); +} + +.nav-pills .nav-item i { + display: block; + font-size: 30px; + padding: 15px 0; +} + +.nav-pills.nav-pills-info .nav-item .nav-link.active, +.nav-pills.nav-pills-info .nav-item .nav-link.active:focus, +.nav-pills.nav-pills-info .nav-item .nav-link.active:hover { + background-color: #00bcd4; + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(0, 188, 212, 0.6); + color: #ffffff; +} + +.nav-pills.nav-pills-rose .nav-item .nav-link.active, +.nav-pills.nav-pills-rose .nav-item .nav-link.active:focus, +.nav-pills.nav-pills-rose .nav-item .nav-link.active:hover { + background-color: #e91e63; + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); + color: #ffffff; +} + +.nav-pills.nav-pills-success .nav-item .nav-link.active, +.nav-pills.nav-pills-success .nav-item .nav-link.active:focus, +.nav-pills.nav-pills-success .nav-item .nav-link.active:hover { + background-color: #4caf50; + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(76, 175, 80, 0.6); + color: #ffffff; +} + +.nav-pills.nav-pills-warning .nav-item .nav-link.active, +.nav-pills.nav-pills-warning .nav-item .nav-link.active:focus, +.nav-pills.nav-pills-warning .nav-item .nav-link.active:hover { + background-color: #ff9800; + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(255, 152, 0, 0.6); + color: #ffffff; +} + +.nav-pills.nav-pills-danger .nav-item .nav-link.active, +.nav-pills.nav-pills-danger .nav-item .nav-link.active:focus, +.nav-pills.nav-pills-danger .nav-item .nav-link.active:hover { + background-color: #f44336; + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(244, 67, 54, 0.6); + color: #ffffff; +} + +.nav-pills.nav-pills-icons .nav-item .nav-link { + border-radius: 4px; +} + +.tab-space { + padding: 20px 0 50px 0px; +} + +.info { + max-width: 360px; + margin: 0 auto; + padding: 70px 0 30px; +} + +.info .icon { + color: #999999; +} + +.info .icon>i { + font-size: 3.85rem; +} + +.info .info-title { + color: #000000; + margin: 1.75rem 0 0.875rem; +} + +.info p { + color: #999999; +} + +.info-horizontal .icon { + float: left; + margin-top: 24px; + margin-right: 10px; +} + +.info-horizontal .icon>i { + font-size: 2.25rem; +} + +.info-horizontal .description { + overflow: hidden; +} + +.icon.icon-primary { + color: #9c27b0; +} + +.icon.icon-info { + color: #00bcd4; +} + +.icon.icon-success { + color: #4caf50; +} + +.icon.icon-warning { + color: #ff9800; +} + +.icon.icon-danger { + color: #f44336; +} + +.icon.icon-rose { + color: #e91e63; +} + +body, +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4 { + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-weight: 300; + line-height: 1.5em; +} + +h1, +h2, +h3, +.h1, +.h2, +.h3 { + margin-top: 20px; + margin-bottom: 10px; +} + +h4, +h5, +h6, +.h4, +.h5, +.h6 { + margin-top: 10px; + margin-bottom: 10px; +} + +html * { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +h1, +.h1 { + font-size: 3.3125rem; + line-height: 1.15em; +} + +h2, +.h2 { + font-size: 2.25rem; + line-height: 1.5em; +} + +h3, +.h3 { + font-size: 1.5625rem; + line-height: 1.4em; +} + +h4, +.h4 { + font-size: 1.125rem; + line-height: 1.5em; +} + +h5, +.h5 { + font-size: 1.0625rem; + line-height: 1.55em; + margin-bottom: 15px; +} + +h6, +.h6 { + font-size: 0.75rem; + text-transform: uppercase; + font-weight: 500; +} + +p { + font-size: 14px; + margin: 0 0 10px; +} + +b { + font-weight: 700; +} + +small, +.small { + font-size: 75%; + color: #777; +} + +.title, +.card-title, +.info-title, +.footer-brand, +.footer-big h5, +.footer-big h4, +.media .media-heading { + font-weight: 700; + font-family: "Roboto Slab", "Times New Roman", serif; +} + +.title, +.title a, +.card-title, +.card-title a, +.info-title, +.info-title a, +.footer-brand, +.footer-brand a, +.footer-big h5, +.footer-big h5 a, +.footer-big h4, +.footer-big h4 a, +.media .media-heading, +.media .media-heading a { + color: #000000; + text-decoration: none; +} + +h2.title { + margin-bottom: 1rem; +} + +.description, +.card-description, +.footer-big p { + color: #999; +} + +.text-warning { + color: #ff9800 !important; +} + +.text-primary { + color: #9c27b0 !important; +} + +.text-danger { + color: #f44336 !important; +} + +.text-success { + color: #4caf50 !important; +} + +.text-info { + color: #00bcd4 !important; +} + +.text-rose { + color: #e91e63 !important; +} + +.text-gray { + color: #999999 !important; +} + +.space { + height: 130px; + display: block; +} + +.space-110 { + height: 110px; + display: block; +} + +.space-50 { + height: 50px; + display: block; +} + +.space-70 { + height: 70px; + display: block; +} + +.blockquote { + padding: 10px 20px; + margin: 0 0 20px; + border-left: 5px solid #eee; +} + +.blockquote p { + font-size: 1.063rem; + font-style: italic; +} + +.blockquote small { + display: block; + font-size: 80%; + line-height: 1.42857143; + color: #777; +} + +.nav-tabs { + border: 0; + border-radius: 3px; + padding: 0 15px; +} + +.nav-tabs .nav-item .nav-link { + color: #ffffff; + border: 0; + margin: 0; + border-radius: 3px; + line-height: 24px; + text-transform: uppercase; + font-size: 12px; + padding: 10px 15px; + background-color: transparent; + transition: 0.3s background-color 0s; +} + +.nav-tabs .nav-item .nav-link:hover { + border: 0; +} + +.nav-tabs .nav-item .nav-link, +.nav-tabs .nav-item .nav-link:hover, +.nav-tabs .nav-item .nav-link:focus { + border: 0 !important; + color: #ffffff !important; + font-weight: 500; +} + +.nav-tabs .nav-item.disabled .nav-link, +.nav-tabs .nav-item.disabled .nav-link:hover { + color: rgba(255, 255, 255, 0.5); +} + +.nav-tabs .nav-item .material-icons { + margin: -1px 5px 0 0; +} + +.nav-tabs .nav-item .nav-link.active { + background-color: rgba(255, 255, 255, 0.2); + transition: 0.3s background-color 0.2s; +} + +.nav-tabs .nav-link { + border-bottom: 0.214rem solid transparent; +} + +.nav-tabs .nav-link { + color: #555; +} + +.nav-tabs .nav-link.active { + color: rgba(0, 0, 0, 0.87); + border-color: #9c27b0; +} + +.nav-tabs .nav-link.active:hover, +.nav-tabs .nav-link.active:focus { + border-color: #9c27b0; +} + +.nav-tabs .nav-link.disabled { + color: #999; +} + +.nav-tabs .nav-link.disabled, +.nav-tabs .nav-link.disabled:hover, +.nav-tabs .nav-link.disabled:focus { + color: #999; +} + +.nav-tabs.header-primary .nav-link { + color: white; +} + +.nav-tabs.header-primary .nav-link.active { + color: #fff; + border-color: #fff; +} + +.nav-tabs.header-primary .nav-link.active:hover, +.nav-tabs.header-primary .nav-link.active:focus { + border-color: #fff; +} + +.nav-tabs.header-primary .nav-link.disabled { + color: rgba(255, 255, 255, 0.84); +} + +.nav-tabs.header-primary .nav-link.disabled, +.nav-tabs.header-primary .nav-link.disabled:hover, +.nav-tabs.header-primary .nav-link.disabled:focus { + color: rgba(255, 255, 255, 0.84); +} + +.nav-tabs.bg-inverse .nav-link { + color: white; +} + +.nav-tabs.bg-inverse .nav-link.active { + color: #fff; + border-color: #fff; +} + +.nav-tabs.bg-inverse .nav-link.active:hover, +.nav-tabs.bg-inverse .nav-link.active:focus { + border-color: #fff; +} + +.nav-tabs.bg-inverse .nav-link.disabled { + color: rgba(255, 255, 255, 0.84); +} + +.nav-tabs.bg-inverse .nav-link.disabled, +.nav-tabs.bg-inverse .nav-link.disabled:hover, +.nav-tabs.bg-inverse .nav-link.disabled:focus { + color: rgba(255, 255, 255, 0.84); +} + +.card-nav-tabs { + margin-top: 45px; +} + +.card-nav-tabs .card-header { + margin-top: -30px !important; +} + +.tooltip-arrow { + display: none; +} + +.tooltip.show { + opacity: 1; + -webkit-transform: translate3d(0, 0px, 0); + -moz-transform: translate3d(0, 0px, 0); + -o-transform: translate3d(0, 0px, 0); + -ms-transform: translate3d(0, 0px, 0); + transform: translate3d(0, 0px, 0); +} + +.tooltip { + opacity: 0; + transition: opacity, transform .2s ease; + -webkit-transform: translate3d(0, 5px, 0); + -moz-transform: translate3d(0, 5px, 0); + -o-transform: translate3d(0, 5px, 0); + -ms-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + font-size: 0.875rem; +} + +.tooltip.bs-tooltip-top .arrow::before, +.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before, +.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before { + border-top-color: #ffffff; +} + +.tooltip.bs-tooltip-right .arrow::before, +.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before, +.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before { + border-right-color: #ffffff; +} + +.tooltip.bs-tooltip-left .arrow::before, +.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before, +.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before { + border-left-color: #ffffff; +} + +.tooltip.bs-tooltip-bottom .arrow::before, +.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before, +.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + border-bottom-color: #ffffff; +} + +.tooltip-inner { + padding: 10px 15px; + min-width: 130px; +} + +.popover, +.tooltip-inner { + line-height: 1.5em; + background: #ffffff; + border: none; + border-radius: 3px; + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); + color: #555; +} + +.popover { + padding: 0; + box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); +} + +.popover.left>.arrow, +.popover.right>.arrow, +.popover.top>.arrow, +.popover.bottom>.arrow { + border: none; +} + +.popover.bs-popover-top .arrow::before, +.popover.bs-popover-auto[x-placement^="top"] .arrow::before, +.popover.bs-popover-auto[x-placement^="top"] .arrow::before, +.popover.bs-popover-bottom .arrow::before, +.popover.bs-popover-auto[x-placement^="bottom"] .arrow::before, +.popover.bs-popover-auto[x-placement^="bottom"] .arrow::before, +.popover.bs-popover-right .arrow::before, +.popover.bs-popover-auto[x-placement^="right"] .arrow::before, +.popover.bs-popover-auto[x-placement^="right"] .arrow::before, +.popover.bs-popover-left .arrow::before, +.popover.bs-popover-auto[x-placement^="left"] .arrow::before, +.popover.bs-popover-auto[x-placement^="left"] .arrow::before { + border: 0; +} + +.popover-header { + background-color: #ffffff; + border: none; + padding: 15px 15px 5px; + font-size: 1.125rem; + margin: 0; + color: #555; +} + +.popover-body { + padding: 10px 15px 15px; + line-height: 1.4; + color: #555; +} + +.modal-dialog .modal-content { + box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); + border-radius: 6px; + border: none; +} + +.modal-dialog .modal-content .card-signup { + margin: 0; +} + +.modal-dialog .modal-content .card-signup .modal-header { + padding-top: 0; +} + +.modal-dialog .modal-header { + border-bottom: none; + padding-top: 24px; + padding-right: 24px; + padding-bottom: 0; + padding-left: 24px; +} + +.modal-dialog .modal-body { + padding-top: 24px; + padding-right: 24px; + padding-bottom: 16px; + padding-left: 24px; +} + +.modal-dialog .modal-footer { + border-top: none; + padding: 24px; +} + +.modal-dialog .modal-footer.text-center { + text-align: center; +} + +.modal-dialog .modal-footer button { + margin: 0; + padding-left: 16px; + padding-right: 16px; + width: auto; +} + +.modal-dialog .modal-footer button.pull-left { + padding-left: 5px; + padding-right: 5px; + position: relative; + left: -5px; +} + +.modal-dialog .modal-body+.modal-footer { + padding-top: 0; +} + +.modal-backdrop { + background: rgba(0, 0, 0, 0.5); +} + +.modal .modal-header .close { + color: #999; +} + +.modal .modal-header .close:hover, +.modal .modal-header .close:focus { + opacity: 1; +} + +.modal .modal-header .close i { + font-size: 16px; +} + +.dropdown:after { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); +} + +.dropdown.show>.dropdown-toggle:after { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -o-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} + +.dropdown-menu { + display: none; + padding: 0.3125rem 0; + border: 0; + opacity: 0; + transform: scale(0); + transform-origin: 0 0; + will-change: transform, opacity; + transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); +} + +.dropdown-menu.showing { + animation-name: bmd-dropdown-animation; + animation-duration: 0.3s; + animation-fill-mode: forwards; + animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +.open>.dropdown-menu, +.dropdown-menu.show { + display: block; + opacity: 1; + transform: scale(1); +} + +.dropdown-menu.hiding { + display: block; + opacity: 0; + transform: scale(0); +} + +.dropdown-menu[x-placement="bottom-start"] { + transform-origin: 0 0; +} + +.dropdown-menu[x-placement="bottom-end"] { + transform-origin: 100% 0; +} + +.dropdown-menu[x-placement="top-start"] { + transform-origin: 0 100%; +} + +.dropdown-menu[x-placement="top-end"] { + transform-origin: 100% 100%; +} + +.dropdown-menu .disabled>a { + color: #777; +} + +.dropdown-menu .disabled>a:focus, +.dropdown-menu .disabled>a:hover { + text-decoration: none; + background-color: transparent; + background-image: none; + color: #777; +} + +.dropdown-menu.dropdown-with-icons .dropdown-item { + padding: 0.75rem 1.25rem 0.75rem 0.75rem; +} + +.dropdown-menu.dropdown-with-icons .dropdown-item .material-icons { + vertical-align: middle; + font-size: 24px; + position: relative; + margin-top: -4px; + top: 1px; + margin-right: 12px; + opacity: .5; +} + +.dropdown-menu .dropdown-item, +.dropdown-menu li>a { + position: relative; + width: auto; + display: flex; + flex-flow: nowrap; + align-items: center; + color: #333; + font-weight: normal; + text-decoration: none; + font-size: .8125rem; + border-radius: 0.125rem; + margin: 0 0.3125rem; + -webkit-transition: all 150ms linear; + -moz-transition: all 150ms linear; + -o-transition: all 150ms linear; + -ms-transition: all 150ms linear; + transition: all 150ms linear; + min-width: 7rem; + padding: 0.625rem 1.25rem; + overflow: hidden; + line-height: 1.428571; + text-overflow: ellipsis; + word-wrap: break-word; +} + +@media (min-width: 768px) { + + .dropdown-menu .dropdown-item, + .dropdown-menu li>a { + padding-right: 1.5rem; + padding-left: 1.5rem; + } +} + +.dropdown-menu .dropdown-item:hover, +.dropdown-menu .dropdown-item:focus, +.dropdown-menu .dropdown-item:active, +.dropdown-menu a:active, +.dropdown-menu a.active, +.dropdown-menu a:hover, +.dropdown-menu a:focus, +.dropdown-menu a:active { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); + background-color: #9c27b0; + color: #fff !important; +} + +.dropdown-toggle.bmd-btn-icon::after, +.dropdown-toggle.bmd-btn-fab::after { + display: none; +} + +.dropdown-toggle.bmd-btn-icon~.dropdown-menu.dropdown-menu-top-left, +.dropdown-toggle.bmd-btn-icon~.dropdown-menu.dropdown-menu-top-right, +.dropdown-toggle.bmd-btn-fab~.dropdown-menu.dropdown-menu-top-left, +.dropdown-toggle.bmd-btn-fab~.dropdown-menu.dropdown-menu-top-right { + bottom: 2rem; +} + +.dropdown-toggle:after { + will-change: transform; + transition: transform 150ms linear; + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); +} + +.dropdown-toggle.open:after { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -o-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} + +.dropdown-toggle.bmd-btn-fab-sm~.dropdown-menu.dropdown-menu-top-left, +.dropdown-toggle.bmd-btn-fab-sm~.dropdown-menu.dropdown-menu-top-right { + bottom: 2.5rem; +} + +.dropdown-toggle.bmd-btn-icon~.dropdown-menu { + margin: 0; +} + +.dropdown-header { + font-size: 0.75rem; + padding-top: 0.1875rem; + padding-bottom: 0.1875rem; + text-transform: none; + color: #777; + line-height: 1.428571; + font-weight: inherit; +} + +@keyframes bmd-dropdown-animation { + from { + opacity: 0; + transform: scale(0); + } + + to { + opacity: 1; + transform: scale(1); + } +} + +.dropdown-menu.bootstrap-datetimepicker-widget { + opacity: 0; + transform: scale(0); + transition-duration: 0.3s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transform-origin: 0 0; + will-change: transform, opacity; + top: 0; +} + +.dropdown-menu.bootstrap-datetimepicker-widget.top { + transform-origin: 0 100%; +} + +.dropdown-menu.bootstrap-datetimepicker-widget.open { + opacity: 1; + transform: scale(1); + top: 0; +} + +.bmd-layout-drawer { + position: absolute; + z-index: 5; + box-sizing: border-box; + display: flex; + flex-direction: column; + flex-wrap: nowrap; + max-height: 100%; + overflow: visible; + overflow-y: auto; + font-size: .875rem; + transition: transform; + will-change: transform; + transform-style: preserve-3d; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + transition-duration: 0.2s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +.bmd-layout-drawer>* { + flex-shrink: 0; +} + +.bmd-layout-drawer>header { + display: flex; + flex-direction: column; + justify-content: flex-end; + padding: 1rem; +} + +.bmd-layout-drawer>header .navbar-brand { + padding-left: 1.5rem; + font-size: 1.25rem; +} + +.bmd-layout-drawer>.list-group { + padding-top: 1rem; +} + +.bmd-layout-drawer>.list-group .list-group-item { + padding-right: 2.5rem; + padding-left: 2.5rem; + font-size: .8125rem; + font-weight: 500; +} + +.bmd-drawer-f-l>.bmd-layout-drawer { + top: 0; + left: 0; + width: 240px; + height: 100%; + transform: translateX(-250px); +} + +.bmd-drawer-f-l>.bmd-layout-header, +.bmd-drawer-f-l>.bmd-layout-content { + margin-left: 0; +} + +.bmd-drawer-f-r>.bmd-layout-drawer { + top: 0; + right: 0; + width: 240px; + height: 100%; + transform: translateX(250px); +} + +.bmd-drawer-f-r>.bmd-layout-header, +.bmd-drawer-f-r>.bmd-layout-content { + margin-right: 0; +} + +.bmd-drawer-f-t>.bmd-layout-drawer { + top: 0; + left: 0; + width: 100%; + height: 100px; + transform: translateY(-110px); +} + +.bmd-drawer-f-t>.bmd-layout-content { + margin-top: 0; +} + +.bmd-drawer-f-b>.bmd-layout-drawer { + bottom: 0; + left: 0; + width: 100%; + height: 100px; + transform: translateY(110px); +} + +.bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 0; +} + +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-l>.bmd-layout-header { + width: calc(100% - 240px); + margin-left: 240px; +} + +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-l>.bmd-layout-drawer { + transform: translateX(0); +} + +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-l>.bmd-layout-content { + margin-left: 240px; +} + +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-r>.bmd-layout-header { + width: calc(100% - 240px); + margin-right: 240px; +} + +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-r>.bmd-layout-drawer { + transform: translateX(0); +} + +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-r>.bmd-layout-content { + margin-right: 240px; +} + +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-t>.bmd-layout-header { + margin-top: 100px; +} + +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-t>.bmd-layout-drawer { + transform: translateY(0); +} + +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-b>.bmd-layout-drawer { + transform: translateY(0); +} + +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 100px; +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay>.bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); +} + +@supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay>.bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; + } +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-l>.bmd-layout-header, +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-l>.bmd-layout-content { + width: 100%; + margin-left: 0; +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-r>.bmd-layout-header, +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-r>.bmd-layout-content { + width: 100%; + margin-right: 0; +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay>.bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); +} + +@supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay>.bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; + } +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-t>.bmd-layout-header { + margin-top: 0; +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 0; +} + +@media (min-width: 576px) { + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-l>.bmd-layout-header { + width: calc(100% - 240px); + margin-left: 240px; + } + + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-l>.bmd-layout-drawer { + transform: translateX(0); + } + + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-l>.bmd-layout-content { + margin-left: 240px; + } + + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-r>.bmd-layout-header { + width: calc(100% - 240px); + margin-right: 240px; + } + + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-r>.bmd-layout-drawer { + transform: translateX(0); + } + + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-r>.bmd-layout-content { + margin-right: 240px; + } +} + +@media (min-width: 576px) { + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-t>.bmd-layout-header { + margin-top: 100px; + } + + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-t>.bmd-layout-drawer { + transform: translateY(0); + } + + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-b>.bmd-layout-drawer { + transform: translateY(0); + } + + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 100px; + } +} + +@media (max-width: 767.98px) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down>.bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); + } + + @supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down>.bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; + } + } + + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-l>.bmd-layout-header, + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-l>.bmd-layout-content { + width: 100%; + margin-left: 0; + } + + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-r>.bmd-layout-header, + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-r>.bmd-layout-content { + width: 100%; + margin-right: 0; + } +} + +@media (max-width: 767.98px) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down>.bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); + } + + @supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down>.bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; + } + } + + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-t>.bmd-layout-header { + margin-top: 0; + } + + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 0; + } +} + +@media (min-width: 768px) { + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-l>.bmd-layout-header { + width: calc(100% - 240px); + margin-left: 240px; + } + + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-l>.bmd-layout-drawer { + transform: translateX(0); + } + + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-l>.bmd-layout-content { + margin-left: 240px; + } + + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-r>.bmd-layout-header { + width: calc(100% - 240px); + margin-right: 240px; + } + + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-r>.bmd-layout-drawer { + transform: translateX(0); + } + + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-r>.bmd-layout-content { + margin-right: 240px; + } +} + +@media (min-width: 768px) { + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-t>.bmd-layout-header { + margin-top: 100px; + } + + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-t>.bmd-layout-drawer { + transform: translateY(0); + } + + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-b>.bmd-layout-drawer { + transform: translateY(0); + } + + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 100px; + } +} + +@media (max-width: 991.98px) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down>.bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); + } + + @supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down>.bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; + } + } + + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-l>.bmd-layout-header, + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-l>.bmd-layout-content { + width: 100%; + margin-left: 0; + } + + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-r>.bmd-layout-header, + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-r>.bmd-layout-content { + width: 100%; + margin-right: 0; + } +} + +@media (max-width: 991.98px) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down>.bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); + } + + @supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down>.bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; + } + } + + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-t>.bmd-layout-header { + margin-top: 0; + } + + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 0; + } +} + +@media (min-width: 992px) { + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-l>.bmd-layout-header { + width: calc(100% - 240px); + margin-left: 240px; + } + + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-l>.bmd-layout-drawer { + transform: translateX(0); + } + + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-l>.bmd-layout-content { + margin-left: 240px; + } + + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-r>.bmd-layout-header { + width: calc(100% - 240px); + margin-right: 240px; + } + + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-r>.bmd-layout-drawer { + transform: translateX(0); + } + + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-r>.bmd-layout-content { + margin-right: 240px; + } +} + +@media (min-width: 992px) { + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-t>.bmd-layout-header { + margin-top: 100px; + } + + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-t>.bmd-layout-drawer { + transform: translateY(0); + } + + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-b>.bmd-layout-drawer { + transform: translateY(0); + } + + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 100px; + } +} + +@media (max-width: 1199.98px) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down>.bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); + } + + @supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down>.bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; + } + } + + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-l>.bmd-layout-header, + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-l>.bmd-layout-content { + width: 100%; + margin-left: 0; + } + + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-r>.bmd-layout-header, + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-r>.bmd-layout-content { + width: 100%; + margin-right: 0; + } +} + +@media (max-width: 1199.98px) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down>.bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); + } + + @supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down>.bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; + } + } + + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-t>.bmd-layout-header { + margin-top: 0; + } + + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 0; + } +} + +@media (min-width: 1200px) { + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-l>.bmd-layout-header { + width: calc(100% - 240px); + margin-left: 240px; + } + + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-l>.bmd-layout-drawer { + transform: translateX(0); + } + + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-l>.bmd-layout-content { + margin-left: 240px; + } + + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-r>.bmd-layout-header { + width: calc(100% - 240px); + margin-right: 240px; + } + + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-r>.bmd-layout-drawer { + transform: translateX(0); + } + + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-r>.bmd-layout-content { + margin-right: 240px; + } +} + +@media (min-width: 1200px) { + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-t>.bmd-layout-header { + margin-top: 100px; + } + + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-t>.bmd-layout-drawer { + transform: translateY(0); + } + + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-b>.bmd-layout-drawer { + transform: translateY(0); + } + + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 100px; + } +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down>.bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); +} + +@supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down>.bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; + } +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-l>.bmd-layout-header, +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-l>.bmd-layout-content { + width: 100%; + margin-left: 0; +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-r>.bmd-layout-header, +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-r>.bmd-layout-content { + width: 100%; + margin-right: 0; +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down>.bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); +} + +@supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down>.bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; + } +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-t>.bmd-layout-header { + margin-top: 0; +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 0; +} + +.progress { + height: 4px; + border-radius: 0; + box-shadow: none; + background: #DDDDDD; + margin-bottom: 20px; +} + +.progress .progress-bar { + box-shadow: none; +} + +.progress .progress-bar.progress-bar-primary { + background: #9c27b0 !important; +} + +.progress .progress-bar.progress-bar-info { + background: #00bcd4; +} + +.progress .progress-bar.progress-bar-success { + background: #4caf50; +} + +.progress .progress-bar.progress-bar-warning { + background: #ff9800; +} + +.progress .progress-bar.progress-bar-danger { + background: #f44336; +} + +.progress.progress-line-primary { + background: rgba(156, 39, 176, 0.2); +} + +.progress.progress-line-info { + background: rgba(0, 188, 212, 0.2); +} + +.progress.progress-line-success { + background: rgba(76, 175, 80, 0.2); +} + +.progress.progress-line-warning { + background: rgba(255, 152, 0, 0.2); +} + +.progress.progress-line-danger { + background: rgba(244, 67, 54, 0.2); +} + +.togglebutton { + vertical-align: middle; +} + +.togglebutton, +.togglebutton label, +.togglebutton input, +.togglebutton .toggle { + user-select: none; +} + +.togglebutton label { + cursor: pointer; + color: rgba(0, 0, 0, 0.26); +} + +.form-group.is-focused .togglebutton label { + color: rgba(0, 0, 0, 0.26); +} + +.form-group.is-focused .togglebutton label:hover, +.form-group.is-focused .togglebutton label:focus { + color: rgba(0, 0, 0, .54); +} + +fieldset[disabled] .form-group.is-focused .togglebutton label { + color: rgba(0, 0, 0, 0.26); +} + +.togglebutton label input[type=checkbox] { + opacity: 0; + width: 0; + height: 0; +} + +.togglebutton label .toggle { + text-align: left; + margin-left: 5px; +} + +.togglebutton label .toggle, +.togglebutton label input[type=checkbox][disabled]+.toggle { + content: ""; + display: inline-block; + width: 30px; + height: 15px; + background-color: rgba(80, 80, 80, 0.7); + border-radius: 15px; + margin-right: 15px; + transition: background 0.3s ease; + vertical-align: middle; +} + +.togglebutton label .toggle:after { + content: ""; + display: inline-block; + width: 20px; + height: 20px; + background-color: #fff; + border-radius: 20px; + position: relative; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); + left: -5px; + top: -2.5px; + border: 1px solid rgba(0, 0, 0, .54); + transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; +} + +.togglebutton label input[type=checkbox][disabled]+.toggle:after, +.togglebutton label input[type=checkbox][disabled]:checked+.toggle:after { + background-color: #BDBDBD; +} + +.togglebutton label input[type=checkbox]+.toggle:active:after, +.togglebutton label input[type=checkbox][disabled]+.toggle:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); +} + +.togglebutton label input[type=checkbox]:checked+.toggle:after { + left: 15px; +} + +.togglebutton label input[type=checkbox]:checked+.toggle { + background-color: rgba(156, 39, 176, 0.7); +} + +.togglebutton label input[type=checkbox]:checked+.toggle:after { + border-color: #9c27b0; +} + +.togglebutton label input[type=checkbox]:checked+.toggle:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1); +} + +.ripple { + position: relative; +} + +.ripple-container { + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + overflow: hidden; + pointer-events: none; + border-radius: inherit; +} + +.ripple-container .ripple-decorator { + position: absolute; + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; + pointer-events: none; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 100%; + opacity: 0; + transform: scale(1); + transform-origin: 50%; +} + +.ripple-container .ripple-decorator.ripple-on { + opacity: 0.1; + transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; +} + +.ripple-container .ripple-decorator.ripple-out { + opacity: 0; + transition: opacity 0.1s linear 0s !important; +} + +.page-header { + height: 100vh; + background-position: center center; + background-size: cover; + margin: 0; + padding: 0; + border: 0; + display: flex; + align-items: center; +} + +.page-header .page-header-image { + position: absolute; + background-size: cover; + background-position: center center; + width: 100%; + height: 100%; + z-index: -1; +} + +.page-header .content-center { + position: absolute; + top: 50%; + left: 50%; + z-index: 2; + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + text-align: center; + color: #FFFFFF; + padding: 0 15px; + width: 100%; + max-width: 880px; +} + +.page-header .carousel .carousel-indicators { + bottom: 60px; +} + +.page-header>.container { + color: #ffffff; +} + +.page-header .title { + color: #ffffff; +} + +.page-header.header-small { + height: 65vh; + min-height: 65vh; +} + +.page-header .iframe-container iframe { + width: 100%; + box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); +} + +.header-filter { + position: relative; +} + +.header-filter:before, +.header-filter:after { + position: absolute; + z-index: 1; + width: 100%; + height: 100%; + display: block; + left: 0; + top: 0; + content: ""; +} + +.header-filter::before { + background: rgba(0, 0, 0, 0.5); +} + +.header-filter .container { + z-index: 2; + position: relative; +} + +.clear-filter::before { + background: none; +} + +.purple-filter:after { + background: rgba(101, 47, 142, 0.64); + background: linear-gradient(45deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%); + background: -moz-linear-gradient(135deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%); + background: -webkit-linear-gradient(135deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%); +} + +footer { + padding: 0.9375rem 0; + text-align: center; + display: -webkit-flex; + /* Safari */ + /* Safari 6.1+ */ + display: flex; +} + +footer ul { + margin-bottom: 0; + padding: 0; + list-style: none; +} + +footer ul li { + display: inline-block; +} + +footer ul li a { + color: inherit; + padding: 0.9375rem; + font-weight: 500; + font-size: 12px; + text-transform: uppercase; + border-radius: 3px; + text-decoration: none; + position: relative; + display: block; +} + +footer ul li a:hover { + text-decoration: none; +} + +footer ul li .btn { + margin: 0; +} + +footer ul.links-horizontal:first-child a { + padding-left: 0; +} + +footer ul.links-horizontal:last-child a { + padding-right: 0; +} + +footer ul.links-vertical li { + display: block; + margin-left: -5px; + margin-right: -5px; +} + +footer ul.links-vertical li a { + padding: 5px; +} + +footer .social-buttons a, +footer .social-buttons .btn { + margin-top: 5px; + margin-bottom: 5px; +} + +footer .footer-brand { + float: left; + height: 50px; + padding: 15px 15px; + font-size: 18px; + line-height: 20px; + margin-left: -15px; +} + +footer .footer-brand:hover, +footer .footer-brand:focus { + color: #000000; +} + +footer .copyright { + padding: 15px 0; +} + +footer .copyright .material-icons { + font-size: 18px; + position: relative; + top: 3px; +} + +footer .pull-center { + display: inline-block; + float: none; +} + +.card { + border: 0; + margin-bottom: 30px; + margin-top: 30px; + border-radius: 6px; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + width: 100%; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.card .card-category:not([class*="text-"]) { + color: #999999; +} + +.card .card-category { + margin-top: 10px; +} + +.card .card-category .material-icons { + position: relative; + top: 8px; + line-height: 0; +} + +.card .form-check { + margin-top: 15px; +} + +.card .card-title { + margin-top: 0.625rem; +} + +.card .card-title:last-child { + margin-bottom: 0; +} + +.card.no-shadow .card-header-image, +.card.no-shadow .card-header-image img { + box-shadow: none !important; +} + +.card .card-body, +.card .card-footer { + padding: 0.9375rem 1.875rem; +} + +.card .card-body+.card-footer { + padding-top: 0rem; + border: 0; + border-radius: 6px; +} + +.card .card-footer { + display: flex; + align-items: center; + background-color: transparent; + border: 0; +} + +.card .card-footer .author, +.card .card-footer .stats { + display: inline-flex; +} + +.card .card-footer .stats { + color: #999999; +} + +.card .card-footer .stats .material-icons { + position: relative; + top: 3px; + margin-right: 3px; + margin-left: 3px; + font-size: 18px; +} + +.card.bmd-card-raised { + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); +} + +@media (min-width: 992px) { + .card.bmd-card-flat { + box-shadow: none; + } +} + +.card .card-header { + border-radius: 3px; + padding: 1rem 15px; + margin-left: 15px; + margin-right: 15px; + margin-top: -30px; + border: 0; + background: linear-gradient(60deg, #eee, #bdbdbd); +} + +.card .card-header .title { + color: #ffffff; +} + +.card .card-header:not([class*="header-"]) { + box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); +} + +.card .card-header .nav-tabs { + padding: 0; +} + +.card .card-header.card-header-image { + position: relative; + padding: 0; + z-index: 1; + margin-left: 15px; + margin-right: 15px; + margin-top: -30px; + border-radius: 6px; +} + +.card .card-header.card-header-image a { + display: block; +} + +.card .card-header.card-header-image img { + width: 100%; + border-radius: 6px; + pointer-events: none; + box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2); +} + +.card .card-header.card-header-image .card-title { + position: absolute; + bottom: 15px; + left: 15px; + color: #ffffff; + font-size: 1.125rem; + text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5); +} + +.card .card-header.card-header-image .colored-shadow { + transform: scale(0.94); + top: 12px; + filter: blur(12px); + position: absolute; + width: 100%; + height: 100%; + background-size: cover; + z-index: -1; + transition: opacity .45s; + opacity: 0; +} + +.card .card-header.card-header-image.no-shadow { + box-shadow: none; +} + +.card .card-header.card-header-image.no-shadow.shadow-normal { + box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); +} + +.card .card-header.card-header-image.no-shadow .colored-shadow { + display: none !important; +} + +.card .card-header-primary, +.card.bg-primary, +.card.card-rotate.bg-primary .front, +.card.card-rotate.bg-primary .back { + background: linear-gradient(60deg, #ab47bc, #7b1fa2); +} + +.card .card-header-info, +.card.bg-info, +.card.card-rotate.bg-info .front, +.card.card-rotate.bg-info .back { + background: linear-gradient(60deg, #26c6da, #0097a7); +} + +.card .card-header-success, +.card.bg-success, +.card.card-rotate.bg-success .front, +.card.card-rotate.bg-success .back { + background: linear-gradient(60deg, #66bb6a, #388e3c); +} + +.card .card-header-warning, +.card.bg-warning, +.card.card-rotate.bg-warning .front, +.card.card-rotate.bg-warning .back { + background: linear-gradient(60deg, #ffa726, #f57c00); +} + +.card .card-header-danger, +.card.bg-danger, +.card.card-rotate.bg-danger .front, +.card.card-rotate.bg-danger .back { + background: linear-gradient(60deg, #ef5350, #d32f2f); +} + +.card .card-header-rose, +.card.bg-rose, +.card.card-rotate.bg-rose .front, +.card.card-rotate.bg-rose .back { + background: linear-gradient(60deg, #ec407a, #c2185b); +} + +.card .card-header-primary { + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(156, 39, 176, 0.6); +} + +.card .card-header-danger { + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(244, 67, 54, 0.6); +} + +.card .card-header-rose { + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); +} + +.card .card-header-warning { + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(255, 152, 0, 0.6); +} + +.card .card-header-info { + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(0, 188, 212, 0.6); +} + +.card .card-header-success { + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(76, 175, 80, 0.6); +} + +.card [class*="header-"], +.card[class*="bg-"] { + color: #ffffff; +} + +.card [class*="header-"] .card-title a, +.card [class*="header-"] .card-title, +.card [class*="header-"] .icon i, +.card[class*="bg-"] .card-title a, +.card[class*="bg-"] .card-title, +.card[class*="bg-"] .icon i { + color: #ffffff; +} + +.card [class*="header-"] .icon i, +.card[class*="bg-"] .icon i { + border-color: rgba(255, 255, 255, 0.25); +} + +.card [class*="header-"] .author a, +.card [class*="header-"] .stats, +.card [class*="header-"] .card-category, +.card [class*="header-"] .card-description, +.card[class*="bg-"] .author a, +.card[class*="bg-"] .stats, +.card[class*="bg-"] .card-category, +.card[class*="bg-"] .card-description { + color: rgba(255, 255, 255, 0.8); +} + +.card [class*="header-"] .author a:hover, +.card [class*="header-"] .author a:focus, +.card [class*="header-"] .author a:active, +.card[class*="bg-"] .author a:hover, +.card[class*="bg-"] .author a:focus, +.card[class*="bg-"] .author a:active { + color: #ffffff; +} + +.card .author .avatar { + width: 30px; + height: 30px; + overflow: hidden; + border-radius: 50%; + margin-right: 5px; +} + +.card .author a { + color: #000000; + text-decoration: none; +} + +.card .author a .ripple-container { + display: none; +} + +.card .card-category-social .fa { + font-size: 24px; + position: relative; + margin-top: -4px; + top: 2px; + margin-right: 5px; +} + +.card .card-category-social .material-icons { + position: relative; + top: 5px; +} + +.card[class*="bg-"], +.card[class*="bg-"] .card-body { + border-radius: 6px; +} + +.card[class*="bg-"] h1 small, +.card[class*="bg-"] h2 small, +.card[class*="bg-"] h3 small, +.card[class*="bg-"] .card-body h1 small, +.card[class*="bg-"] .card-body h2 small, +.card[class*="bg-"] .card-body h3 small { + color: rgba(255, 255, 255, 0.8); +} + +.card .card-stats { + background: transparent; + display: flex; +} + +.card .card-stats .author, +.card .card-stats .stats { + display: inline-flex; +} + +@media all and (-ms-high-contrast: none), +(-ms-high-contrast: active) { + .card { + display: inline-block; + } +} + +.card-carousel { + overflow: hidden; +} + +.card-login .card-header { + margin-left: 20px; + margin-right: 20px; + margin-top: -40px; + padding: 20px 0; + margin-bottom: 15px; +} + +.card-login .text-divider { + margin-top: 30px; + margin-bottom: 0px; + text-align: center; +} + +.card-login .card-body { + padding: 0px 30px 0px 10px; +} + +.card-login .form-check { + padding-top: 27px; +} + +.card-login .form-check label { + margin-left: 18px; +} + +.card-login .form-check .form-check-sign { + padding-right: 27px; +} + +.card-login .input-group { + padding-bottom: 7px; + margin: 27px 0 0 0; +} + +.card-login .form { + min-height: 420px; +} + +.card-login .social-line { + margin-top: 1rem; + text-align: center; + padding: 0; +} + +.card-login .social-line .btn { + color: #ffffff; + margin-left: 5px; + margin-right: 5px; +} + +.login-page .footer { + position: absolute; + width: 100%; + background: transparent; + bottom: 0; + color: #ffffff; + z-index: 2; +} + +.login-page .footer .copyright a { + color: #ffffff; +} + +.card-plain { + background: transparent; + box-shadow: none; +} + +.card-plain .card-header:not(.card-avatar) { + margin-left: 0; + margin-right: 0; +} + +.card-plain .card-body { + padding-left: 5px; + padding-right: 5px; +} + +.card-plain .card-header-image { + margin: 0 !important; + border-radius: 6px; +} + +.card-plain .card-header-image img { + border-radius: 6px; +} + +.card-plain .card-footer { + padding-left: 5px; + padding-right: 5px; + background-color: transparent; +} + +/*! + * Datetimepicker for Bootstrap 3 + * ! version : 4.17.37 + * https://github.com/Eonasdan/bootstrap-datetimepicker/ + */ +.sr-only, +.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="today"]::after, +.bootstrap-datetimepicker-widget .picker-switch::after, +.bootstrap-datetimepicker-widget table th.prev::after, +.bootstrap-datetimepicker-widget table th.next::after { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} + +.bootstrap-datetimepicker-widget { + list-style: none; +} + +.bootstrap-datetimepicker-widget a:hover { + box-shadow: none !important; +} + +.bootstrap-datetimepicker-widget a .btn:hover { + background-color: transparent; +} + +.bootstrap-datetimepicker-widget.dropdown-menu { + padding: 4px; + width: 19em; +} + +@media (min-width: 768px) { + .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { + width: 38em; + } +} + +@media (min-width: 991px) { + .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { + width: 38em; + } +} + +@media (min-width: 1200px) { + .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { + width: 38em; + } +} + +.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, +.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { + right: auto; + left: 12px; +} + +.bootstrap-datetimepicker-widget.dropdown-menu.top { + margin-top: auto; + margin-bottom: 27px; +} + +.bootstrap-datetimepicker-widget.dropdown-menu.top.open { + margin-top: auto; + margin-bottom: 27px; +} + +.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { + left: auto; + right: 6px; +} + +.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { + left: auto; + right: 7px; +} + +.bootstrap-datetimepicker-widget .list-unstyled { + margin: 0; +} + +.bootstrap-datetimepicker-widget a[data-action] { + padding: 0; + margin: 0; + border-width: 0; + background-color: transparent; + color: #9c27b0; + box-shadow: none; +} + +.bootstrap-datetimepicker-widget a[data-action]:hover { + background-color: transparent; +} + +.bootstrap-datetimepicker-widget a[data-action]:hover span { + background-color: #eee; + color: #9c27b0; +} + +.bootstrap-datetimepicker-widget a[data-action]:active { + box-shadow: none; +} + +.bootstrap-datetimepicker-widget .timepicker-hour, +.bootstrap-datetimepicker-widget .timepicker-minute, +.bootstrap-datetimepicker-widget .timepicker-second { + width: 40px; + height: 40px; + line-height: 40px; + font-weight: 300; + font-size: 1.125rem; + margin: 0; + border-radius: 50%; +} + +.bootstrap-datetimepicker-widget button[data-action] { + width: 38px; + height: 38px; + margin-right: 3px; + padding: 0; +} + +.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { + content: "Increment Hours"; +} + +.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { + content: "Increment Minutes"; +} + +.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { + content: "Decrement Hours"; +} + +.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { + content: "Decrement Minutes"; +} + +.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { + content: "Show Hours"; +} + +.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { + content: "Show Minutes"; +} + +.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { + content: "Toggle AM/PM"; +} + +.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { + content: "Clear the picker"; +} + +.bootstrap-datetimepicker-widget .btn[data-action="today"]::after { + content: "Set the date to today"; +} + +.bootstrap-datetimepicker-widget .picker-switch { + text-align: center; + border-radius: 3px; + font-size: 0.875rem; +} + +.bootstrap-datetimepicker-widget .picker-switch::after { + content: "Toggle Date and Time Screens"; +} + +.bootstrap-datetimepicker-widget .picker-switch td { + padding: 0; + margin: 0; + height: auto; + width: auto; + line-height: inherit; +} + +.bootstrap-datetimepicker-widget .picker-switch td span { + line-height: 2.5; + height: 2.5em; + width: 100%; + border-radius: 3px; + margin: 2px 0px !important; +} + +.bootstrap-datetimepicker-widget table { + width: 100%; + margin: 0; +} + +.bootstrap-datetimepicker-widget table.table-condensed tr>td { + text-align: center; +} + +.bootstrap-datetimepicker-widget table td>div, +.bootstrap-datetimepicker-widget table th>div { + text-align: center; +} + +.bootstrap-datetimepicker-widget table th { + height: 20px; + line-height: 20px; + width: 20px; + font-weight: 500; +} + +.bootstrap-datetimepicker-widget table th.picker-switch { + width: 145px; +} + +.bootstrap-datetimepicker-widget table th.disabled, +.bootstrap-datetimepicker-widget table th.disabled:hover { + background: none; + color: rgba(0, 0, 0, 0.12); + cursor: not-allowed; +} + +.bootstrap-datetimepicker-widget table th.prev span, +.bootstrap-datetimepicker-widget table th.next span { + border-radius: 3px; + height: 27px; + width: 27px; + line-height: 28px; + font-size: 12px; + border-radius: 50%; + text-align: center; +} + +.bootstrap-datetimepicker-widget table th.prev::after { + content: "Previous Month"; +} + +.bootstrap-datetimepicker-widget table th.next::after { + content: "Next Month"; +} + +.bootstrap-datetimepicker-widget table th.dow { + text-align: center; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + font-size: 12px; + text-transform: uppercase; + color: rgba(0, 0, 0, 0.87); + font-weight: 400; + padding-bottom: 5px; + padding-top: 10px; +} + +.bootstrap-datetimepicker-widget table thead tr:first-child th { + cursor: pointer; +} + +.bootstrap-datetimepicker-widget table thead tr:first-child th:hover span, +.bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover { + background: #eee; +} + +.bootstrap-datetimepicker-widget table td>div { + border-radius: 3px; + height: 54px; + line-height: 54px; + width: 54px; + text-align: center; +} + +.bootstrap-datetimepicker-widget table td.cw>div { + font-size: .8em; + height: 20px; + line-height: 20px; + color: #999; +} + +.bootstrap-datetimepicker-widget table td.day>div { + height: 30px; + line-height: 30px; + width: 30px; + text-align: center; + padding: 0px; + border-radius: 50%; + position: relative; + z-index: -1; + color: #000000; + font-size: 0.875rem; +} + +.bootstrap-datetimepicker-widget table td.minute>div, +.bootstrap-datetimepicker-widget table td.hour>div { + border-radius: 50%; +} + +.bootstrap-datetimepicker-widget table td.day:hover>div, +.bootstrap-datetimepicker-widget table td.hour:hover>div, +.bootstrap-datetimepicker-widget table td.minute:hover>div, +.bootstrap-datetimepicker-widget table td.second:hover>div { + background: #eee; + cursor: pointer; +} + +.bootstrap-datetimepicker-widget table td.old>div, +.bootstrap-datetimepicker-widget table td.new>div { + color: #999; +} + +.bootstrap-datetimepicker-widget table td.today>div { + position: relative; +} + +.bootstrap-datetimepicker-widget table td.active>div, +.bootstrap-datetimepicker-widget table td.active:hover>div { + background-color: #9c27b0; + color: #ffffff; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); +} + +.bootstrap-datetimepicker-widget table td.active.today:before>div { + border-bottom-color: #ffffff; +} + +.bootstrap-datetimepicker-widget table td.disabled>div, +.bootstrap-datetimepicker-widget table td.disabled:hover>div { + background: none; + color: rgba(0, 0, 0, 0.12); + cursor: not-allowed; +} + +.bootstrap-datetimepicker-widget table td span { + display: inline-block; + width: 40px; + height: 40px; + line-height: 40px; + margin: 3px 3px; + cursor: pointer; + border-radius: 50%; + text-align: center; +} + +.bootstrap-datetimepicker-widget table td span:hover { + background: #eee; +} + +.bootstrap-datetimepicker-widget table td span.active { + background-color: #9c27b0; + color: #ffffff; +} + +.bootstrap-datetimepicker-widget table td span.old { + color: #999; +} + +.bootstrap-datetimepicker-widget table td span.disabled, +.bootstrap-datetimepicker-widget table td span.disabled:hover { + background: none; + color: rgba(0, 0, 0, 0.12); + cursor: not-allowed; +} + +.bootstrap-datetimepicker-widget .timepicker-picker span, +.bootstrap-datetimepicker-widget .timepicker-hours span, +.bootstrap-datetimepicker-widget .timepicker-minutes span { + border-radius: 50% !important; +} + +.bootstrap-datetimepicker-widget.usetwentyfour td.hour { + height: 27px; + line-height: 27px; +} + +.input-group.date .input-group-addon { + cursor: pointer; +} + +.table-condensed>tbody>tr>td, +.table-condensed>tbody>tr>th, +.table-condensed>tfoot>tr>td, +.table-condensed>tfoot>tr>th, +.table-condensed>thead>tr>td, +.table-condensed>thead>tr>th { + padding: 1px; + text-align: center; + z-index: 1; + cursor: pointer; +} + +/*! nouislider - 14.1.1 */ +/* Functional styling; + * These styles are required for noUiSlider to function. + * You don't need to change these rules to apply your design. + */ +.noUi-target, +.noUi-target * { + -webkit-touch-callout: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-user-select: none; + -ms-touch-action: none; + touch-action: none; + -ms-user-select: none; + -moz-user-select: none; + user-select: none; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.noUi-target { + position: relative; +} + +.noUi-base, +.noUi-connects { + width: 100%; + height: 100%; + position: relative; + z-index: 1; +} + +/* Wrapper for all connect elements. + */ +.noUi-connects { + overflow: hidden; + z-index: 0; +} + +.noUi-connect, +.noUi-origin { + will-change: transform; + position: absolute; + z-index: 1; + top: 0; + right: 0; + -ms-transform-origin: 0 0; + -webkit-transform-origin: 0 0; + -webkit-transform-style: preserve-3d; + transform-origin: 0 0; + transform-style: flat; +} + +.noUi-connect { + height: 100%; + width: 100%; +} + +.noUi-origin { + height: 10%; + width: 10%; +} + +/* Offset direction + */ +.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { + left: auto; + right: 0; +} + +/* Give origins 0 height/width so they don't interfere with clicking the + * connect elements. + */ +.noUi-vertical .noUi-origin { + width: 0; +} + +.noUi-horizontal .noUi-origin { + height: 0; +} + +.noUi-handle { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + position: absolute; +} + +.noUi-touch-area { + height: 100%; + width: 100%; +} + +.noUi-state-tap .noUi-connect, +.noUi-state-tap .noUi-origin { + -webkit-transition: transform 0.3s; + transition: transform 0.3s; +} + +.noUi-state-drag * { + cursor: inherit !important; +} + +/* Slider size and handle placement; + */ +.noUi-horizontal { + height: 2px; + margin: 15px 0; +} + +.noUi-horizontal .noUi-handle { + box-sizing: border-box; + width: 14px; + height: 14px; + left: 100%; + top: -7px; + cursor: pointer; + border-radius: 100%; + transition: all 0.2s ease-out; + border: 1px solid #9c27b0; + background: #ffffff; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); +} + +.noUi-vertical { + height: 100%; + width: 2px; + margin: 0 15px; +} + +.noUi-vertical .noUi-handle { + box-sizing: border-box; + width: 14px; + height: 14px; + left: -8px; + top: -10px; + cursor: pointer; + border-radius: 100%; + transition: all 0.2s ease-out; + border: 1px solid #9c27b0; + background: #ffffff; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); +} + +.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { + right: -10px; + left: auto; +} + +/* Styling; + * Giving the connect element a border radius causes issues with using transform: scale + */ +.noUi-target { + background: #c8c8c8; + border-radius: 4px; +} + +.noUi-connects { + border-radius: 3px; +} + +.noUi-connect { + background: #3FB8AF; +} + +/* Handles and cursors; + */ +.noUi-draggable { + cursor: ew-resize; +} + +.noUi-vertical .noUi-draggable { + cursor: ns-resize; +} + +.noUi-handle { + box-sizing: border-box; + width: 14px; + height: 14px; + left: -10px; + top: -6px; + cursor: pointer; + border-radius: 100%; + transition: all 0.2s ease-out; + border: 1px solid; + background: #ffffff; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); +} + +.noUi-active { + box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; + transform: scale3d(1.5, 1.5, 1); +} + +/* Handle stripes; + */ +.noUi-handle:after { + left: 17px; +} + +.noUi-vertical .noUi-handle:before, +.noUi-vertical .noUi-handle:after { + width: 14px; + height: 1px; + left: 6px; + top: 14px; +} + +.noUi-vertical .noUi-handle:after { + top: 17px; +} + +/* Disabled state; + */ +[disabled] .noUi-connect { + background: #B8B8B8; +} + +[disabled].noUi-target, +[disabled].noUi-handle, +[disabled] .noUi-handle { + cursor: not-allowed; +} + +/* Base; + * + */ +.noUi-pips, +.noUi-pips * { + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.noUi-pips { + position: absolute; + color: #999; +} + +/* Values; + * + */ +.noUi-value { + position: absolute; + white-space: nowrap; + text-align: center; +} + +.noUi-value-sub { + color: #ccc; + font-size: 10px; +} + +/* Markings; + * + */ +.noUi-marker { + position: absolute; + background: #CCC; +} + +.noUi-marker-sub { + background: #AAA; +} + +.noUi-marker-large { + background: #AAA; +} + +/* Horizontal layout; + * + */ +.noUi-pips-horizontal { + padding: 10px 0; + height: 80px; + top: 100%; + left: 0; + width: 100%; +} + +.noUi-value-horizontal { + -webkit-transform: translate(-50%, 50%); + transform: translate(-50%, 50%); +} + +.noUi-rtl .noUi-value-horizontal { + -webkit-transform: translate(50%, 50%); + transform: translate(50%, 50%); +} + +.noUi-marker-horizontal.noUi-marker { + margin-left: -1px; + width: 2px; + height: 5px; +} + +.noUi-marker-horizontal.noUi-marker-sub { + height: 10px; +} + +.noUi-marker-horizontal.noUi-marker-large { + height: 15px; +} + +/* Vertical layout; + * + */ +.noUi-pips-vertical { + padding: 0 10px; + height: 100%; + top: 0; + left: 100%; +} + +.noUi-value-vertical { + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + padding-left: 25px; +} + +.noUi-rtl .noUi-value-vertical { + -webkit-transform: translate(0, 50%); + transform: translate(0, 50%); +} + +.noUi-marker-vertical.noUi-marker { + width: 5px; + height: 2px; + margin-top: -1px; +} + +.noUi-marker-vertical.noUi-marker-sub { + width: 10px; +} + +.noUi-marker-vertical.noUi-marker-large { + width: 15px; +} + +.noUi-tooltip { + display: block; + position: absolute; + border: 1px solid #D9D9D9; + border-radius: 3px; + background: #fff; + color: #000; + padding: 5px; + text-align: center; + white-space: nowrap; +} + +.noUi-horizontal .noUi-tooltip { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + left: 50%; + bottom: 120%; +} + +.noUi-vertical .noUi-tooltip { + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + top: 50%; + right: 120%; +} + +.slider { + background: #c8c8c8; +} + +.slider .noUi-connect { + background-color: #9c27b0; + border-radius: 4px; +} + +.slider .noUi-handle { + border-color: #9c27b0; +} + +.slider.slider-info .noUi-connect { + background-color: #00bcd4; +} + +.slider.slider-info .noUi-handle { + border-color: #00bcd4; +} + +.slider.slider-success .noUi-connect { + background-color: #4caf50; +} + +.slider.slider-success .noUi-handle { + border-color: #4caf50; +} + +.slider.slider-warning .noUi-connect { + background-color: #ff9800; +} + +.slider.slider-warning .noUi-handle { + border-color: #ff9800; +} + +.slider.slider-danger .noUi-connect { + background-color: #f44336; +} + +.slider.slider-danger .noUi-handle { + border-color: #f44336; +} + +.slider.slider-rose .noUi-connect { + background-color: #e91e63; +} + +.slider.slider-rose .noUi-handle { + border-color: #e91e63; +} + +.index-page .section-components h6.description { + margin-top: 5px; + margin-bottom: 30px; +} + +.index-page .page-header { + height: 90vh; + overflow: hidden; +} + +.index-page .brand { + color: #ffffff; + text-align: center; +} + +.index-page .brand h1 { + font-size: 4.2rem; + font-weight: 600; + display: inline-block; + position: relative; +} + +.index-page .brand h3 { + font-size: 1.313rem; + max-width: 500px; + margin: 10px auto 0; +} + +.index-page h4.description { + font-size: 1.5em; +} + +.section { + padding: 70px 0; +} + +.profile-page .page-header { + height: 380px; + background-position: top center; +} + +.profile-page .profile { + text-align: center; +} + +.profile-page .profile img { + max-width: 160px; + width: 100%; + margin: 0 auto; + -webkit-transform: translate3d(0, -50%, 0); + -moz-transform: translate3d(0, -50%, 0); + -o-transform: translate3d(0, -50%, 0); + -ms-transform: translate3d(0, -50%, 0); + transform: translate3d(0, -50%, 0); +} + +.profile-page .profile .name { + margin-top: -80px; +} + +.profile-page .follow { + position: absolute; + top: 0; + right: 0; +} + +.profile-page .description { + margin: 1.071rem auto 0; + max-width: 600px; +} + +.profile-page .profile-tabs { + margin-top: 4.284rem; +} + +.profile-page .gallery { + margin-top: 3.213rem; + padding-bottom: 50px; +} + +.profile-page .gallery img { + width: 100%; + margin-bottom: 2.142rem; +} + +.profile-page .follow .btn-fab { + margin-top: -28px; +} + +.profile-page .card-background .content { + padding: 30% 0; + min-width: 160px; +} + +.profile-page .work { + padding: 40px 0px; +} + +.profile-page .work .collections { + margin-top: 20px; +} + +.profile-page .work .stats ul>li { + padding: 5px 0px; + font-size: 1em; +} + +.profile-page .work .stats ul>li b { + font-size: 1.2em; +} + +.profile-page .connections { + padding: 40px 0px; +} + +.profile-page .connections .card-profile { + text-align: left; +} + +.profile-page .tab-content .collections .card .card-body { + display: flex; + flex-direction: column; + justify-content: center; +} + +.profile-page .tab-content .collections .card .card-body .badge { + display: inline-table; + margin: 0 auto; +} + +.signup-page .page-header { + min-height: 100vh; + height: auto; + display: inherit; +} + +.signup-page .page-header .container { + padding-top: 20vh; +} + +.signup-page .card-signup { + border-radius: 6px; + box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); + margin-bottom: 100px; + padding: 40px 0px; +} + +.signup-page .info-horizontal { + padding: 0px 0px 20px; +} + +.signup-page .social .btn { + margin: 5px; +} + +.signup-page .social h4 { + margin-top: 20px; +} + +.signup-page .footer .container { + padding: 0; +} + +.signup-page .footer .copyright, +.signup-page .footer a { + color: #fff; +} + +@media all and (max-width: 991px) { + + [class*="navbar-expand-"]>.container, + [class*="navbar-expand-"]>.container-fluid { + padding-left: 15px; + padding-right: 15px; + } + + .dropdown-menu.show .dropdown-item.open+.dropdown-menu.show { + right: 101% !important; + } + + .dropdown-menu.show .dropdown-item.open+.dropdown-menu.show .dropdown-item.open+.dropdown-menu, + .dropdown-menu.show .dropdown-item.open+.dropdown-menu.show .dropdown-item.open+.dropdown-menu.show { + left: -165px !important; + } + + .navbar .navbar-collapse .navbar-nav>li.button-container { + padding: 15px; + } + + .carousel .card .card-body { + max-width: 340px; + margin: 0 auto; + min-height: 400px; + } + + .navbar-collapse { + position: fixed; + display: block; + top: 0px; + height: 100vh; + width: 230px; + right: 0; + margin-right: 0 !important; + z-index: 1032; + visibility: visible; + background-color: #999; + overflow-y: visible; + border-top: none; + text-align: left; + padding-right: 0; + padding-left: 0; + max-height: none !important; + -webkit-transform: translate3d(230px, 0, 0); + -moz-transform: translate3d(230px, 0, 0); + -o-transform: translate3d(230px, 0, 0); + -ms-transform: translate3d(230px, 0, 0); + transform: translate3d(230px, 0, 0); + -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + } + + .navbar-collapse::after { + top: 0; + left: 0; + height: 100%; + width: 100%; + position: absolute; + background-color: #ffffff; + display: block; + content: ""; + z-index: 1; + } + + .navbar-collapse .dropdown-toggle:after { + position: absolute; + right: 16px; + margin-top: 8px; + } + + .navbar-collapse .navbar-nav { + position: relative; + z-index: 3; + } + + .navbar-collapse .navbar-nav .nav-item .nav-link { + color: #000000; + margin: 5px 15px; + } + + .navbar-collapse .navbar-nav .nav-item.active .nav-link, + .navbar-collapse .navbar-nav .nav-item.active .nav-link:hover, + .navbar-collapse .navbar-nav .nav-item.active .nav-link:focus, + .navbar-collapse .navbar-nav .nav-item.active .nav-link:active { + background-color: #ecedef; + color: #000000; + } + + .navbar-collapse .navbar-nav .nav-item.button-container .nav-link { + margin: 15px; + } + + .navbar-collapse .navbar-nav .nav-item:after { + width: calc(100% - 30px); + content: ""; + display: block; + height: 1px; + margin-left: 15px; + background-color: #e5e5e5; + } + + .navbar-collapse .navbar-nav .nav-item:last-child:after { + display: none; + } + + .nav-open .navbar-collapse { + -webkit-transform: translate3d(0px, 0, 0); + -moz-transform: translate3d(0px, 0, 0); + -o-transform: translate3d(0px, 0, 0); + -ms-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); + } + + .nav-open .navbar-translate { + -webkit-transform: translate3d(-230px, 0, 0); + -moz-transform: translate3d(-230px, 0, 0); + -o-transform: translate3d(-230px, 0, 0); + -ms-transform: translate3d(-230px, 0, 0); + transform: translate3d(-230px, 0, 0); + } + + .navbar .navbar-translate { + width: 100%; + position: relative; + display: flex; + -ms-flex-pack: justify !important; + justify-content: space-between !important; + -ms-flex-align: center; + align-items: center; + -webkit-transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -moz-transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -o-transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -ms-transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + } + + .navbar .dropdown.show .dropdown-menu { + display: block; + } + + .navbar .dropdown .dropdown-menu { + display: none; + } + + .navbar .dropdown-menu .dropdown-item { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + + .navbar .dropdown.show .dropdown-menu, + .navbar .dropdown .dropdown-menu { + background-color: transparent; + border: 0; + padding-bottom: 15px; + transition: none; + -webkit-box-shadow: none; + box-shadow: none; + transform: none !important; + width: auto; + margin-bottom: 15px; + padding-top: 0; + height: 300px; + animation: none; + opacity: 1; + overflow-y: scroll; + } + + .navbar.navbar-transparent .navbar-toggler .navbar-toggler-icon { + background-color: #ffffff; + } + + #bodyClick { + height: 100%; + width: 100%; + position: fixed; + opacity: 0; + top: 0; + left: auto; + right: 230px; + content: ""; + z-index: 1029; + overflow-x: hidden; + } + + #navbar .navbar-collapse, + #navigation .navbar-collapse { + display: none !important; + } +} + +@media all and (min-width: 991px) { + .navbar .navbar-nav { + align-items: center; + } + + .navbar .navbar-nav .button-container { + margin-left: 0.1875px; + } + + .contactus-2 .card-contact { + margin: 80px 0 80px 150px; + } + + .index-page .fileinput-new.thumbnail.img-circle { + margin-top: 50px; + } +} + +@media screen and (max-width: 991px) { + .presentation-page .section-components .components-macbook { + max-width: 850px !important; + max-height: 480px !important; + margin-top: 12vh; + left: -12px; + } + + .presentation-page .section-components .coloured-card-img, + .presentation-page .section-components .table-img { + display: none; + } + + .presentation-page .section-components .social-img { + left: 47%; + top: 37%; + } + + .presentation-page .section-components .pin-btn-img { + top: 54%; + } + + .presentation-page .section-components .share-btn-img { + top: 12%; + } + + .presentation-page .section-components .coloured-card-btn-img { + top: -2%; + left: 65%; + } + + .presentation-page .section-content .area-img { + max-width: 130px; + max-height: 170px; + } + + .presentation-page .section-content .info-img { + max-width: 170px; + max-height: 120px; + } + + @keyframes topbar-x { + 0% { + top: 0px; + transform: rotate(0deg); + } + + 45% { + top: 6px; + transform: rotate(145deg); + } + + 75% { + transform: rotate(130deg); + } + + 100% { + transform: rotate(135deg); + } + } + + @-webkit-keyframes topbar-x { + 0% { + top: 0px; + -webkit-transform: rotate(0deg); + } + + 45% { + top: 6px; + -webkit-transform: rotate(145deg); + } + + 75% { + -webkit-transform: rotate(130deg); + } + + 100% { + -webkit-transform: rotate(135deg); + } + } + + @-moz-keyframes topbar-x { + 0% { + top: 0px; + -moz-transform: rotate(0deg); + } + + 45% { + top: 6px; + -moz-transform: rotate(145deg); + } + + 75% { + -moz-transform: rotate(130deg); + } + + 100% { + -moz-transform: rotate(135deg); + } + } + + @keyframes topbar-back { + 0% { + top: 6px; + transform: rotate(135deg); + } + + 45% { + transform: rotate(-10deg); + } + + 75% { + transform: rotate(5deg); + } + + 100% { + top: 0px; + transform: rotate(0); + } + } + + @-webkit-keyframes topbar-back { + 0% { + top: 6px; + -webkit-transform: rotate(135deg); + } + + 45% { + -webkit-transform: rotate(-10deg); + } + + 75% { + -webkit-transform: rotate(5deg); + } + + 100% { + top: 0px; + -webkit-transform: rotate(0); + } + } + + @-moz-keyframes topbar-back { + 0% { + top: 6px; + -moz-transform: rotate(135deg); + } + + 45% { + -moz-transform: rotate(-10deg); + } + + 75% { + -moz-transform: rotate(5deg); + } + + 100% { + top: 0px; + -moz-transform: rotate(0); + } + } + + @keyframes bottombar-x { + 0% { + bottom: 0px; + transform: rotate(0deg); + } + + 45% { + bottom: 6px; + transform: rotate(-145deg); + } + + 75% { + transform: rotate(-130deg); + } + + 100% { + transform: rotate(-135deg); + } + } + + @-webkit-keyframes bottombar-x { + 0% { + bottom: 0px; + -webkit-transform: rotate(0deg); + } + + 45% { + bottom: 6px; + -webkit-transform: rotate(-145deg); + } + + 75% { + -webkit-transform: rotate(-130deg); + } + + 100% { + -webkit-transform: rotate(-135deg); + } + } + + @-moz-keyframes bottombar-x { + 0% { + bottom: 0px; + -moz-transform: rotate(0deg); + } + + 45% { + bottom: 6px; + -moz-transform: rotate(-145deg); + } + + 75% { + -moz-transform: rotate(-130deg); + } + + 100% { + -moz-transform: rotate(-135deg); + } + } + + @keyframes bottombar-back { + 0% { + bottom: 6px; + transform: rotate(-135deg); + } + + 45% { + transform: rotate(10deg); + } + + 75% { + transform: rotate(-5deg); + } + + 100% { + bottom: 0px; + transform: rotate(0); + } + } + + @-webkit-keyframes bottombar-back { + 0% { + bottom: 6px; + -webkit-transform: rotate(-135deg); + } + + 45% { + -webkit-transform: rotate(10deg); + } + + 75% { + -webkit-transform: rotate(-5deg); + } + + 100% { + bottom: 0px; + -webkit-transform: rotate(0); + } + } + + @-moz-keyframes bottombar-back { + 0% { + bottom: 6px; + -moz-transform: rotate(-135deg); + } + + 45% { + -moz-transform: rotate(10deg); + } + + 75% { + -moz-transform: rotate(-5deg); + } + + 100% { + bottom: 0px; + -moz-transform: rotate(0); + } + } + + .navbar .navbar-toggler .navbar-toggler-icon:nth-child(2) { + top: 0px; + -webkit-animation: topbar-back 500ms linear 0s; + -moz-animation: topbar-back 500ms linear 0s; + animation: topbar-back 500ms 0s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; + } + + .navbar .navbar-toggler .navbar-toggler-icon:nth-child(3) { + opacity: 1; + } + + .navbar .navbar-toggler .navbar-toggler-icon:nth-child(4) { + bottom: 0px; + -webkit-animation: bottombar-back 500ms linear 0s; + -moz-animation: bottombar-back 500ms linear 0s; + animation: bottombar-back 500ms 0s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; + } + + .navbar .navbar-toggler.toggled .navbar-toggler-icon:nth-child(2) { + top: 6px; + -webkit-animation: topbar-x 500ms linear 0s; + -moz-animation: topbar-x 500ms linear 0s; + animation: topbar-x 500ms 0s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; + } + + .navbar .navbar-toggler.toggled .navbar-toggler-icon:nth-child(3) { + opacity: 0; + } + + .navbar .navbar-toggler.toggled .navbar-toggler-icon:nth-child(4) { + bottom: 6px; + -webkit-animation: bottombar-x 500ms linear 0s; + -moz-animation: bottombar-x 500ms linear 0s; + animation: bottombar-x 500ms 0s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; + } +} + +@media screen and (max-width: 767px) { + .presentation-page .section-components .components-macbook { + max-width: 350px !important; + max-height: 250px !important; + margin-top: 12vh; + left: -12px; + } + + .presentation-page .section-components .coloured-card-img, + .presentation-page .section-components .table-img { + display: none; + } + + .presentation-page .section-components .social-img { + left: -7%; + top: 37%; + } + + .presentation-page .section-components .pin-btn-img { + top: 54%; + } + + .presentation-page .section-components .share-btn-img { + top: 7%; + } + + .presentation-page .section-components .coloured-card-btn-img { + top: -2%; + } + + .card.card-form-horizontal .input-group { + padding-bottom: 10px; + } + + .presentation-page #cd-vertical-nav, + .index-page #cd-vertical-nav, + .section-page #cd-vertical-nav { + display: none; + } + + .index-page .cd-section .tim-typo .tim-note { + width: 60px; + } + + .login-page .page-header>.container { + padding-bottom: 200px; + } +} + +@media screen and (max-width: 400px) { + .cd-vertical-nav { + display: none !important; + } +} + +@media screen and (min-width: 767px) { + .bd-docs .bd-example .card.card-profile .card-header-image { + max-height: 100% !important; + } + + .card-profile .card-header-image { + max-height: 215px; + } +} + +@media screen and (max-width: 991px) { + + .menu-on-left .page-header, + .menu-on-left .main, + .menu-on-left .navbar>div { + -webkit-transform: translate3d(0px, 0, 0); + -moz-transform: translate3d(0px, 0, 0); + -o-transform: translate3d(0px, 0, 0); + -ms-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); + transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + } + + .menu-on-left .navbar .collapse { + left: 0; + top: -25px; + right: auto; + -webkit-transform: translate3d(-230px, 0, 0); + -moz-transform: translate3d(-230px, 0, 0); + -o-transform: translate3d(-230px, 0, 0); + -ms-transform: translate3d(-230px, 0, 0); + transform: translate3d(-230px, 0, 0); + } + + .menu-on-left .navbar .navbar-translate .navbar-brand { + position: absolute; + right: 0; + top: -15px; + } + + .nav-open .menu-on-left .page-header, + .nav-open .menu-on-left .main { + -webkit-transform: translate3d(230px, 0, 0); + -moz-transform: translate3d(230px, 0, 0); + -o-transform: translate3d(230px, 0, 0); + -ms-transform: translate3d(230px, 0, 0); + transform: translate3d(230px, 0, 0); + } + + .nav-open .menu-on-left .navbar .collapse { + -webkit-transform: translate3d(0px, 0, 0); + -moz-transform: translate3d(0px, 0, 0); + -o-transform: translate3d(0px, 0, 0); + -ms-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); + } + + .nav-open .menu-on-left .navbar>div .navbar-translate { + -webkit-transform: translate3d(230px, 0, 0); + -moz-transform: translate3d(230px, 0, 0); + -o-transform: translate3d(230px, 0, 0); + -ms-transform: translate3d(230px, 0, 0); + transform: translate3d(230px, 0, 0); + transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + } +} + +@media (min-width: 575px) and (max-width: 991px) { + .menu-on-left .navbar .collapse { + -webkit-transform: translate3d(-255px, 0, 0); + -moz-transform: translate3d(-255px, 0, 0); + -o-transform: translate3d(-255px, 0, 0); + -ms-transform: translate3d(-255px, 0, 0); + transform: translate3d(-255px, 0, 0); + } + + .nav-open .menu-on-left .navbar .collapse { + -webkit-transform: translate3d(-25px, 0, 0); + -moz-transform: translate3d(-25px, 0, 0); + -o-transform: translate3d(-25px, 0, 0); + -ms-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + width: 245px; + } +} + +/*# sourceMappingURL=kit-free.css.map */ \ No newline at end of file diff --git a/assets/css/material-kit.css.map b/assets/css/material-kit.css.map new file mode 100644 index 0000000..02f9ee3 --- /dev/null +++ b/assets/css/material-kit.css.map @@ -0,0 +1,338 @@ +{ + "version": 3, + "file": "kit-free.css", + "sources": [ + "../scss/kit-free.scss", + "../scss/partials/kit/core/_variables.scss", + "../scss/partials/kit/core/variables/_colors.scss", + "../scss/partials/kit/core/variables/_shadow.scss", + "../scss/partials/kit/core/variables/_bootstrap-material-design-base.scss", + "../scss/partials/kit/core/variables/_custom-forms.scss", + "../scss/partials/kit/core/variables/_spacing.scss", + "../scss/partials/kit/core/variables/_body.scss", + "../scss/partials/kit/core/variables/_brand.scss", + "../scss/partials/kit/core/variables/_buttons.scss", + "../scss/partials/kit/core/variables/_card.scss", + "../scss/partials/kit/core/variables/_code.scss", + "../scss/partials/kit/core/variables/_dropdown.scss", + "../scss/partials/kit/core/variables/_forms.scss", + "../scss/partials/kit/core/variables/_list-group.scss", + "../scss/partials/kit/core/variables/_nav.scss", + "../scss/partials/kit/core/variables/_pagination.scss", + "../scss/partials/kit/core/variables/_state.scss", + "../scss/partials/kit/core/variables/_tables.scss", + "../scss/partials/kit/core/variables/_tooltip.scss", + "../scss/partials/kit/core/variables/_type.scss", + "../scss/partials/kit/core/variables/_modals.scss", + "../scss/partials/kit/core/variables/_carousel.scss", + "../scss/partials/kit/core/bootstrap/scss/_functions.scss", + "../scss/partials/kit/core/bootstrap/scss/_variables.scss", + "../scss/partials/kit/core/variables/_layout.scss", + "../scss/partials/kit/core/variables/_menu.scss", + "../scss/partials/kit/core/variables/_drawer.scss", + "../scss/partials/kit/core/variables/_snackbar.scss", + "../scss/partials/kit/core/variables/_bootstrap-material-design.scss", + "../scss/partials/kit/core/_mixins.scss", + "../scss/partials/kit/core/mixins/_utilities.scss", + "../scss/partials/kit/core/mixins/_breakpoints.scss", + "../scss/partials/kit/core/mixins/_animations.scss", + "../scss/partials/kit/core/mixins/_type.scss", + "../scss/partials/kit/core/mixins/_layout.scss", + "../scss/partials/kit/core/mixins/_drawer.scss", + "../scss/partials/kit/core/mixins/_forms.scss", + "../scss/partials/kit/core/mixins/_buttons.scss", + "../scss/partials/kit/core/mixins/_hover.scss", + "../scss/partials/kit/core/mixins/_navs.scss", + "../scss/partials/kit/core/mixins/_colored-shadows.scss", + "../scss/partials/kit/core/mixins/_navbar-colors.scss", + "../scss/partials/kit/core/mixins/_alert.scss", + "../scss/partials/kit/core/_core-bootstrap.scss", + "../scss/partials/kit/core/bootstrap/scss/_functions.scss", + "../scss/partials/kit/core/bootstrap/scss/_variables.scss", + "../scss/partials/kit/core/bootstrap/scss/_mixins.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_breakpoints.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_hover.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_image.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_badge.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_resize.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_screen-reader.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_size.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_reset-text.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_text-emphasis.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_text-hide.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_text-truncate.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_visibility.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_alert.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_buttons.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_caret.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_pagination.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_lists.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_list-group.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_nav-divider.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_forms.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_table-row.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_background-variant.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_border-radius.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_box-shadow.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_gradients.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_transition.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_clearfix.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_grid-framework.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_grid.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_float.scss", + "../scss/partials/kit/core/bootstrap/scss/_reboot.scss", + "../scss/partials/kit/core/bootstrap/scss/_print.scss", + "../scss/partials/kit/core/bootstrap/scss/_reboot.scss", + "../scss/partials/kit/core/bootstrap/scss/_type.scss", + "../scss/partials/kit/core/bootstrap/scss/_images.scss", + "../scss/partials/kit/core/bootstrap/scss/_code.scss", + "../scss/partials/kit/core/bootstrap/scss/_grid.scss", + "../scss/partials/kit/core/bootstrap/scss/_tables.scss", + "../scss/partials/kit/core/bootstrap/scss/_forms.scss", + "../scss/partials/kit/core/bootstrap/scss/_buttons.scss", + "../scss/partials/kit/core/bootstrap/scss/_transitions.scss", + "../scss/partials/kit/core/bootstrap/scss/_dropdown.scss", + "../scss/partials/kit/core/bootstrap/scss/_button-group.scss", + "../scss/partials/kit/core/bootstrap/scss/_input-group.scss", + "../scss/partials/kit/core/bootstrap/scss/_custom-forms.scss", + "../scss/partials/kit/core/bootstrap/scss/_nav.scss", + "../scss/partials/kit/core/bootstrap/scss/_navbar.scss", + "../scss/partials/kit/core/bootstrap/scss/_card.scss", + "../scss/partials/kit/core/bootstrap/scss/_breadcrumb.scss", + "../scss/partials/kit/core/bootstrap/scss/_pagination.scss", + "../scss/partials/kit/core/bootstrap/scss/_jumbotron.scss", + "../scss/partials/kit/core/bootstrap/scss/_alert.scss", + "../scss/partials/kit/core/bootstrap/scss/_progress.scss", + "../scss/partials/kit/core/bootstrap/scss/_media.scss", + "../scss/partials/kit/core/bootstrap/scss/_list-group.scss", + "../scss/partials/kit/core/bootstrap/scss/_close.scss", + "../scss/partials/kit/core/bootstrap/scss/_badge.scss", + "../scss/partials/kit/core/bootstrap/scss/_modal.scss", + "../scss/partials/kit/core/bootstrap/scss/_tooltip.scss", + "../scss/partials/kit/core/bootstrap/scss/_popover.scss", + "../scss/partials/kit/core/bootstrap/scss/_carousel.scss", + "../scss/partials/kit/core/bootstrap/scss/_utilities.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_align.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_background.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_borders.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_clearfix.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_display.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_embed.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_flex.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_float.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_position.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_screenreaders.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_sizing.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_spacing.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_text.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_visibility.scss", + "../scss/partials/kit/core/_reboot.scss", + "../scss/partials/kit/core/_layout.scss", + "../scss/partials/kit/core/_buttons.scss", + "../scss/partials/kit/core/_misc.scss", + "../scss/partials/kit/core/_checkboxes.scss", + "../scss/partials/kit/core/_custom-forms.scss", + "../scss/partials/kit/core/_switches.scss", + "../scss/partials/kit/core/_radios.scss", + "../scss/partials/kit/core/_carousel.scss", + "../scss/partials/kit/core/_forms.scss", + "../scss/partials/kit/core/_input-group.scss", + "../scss/partials/kit/core/_list-group.scss", + "../scss/partials/kit/core/_nav.scss", + "../scss/partials/kit/core/_images.scss", + "../scss/partials/kit/core/_navbar.scss", + "../scss/partials/kit/core/_badges.scss", + "../scss/partials/kit/core/_alerts.scss", + "../scss/partials/kit/core/_pagination.scss", + "../scss/partials/kit/core/_pills.scss", + "../scss/partials/kit/core/_info-areas.scss", + "../scss/partials/kit/core/_type.scss", + "../scss/partials/kit/core/_tabs.scss", + "../scss/partials/kit/core/_tooltip.scss", + "../scss/partials/kit/core/_popover.scss", + "../scss/partials/kit/core/_modal.scss", + "../scss/partials/kit/core/_dropdown.scss", + "../scss/partials/kit/core/_drawer.scss", + "../scss/partials/kit/core/_progress.scss", + "../scss/partials/kit/core/_togglebutton.scss", + "../scss/partials/kit/core/_ripples.scss", + "../scss/partials/kit/core/_headers.scss", + "../scss/partials/kit/core/_footers.scss", + "../scss/partials/kit/core/_cards.scss", + "../scss/partials/kit/core/cards/_card-carousel.scss", + "../scss/partials/kit/core/cards/_card-login.scss", + "../scss/partials/kit/core/cards/_card-plain.scss", + "../scss/partials/kit/core/plugins/_plugin-datetime-picker.scss", + "../scss/partials/kit/core/plugins/_plugin-nouislider.scss", + "../scss/partials/kit/core/_example-pages.scss", + "../scss/partials/kit/core/_responsive.scss" + ], + "sourcesContent": [ + "/*!\n\n =========================================================\n * Material Kit - v2.0.7\n =========================================================\n\n * Product Page: https://www.creative-tim.com/product/material-kit\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/kit/core/variables\";\n @import \"partials/kit/core/mixins\";\n @import \"partials/kit/core/core-bootstrap\";\n @import \"partials/kit/core/reboot\";\n\n // Core Components\n @import \"partials/kit/core/layout\";\n @import \"partials/kit/core/buttons\";\n @import \"partials/kit/core/misc\";\n @import \"partials/kit/core/checkboxes\";\n @import \"partials/kit/core/custom-forms\";\n @import \"partials/kit/core/switches\";\n @import \"partials/kit/core/radios\";\n @import \"partials/kit/core/carousel\";\n @import \"partials/kit/core/forms\";\n @import \"partials/kit/core/input-group\";\n @import \"partials/kit/core/list-group\";\n @import \"partials/kit/core/nav\";\n @import \"partials/kit/core/images\";\n @import \"partials/kit/core/navbar\";\n @import \"partials/kit/core/badges\";\n @import \"partials/kit/core/alerts\";\n @import \"partials/kit/core/pagination\";\n @import \"partials/kit/core/pills\";\n @import \"partials/kit/core/info-areas\";\n @import \"partials/kit/core/type\";\n @import \"partials/kit/core/tabs\";\n @import \"partials/kit/core/tooltip\";\n @import \"partials/kit/core/popover\";\n @import \"partials/kit/core/modal\";\n @import \"partials/kit/core/dropdown\";\n @import \"partials/kit/core/drawer\";\n @import \"partials/kit/core/progress\";\n @import \"partials/kit/core/togglebutton\";\n @import \"partials/kit/core/ripples\";\n @import \"partials/kit/core/headers\";\n @import \"partials/kit/core/footers\";\n\n // Cards\n @import 'partials/kit/core/cards';\n @import 'partials/kit/core/cards/card-carousel';\n @import 'partials/kit/core/cards/card-login';\n @import 'partials/kit/core/cards/card-plain';\n\n // Core Plugins\n @import 'partials/kit/core/plugins/plugin-datetime-picker';\n @import 'partials/kit/core/plugins/plugin-nouislider';\n\n // Sections and Example pages\n @import \"partials/kit/core/example-pages\";\n @import \"partials/kit/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@import \"variables/carousel\";\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-color: #000000;\n$rgb-black: \"0,0,0\" !default;\n$white-color: #ffffff;\n$rgb-white: \"255,255,255\" !default;\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", + "// Body\n//\n// Settings for the `` element.\n\n$body-bg: #fafafa !default;\n", + "// Bootstrap brand color customization\n\n/* brand Colors */\n\n$primary: $purple-500 !default;\n$info: $cyan-500 !default;\n$success: $green-500 !default;\n$warning: $orange-500 !default;\n$danger: $red-500 !default;\n$rose: $pink-500 !default;\n$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$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: $white !default;\n$btn-primary-bg: $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: $white !default;\n$btn-info-bg: $info !default;\n$btn-info-border-color: $btn-info-bg !default;\n//\n$btn-success-color: $white !default;\n$btn-success-bg: $success !default;\n$btn-success-border-color: $btn-success-bg !default;\n//\n$btn-warning-color: $white !default;\n$btn-warning-bg: $warning !default;\n$btn-warning-border-color: $btn-warning-bg !default;\n//\n$btn-danger-color: $white !default;\n$btn-danger-bg: $danger !default;\n$btn-danger-border-color: $btn-danger-bg !default;\n\n$btn-rose-color: $white !default;\n$btn-rose-bg: $rose !default;\n$btn-rose-border-color: $btn-rose-bg !default;\n\n$btn-default-color: $white !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//// Allows for customizing button radius independently from global border radius\n\n$btn-border-radius-sm: .1875rem !default;\n$border-radius-extreme: 2rem !default;\n", + "// Cards\n\n$card-border-color: $gray-lighter !default; // #e5e5e5\n$card-bg: $white !default;\n$card-cap-bg: $card-bg !default; // #f5f5f5\n", + "// Code\n\n$code-bg: $grey-200 !default; // #f7f7f9 !default;\n", + "// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-box-shadow: $bmd-shadow-2dp !default; //0 6px 12px rgba(0,0,0,.175) !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-width: 0 !default; // $border-width\n$list-group-border-radius: 0 !default; // $border-radius\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: $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: $white !default;\n$bmd-nav-tabs-primary-active-border-color: $white !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: $white !default;\n$bmd-nav-tabs-inverse-active-border-color: $white !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-tabs-active-link-hover-bg: transparent !default; // $body-bg\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: $success !default;\n\n$state-info-text: $bmd-inverse !default;\n$state-info-bg: $info !default;\n\n$state-warning-text: $bmd-inverse !default;\n$state-warning-bg: $warning !default;\n\n$state-danger-text: $bmd-inverse !default;\n$state-danger-bg: $danger !default;\n\n$state-rose-bg: $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\n$h1-font-size: 3.3125rem;\n$h2-font-size: 2.25rem !default;\n$h3-font-size: 1.5625rem;\n$h4-font-size: 1.125rem !default;\n$h5-font-size: 1.0625rem !default;\n$h6-font-size: 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$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", + "// Modals\n$modal-content-xs-box-shadow: $bmd-shadow-24dp !default;\n$modal-backdrop-opacity: .26 !default; // .5\n", + ".carousel{\n &.carousel-full-navigation{\n .left{\n cursor: url(\"../../img/arrow-left.png\"), url(\"../../img/arrow-left.cur\"), default !important;\n }\n .right{\n cursor: url(\"../../img/arrow-right.png\"), url(\"../../img/arrow-right.cur\"), default !important;\n }\n }\n}\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: $white !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: $primary !default;\n$bmd-invalid-underline: $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$default: #cecece !default;\n$primary: $purple !default;\n$success: $green !default;\n$danger: $red !default;\n$warning: $orange !default;\n$info: $cyan !default;\n$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: $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: $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: $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: $primary;\n$bg-danger: $danger;\n$bg-warning: $warning;\n$bg-info: $info;\n$bg-rose: $rose;\n$bg-success: $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: $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: $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", + "@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\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}\n\n@mixin create-colored-badges(){\n &.primary-badge{\n @include badges-color($primary);\n }\n &.info-badge {\n @include badges-color($info);\n }\n &.success-badge{\n @include badges-color($success);\n }\n &.warning-badge{\n @include badges-color($warning);\n }\n &.danger-badge{\n @include badges-color($danger);\n }\n &.rose-badge{\n @include badges-color($rose);\n }\n}\n\n@mixin badge-color() {\n &.badge-primary{\n background-color: $primary;\n }\n &.badge-info {\n background-color: $info;\n }\n &.badge-success{\n background-color: $success;\n }\n &.badge-warning{\n background-color: $warning;\n }\n &.badge-danger{\n background-color: $danger;\n }\n &.badge-rose{\n background-color: $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@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 rotate-0() {\n -webkit-transform: rotate( 0deg );\n -moz-transform: rotate( 0deg );\n -o-transform: rotate( 0deg );\n -ms-transform: rotate(0deg);\n transform: rotate( 0deg );\n}\n\n// Nvabar burger animations (on close)\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\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", + "@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\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\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 .is-focused{\n // may or may not be a form-group or bmd-form-group\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 .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 // 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 // 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 top: $label-placeholder-top; // 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, $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\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($primary);\n }\n &.tag-info {\n @include tag-color($info);\n }\n &.tag-success{\n @include tag-color($success);\n }\n &.tag-warning{\n @include tag-color($warning);\n }\n &.tag-danger{\n @include tag-color($danger);\n }\n &.tag-rose{\n @include tag-color($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-border: darken($border, 12%);\n\n $active-background: $focus-background;\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 &.btn-pinterest {\n @include bmd-raised-button-variant($white, $social-pinterest, $social-pinterest);\n }\n &.btn-google {\n @include bmd-raised-button-variant($white, $social-google, $social-google);\n }\n &.btn-linkedin {\n @include bmd-raised-button-variant($white, $social-linkedin, $social-linkedin);\n }\n &.btn-dribbble {\n @include bmd-raised-button-variant($white, $social-dribbble, $social-dribbble);\n }\n &.btn-github {\n @include bmd-raised-button-variant($white, $social-github, $social-github);\n }\n &.btn-youtube {\n @include bmd-raised-button-variant($white, $social-youtube, $social-youtube);\n }\n &.btn-instagram {\n @include bmd-raised-button-variant($white, $social-instagram, $social-instagram);\n }\n &.btn-reddit {\n @include bmd-raised-button-variant($white, $social-reddit, $social-reddit);\n }\n &.btn-tumblr {\n @include bmd-raised-button-variant($white, $social-tumblr, $social-tumblr);\n }\n &.btn-behance {\n @include bmd-raised-button-variant($white, $social-behance, $social-behance);\n }\n}\n\n@mixin undo-bs-tab-focus() {\n // clear out the tab-focus() from BS\n &,\n &:active,\n &:active:focus,\n &.active {\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: none !important;\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", + "@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", + "@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", + "\n@mixin alert-variations($component, $selector-suffix, $default) {\n @include generic-variations($component, $selector-suffix, $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: $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: $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: $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: $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: $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: $rose,\n variation-color-text: $mdb-text-color-light\n ));\n @include call-variations-content-mixin($args-rose);\n }\n\n}\n", + "// FIXME: only necessary because there isn't an underscored file - see https://github.com/twbs/bootstrap/issues/18350\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 `` elements.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n font-size: $font-size-base;\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: left; // 3\n background-color: $body-bg; // 2\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Credit: https://github.com/suitcss/base\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `

`-`

` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: $headings-margin-bottom;\n}\n// stylelint-enable selector-list-comma-newline-after\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `

`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 `` alignment by inheriting from the ``, or the\n // closest parent with a set `text-align`.\n text-align: inherit;\n}\n\n\n//\n// Forms\n//\n\nlabel {\n // Allow labels to use `margin` for spacing.\n display: inline-block;\n margin-bottom: .5rem;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n//\n// Credit: https://github.com/suitcss/base/\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // Remove the margin in Firefox and Safari\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\nhtml [type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n // Remove the default appearance of temporal inputs to avoid a Mobile Safari\n // bug where setting a custom line-height prevents text from being vertically\n // centered within the input.\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\n // and https://github.com/twbs/bootstrap/issues/11266\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto; // Remove the default vertical scrollbar in IE.\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n resize: vertical;\n}\n\nfieldset {\n // Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. `

`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit; // 2\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n cursor: pointer;\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !important;\n}\n", + "// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n// Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request:\n// http://www.phpied.com/delay-loading-your-print-css/\n// ==========================================================================\n\n@if $enable-print-styles {\n @media print {\n *,\n *::before,\n *::after {\n // Bootstrap specific; comment out `color` and `background`\n //color: #000 !important; // Black prints faster: http://www.sanbeiji.com/archives/953\n text-shadow: none !important;\n //background: transparent !important;\n box-shadow: none !important;\n }\n\n a {\n &:not(.btn) {\n text-decoration: underline;\n }\n }\n\n // Bootstrap specific; comment the following selector out\n //a[href]::after {\n // content: \" (\" attr(href) \")\";\n //}\n\n abbr[title]::after {\n content: \" (\" attr(title) \")\";\n }\n\n // Bootstrap specific; comment the following selector out\n //\n // Don't show links that are fragment identifiers,\n // or use the `javascript:` pseudo protocol\n //\n\n //a[href^=\"#\"]::after,\n //a[href^=\"javascript:\"]::after {\n // content: \"\";\n //}\n\n pre {\n white-space: pre-wrap !important;\n }\n pre,\n blockquote {\n border: $border-width solid #999; // Bootstrap custom code; using `$border-width` instead of 1px\n page-break-inside: avoid;\n }\n\n //\n // Printing Tables:\n // http://css-discuss.incutio.com/wiki/Printing_Tables\n //\n\n thead {\n display: table-header-group;\n }\n\n tr,\n img {\n page-break-inside: avoid;\n }\n\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n\n h2,\n h3 {\n page-break-after: avoid;\n }\n\n // Bootstrap specific changes start\n\n // Specify a size and min-width to make printing closer across browsers.\n // We don't set margin here because it breaks `size` in Chrome. We also\n // don't use `!important` on `size` as it breaks in Chrome.\n @page {\n size: $print-page-size;\n }\n body {\n min-width: $print-body-min-width !important;\n }\n .container {\n min-width: $print-body-min-width !important;\n }\n\n // Bootstrap components\n .navbar {\n display: none;\n }\n .badge {\n border: $border-width solid #000;\n }\n\n .table {\n border-collapse: collapse !important;\n\n td,\n th {\n background-color: #fff !important;\n }\n }\n .table-bordered {\n th,\n td {\n border: 1px solid #ddd !important;\n }\n }\n\n // Bootstrap specific changes end\n }\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 `` elements.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n font-size: $font-size-base;\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: left; // 3\n background-color: $body-bg; // 2\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Credit: https://github.com/suitcss/base\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `

`-`

` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: $headings-margin-bottom;\n}\n// stylelint-enable selector-list-comma-newline-after\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `

`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 `` alignment by inheriting from the ``, or the\n // closest parent with a set `text-align`.\n text-align: inherit;\n}\n\n\n//\n// Forms\n//\n\nlabel {\n // Allow labels to use `margin` for spacing.\n display: inline-block;\n margin-bottom: .5rem;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n//\n// Credit: https://github.com/suitcss/base/\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // Remove the margin in Firefox and Safari\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\nhtml [type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n // Remove the default appearance of temporal inputs to avoid a Mobile Safari\n // bug where setting a custom line-height prevents text from being vertically\n // centered within the input.\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\n // and https://github.com/twbs/bootstrap/issues/11266\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto; // Remove the default vertical scrollbar in IE.\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n resize: vertical;\n}\n\nfieldset {\n // Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. `

`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit; // 2\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n cursor: pointer;\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !important;\n}\n", + "// stylelint-disable declaration-no-important, selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n}\n\nh1, .h1 { font-size: $h1-font-size; }\nh2, .h2 { font-size: $h2-font-size; }\nh3, .h3 { font-size: $h3-font-size; }\nh4, .h4 { font-size: $h4-font-size; }\nh5, .h5 { font-size: $h5-font-size; }\nh6, .h6 { font-size: $h6-font-size; }\n\n.lead {\n font-size: $lead-font-size;\n font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n font-size: $display1-size;\n font-weight: $display1-weight;\n line-height: $display-line-height;\n}\n.display-2 {\n font-size: $display2-size;\n font-weight: $display2-weight;\n line-height: $display-line-height;\n}\n.display-3 {\n font-size: $display3-size;\n font-weight: $display3-weight;\n line-height: $display-line-height;\n}\n.display-4 {\n font-size: $display4-size;\n font-weight: $display4-weight;\n line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n margin-top: $hr-margin-y;\n margin-bottom: $hr-margin-y;\n border: 0;\n border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n font-size: $small-font-size;\n font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n padding: $mark-padding;\n background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n @include list-unstyled;\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n @include list-unstyled;\n}\n.list-inline-item {\n display: inline-block;\n\n &:not(:last-child) {\n margin-right: $list-inline-padding;\n }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n font-size: 90%;\n text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n margin-bottom: $spacer;\n font-size: $blockquote-font-size;\n}\n\n.blockquote-footer {\n display: block;\n font-size: 80%; // back to default font-size\n color: $blockquote-small-color;\n\n &::before {\n content: \"\\2014 \\00A0\"; // em dash, nbsp\n }\n}\n", + "// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all ``s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n @include img-fluid;\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n padding: $thumbnail-padding;\n background-color: $thumbnail-bg;\n border: $thumbnail-border-width solid $thumbnail-border-color;\n @include border-radius($thumbnail-border-radius);\n @include box-shadow($thumbnail-box-shadow);\n\n // Keep them at most 100% wide\n @include img-fluid;\n}\n\n//\n// Figures\n//\n\n.figure {\n // Ensures the caption's text aligns with the image.\n display: inline-block;\n}\n\n.figure-img {\n margin-bottom: ($spacer / 2);\n line-height: 1;\n}\n\n.figure-caption {\n font-size: $figure-caption-font-size;\n color: $figure-caption-color;\n}\n", + "// Inline and block code styles\ncode,\nkbd,\npre,\nsamp {\n font-family: $font-family-monospace;\n}\n\n// Inline code\ncode {\n font-size: $code-font-size;\n color: $code-color;\n word-break: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\n// User input typically entered via keyboard\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n font-size: $kbd-font-size;\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n @include box-shadow($kbd-box-shadow);\n\n kbd {\n padding: 0;\n font-size: 100%;\n font-weight: $nested-kbd-font-weight;\n @include box-shadow(none);\n }\n}\n\n// Blocks of code\npre {\n display: block;\n font-size: $code-font-size;\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n max-height: $pre-scrollable-max-height;\n overflow-y: scroll;\n}\n", + "// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n .container {\n @include make-container();\n @include make-container-max-widths();\n }\n}\n\n// Fluid container\n//\n// Utilizes the mixin meant for fixed width containers, but with 100% width for\n// fluid, full width layouts.\n\n@if $enable-grid-classes {\n .container-fluid {\n @include make-container();\n }\n}\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n@if $enable-grid-classes {\n .row {\n @include make-row();\n }\n\n // Remove the negative margin from default .row, then the horizontal padding\n // from all immediate children columns (to prevent runaway style inheritance).\n .no-gutters {\n margin-right: 0;\n margin-left: 0;\n\n > .col,\n > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n }\n }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n @include make-grid-columns();\n}\n", + "//\n// Basic Bootstrap table\n//\n\n.table {\n width: 100%;\n max-width: 100%;\n margin-bottom: $spacer;\n background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n th,\n td {\n padding: $table-cell-padding;\n vertical-align: top;\n border-top: $table-border-width solid $table-border-color;\n }\n\n thead th {\n vertical-align: bottom;\n border-bottom: (2 * $table-border-width) solid $table-border-color;\n }\n\n tbody + tbody {\n border-top: (2 * $table-border-width) solid $table-border-color;\n }\n\n .table {\n background-color: $body-bg;\n }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n th,\n td {\n padding: $table-cell-padding-sm;\n }\n}\n\n\n// Bordered version\n//\n// Add borders all around the table and between all the columns.\n\n.table-bordered {\n border: $table-border-width solid $table-border-color;\n\n th,\n td {\n border: $table-border-width solid $table-border-color;\n }\n\n thead {\n th,\n td {\n border-bottom-width: (2 * $table-border-width);\n }\n }\n}\n\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n tbody tr:nth-of-type(odd) {\n background-color: $table-accent-bg;\n }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n tbody tr {\n @include hover {\n background-color: $table-hover-bg;\n }\n }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n @include table-row-variant($color, theme-color-level($color, -9));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n .thead-dark {\n th {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n border-color: $table-dark-border-color;\n }\n }\n\n .thead-light {\n th {\n color: $table-head-color;\n background-color: $table-head-bg;\n border-color: $table-border-color;\n }\n }\n}\n\n.table-dark {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n\n th,\n td,\n thead th {\n border-color: $table-dark-border-color;\n }\n\n &.table-bordered {\n border: 0;\n }\n\n &.table-striped {\n tbody tr:nth-of-type(odd) {\n background-color: $table-dark-accent-bg;\n }\n }\n\n &.table-hover {\n tbody tr {\n @include hover {\n background-color: $table-dark-hover-bg;\n }\n }\n }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057\n\n // Prevent double border on horizontal scroll due to use of `display: block;`\n > .table-bordered {\n border: 0;\n }\n }\n }\n }\n}\n", + "// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n display: block;\n width: 100%;\n padding: $input-padding-y $input-padding-x;\n font-size: $font-size-base;\n line-height: $input-line-height;\n color: $input-color;\n background-color: $input-bg;\n background-clip: padding-box;\n border: $input-border-width solid $input-border-color;\n\n // Note: This has no effect on `s in CSS.\n @if $enable-rounded {\n // Manually use the if/else instead of the mixin to account for iOS override\n border-radius: $input-border-radius;\n } @else {\n // Otherwise undo the iOS default\n border-radius: 0;\n }\n\n @include box-shadow($input-box-shadow);\n @include transition($input-transition);\n\n // Unstyle the caret on ` receives focus\n // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n // match the appearance of the native widget.\n // See https://github.com/twbs/bootstrap/issues/19398.\n color: $input-color;\n background-color: $input-bg;\n }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n display: block;\n width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n padding-top: calc(#{$input-padding-y} + #{$input-border-width});\n padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});\n margin-bottom: 0; // Override the `
+
+
+
+ + +
+
+ +
+ + +
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/examples/login-page.html b/examples/login-page.html new file mode 100644 index 0000000..13d6a30 --- /dev/null +++ b/examples/login-page.html @@ -0,0 +1,192 @@ + + + + + + + + + + + Material Kit by Creative Tim + + + + + + + + + + + + + +
+
+
+
+ +
+
+
+ +
+ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/examples/profile-page.html b/examples/profile-page.html new file mode 100644 index 0000000..141bdf6 --- /dev/null +++ b/examples/profile-page.html @@ -0,0 +1,225 @@ + + + + + + + + + + + Material Kit by Creative Tim + + + + + + + + + + + + + +
+
+
+
+
+
+
+
+ Circle Image +
+
+

Christian Louboutin

+
Designer
+ + + +
+
+
+
+
+

An artist of considerable range, Chet Faker — the name taken by Melbourne-raised, Brooklyn-based Nick Murphy — writes, performs and records all of his own music, giving it a warm, intimate feel with a solid groove structure.

+
+
+
+
+ +
+
+
+
+
+
+
+ + +
+
+ + +
+
+
+
+
+
+ + + +
+
+ + +
+
+
+
+
+
+ + +
+
+ + + +
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js new file mode 100644 index 0000000..66030d8 --- /dev/null +++ b/gulpfile.js @@ -0,0 +1,34 @@ +var gulp = require('gulp'); +var path = require('path'); +var sass = require('gulp-sass'); +var autoprefixer = require('gulp-autoprefixer'); +var sourcemaps = require('gulp-sourcemaps'); +var open = require('gulp-open'); + +var Paths = { + HERE: './', + DIST: 'dist/', + CSS: './assets/css/', + SCSS_TOOLKIT_SOURCES: './assets/scss/material-kit.scss', + SCSS: './assets/scss/**/**' +}; + +gulp.task('compile-scss', function() { + return gulp.src(Paths.SCSS_TOOLKIT_SOURCES) + .pipe(sourcemaps.init()) + .pipe(sass().on('error', sass.logError)) + .pipe(autoprefixer()) + .pipe(sourcemaps.write(Paths.HERE)) + .pipe(gulp.dest(Paths.CSS)); +}); + +gulp.task('watch', function() { + gulp.watch(Paths.SCSS, gulp.series('compile-scss')); +}); + +gulp.task('open', function() { + gulp.src('index.html') + .pipe(open()); +}); + +gulp.task('open-app', gulp.parallel('open', 'watch')); \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..a753c26 --- /dev/null +++ b/index.html @@ -0,0 +1,1449 @@ + + + + + + + + + + + Material Kit by Creative Tim + + + + + + + + + + + + + +
+
+
+
+
+

Material Kit.

+

A Badass Bootstrap 4 UI Kit based on Material Design.

+
+
+
+
+
+
+
+
+
+

Basic Elements

+
+ +
+
+

Buttons
+ Pick your style +

+
+
+
+ + + + + +
+
+
+

Pick your size

+
+
+
+ + + +
+
+
+

Pick your color

+
+
+
+ + + + + + + +
+
+
+ +
+ +
+
+

Inputs

+
+
+
+
+ +
+
+
+
+ + + We'll never share your email with anyone else. +
+
+
+
+ + + +
+
+
+
+ + + +
+
+
+
+
+
+ + group + +
+ +
+
+
+
+
+
+
+ + + +
+ +
+
+
+
+
+ +
+ +
+
+
+
+

Checkboxes

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+

Radio Buttons

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+

Toggle Buttons

+
+
+ +
+
+ +
+
+
+
+
+ +
+
+
+
+

Progress Bars

+
+
+
+ 60% Complete +
+
+
+
+ 60% Complete +
+
+
+
+ 35% Complete (success) +
+
+ 20% Complete (warning) +
+
+ 10% Complete (danger) +
+
+
+
+
+

Pagination

+
+ + +
+
+
+ + +
+
+
+
+

Sliders

+
+
+
+
+
+
+

Badges

+
+ Default + Primary + Info + Success + Warning + Danger + Rose +
+
+
+ +
+
+ +
+
+ + +
+
+ +
+
+ + + +
+
+ +
+
+
+

Notifications

+
+
+
+
+
+ info_outline +
+ + Info alert: You've got some friends nearby, stop looking at your phone and find them... +
+
+
+
+
+ check +
+ + Success Alert: Yuhuuu! You've got your $11.99 album from The Weeknd +
+
+
+
+
+ warning +
+ + Warning Alert: Hey, it looks like you still have the "copyright © 2015" in your footer. Please update it! +
+
+
+
+
+ error_outline +
+ + Error Alert: Damn man! You screwed up the server this time. You should find a good excuse for your Boss... +
+
+
+
+ +
+
+ +
+
+

Typography

+
+
+
+

Header 1The Life of Material Kit

+
+
+

Header 2The Life of Material Kit

+
+
+

Header 3The Life of Material Kit

+
+
+

Header 4The Life of Material Kit

+
+
+
Header 5The Life of Material Kit
+
+
+
Header 6The Life of Material Kit
+
+
+

Header 1 TitleThe Life of Material Kit

+
+
+

Header 2 TitleThe Life of Material Kit

+
+
+

Header 3 TitleThe Life of Material Kit

+
+
+

Header 4 TitleThe Life of Material Kit

+
+
+

Paragraph + I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

+
+
+ Quote +
+

+ I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at. +

+ + Kanye West, Musician + +
+
+
+ Muted Text +

+ I will be the leader of a company that ends up being worth billions of dollars, because I got the answers... +

+
+
+ Primary Text +

+ I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

+
+
+ Info Text +

+ I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

+
+
+ Success Text +

+ I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

+
+
+ Warning Text +

+ I will be the leader of a company that ends up being worth billions of dollars, because I got the answers... +

+
+
+ Danger Text +

+ I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

+
+
+

Small Tag + Header with small subtitle
+ Use "small" tag for the headers +

+
+
+
+ +
+ +
+
+

Images

+
+
+
+
+

Rounded Image

+ Rounded Image +
+
+

Circle Image

+ Circle Image +
+
+

Rounded Raised

+ Raised Image +
+
+

Circle Raised

+ Thumbnail Image +
+
+
+
+
+ +
+
+
+
+
+
+

Javascript components

+
+ +
+
+
+

Modal

+
+
+
+ +
+
+
+
+

Datetime Picker

+
+
+
+
+ + +
+
+
+
+
+
+
+

Popovers

+
+ + + + +

+
+

Tooltips

+
+ + + + +
+
+ +
+

Carousel

+
+
+
+ + + +
+
+
+
+

Completed with examples

+

The kit comes with three pre-built pages to help you get started faster. You can change the text and images and you're good to go. More importantly, looking at them will give you a picture of what you can built with this powerful kit.

+
+
+
+
+ +
+ View Login Page +
+
+
+
+
+ + Rounded Image + + +
+
+ + Rounded Image + + +
+
+
+
+
+
+
+
+

Do you love this UI Kit?

+

Cause if you do, it can be yours for FREE. Hit the buttons below to navigate to our website where you can find the kit. Our friends from ThemeIsle created a Wordpress Theme which can be also downloaded for free. Start a new project or give an old Bootstrap project a new look!

+
+
+ + Free HTML Download + + + Wordpress Theme + +
+
+

+
+
+

Want more?

+

We've just launched Material Kit PRO. It has a huge number of components, sections and example pages. Start Your Development With A Badass Bootstrap UI Kit inspired by Material Design.

+
+
+ + unarchive Upgrade to PRO + +
+
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 0000000..f2509ea --- /dev/null +++ b/package.json @@ -0,0 +1,52 @@ +{ + "name": "material-kit", + "version": "2.0.7", + "description": "Material Kit, a Google Material Desgin. Coded by Creative Tim", + "main": "index.html", + "directories": { + "example": "root" + }, + "scripts": { + "open-app": "gulp open-app", + "start": "npm run open-app", + "test": "echo \"Error: no test specified\" && exit 1", + "watch": "gulp-watch" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/creativetimofficial/material-kit.git" + }, + "keywords": [ + "material kit", + "bootstrap material admin", + "bootstrap material kit", + "material design admin", + "material design", + "creative tim", + "html kit", + "html css kit", + "web kit", + "freebie", + "free bootstrap kit", + "css3 kit", + "bootstrap admin", + "bootstrap kit", + "frontend", + "responsive bootstrap kit" + ], + "author": "Creative Tim (https://www.creative-tim.com/)", + "license": "MIT", + "bugs": { + "url": "https://github.com/creativetimofficial/material-kit/issues" + }, + "devDependencies": { + "gulp": "^4.0.2", + "gulp-autoprefixer": "^6.1.0", + "gulp-clean": "^0.4.0", + "gulp-install": "^1.1.0", + "gulp-sass": "^4.0.2", + "gulp-sourcemaps": "^2.6.5", + "gulp-open": "^3.0.1" + }, + "homepage": "https://demos.creative-tim.com/material-kit/index.html" +} diff --git a/template.html b/template.html new file mode 100644 index 0000000..930e9a8 --- /dev/null +++ b/template.html @@ -0,0 +1,82 @@ + + + + + Hello, world! + + + + + + + + + + + + + +
+
+
+
+
+

Your title here

+

Subtitle

+
+
+
+
+
+
+
+
+

Your main section here

+
+
+
+ + + + \ No newline at end of file