From eb87e1912fc7951dcb3251540b694814b91c11df Mon Sep 17 00:00:00 2001 From: Damian Wessels Date: Fri, 10 Nov 2023 15:57:52 +0100 Subject: [PATCH] Initial commit --- .gitignore | 39 + Dockerfile | 17 + app/controllers/base_controller.go | 105 + app/controllers/home_controller.go | 19 + app/controllers/routes.go | 15 + app/models/user.go | 4 + app/server.go | 49 + assets/css/argon-design-system.css | 24326 ++++++++++++++++ assets/css/argon-design-system.css.map | 316 + assets/css/argon-design-system.min.css | 39 + assets/css/font-awesome.css | 3051 ++ assets/css/jquery-ui.css | 654 + assets/css/nucleo-icons.css | 597 + assets/css/nucleo-svg.css | 135 + assets/css/style.css | 626 + assets/demo/demo.css | 505 + assets/demo/demo.js | 178 + assets/fonts/FontAwesome.otf | Bin 0 -> 134808 bytes assets/fonts/fontawesome-webfont.eot | Bin 0 -> 165742 bytes assets/fonts/fontawesome-webfont.svg | 2671 ++ assets/fonts/fontawesome-webfont.ttf | Bin 0 -> 165548 bytes assets/fonts/fontawesome-webfont.woff | Bin 0 -> 98024 bytes assets/fonts/fontawesome-webfont.woff2 | Bin 0 -> 77160 bytes assets/fonts/nucleo-icons.eot | Bin 0 -> 18516 bytes assets/fonts/nucleo-icons.svg | 312 + assets/fonts/nucleo-icons.ttf | Bin 0 -> 18292 bytes assets/fonts/nucleo-icons.woff | Bin 0 -> 10220 bytes assets/fonts/nucleo-icons.woff2 | Bin 0 -> 8580 bytes assets/img/apple-icon.png | Bin 0 -> 2446 bytes assets/img/appstore.png | Bin 0 -> 4090 bytes assets/img/brand/blue.png | Bin 0 -> 2593 bytes assets/img/brand/creativetim-black-slim.png | Bin 0 -> 25270 bytes assets/img/brand/creativetim-white-slim.png | Bin 0 -> 51328 bytes assets/img/brand/white.png | Bin 0 -> 2593 bytes assets/img/docs/computer-docs.jpg | Bin 0 -> 5076 bytes assets/img/faces/alejandro-escamilla.jpg | Bin 0 -> 111798 bytes assets/img/faces/ali-pazani.jpg | Bin 0 -> 227422 bytes assets/img/faces/atikh.jpg | Bin 0 -> 140184 bytes assets/img/faces/brooke-cagle.jpg | Bin 0 -> 61593 bytes assets/img/faces/christian.jpg | Bin 0 -> 78602 bytes assets/img/faces/fezbot.jpg | Bin 0 -> 214057 bytes assets/img/faces/michael.jpg | Bin 0 -> 44211 bytes assets/img/faces/team-1.jpg | Bin 0 -> 127966 bytes assets/img/faces/team-2.jpg | Bin 0 -> 225190 bytes assets/img/faces/team-3.jpg | Bin 0 -> 136688 bytes assets/img/faces/team-4.jpg | Bin 0 -> 89880 bytes assets/img/faces/team-5.jpg | Bin 0 -> 188957 bytes assets/img/favicon.png | Bin 0 -> 2761 bytes assets/img/github.svg | 12 + assets/img/google.svg | 17 + assets/img/icons/common/github.svg | 1 + assets/img/icons/common/google.svg | 1 + assets/img/icons/flags/AD.png | Bin 0 -> 3276 bytes assets/img/icons/flags/AE.png | Bin 0 -> 3213 bytes assets/img/icons/flags/AG.png | Bin 0 -> 3543 bytes assets/img/icons/flags/AM.png | Bin 0 -> 3135 bytes assets/img/icons/flags/AR.png | Bin 0 -> 3151 bytes assets/img/icons/flags/AT.png | Bin 0 -> 3080 bytes assets/img/icons/flags/AU.png | Bin 0 -> 3488 bytes assets/img/icons/flags/BE.png | Bin 0 -> 3228 bytes assets/img/icons/flags/BF.png | Bin 0 -> 3434 bytes assets/img/icons/flags/BG.png | Bin 0 -> 3096 bytes assets/img/icons/flags/BO.png | Bin 0 -> 3134 bytes assets/img/icons/flags/BR.png | Bin 0 -> 3594 bytes assets/img/icons/flags/CA.png | Bin 0 -> 3348 bytes assets/img/icons/flags/CD.png | Bin 0 -> 3742 bytes assets/img/icons/flags/CG.png | Bin 0 -> 3494 bytes assets/img/icons/flags/CH.png | Bin 0 -> 3306 bytes assets/img/icons/flags/CL.png | Bin 0 -> 3252 bytes assets/img/icons/flags/CM.png | Bin 0 -> 3433 bytes assets/img/icons/flags/CN.png | Bin 0 -> 3433 bytes assets/img/icons/flags/CO.png | Bin 0 -> 3136 bytes assets/img/icons/flags/CZ.png | Bin 0 -> 3332 bytes assets/img/icons/flags/DE.png | Bin 0 -> 3109 bytes assets/img/icons/flags/DJ.png | Bin 0 -> 3452 bytes assets/img/icons/flags/DK.png | Bin 0 -> 3284 bytes assets/img/icons/flags/DZ.png | Bin 0 -> 3500 bytes assets/img/icons/flags/EE.png | Bin 0 -> 3073 bytes assets/img/icons/flags/EG.png | Bin 0 -> 3197 bytes assets/img/icons/flags/ES.png | Bin 0 -> 3263 bytes assets/img/icons/flags/FI.png | Bin 0 -> 3271 bytes assets/img/icons/flags/FR.png | Bin 0 -> 3248 bytes assets/img/icons/flags/GA.png | Bin 0 -> 3151 bytes assets/img/icons/flags/GB.png | Bin 0 -> 3543 bytes assets/img/icons/flags/GM.png | Bin 0 -> 3145 bytes assets/img/icons/flags/GT.png | Bin 0 -> 3291 bytes assets/img/icons/flags/HN.png | Bin 0 -> 3156 bytes assets/img/icons/flags/HT.png | Bin 0 -> 3390 bytes assets/img/icons/flags/HU.png | Bin 0 -> 3098 bytes assets/img/icons/flags/ID.png | Bin 0 -> 3084 bytes assets/img/icons/flags/IE.png | Bin 0 -> 3266 bytes assets/img/icons/flags/IL.png | Bin 0 -> 3262 bytes assets/img/icons/flags/IN.png | Bin 0 -> 3150 bytes assets/img/icons/flags/IQ.png | Bin 0 -> 3118 bytes assets/img/icons/flags/IR.png | Bin 0 -> 3222 bytes assets/img/icons/flags/IT.png | Bin 0 -> 3264 bytes assets/img/icons/flags/JM.png | Bin 0 -> 3798 bytes assets/img/icons/flags/JO.png | Bin 0 -> 3375 bytes assets/img/icons/flags/JP.png | Bin 0 -> 3283 bytes assets/img/icons/flags/KG.png | Bin 0 -> 3391 bytes assets/img/icons/flags/KN.png | Bin 0 -> 3727 bytes assets/img/icons/flags/KP.png | Bin 0 -> 3271 bytes assets/img/icons/flags/KR.png | Bin 0 -> 3386 bytes assets/img/icons/flags/KW.png | Bin 0 -> 3248 bytes assets/img/icons/flags/KZ.png | Bin 0 -> 3476 bytes assets/img/icons/flags/LA.png | Bin 0 -> 3264 bytes assets/img/icons/flags/LB.png | Bin 0 -> 3189 bytes assets/img/icons/flags/LC.png | Bin 0 -> 3317 bytes assets/img/icons/flags/LS.png | Bin 0 -> 3150 bytes assets/img/icons/flags/LU.png | Bin 0 -> 3074 bytes assets/img/icons/flags/LV.png | Bin 0 -> 3097 bytes assets/img/icons/flags/MG.png | Bin 0 -> 3195 bytes assets/img/icons/flags/MK.png | Bin 0 -> 3815 bytes assets/img/icons/flags/ML.png | Bin 0 -> 3316 bytes assets/img/icons/flags/MM.png | Bin 0 -> 3512 bytes assets/img/icons/flags/MT.png | Bin 0 -> 3292 bytes assets/img/icons/flags/MX.png | Bin 0 -> 3418 bytes assets/img/icons/flags/NA.png | Bin 0 -> 3749 bytes assets/img/icons/flags/NE.png | Bin 0 -> 3162 bytes assets/img/icons/flags/NG.png | Bin 0 -> 3250 bytes assets/img/icons/flags/NI.png | Bin 0 -> 3154 bytes assets/img/icons/flags/NL.png | Bin 0 -> 3070 bytes assets/img/icons/flags/NO.png | Bin 0 -> 3328 bytes assets/img/icons/flags/OM.png | Bin 0 -> 3267 bytes assets/img/icons/flags/PA.png | Bin 0 -> 3404 bytes assets/img/icons/flags/PE.png | Bin 0 -> 3245 bytes assets/img/icons/flags/PG.png | Bin 0 -> 3533 bytes assets/img/icons/flags/PK.png | Bin 0 -> 3494 bytes assets/img/icons/flags/PL.png | Bin 0 -> 3072 bytes assets/img/icons/flags/PT.png | Bin 0 -> 3343 bytes assets/img/icons/flags/PY.png | Bin 0 -> 3151 bytes assets/img/icons/flags/QA.png | Bin 0 -> 3256 bytes assets/img/icons/flags/RO.png | Bin 0 -> 3298 bytes assets/img/icons/flags/RU.png | Bin 0 -> 3099 bytes assets/img/icons/flags/RW.png | Bin 0 -> 3212 bytes assets/img/icons/flags/SA.png | Bin 0 -> 3364 bytes assets/img/icons/flags/SE.png | Bin 0 -> 3285 bytes assets/img/icons/flags/SG.png | Bin 0 -> 3213 bytes assets/img/icons/flags/SL.png | Bin 0 -> 3093 bytes assets/img/icons/flags/SN.png | Bin 0 -> 3424 bytes assets/img/icons/flags/SO.png | Bin 0 -> 3360 bytes assets/img/icons/flags/SV.png | Bin 0 -> 3154 bytes assets/img/icons/flags/TD.png | Bin 0 -> 3305 bytes assets/img/icons/flags/TJ.png | Bin 0 -> 3173 bytes assets/img/icons/flags/TL.png | Bin 0 -> 3491 bytes assets/img/icons/flags/TR.png | Bin 0 -> 3423 bytes assets/img/icons/flags/TZ.png | Bin 0 -> 3670 bytes assets/img/icons/flags/UA.png | Bin 0 -> 3120 bytes assets/img/icons/flags/US.png | Bin 0 -> 3310 bytes assets/img/icons/flags/VE.png | Bin 0 -> 3234 bytes assets/img/icons/flags/VN.png | Bin 0 -> 3334 bytes assets/img/icons/flags/YE.png | Bin 0 -> 3075 bytes assets/img/ill/1.svg | 1 + assets/img/ill/ill.png | Bin 0 -> 59931 bytes assets/img/logo.png | Bin 0 -> 4821 bytes assets/img/nucleo-logo.svg | 18 + assets/img/pages/mohamed.jpg | Bin 0 -> 238859 bytes assets/img/products/1.jpeg | Bin 0 -> 105546 bytes assets/img/products/1.jpg | Bin 0 -> 86892 bytes assets/img/products/2.jpeg | Bin 0 -> 127454 bytes assets/img/products/2.jpg | Bin 0 -> 73708 bytes assets/img/products/3.jpeg | Bin 0 -> 124609 bytes assets/img/products/3.jpg | Bin 0 -> 82771 bytes assets/img/products/4.jpeg | Bin 0 -> 103908 bytes assets/img/products/4.jpg | Bin 0 -> 67392 bytes assets/img/products/5.jpeg | Bin 0 -> 114659 bytes assets/img/products/5.jpg | Bin 0 -> 52471 bytes assets/img/products/550x750.png | Bin 0 -> 2161 bytes assets/img/products/p1.jpg | Bin 0 -> 103583 bytes assets/img/products/p2.jpg | Bin 0 -> 47490 bytes assets/img/products/p3.jpg | Bin 0 -> 59512 bytes assets/img/products/p4.jpg | Bin 0 -> 65022 bytes assets/img/slides/slide1.jpg | Bin 0 -> 44173 bytes assets/img/slides/slide2.jpg | Bin 0 -> 35724 bytes assets/img/slides/slide3.jpg | Bin 0 -> 25795 bytes assets/img/theme/img-1-1200x1000.jpg | Bin 0 -> 190785 bytes assets/img/theme/img-2-1200x1000.jpg | Bin 0 -> 180320 bytes assets/img/theme/landing.jpg | Bin 0 -> 137336 bytes assets/img/theme/profile.jpg | Bin 0 -> 108543 bytes assets/js/argon-design-system.js | 313 + assets/js/argon-design-system.js.map | 1 + assets/js/argon-design-system.min.js | 2 + assets/js/core/bootstrap.min.js | 6 + assets/js/core/jquery-ui.min.js | 10 + assets/js/core/jquery.min.js | 4 + assets/js/core/popper.min.js | 4 + assets/js/main.js | 87 + assets/js/plugins/bootstrap-datepicker.min.js | 8 + assets/js/plugins/bootstrap-switch.js | 769 + assets/js/plugins/chartjs.min.js | 10 + assets/js/plugins/datetimepicker.js | 2710 ++ assets/js/plugins/jquery.sharrre.min.js | 7 + assets/js/plugins/moment.min.js | 7 + assets/js/plugins/nouislider.min.js | 2 + .../plugins/perfect-scrollbar.jquery.min.js | 6 + assets/scss/argon-design-system.scss | 27 + .../scss/argon-design-system/accordion.scss | 0 assets/scss/argon-design-system/alert.scss | 75 + assets/scss/argon-design-system/avatar.scss | 51 + assets/scss/argon-design-system/badge.scss | 67 + assets/scss/argon-design-system/buttons.scss | 181 + assets/scss/argon-design-system/card.scss | 102 + assets/scss/argon-design-system/carousel.scss | 1 + assets/scss/argon-design-system/close.scss | 29 + assets/scss/argon-design-system/content.scss | 0 .../argon-design-system/custom-forms.scss | 195 + assets/scss/argon-design-system/docs.scss | 9 + .../docs/clipboard-js.scss | 40 + .../docs/component-examples.scss | 516 + .../argon-design-system/docs/content.scss | 374 + .../scss/argon-design-system/docs/footer.scss | 39 + assets/scss/argon-design-system/docs/nav.scss | 110 + .../scss/argon-design-system/docs/prism.scss | 176 + .../argon-design-system/docs/sidebar.scss | 213 + .../argon-design-system/docs/variables.scss | 13 + assets/scss/argon-design-system/dropdown.scss | 69 + assets/scss/argon-design-system/footer.scss | 89 + assets/scss/argon-design-system/forms.scss | 141 + .../scss/argon-design-system/functions.scss | 23 + assets/scss/argon-design-system/global.scss | 181 + assets/scss/argon-design-system/grid.scss | 5 + assets/scss/argon-design-system/icons.scss | 107 + .../scss/argon-design-system/input-group.scss | 70 + assets/scss/argon-design-system/kit-free.scss | 30 + .../scss/argon-design-system/list-group.scss | 39 + assets/scss/argon-design-system/mixins.scss | 8 + .../argon-design-system/mixins/alert.scss | 13 + .../mixins/background-variant.scss | 30 + .../argon-design-system/mixins/badge.scss | 12 + .../argon-design-system/mixins/buttons.scss | 106 + .../argon-design-system/mixins/forms.scss | 128 + .../scss/argon-design-system/mixins/icon.scss | 4 + .../argon-design-system/mixins/modals.scss | 23 + .../argon-design-system/mixins/popover.scss | 36 + assets/scss/argon-design-system/modal.scss | 26 + assets/scss/argon-design-system/nav.scss | 85 + assets/scss/argon-design-system/navbar.scss | 401 + .../scss/argon-design-system/pagination.scss | 40 + assets/scss/argon-design-system/popover.scss | 14 + assets/scss/argon-design-system/progress.scss | 71 + assets/scss/argon-design-system/reboot.scss | 13 + assets/scss/argon-design-system/section.scss | 571 + .../scss/argon-design-system/separator.scss | 215 + assets/scss/argon-design-system/theme.scss | 62 + assets/scss/argon-design-system/type.scss | 93 + .../scss/argon-design-system/utilities.scss | 9 + .../utilities/backgrounds.scss | 44 + .../utilities/floating.scss | 54 + .../argon-design-system/utilities/helper.scss | 62 + .../utilities/position.scss | 19 + .../utilities/shadows.scss | 10 + .../argon-design-system/utilities/sizing.scss | 5 + .../utilities/spacing.scss | 105 + .../argon-design-system/utilities/text.scss | 41 + .../utilities/transform.scss | 8 + .../scss/argon-design-system/variables.scss | 903 + assets/scss/argon-design-system/vendors.scss | 7 + assets/scss/bootstrap/_alert.scss | 51 + assets/scss/bootstrap/_badge.scss | 54 + assets/scss/bootstrap/_breadcrumb.scss | 41 + assets/scss/bootstrap/_button-group.scss | 163 + assets/scss/bootstrap/_buttons.scss | 137 + assets/scss/bootstrap/_card.scss | 289 + assets/scss/bootstrap/_carousel.scss | 197 + assets/scss/bootstrap/_close.scss | 41 + assets/scss/bootstrap/_code.scss | 48 + assets/scss/bootstrap/_custom-forms.scss | 507 + assets/scss/bootstrap/_dropdown.scss | 191 + assets/scss/bootstrap/_forms.scss | 330 + assets/scss/bootstrap/_functions.scss | 86 + assets/scss/bootstrap/_grid.scss | 52 + assets/scss/bootstrap/_images.scss | 42 + assets/scss/bootstrap/_input-group.scss | 193 + assets/scss/bootstrap/_jumbotron.scss | 17 + assets/scss/bootstrap/_list-group.scss | 149 + assets/scss/bootstrap/_media.scss | 8 + assets/scss/bootstrap/_mixins.scss | 47 + assets/scss/bootstrap/_modal.scss | 229 + assets/scss/bootstrap/_nav.scss | 120 + assets/scss/bootstrap/_navbar.scss | 294 + assets/scss/bootstrap/_pagination.scss | 73 + assets/scss/bootstrap/_popover.scss | 171 + assets/scss/bootstrap/_print.scss | 141 + assets/scss/bootstrap/_progress.scss | 43 + assets/scss/bootstrap/_reboot.scss | 483 + assets/scss/bootstrap/_root.scss | 19 + assets/scss/bootstrap/_spinners.scss | 55 + assets/scss/bootstrap/_tables.scss | 185 + assets/scss/bootstrap/_toasts.scss | 44 + assets/scss/bootstrap/_tooltip.scss | 115 + assets/scss/bootstrap/_transitions.scss | 20 + assets/scss/bootstrap/_type.scss | 125 + assets/scss/bootstrap/_utilities.scss | 17 + assets/scss/bootstrap/_variables.scss | 1123 + assets/scss/bootstrap/bootstrap-grid.scss | 29 + assets/scss/bootstrap/bootstrap-reboot.scss | 12 + assets/scss/bootstrap/bootstrap.scss | 44 + assets/scss/bootstrap/mixins/_alert.scss | 13 + .../bootstrap/mixins/_background-variant.scss | 21 + assets/scss/bootstrap/mixins/_badge.scss | 17 + .../scss/bootstrap/mixins/_border-radius.scss | 63 + assets/scss/bootstrap/mixins/_box-shadow.scss | 20 + .../scss/bootstrap/mixins/_breakpoints.scss | 123 + assets/scss/bootstrap/mixins/_buttons.scss | 107 + assets/scss/bootstrap/mixins/_caret.scss | 62 + assets/scss/bootstrap/mixins/_clearfix.scss | 7 + assets/scss/bootstrap/mixins/_deprecate.scss | 10 + assets/scss/bootstrap/mixins/_float.scss | 14 + assets/scss/bootstrap/mixins/_forms.scss | 192 + assets/scss/bootstrap/mixins/_gradients.scss | 45 + .../bootstrap/mixins/_grid-framework.scss | 66 + assets/scss/bootstrap/mixins/_grid.scss | 51 + assets/scss/bootstrap/mixins/_hover.scss | 37 + assets/scss/bootstrap/mixins/_image.scss | 36 + assets/scss/bootstrap/mixins/_list-group.scss | 21 + assets/scss/bootstrap/mixins/_lists.scss | 7 + .../scss/bootstrap/mixins/_nav-divider.scss | 10 + assets/scss/bootstrap/mixins/_pagination.scss | 22 + assets/scss/bootstrap/mixins/_reset-text.scss | 17 + assets/scss/bootstrap/mixins/_resize.scss | 6 + .../scss/bootstrap/mixins/_screen-reader.scss | 33 + assets/scss/bootstrap/mixins/_size.scss | 7 + assets/scss/bootstrap/mixins/_table-row.scss | 39 + .../scss/bootstrap/mixins/_text-emphasis.scss | 16 + assets/scss/bootstrap/mixins/_text-hide.scss | 11 + .../scss/bootstrap/mixins/_text-truncate.scss | 8 + assets/scss/bootstrap/mixins/_transition.scss | 16 + assets/scss/bootstrap/mixins/_visibility.scss | 8 + assets/scss/bootstrap/utilities/_align.scss | 8 + .../scss/bootstrap/utilities/_background.scss | 19 + assets/scss/bootstrap/utilities/_borders.scss | 75 + .../scss/bootstrap/utilities/_clearfix.scss | 3 + assets/scss/bootstrap/utilities/_display.scss | 26 + assets/scss/bootstrap/utilities/_embed.scss | 39 + assets/scss/bootstrap/utilities/_flex.scss | 51 + assets/scss/bootstrap/utilities/_float.scss | 11 + .../scss/bootstrap/utilities/_overflow.scss | 5 + .../scss/bootstrap/utilities/_position.scss | 32 + .../bootstrap/utilities/_screenreaders.scss | 11 + assets/scss/bootstrap/utilities/_shadows.scss | 6 + assets/scss/bootstrap/utilities/_sizing.scss | 20 + assets/scss/bootstrap/utilities/_spacing.scss | 73 + .../bootstrap/utilities/_stretched-link.scss | 19 + assets/scss/bootstrap/utilities/_text.scss | 72 + .../scss/bootstrap/utilities/_visibility.scss | 13 + docker-compose.yml | 46 + go.mod | 25 + go.sum | 45 + main.go | 7 + templates/layout.html | 237 + templates/pages/home.html | 188 + 351 files changed, 51965 insertions(+) create mode 100644 .gitignore create mode 100644 Dockerfile create mode 100644 app/controllers/base_controller.go create mode 100644 app/controllers/home_controller.go create mode 100644 app/controllers/routes.go create mode 100644 app/models/user.go create mode 100644 app/server.go create mode 100644 assets/css/argon-design-system.css create mode 100644 assets/css/argon-design-system.css.map create mode 100644 assets/css/argon-design-system.min.css create mode 100644 assets/css/font-awesome.css create mode 100644 assets/css/jquery-ui.css create mode 100644 assets/css/nucleo-icons.css create mode 100644 assets/css/nucleo-svg.css create mode 100644 assets/css/style.css create mode 100644 assets/demo/demo.css create mode 100644 assets/demo/demo.js create mode 100644 assets/fonts/FontAwesome.otf create mode 100644 assets/fonts/fontawesome-webfont.eot create mode 100644 assets/fonts/fontawesome-webfont.svg create mode 100644 assets/fonts/fontawesome-webfont.ttf create mode 100644 assets/fonts/fontawesome-webfont.woff create mode 100644 assets/fonts/fontawesome-webfont.woff2 create mode 100644 assets/fonts/nucleo-icons.eot create mode 100644 assets/fonts/nucleo-icons.svg create mode 100644 assets/fonts/nucleo-icons.ttf create mode 100644 assets/fonts/nucleo-icons.woff create mode 100644 assets/fonts/nucleo-icons.woff2 create mode 100644 assets/img/apple-icon.png create mode 100644 assets/img/appstore.png create mode 100644 assets/img/brand/blue.png create mode 100644 assets/img/brand/creativetim-black-slim.png create mode 100644 assets/img/brand/creativetim-white-slim.png create mode 100644 assets/img/brand/white.png create mode 100644 assets/img/docs/computer-docs.jpg create mode 100644 assets/img/faces/alejandro-escamilla.jpg create mode 100644 assets/img/faces/ali-pazani.jpg create mode 100644 assets/img/faces/atikh.jpg create mode 100644 assets/img/faces/brooke-cagle.jpg create mode 100644 assets/img/faces/christian.jpg create mode 100644 assets/img/faces/fezbot.jpg create mode 100644 assets/img/faces/michael.jpg create mode 100644 assets/img/faces/team-1.jpg create mode 100644 assets/img/faces/team-2.jpg create mode 100644 assets/img/faces/team-3.jpg create mode 100644 assets/img/faces/team-4.jpg create mode 100644 assets/img/faces/team-5.jpg create mode 100644 assets/img/favicon.png create mode 100644 assets/img/github.svg create mode 100644 assets/img/google.svg create mode 100644 assets/img/icons/common/github.svg create mode 100644 assets/img/icons/common/google.svg create mode 100644 assets/img/icons/flags/AD.png create mode 100644 assets/img/icons/flags/AE.png create mode 100644 assets/img/icons/flags/AG.png create mode 100644 assets/img/icons/flags/AM.png create mode 100644 assets/img/icons/flags/AR.png create mode 100644 assets/img/icons/flags/AT.png create mode 100644 assets/img/icons/flags/AU.png create mode 100644 assets/img/icons/flags/BE.png create mode 100644 assets/img/icons/flags/BF.png create mode 100644 assets/img/icons/flags/BG.png create mode 100644 assets/img/icons/flags/BO.png create mode 100644 assets/img/icons/flags/BR.png create mode 100644 assets/img/icons/flags/CA.png create mode 100644 assets/img/icons/flags/CD.png create mode 100644 assets/img/icons/flags/CG.png create mode 100644 assets/img/icons/flags/CH.png create mode 100644 assets/img/icons/flags/CL.png create mode 100644 assets/img/icons/flags/CM.png create mode 100644 assets/img/icons/flags/CN.png create mode 100644 assets/img/icons/flags/CO.png create mode 100644 assets/img/icons/flags/CZ.png create mode 100644 assets/img/icons/flags/DE.png create mode 100644 assets/img/icons/flags/DJ.png create mode 100644 assets/img/icons/flags/DK.png create mode 100644 assets/img/icons/flags/DZ.png create mode 100644 assets/img/icons/flags/EE.png create mode 100644 assets/img/icons/flags/EG.png create mode 100644 assets/img/icons/flags/ES.png create mode 100644 assets/img/icons/flags/FI.png create mode 100644 assets/img/icons/flags/FR.png create mode 100644 assets/img/icons/flags/GA.png create mode 100644 assets/img/icons/flags/GB.png create mode 100644 assets/img/icons/flags/GM.png create mode 100644 assets/img/icons/flags/GT.png create mode 100644 assets/img/icons/flags/HN.png create mode 100644 assets/img/icons/flags/HT.png create mode 100644 assets/img/icons/flags/HU.png create mode 100644 assets/img/icons/flags/ID.png create mode 100644 assets/img/icons/flags/IE.png create mode 100644 assets/img/icons/flags/IL.png create mode 100644 assets/img/icons/flags/IN.png create mode 100644 assets/img/icons/flags/IQ.png create mode 100644 assets/img/icons/flags/IR.png create mode 100644 assets/img/icons/flags/IT.png create mode 100644 assets/img/icons/flags/JM.png create mode 100644 assets/img/icons/flags/JO.png create mode 100644 assets/img/icons/flags/JP.png create mode 100644 assets/img/icons/flags/KG.png create mode 100644 assets/img/icons/flags/KN.png create mode 100644 assets/img/icons/flags/KP.png create mode 100644 assets/img/icons/flags/KR.png create mode 100644 assets/img/icons/flags/KW.png create mode 100644 assets/img/icons/flags/KZ.png create mode 100644 assets/img/icons/flags/LA.png create mode 100644 assets/img/icons/flags/LB.png create mode 100644 assets/img/icons/flags/LC.png create mode 100644 assets/img/icons/flags/LS.png create mode 100644 assets/img/icons/flags/LU.png create mode 100644 assets/img/icons/flags/LV.png create mode 100644 assets/img/icons/flags/MG.png create mode 100644 assets/img/icons/flags/MK.png create mode 100644 assets/img/icons/flags/ML.png create mode 100644 assets/img/icons/flags/MM.png create mode 100644 assets/img/icons/flags/MT.png create mode 100644 assets/img/icons/flags/MX.png create mode 100644 assets/img/icons/flags/NA.png create mode 100644 assets/img/icons/flags/NE.png create mode 100644 assets/img/icons/flags/NG.png create mode 100644 assets/img/icons/flags/NI.png create mode 100644 assets/img/icons/flags/NL.png create mode 100644 assets/img/icons/flags/NO.png create mode 100644 assets/img/icons/flags/OM.png create mode 100644 assets/img/icons/flags/PA.png create mode 100644 assets/img/icons/flags/PE.png create mode 100644 assets/img/icons/flags/PG.png create mode 100644 assets/img/icons/flags/PK.png create mode 100644 assets/img/icons/flags/PL.png create mode 100644 assets/img/icons/flags/PT.png create mode 100644 assets/img/icons/flags/PY.png create mode 100644 assets/img/icons/flags/QA.png create mode 100644 assets/img/icons/flags/RO.png create mode 100644 assets/img/icons/flags/RU.png create mode 100644 assets/img/icons/flags/RW.png create mode 100644 assets/img/icons/flags/SA.png create mode 100644 assets/img/icons/flags/SE.png create mode 100644 assets/img/icons/flags/SG.png create mode 100644 assets/img/icons/flags/SL.png create mode 100644 assets/img/icons/flags/SN.png create mode 100644 assets/img/icons/flags/SO.png create mode 100644 assets/img/icons/flags/SV.png create mode 100644 assets/img/icons/flags/TD.png create mode 100644 assets/img/icons/flags/TJ.png create mode 100644 assets/img/icons/flags/TL.png create mode 100644 assets/img/icons/flags/TR.png create mode 100644 assets/img/icons/flags/TZ.png create mode 100644 assets/img/icons/flags/UA.png create mode 100644 assets/img/icons/flags/US.png create mode 100644 assets/img/icons/flags/VE.png create mode 100644 assets/img/icons/flags/VN.png create mode 100644 assets/img/icons/flags/YE.png create mode 100644 assets/img/ill/1.svg create mode 100644 assets/img/ill/ill.png create mode 100644 assets/img/logo.png create mode 100644 assets/img/nucleo-logo.svg create mode 100644 assets/img/pages/mohamed.jpg create mode 100644 assets/img/products/1.jpeg create mode 100644 assets/img/products/1.jpg create mode 100644 assets/img/products/2.jpeg create mode 100644 assets/img/products/2.jpg create mode 100644 assets/img/products/3.jpeg create mode 100644 assets/img/products/3.jpg create mode 100644 assets/img/products/4.jpeg create mode 100644 assets/img/products/4.jpg create mode 100644 assets/img/products/5.jpeg create mode 100644 assets/img/products/5.jpg create mode 100644 assets/img/products/550x750.png create mode 100644 assets/img/products/p1.jpg create mode 100644 assets/img/products/p2.jpg create mode 100644 assets/img/products/p3.jpg create mode 100644 assets/img/products/p4.jpg create mode 100644 assets/img/slides/slide1.jpg create mode 100644 assets/img/slides/slide2.jpg create mode 100644 assets/img/slides/slide3.jpg create mode 100644 assets/img/theme/img-1-1200x1000.jpg create mode 100644 assets/img/theme/img-2-1200x1000.jpg create mode 100644 assets/img/theme/landing.jpg create mode 100644 assets/img/theme/profile.jpg create mode 100644 assets/js/argon-design-system.js create mode 100644 assets/js/argon-design-system.js.map create mode 100644 assets/js/argon-design-system.min.js create mode 100644 assets/js/core/bootstrap.min.js create mode 100644 assets/js/core/jquery-ui.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/main.js create mode 100644 assets/js/plugins/bootstrap-datepicker.min.js create mode 100644 assets/js/plugins/bootstrap-switch.js create mode 100644 assets/js/plugins/chartjs.min.js create mode 100644 assets/js/plugins/datetimepicker.js create mode 100644 assets/js/plugins/jquery.sharrre.min.js create mode 100644 assets/js/plugins/moment.min.js create mode 100644 assets/js/plugins/nouislider.min.js create mode 100644 assets/js/plugins/perfect-scrollbar.jquery.min.js create mode 100644 assets/scss/argon-design-system.scss create mode 100644 assets/scss/argon-design-system/accordion.scss create mode 100644 assets/scss/argon-design-system/alert.scss create mode 100644 assets/scss/argon-design-system/avatar.scss create mode 100644 assets/scss/argon-design-system/badge.scss create mode 100644 assets/scss/argon-design-system/buttons.scss create mode 100644 assets/scss/argon-design-system/card.scss create mode 100644 assets/scss/argon-design-system/carousel.scss create mode 100644 assets/scss/argon-design-system/close.scss create mode 100644 assets/scss/argon-design-system/content.scss create mode 100644 assets/scss/argon-design-system/custom-forms.scss create mode 100644 assets/scss/argon-design-system/docs.scss create mode 100644 assets/scss/argon-design-system/docs/clipboard-js.scss create mode 100644 assets/scss/argon-design-system/docs/component-examples.scss create mode 100644 assets/scss/argon-design-system/docs/content.scss create mode 100644 assets/scss/argon-design-system/docs/footer.scss create mode 100644 assets/scss/argon-design-system/docs/nav.scss create mode 100644 assets/scss/argon-design-system/docs/prism.scss create mode 100644 assets/scss/argon-design-system/docs/sidebar.scss create mode 100644 assets/scss/argon-design-system/docs/variables.scss create mode 100644 assets/scss/argon-design-system/dropdown.scss create mode 100644 assets/scss/argon-design-system/footer.scss create mode 100644 assets/scss/argon-design-system/forms.scss create mode 100644 assets/scss/argon-design-system/functions.scss create mode 100644 assets/scss/argon-design-system/global.scss create mode 100644 assets/scss/argon-design-system/grid.scss create mode 100644 assets/scss/argon-design-system/icons.scss create mode 100644 assets/scss/argon-design-system/input-group.scss create mode 100644 assets/scss/argon-design-system/kit-free.scss create mode 100644 assets/scss/argon-design-system/list-group.scss create mode 100644 assets/scss/argon-design-system/mixins.scss create mode 100644 assets/scss/argon-design-system/mixins/alert.scss create mode 100644 assets/scss/argon-design-system/mixins/background-variant.scss create mode 100644 assets/scss/argon-design-system/mixins/badge.scss create mode 100644 assets/scss/argon-design-system/mixins/buttons.scss create mode 100644 assets/scss/argon-design-system/mixins/forms.scss create mode 100644 assets/scss/argon-design-system/mixins/icon.scss create mode 100644 assets/scss/argon-design-system/mixins/modals.scss create mode 100644 assets/scss/argon-design-system/mixins/popover.scss create mode 100644 assets/scss/argon-design-system/modal.scss create mode 100644 assets/scss/argon-design-system/nav.scss create mode 100644 assets/scss/argon-design-system/navbar.scss create mode 100644 assets/scss/argon-design-system/pagination.scss create mode 100644 assets/scss/argon-design-system/popover.scss create mode 100644 assets/scss/argon-design-system/progress.scss create mode 100644 assets/scss/argon-design-system/reboot.scss create mode 100644 assets/scss/argon-design-system/section.scss create mode 100644 assets/scss/argon-design-system/separator.scss create mode 100644 assets/scss/argon-design-system/theme.scss create mode 100644 assets/scss/argon-design-system/type.scss create mode 100644 assets/scss/argon-design-system/utilities.scss create mode 100644 assets/scss/argon-design-system/utilities/backgrounds.scss create mode 100644 assets/scss/argon-design-system/utilities/floating.scss create mode 100644 assets/scss/argon-design-system/utilities/helper.scss create mode 100644 assets/scss/argon-design-system/utilities/position.scss create mode 100644 assets/scss/argon-design-system/utilities/shadows.scss create mode 100644 assets/scss/argon-design-system/utilities/sizing.scss create mode 100644 assets/scss/argon-design-system/utilities/spacing.scss create mode 100644 assets/scss/argon-design-system/utilities/text.scss create mode 100644 assets/scss/argon-design-system/utilities/transform.scss create mode 100644 assets/scss/argon-design-system/variables.scss create mode 100644 assets/scss/argon-design-system/vendors.scss create mode 100644 assets/scss/bootstrap/_alert.scss create mode 100644 assets/scss/bootstrap/_badge.scss create mode 100644 assets/scss/bootstrap/_breadcrumb.scss create mode 100644 assets/scss/bootstrap/_button-group.scss create mode 100644 assets/scss/bootstrap/_buttons.scss create mode 100644 assets/scss/bootstrap/_card.scss create mode 100644 assets/scss/bootstrap/_carousel.scss create mode 100644 assets/scss/bootstrap/_close.scss create mode 100644 assets/scss/bootstrap/_code.scss create mode 100644 assets/scss/bootstrap/_custom-forms.scss create mode 100644 assets/scss/bootstrap/_dropdown.scss create mode 100644 assets/scss/bootstrap/_forms.scss create mode 100644 assets/scss/bootstrap/_functions.scss create mode 100644 assets/scss/bootstrap/_grid.scss create mode 100644 assets/scss/bootstrap/_images.scss create mode 100644 assets/scss/bootstrap/_input-group.scss create mode 100644 assets/scss/bootstrap/_jumbotron.scss create mode 100644 assets/scss/bootstrap/_list-group.scss create mode 100644 assets/scss/bootstrap/_media.scss create mode 100644 assets/scss/bootstrap/_mixins.scss create mode 100644 assets/scss/bootstrap/_modal.scss create mode 100644 assets/scss/bootstrap/_nav.scss create mode 100644 assets/scss/bootstrap/_navbar.scss create mode 100644 assets/scss/bootstrap/_pagination.scss create mode 100644 assets/scss/bootstrap/_popover.scss create mode 100644 assets/scss/bootstrap/_print.scss create mode 100644 assets/scss/bootstrap/_progress.scss create mode 100644 assets/scss/bootstrap/_reboot.scss create mode 100644 assets/scss/bootstrap/_root.scss create mode 100644 assets/scss/bootstrap/_spinners.scss create mode 100644 assets/scss/bootstrap/_tables.scss create mode 100644 assets/scss/bootstrap/_toasts.scss create mode 100644 assets/scss/bootstrap/_tooltip.scss create mode 100644 assets/scss/bootstrap/_transitions.scss create mode 100644 assets/scss/bootstrap/_type.scss create mode 100644 assets/scss/bootstrap/_utilities.scss create mode 100644 assets/scss/bootstrap/_variables.scss create mode 100644 assets/scss/bootstrap/bootstrap-grid.scss create mode 100644 assets/scss/bootstrap/bootstrap-reboot.scss create mode 100644 assets/scss/bootstrap/bootstrap.scss create mode 100644 assets/scss/bootstrap/mixins/_alert.scss create mode 100644 assets/scss/bootstrap/mixins/_background-variant.scss create mode 100644 assets/scss/bootstrap/mixins/_badge.scss create mode 100644 assets/scss/bootstrap/mixins/_border-radius.scss create mode 100644 assets/scss/bootstrap/mixins/_box-shadow.scss create mode 100644 assets/scss/bootstrap/mixins/_breakpoints.scss create mode 100644 assets/scss/bootstrap/mixins/_buttons.scss create mode 100644 assets/scss/bootstrap/mixins/_caret.scss create mode 100644 assets/scss/bootstrap/mixins/_clearfix.scss create mode 100644 assets/scss/bootstrap/mixins/_deprecate.scss create mode 100644 assets/scss/bootstrap/mixins/_float.scss create mode 100644 assets/scss/bootstrap/mixins/_forms.scss create mode 100644 assets/scss/bootstrap/mixins/_gradients.scss create mode 100644 assets/scss/bootstrap/mixins/_grid-framework.scss create mode 100644 assets/scss/bootstrap/mixins/_grid.scss create mode 100644 assets/scss/bootstrap/mixins/_hover.scss create mode 100644 assets/scss/bootstrap/mixins/_image.scss create mode 100644 assets/scss/bootstrap/mixins/_list-group.scss create mode 100644 assets/scss/bootstrap/mixins/_lists.scss create mode 100644 assets/scss/bootstrap/mixins/_nav-divider.scss create mode 100644 assets/scss/bootstrap/mixins/_pagination.scss create mode 100644 assets/scss/bootstrap/mixins/_reset-text.scss create mode 100644 assets/scss/bootstrap/mixins/_resize.scss create mode 100644 assets/scss/bootstrap/mixins/_screen-reader.scss create mode 100644 assets/scss/bootstrap/mixins/_size.scss create mode 100644 assets/scss/bootstrap/mixins/_table-row.scss create mode 100644 assets/scss/bootstrap/mixins/_text-emphasis.scss create mode 100644 assets/scss/bootstrap/mixins/_text-hide.scss create mode 100644 assets/scss/bootstrap/mixins/_text-truncate.scss create mode 100644 assets/scss/bootstrap/mixins/_transition.scss create mode 100644 assets/scss/bootstrap/mixins/_visibility.scss create mode 100644 assets/scss/bootstrap/utilities/_align.scss create mode 100644 assets/scss/bootstrap/utilities/_background.scss create mode 100644 assets/scss/bootstrap/utilities/_borders.scss create mode 100644 assets/scss/bootstrap/utilities/_clearfix.scss create mode 100644 assets/scss/bootstrap/utilities/_display.scss create mode 100644 assets/scss/bootstrap/utilities/_embed.scss create mode 100644 assets/scss/bootstrap/utilities/_flex.scss create mode 100644 assets/scss/bootstrap/utilities/_float.scss create mode 100644 assets/scss/bootstrap/utilities/_overflow.scss create mode 100644 assets/scss/bootstrap/utilities/_position.scss create mode 100644 assets/scss/bootstrap/utilities/_screenreaders.scss create mode 100644 assets/scss/bootstrap/utilities/_shadows.scss create mode 100644 assets/scss/bootstrap/utilities/_sizing.scss create mode 100644 assets/scss/bootstrap/utilities/_spacing.scss create mode 100644 assets/scss/bootstrap/utilities/_stretched-link.scss create mode 100644 assets/scss/bootstrap/utilities/_text.scss create mode 100644 assets/scss/bootstrap/utilities/_visibility.scss create mode 100644 docker-compose.yml create mode 100644 go.mod create mode 100644 go.sum create mode 100644 main.go create mode 100644 templates/layout.html create mode 100644 templates/pages/home.html diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..42eca2e --- /dev/null +++ b/.gitignore @@ -0,0 +1,39 @@ +### Go ### +# Binaries for programs and plugins +*.exe +*.dll +*.so +*.dylib + +### macOS ### +*.DS_Store +.AppleDouble +.LSOverride +.DS_Store + +### IDE ### +.idea +.vscode + +# Test binary, build with `go test -c` +*.test + +# Output of the go coverage tool +*.out + +### Sonarqube ### +.scannerwork + +# Golang project vendor packages which should be ignored +vendor/ + +# Binaries generated by Makefile +bin/* + +# Project files +air +CHANGELOG +dump.rdb +tmp +.env +coverage.out \ No newline at end of file diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..db7a710 --- /dev/null +++ b/Dockerfile @@ -0,0 +1,17 @@ +FROM ubuntu:latest +LABEL authors="Damian" + +FROM golang:alpine AS GO_BUILD +COPY ./ /server +WORKDIR /server +ADD go.mod . +ADD go.sum . +RUN go mod download +RUN go build -o /go/bin/server + + +FROM alpine:3.15 +WORKDIR app +COPY --from=GO_BUILD /go/bin/server ./ +COPY .env ./ +CMD ./server \ No newline at end of file diff --git a/app/controllers/base_controller.go b/app/controllers/base_controller.go new file mode 100644 index 0000000..99aa1da --- /dev/null +++ b/app/controllers/base_controller.go @@ -0,0 +1,105 @@ +package controllers + +import ( + "fmt" + "github.com/gorilla/mux" + "github.com/gorilla/sessions" + "gorm.io/driver/postgres" + "moretcgshop/app/models" + "os" + + "gorm.io/gorm" + "log" + "net/http" +) + +type Server struct { + DB *gorm.DB + Router *mux.Router + AppConfig *AppConfig +} + +type AppConfig struct { + AppName string + AppEnv string + AppPort string + AppURL string +} + +type DBConfig struct { + DBHost string + DBUser string + DBPassword string + DBName string + DBPort string + DBDriver string +} + +var store = sessions.NewCookieStore([]byte(os.Getenv("SESSION_KEY"))) +var sessionShoppingCart = "shopping-cart-session" +var sessionFlash = "flash-session" +var sessionUser = "user-session" + +func (server *Server) Initialize(appConfig AppConfig, dbConfig DBConfig) { + fmt.Println("Willkommen zu " + appConfig.AppName) + //server.initializeDB(dbConfig) + server.initializeAppConfig(appConfig) + server.initializeRoutes() +} + +func (server *Server) Run(addr string) { + fmt.Printf("Listening to port %s", addr) + log.Fatal(http.ListenAndServe(addr, server.Router)) +} + +func (s Server) InitCommands(config AppConfig, config2 DBConfig) { + +} + +func (server *Server) initializeDB(dbConfig DBConfig) { + var err error + dsn := fmt.Sprintf("host=%s user=%s password=%s dbname=%s port=%s sslmode=disable TimeZone=Asia/Jakarta", dbConfig.DBHost, dbConfig.DBUser, dbConfig.DBPassword, dbConfig.DBName, dbConfig.DBPort) + server.DB, err = gorm.Open(postgres.Open(dsn), &gorm.Config{}) + if err != nil { + panic("Failed on connecting to the database server") + } +} +func (server *Server) dbMigrate() { + /*for _, model := range models.RegisterModels() { + err := server.DB.Debug().AutoMigrate(model.Model) + + if err != nil { + log.Fatal(err) + } + } + + fmt.Println("Database migrated successfully.") + + */ +} + +func (server *Server) initializeAppConfig(config AppConfig) { + server.AppConfig = &config +} + +func IsLoggedIn(r *http.Request) bool { + session, _ := store.Get(r, sessionUser) + if session.Values["id"] == nil { + return false + } + return true +} + +func (server *Server) CurrentUser(w http.ResponseWriter, r *http.Request) *models.User { + if !IsLoggedIn(r) { + return nil + } + + session, _ := store.Get(r, sessionUser) + + userModel := models.User{} + + _ = session + _ = userModel + return nil +} diff --git a/app/controllers/home_controller.go b/app/controllers/home_controller.go new file mode 100644 index 0000000..6e4298c --- /dev/null +++ b/app/controllers/home_controller.go @@ -0,0 +1,19 @@ +package controllers + +import ( + "github.com/unrolled/render" + "net/http" +) + +func (server *Server) Home(w http.ResponseWriter, r *http.Request) { + render := render.New(render.Options{ + Layout: "layout", + Extensions: []string{".html", ".tmpl"}, + }) + + user := server.CurrentUser(w, r) + + _ = render.HTML(w, http.StatusOK, "home", map[string]interface{}{ + "user": user, + }) +} diff --git a/app/controllers/routes.go b/app/controllers/routes.go new file mode 100644 index 0000000..522084f --- /dev/null +++ b/app/controllers/routes.go @@ -0,0 +1,15 @@ +package controllers + +import ( + "github.com/gorilla/mux" + "net/http" +) + +func (server *Server) initializeRoutes() { + server.Router = mux.NewRouter() + server.Router.HandleFunc("/", server.Home).Methods("GET") + + staticFileDirectory := http.Dir("./assets/") + staticFileHandler := http.StripPrefix("/public/", http.FileServer(staticFileDirectory)) + server.Router.PathPrefix("/public/").Handler(staticFileHandler).Methods("GET") +} diff --git a/app/models/user.go b/app/models/user.go new file mode 100644 index 0000000..7179e22 --- /dev/null +++ b/app/models/user.go @@ -0,0 +1,4 @@ +package models + +type User struct { +} diff --git a/app/server.go b/app/server.go new file mode 100644 index 0000000..03062cd --- /dev/null +++ b/app/server.go @@ -0,0 +1,49 @@ +package app + +import ( + "flag" + "github.com/joho/godotenv" + "log" + "moretcgshop/app/controllers" + "os" +) + +func getEnv(key, fallback string) string { + if value, ok := os.LookupEnv(key); ok { + return value + } + return fallback +} + +func Run() { + var server = controllers.Server{} + var appConfig = controllers.AppConfig{} + var dbConfig = controllers.DBConfig{} + + err := godotenv.Load() + if err != nil { + log.Fatalf("Fehler beim laden vom .env datei") + } + + appConfig.AppName = getEnv("APP_NAME", "More-Tcg Shop") + appConfig.AppEnv = getEnv("APP_ENV", "development") + appConfig.AppPort = getEnv("APP_PORT", "9000") + appConfig.AppURL = getEnv("APP_URL", "http://localhost:9000") + + dbConfig.DBHost = getEnv("DB_HOST", "localhost") + dbConfig.DBUser = getEnv("DB_USER", "user") + dbConfig.DBPassword = getEnv("DB_PASSWORD", "password") + dbConfig.DBName = getEnv("DB_NAME", "dbname") + dbConfig.DBPort = getEnv("DB_PORT", "5432") + dbConfig.DBDriver = getEnv("DB_DRIVER", "postgres") + + flag.Parse() + arg := flag.Arg(0) + + if arg != "" { + server.InitCommands(appConfig, dbConfig) + } else { + server.Initialize(appConfig, dbConfig) + server.Run(":" + appConfig.AppPort) + } +} diff --git a/assets/css/argon-design-system.css b/assets/css/argon-design-system.css new file mode 100644 index 0000000..43e356a --- /dev/null +++ b/assets/css/argon-design-system.css @@ -0,0 +1,24326 @@ +/*! +========================================================= +* Argon Design System - v 1.2.2 +========================================================= + +* Product Page: https://www.creative-tim.com/product/argon-design-system +* Copyright 2020 Creative Tim (http://www.creative-tim.com) + +Coded by www.creative-tim.com + +========================================================= + +* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + + */ +/*! + * Bootstrap v4.3.1 (https://getbootstrap.com/) + * Copyright 2011-2020 The Bootstrap Authors + * Copyright 2011-2020 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +:root { + --blue: #5e72e4; + --indigo: #5603ad; + --purple: #8965e0; + --pink: #f3a4b5; + --red: #f5365c; + --orange: #fb6340; + --yellow: #ffd600; + --green: #2dce89; + --teal: #11cdef; + --cyan: #2bffc6; + --white: #fff; + --gray: #8898aa; + --gray-dark: #32325d; + --light: #ced4da; + --lighter: #e9ecef; + --primary: #5e72e4; + --secondary: #f4f5f7; + --success: #2dce89; + --info: #11cdef; + --warning: #fb6340; + --danger: #f5365c; + --light: #adb5bd; + --dark: #212529; + --default: #172b4d; + --white: #fff; + --neutral: #fff; + --darker: black; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +article, +aside, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section { + display: block; +} + +body { + margin: 0; + font-family: "Open Sans", sans-serif; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #525f7f; + text-align: left; + background-color: #fff; +} + +[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; + text-decoration-skip-ink: none; +} + +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: 600; +} + +dd { + margin-bottom: .5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +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: #5e72e4; + text-decoration: none; + background-color: transparent; +} + +a:hover { + color: #233dd2; + text-decoration: none; +} + +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: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 1rem; + padding-bottom: 1rem; + color: #8898aa; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.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; +} + +select { + word-wrap: normal; +} + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type="button"]:not(:disabled), +[type="reset"]:not(:disabled), +[type="submit"]:not(:disabled) { + cursor: pointer; +} + +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-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.5; + color: #32325d; +} + +h1, +.h1 { + font-size: 2.5rem; +} + +h2, +.h2 { + font-size: 2rem; +} + +h3, +.h3 { + font-size: 1.75rem; +} + +h4, +.h4 { + font-size: 1.5rem; +} + +h5, +.h5 { + font-size: 1.25rem; +} + +h6, +.h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 3.3rem; + font-weight: 600; + line-height: 1.5; +} + +.display-2 { + font-size: 2.75rem; + font-weight: 600; + line-height: 1.5; +} + +.display-3 { + font-size: 2.1875rem; + font-weight: 600; + line-height: 1.5; +} + +.display-4 { + font-size: 1.6275rem; + font-weight: 600; + line-height: 1.5; +} + +hr { + margin-top: 2rem; + margin-bottom: 2rem; + border: 0; + border-top: 0.0625rem 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: #8898aa; +} + +.blockquote-footer::before { + content: "\2014\00A0"; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #fff; + border: 0.0625rem 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: #8898aa; +} + +code { + font-size: 87.5%; + color: #f3a4b5; + 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: 600; + 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: 1040px; + } +} + +.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%; + 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: 100%; +} + +.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: 100%; + } + + .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: 100%; + } + + .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: 100%; + } + + .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: 100%; + } + + .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%; + margin-bottom: 1rem; + color: #525f7f; + background-color: transparent; +} + +.table th, +.table td { + padding: 1rem; + vertical-align: top; + border-top: 0.0625rem solid #dee2e6; +} + +.table thead th { + vertical-align: bottom; + border-bottom: 0.125rem solid #dee2e6; +} + +.table tbody+tbody { + border-top: 0.125rem solid #dee2e6; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 0.0625rem solid #dee2e6; +} + +.table-bordered th, +.table-bordered td { + border: 0.0625rem solid #dee2e6; +} + +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 0.125rem; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody+tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(0, 0, 0, 0.05); +} + +.table-hover tbody tr:hover { + color: #525f7f; + background-color: rgba(0, 0, 0, 0.075); +} + +.table-primary, +.table-primary>th, +.table-primary>td { + background-color: #d2d8f7; +} + +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody+tbody { + border-color: #abb6f1; +} + +.table-hover .table-primary:hover { + background-color: #bcc5f3; +} + +.table-hover .table-primary:hover>td, +.table-hover .table-primary:hover>th { + background-color: #bcc5f3; +} + +.table-secondary, +.table-secondary>th, +.table-secondary>td { + background-color: #fcfcfd; +} + +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody+tbody { + border-color: #f9fafb; +} + +.table-hover .table-secondary:hover { + background-color: #ededf3; +} + +.table-hover .table-secondary:hover>td, +.table-hover .table-secondary:hover>th { + background-color: #ededf3; +} + +.table-success, +.table-success>th, +.table-success>td { + background-color: #c4f1de; +} + +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody+tbody { + border-color: #92e6c2; +} + +.table-hover .table-success:hover { + background-color: #afecd2; +} + +.table-hover .table-success:hover>td, +.table-hover .table-success:hover>th { + background-color: #afecd2; +} + +.table-info, +.table-info>th, +.table-info>td { + background-color: #bcf1fb; +} + +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody+tbody { + border-color: #83e5f7; +} + +.table-hover .table-info:hover { + background-color: #a4ecfa; +} + +.table-hover .table-info:hover>td, +.table-hover .table-info:hover>th { + background-color: #a4ecfa; +} + +.table-warning, +.table-warning>th, +.table-warning>td { + background-color: #fed3ca; +} + +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody+tbody { + border-color: #fdae9c; +} + +.table-hover .table-warning:hover { + background-color: #febeb1; +} + +.table-hover .table-warning:hover>td, +.table-hover .table-warning:hover>th { + background-color: #febeb1; +} + +.table-danger, +.table-danger>th, +.table-danger>td { + background-color: #fcc7d1; +} + +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody+tbody { + border-color: #fa96aa; +} + +.table-hover .table-danger:hover { + background-color: #fbafbd; +} + +.table-hover .table-danger:hover>td, +.table-hover .table-danger:hover>th { + background-color: #fbafbd; +} + +.table-light, +.table-light>th, +.table-light>td { + background-color: #e8eaed; +} + +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody+tbody { + border-color: #d4d9dd; +} + +.table-hover .table-light:hover { + background-color: #dadde2; +} + +.table-hover .table-light:hover>td, +.table-hover .table-light:hover>th { + background-color: #dadde2; +} + +.table-dark, +.table-dark>th, +.table-dark>td { + background-color: #c1c2c3; +} + +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody+tbody { + border-color: #8c8e90; +} + +.table-hover .table-dark:hover { + background-color: #b4b5b6; +} + +.table-hover .table-dark:hover>td, +.table-hover .table-dark:hover>th { + background-color: #b4b5b6; +} + +.table-default, +.table-default>th, +.table-default>td { + background-color: #bec4cd; +} + +.table-default th, +.table-default td, +.table-default thead th, +.table-default tbody+tbody { + border-color: #8691a2; +} + +.table-hover .table-default:hover { + background-color: #b0b7c2; +} + +.table-hover .table-default:hover>td, +.table-hover .table-default:hover>th { + background-color: #b0b7c2; +} + +.table-white, +.table-white>th, +.table-white>td { + background-color: white; +} + +.table-white th, +.table-white td, +.table-white thead th, +.table-white tbody+tbody { + border-color: white; +} + +.table-hover .table-white:hover { + background-color: #f2f2f2; +} + +.table-hover .table-white:hover>td, +.table-hover .table-white:hover>th { + background-color: #f2f2f2; +} + +.table-neutral, +.table-neutral>th, +.table-neutral>td { + background-color: white; +} + +.table-neutral th, +.table-neutral td, +.table-neutral thead th, +.table-neutral tbody+tbody { + border-color: white; +} + +.table-hover .table-neutral:hover { + background-color: #f2f2f2; +} + +.table-hover .table-neutral:hover>td, +.table-hover .table-neutral:hover>th { + background-color: #f2f2f2; +} + +.table-darker, +.table-darker>th, +.table-darker>td { + background-color: #b8b8b8; +} + +.table-darker th, +.table-darker td, +.table-darker thead th, +.table-darker tbody+tbody { + border-color: #7a7a7a; +} + +.table-hover .table-darker:hover { + background-color: #ababab; +} + +.table-hover .table-darker:hover>td, +.table-hover .table-darker:hover>th { + background-color: #ababab; +} + +.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: #fff; + background-color: #212529; + border-color: #32383e; +} + +.table .thead-light th { + color: #525f7f; + background-color: #e9ecef; + border-color: #dee2e6; +} + +.table-dark { + color: #fff; + 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 { + color: #fff; + 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; + } + + .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; + } + + .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; + } + + .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; + } + + .table-responsive-xl>.table-bordered { + border: 0; + } +} + +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} + +.table-responsive>.table-bordered { + border: 0; +} + +.form-control { + display: block; + width: 100%; + height: calc(1.5em + 1.25rem + 2px); + padding: 0.625rem 0.75rem; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + color: #8898aa; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #cad1d7; + border-radius: 0.25rem; + box-shadow: none; + transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); +} + +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} + +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} + +.form-control:focus { + color: #8898aa; + background-color: #fff; + border-color: rgba(50, 151, 211, 0.25); + outline: 0; + box-shadow: none, none; +} + +.form-control::placeholder { + color: #adb5bd; + opacity: 1; +} + +.form-control:disabled, +.form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #8898aa; + background-color: #fff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.col-form-label { + padding-top: calc(0.625rem + 1px); + padding-bottom: calc(0.625rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; +} + +.col-form-label-lg { + padding-top: calc(0.875rem + 1px); + padding-bottom: calc(0.875rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.75rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding-top: 0.625rem; + padding-bottom: 0.625rem; + margin-bottom: 0; + line-height: 1.5; + color: #525f7f; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} + +.form-control-plaintext.form-control-sm, +.form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.75rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.form-control-lg { + height: calc(1.5em + 1.75rem + 2px); + padding: 0.875rem 1rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +select.form-control[size], +select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.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: #8898aa; +} + +.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: #2dce89; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: .1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #fff; + background-color: rgba(45, 206, 137, 0.9); + border-radius: 0.25rem; +} + +.was-validated .form-control:valid, +.form-control.is-valid { + border-color: #2dce89; + padding-right: calc(1.5em + 1.25rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232dce89' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: center right calc(0.375em + 0.3125rem); + background-size: calc(0.75em + 0.625rem) calc(0.75em + 0.625rem); +} + +.was-validated .form-control:valid:focus, +.form-control.is-valid:focus { + border-color: #2dce89; + box-shadow: 0 0 0 0 rgba(45, 206, 137, 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 { + display: block; +} + +.was-validated textarea.form-control:valid, +textarea.form-control.is-valid { + padding-right: calc(1.5em + 1.25rem); + background-position: top calc(0.375em + 0.3125rem) right calc(0.375em + 0.3125rem); +} + +.was-validated .custom-select:valid, +.custom-select.is-valid { + border-color: #2dce89; + padding-right: calc((1em + 1.25rem) * 3 / 4 + 1.75rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%2332325d' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232dce89' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.625rem) calc(0.75em + 0.625rem); +} + +.was-validated .custom-select:valid:focus, +.custom-select.is-valid:focus { + border-color: #2dce89; + box-shadow: 0 0 0 0 rgba(45, 206, 137, 0.25); +} + +.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-control-file:valid~.valid-feedback, +.was-validated .form-control-file:valid~.valid-tooltip, +.form-control-file.is-valid~.valid-feedback, +.form-control-file.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .form-check-input:valid~.form-check-label, +.form-check-input.is-valid~.form-check-label { + color: #2dce89; +} + +.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: #2dce89; +} + +.was-validated .custom-control-input:valid~.custom-control-label::before, +.custom-control-input.is-valid~.custom-control-label::before { + border-color: #2dce89; +} + +.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 { + border-color: #54daa1; + background-color: #54daa1; +} + +.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 0 rgba(45, 206, 137, 0.25); +} + +.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before, +.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before { + border-color: #2dce89; +} + +.was-validated .custom-file-input:valid~.custom-file-label, +.custom-file-input.is-valid~.custom-file-label { + border-color: #2dce89; +} + +.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 { + border-color: #2dce89; + box-shadow: 0 0 0 0 rgba(45, 206, 137, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #fb6340; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: .1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #fff; + background-color: rgba(251, 99, 64, 0.9); + border-radius: 0.25rem; +} + +.was-validated .form-control:invalid, +.form-control.is-invalid { + border-color: #fb6340; + padding-right: calc(1.5em + 1.25rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fb6340' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fb6340' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); + background-repeat: no-repeat; + background-position: center right calc(0.375em + 0.3125rem); + background-size: calc(0.75em + 0.625rem) calc(0.75em + 0.625rem); +} + +.was-validated .form-control:invalid:focus, +.form-control.is-invalid:focus { + border-color: #fb6340; + box-shadow: 0 0 0 0 rgba(251, 99, 64, 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 { + display: block; +} + +.was-validated textarea.form-control:invalid, +textarea.form-control.is-invalid { + padding-right: calc(1.5em + 1.25rem); + background-position: top calc(0.375em + 0.3125rem) right calc(0.375em + 0.3125rem); +} + +.was-validated .custom-select:invalid, +.custom-select.is-invalid { + border-color: #fb6340; + padding-right: calc((1em + 1.25rem) * 3 / 4 + 1.75rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%2332325d' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fb6340' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fb6340' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.625rem) calc(0.75em + 0.625rem); +} + +.was-validated .custom-select:invalid:focus, +.custom-select.is-invalid:focus { + border-color: #fb6340; + box-shadow: 0 0 0 0 rgba(251, 99, 64, 0.25); +} + +.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-control-file:invalid~.invalid-feedback, +.was-validated .form-control-file:invalid~.invalid-tooltip, +.form-control-file.is-invalid~.invalid-feedback, +.form-control-file.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .form-check-input:invalid~.form-check-label, +.form-check-input.is-invalid~.form-check-label { + color: #fb6340; +} + +.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: #fb6340; +} + +.was-validated .custom-control-input:invalid~.custom-control-label::before, +.custom-control-input.is-invalid~.custom-control-label::before { + border-color: #fb6340; +} + +.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 { + border-color: #fc8c72; + background-color: #fc8c72; +} + +.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 0 rgba(251, 99, 64, 0.25); +} + +.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before, +.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before { + border-color: #fb6340; +} + +.was-validated .custom-file-input:invalid~.custom-file-label, +.custom-file-input.is-invalid~.custom-file-label { + border-color: #fb6340; +} + +.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 { + border-color: #fb6340; + box-shadow: 0 0 0 0 rgba(251, 99, 64, 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, + .form-inline .custom-select { + 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; + flex-shrink: 0; + 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: 600; + color: #525f7f; + text-align: center; + vertical-align: middle; + user-select: none; + background-color: transparent; + border: 1px solid transparent; + padding: 0.625rem 1.25rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.25rem; + transition: all 0.15s ease; +} + +@media (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } +} + +.btn:hover { + color: #525f7f; + text-decoration: none; +} + +.btn:focus, +.btn.focus { + outline: 0; + box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); +} + +.btn.disabled, +.btn:disabled { + opacity: 0.65; + box-shadow: none; +} + +.btn:not(:disabled):not(.disabled):active, +.btn:not(:disabled):not(.disabled).active { + box-shadow: none; +} + +.btn:not(:disabled):not(.disabled):active:focus, +.btn:not(:disabled):not(.disabled).active:focus { + box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); +} + +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #fff; + background-color: #5e72e4; + border-color: #5e72e4; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-primary:hover { + color: #fff; + background-color: #3d55df; + border-color: #324cdd; +} + +.btn-primary:focus, +.btn-primary.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(118, 135, 232, 0.5); +} + +.btn-primary.disabled, +.btn-primary:disabled { + color: #fff; + background-color: #5e72e4; + border-color: #5e72e4; +} + +.btn-primary:not(:disabled):not(.disabled):active, +.btn-primary:not(:disabled):not(.disabled).active, +.show>.btn-primary.dropdown-toggle { + color: #fff; + background-color: #324cdd; + border-color: #2742db; +} + +.btn-primary:not(:disabled):not(.disabled):active:focus, +.btn-primary:not(:disabled):not(.disabled).active:focus, +.show>.btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(118, 135, 232, 0.5); +} + +.btn-secondary { + color: #212529; + background-color: #f4f5f7; + border-color: #f4f5f7; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-secondary:hover { + color: #212529; + background-color: #dee1e7; + border-color: #d6dae2; +} + +.btn-secondary:focus, +.btn-secondary.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(212, 214, 216, 0.5); +} + +.btn-secondary.disabled, +.btn-secondary:disabled { + color: #212529; + background-color: #f4f5f7; + border-color: #f4f5f7; +} + +.btn-secondary:not(:disabled):not(.disabled):active, +.btn-secondary:not(:disabled):not(.disabled).active, +.show>.btn-secondary.dropdown-toggle { + color: #212529; + background-color: #d6dae2; + border-color: #cfd3dc; +} + +.btn-secondary:not(:disabled):not(.disabled):active:focus, +.btn-secondary:not(:disabled):not(.disabled).active:focus, +.show>.btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(212, 214, 216, 0.5); +} + +.btn-success { + color: #fff; + background-color: #2dce89; + border-color: #2dce89; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-success:hover { + color: #fff; + background-color: #26af74; + border-color: #24a46d; +} + +.btn-success:focus, +.btn-success.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(77, 213, 155, 0.5); +} + +.btn-success.disabled, +.btn-success:disabled { + color: #fff; + background-color: #2dce89; + border-color: #2dce89; +} + +.btn-success:not(:disabled):not(.disabled):active, +.btn-success:not(:disabled):not(.disabled).active, +.show>.btn-success.dropdown-toggle { + color: #fff; + background-color: #24a46d; + border-color: #229a66; +} + +.btn-success:not(:disabled):not(.disabled):active:focus, +.btn-success:not(:disabled):not(.disabled).active:focus, +.show>.btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(77, 213, 155, 0.5); +} + +.btn-info { + color: #fff; + background-color: #11cdef; + border-color: #11cdef; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-info:hover { + color: #fff; + background-color: #0eafcc; + border-color: #0da5c0; +} + +.btn-info:focus, +.btn-info.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(53, 213, 241, 0.5); +} + +.btn-info.disabled, +.btn-info:disabled { + color: #fff; + background-color: #11cdef; + border-color: #11cdef; +} + +.btn-info:not(:disabled):not(.disabled):active, +.btn-info:not(:disabled):not(.disabled).active, +.show>.btn-info.dropdown-toggle { + color: #fff; + background-color: #0da5c0; + border-color: #0c9ab4; +} + +.btn-info:not(:disabled):not(.disabled):active:focus, +.btn-info:not(:disabled):not(.disabled).active:focus, +.show>.btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(53, 213, 241, 0.5); +} + +.btn-warning { + color: #fff; + background-color: #fb6340; + border-color: #fb6340; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-warning:hover { + color: #fff; + background-color: #fa441b; + border-color: #fa3a0e; +} + +.btn-warning:focus, +.btn-warning.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(252, 122, 93, 0.5); +} + +.btn-warning.disabled, +.btn-warning:disabled { + color: #fff; + background-color: #fb6340; + border-color: #fb6340; +} + +.btn-warning:not(:disabled):not(.disabled):active, +.btn-warning:not(:disabled):not(.disabled).active, +.show>.btn-warning.dropdown-toggle { + color: #fff; + background-color: #fa3a0e; + border-color: #f63205; +} + +.btn-warning:not(:disabled):not(.disabled):active:focus, +.btn-warning:not(:disabled):not(.disabled).active:focus, +.show>.btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(252, 122, 93, 0.5); +} + +.btn-danger { + color: #fff; + background-color: #f5365c; + border-color: #f5365c; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-danger:hover { + color: #fff; + background-color: #f3e; + border-color: #ec0c38; +} + +.btn-danger:focus, +.btn-danger.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(247, 84, 116, 0.5); +} + +.btn-danger.disabled, +.btn-danger:disabled { + color: #fff; + background-color: #f5365c; + border-color: #f5365c; +} + +.btn-danger:not(:disabled):not(.disabled):active, +.btn-danger:not(:disabled):not(.disabled).active, +.show>.btn-danger.dropdown-toggle { + color: #fff; + background-color: #ec0c38; + border-color: #e00b36; +} + +.btn-danger:not(:disabled):not(.disabled):active:focus, +.btn-danger:not(:disabled):not(.disabled).active:focus, +.show>.btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(247, 84, 116, 0.5); +} + +.btn-light { + color: #fff; + background-color: #adb5bd; + border-color: #adb5bd; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-light:hover { + color: #fff; + background-color: #98a2ac; + border-color: #919ca6; +} + +.btn-light:focus, +.btn-light.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(185, 192, 199, 0.5); +} + +.btn-light.disabled, +.btn-light:disabled { + color: #fff; + background-color: #adb5bd; + border-color: #adb5bd; +} + +.btn-light:not(:disabled):not(.disabled):active, +.btn-light:not(:disabled):not(.disabled).active, +.show>.btn-light.dropdown-toggle { + color: #fff; + background-color: #919ca6; + border-color: #8a95a1; +} + +.btn-light:not(:disabled):not(.disabled):active:focus, +.btn-light:not(:disabled):not(.disabled).active:focus, +.show>.btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(185, 192, 199, 0.5); +} + +.btn-dark { + color: #fff; + background-color: #212529; + border-color: #212529; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-dark:hover { + color: #fff; + background-color: #101214; + border-color: #0a0c0d; +} + +.btn-dark:focus, +.btn-dark.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(66, 70, 73, 0.5); +} + +.btn-dark.disabled, +.btn-dark:disabled { + color: #fff; + background-color: #212529; + border-color: #212529; +} + +.btn-dark:not(:disabled):not(.disabled):active, +.btn-dark:not(:disabled):not(.disabled).active, +.show>.btn-dark.dropdown-toggle { + color: #fff; + background-color: #0a0c0d; + border-color: #050506; +} + +.btn-dark:not(:disabled):not(.disabled):active:focus, +.btn-dark:not(:disabled):not(.disabled).active:focus, +.show>.btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(66, 70, 73, 0.5); +} + +.btn-default { + color: #fff; + background-color: #172b4d; + border-color: #172b4d; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-default:hover { + color: #fff; + background-color: #0e1b30; + border-color: #0b1526; +} + +.btn-default:focus, +.btn-default.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(58, 75, 104, 0.5); +} + +.btn-default.disabled, +.btn-default:disabled { + color: #fff; + background-color: #172b4d; + border-color: #172b4d; +} + +.btn-default:not(:disabled):not(.disabled):active, +.btn-default:not(:disabled):not(.disabled).active, +.show>.btn-default.dropdown-toggle { + color: #fff; + background-color: #0b1526; + border-color: #08101c; +} + +.btn-default:not(:disabled):not(.disabled):active:focus, +.btn-default:not(:disabled):not(.disabled).active:focus, +.show>.btn-default.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(58, 75, 104, 0.5); +} + +.btn-white { + color: #212529; + background-color: #fff; + border-color: #fff; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-white:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} + +.btn-white:focus, +.btn-white.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(222, 222, 223, 0.5); +} + +.btn-white.disabled, +.btn-white:disabled { + color: #212529; + background-color: #fff; + border-color: #fff; +} + +.btn-white:not(:disabled):not(.disabled):active, +.btn-white:not(:disabled):not(.disabled).active, +.show>.btn-white.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} + +.btn-white:not(:disabled):not(.disabled):active:focus, +.btn-white:not(:disabled):not(.disabled).active:focus, +.show>.btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(222, 222, 223, 0.5); +} + +.btn-neutral { + color: #212529; + background-color: #fff; + border-color: #fff; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-neutral:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} + +.btn-neutral:focus, +.btn-neutral.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(222, 222, 223, 0.5); +} + +.btn-neutral.disabled, +.btn-neutral:disabled { + color: #212529; + background-color: #fff; + border-color: #fff; +} + +.btn-neutral:not(:disabled):not(.disabled):active, +.btn-neutral:not(:disabled):not(.disabled).active, +.show>.btn-neutral.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} + +.btn-neutral:not(:disabled):not(.disabled):active:focus, +.btn-neutral:not(:disabled):not(.disabled).active:focus, +.show>.btn-neutral.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(222, 222, 223, 0.5); +} + +.btn-darker { + color: #fff; + background-color: black; + border-color: black; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-darker:hover { + color: #fff; + background-color: black; + border-color: black; +} + +.btn-darker:focus, +.btn-darker.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(38, 38, 38, 0.5); +} + +.btn-darker.disabled, +.btn-darker:disabled { + color: #fff; + background-color: black; + border-color: black; +} + +.btn-darker:not(:disabled):not(.disabled):active, +.btn-darker:not(:disabled):not(.disabled).active, +.show>.btn-darker.dropdown-toggle { + color: #fff; + background-color: black; + border-color: black; +} + +.btn-darker:not(:disabled):not(.disabled):active:focus, +.btn-darker:not(:disabled):not(.disabled).active:focus, +.show>.btn-darker.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); +} + +.btn-outline-primary { + color: #5e72e4; + border-color: #5e72e4; +} + +.btn-outline-primary:hover { + color: #fff; + background-color: #5e72e4; + border-color: #5e72e4; +} + +.btn-outline-primary:focus, +.btn-outline-primary.focus { + box-shadow: 0 0 0 0 rgba(94, 114, 228, 0.5); +} + +.btn-outline-primary.disabled, +.btn-outline-primary:disabled { + color: #5e72e4; + 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: #5e72e4; + border-color: #5e72e4; +} + +.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 rgba(94, 114, 228, 0.5); +} + +.btn-outline-secondary { + color: #f4f5f7; + border-color: #f4f5f7; +} + +.btn-outline-secondary:hover { + color: #212529; + background-color: #f4f5f7; + border-color: #f4f5f7; +} + +.btn-outline-secondary:focus, +.btn-outline-secondary.focus { + box-shadow: 0 0 0 0 rgba(244, 245, 247, 0.5); +} + +.btn-outline-secondary.disabled, +.btn-outline-secondary:disabled { + color: #f4f5f7; + 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: #212529; + background-color: #f4f5f7; + border-color: #f4f5f7; +} + +.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 rgba(244, 245, 247, 0.5); +} + +.btn-outline-success { + color: #2dce89; + border-color: #2dce89; +} + +.btn-outline-success:hover { + color: #fff; + background-color: #2dce89; + border-color: #2dce89; +} + +.btn-outline-success:focus, +.btn-outline-success.focus { + box-shadow: 0 0 0 0 rgba(45, 206, 137, 0.5); +} + +.btn-outline-success.disabled, +.btn-outline-success:disabled { + color: #2dce89; + 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: #2dce89; + border-color: #2dce89; +} + +.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 rgba(45, 206, 137, 0.5); +} + +.btn-outline-info { + color: #11cdef; + border-color: #11cdef; +} + +.btn-outline-info:hover { + color: #fff; + background-color: #11cdef; + border-color: #11cdef; +} + +.btn-outline-info:focus, +.btn-outline-info.focus { + box-shadow: 0 0 0 0 rgba(17, 205, 239, 0.5); +} + +.btn-outline-info.disabled, +.btn-outline-info:disabled { + color: #11cdef; + 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: #11cdef; + border-color: #11cdef; +} + +.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 rgba(17, 205, 239, 0.5); +} + +.btn-outline-warning { + color: #fb6340; + border-color: #fb6340; +} + +.btn-outline-warning:hover { + color: #fff; + background-color: #fb6340; + border-color: #fb6340; +} + +.btn-outline-warning:focus, +.btn-outline-warning.focus { + box-shadow: 0 0 0 0 rgba(251, 99, 64, 0.5); +} + +.btn-outline-warning.disabled, +.btn-outline-warning:disabled { + color: #fb6340; + 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: #fff; + background-color: #fb6340; + border-color: #fb6340; +} + +.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 rgba(251, 99, 64, 0.5); +} + +.btn-outline-danger { + color: #f5365c; + border-color: #f5365c; +} + +.btn-outline-danger:hover { + color: #fff; + background-color: #f5365c; + border-color: #f5365c; +} + +.btn-outline-danger:focus, +.btn-outline-danger.focus { + box-shadow: 0 0 0 0 rgba(245, 54, 92, 0.5); +} + +.btn-outline-danger.disabled, +.btn-outline-danger:disabled { + color: #f5365c; + 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: #f5365c; + border-color: #f5365c; +} + +.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 rgba(245, 54, 92, 0.5); +} + +.btn-outline-light { + color: #adb5bd; + border-color: #adb5bd; +} + +.btn-outline-light:hover { + color: #fff; + background-color: #adb5bd; + border-color: #adb5bd; +} + +.btn-outline-light:focus, +.btn-outline-light.focus { + box-shadow: 0 0 0 0 rgba(173, 181, 189, 0.5); +} + +.btn-outline-light.disabled, +.btn-outline-light:disabled { + color: #adb5bd; + 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: #fff; + background-color: #adb5bd; + border-color: #adb5bd; +} + +.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 rgba(173, 181, 189, 0.5); +} + +.btn-outline-dark { + color: #212529; + border-color: #212529; +} + +.btn-outline-dark:hover { + color: #fff; + background-color: #212529; + border-color: #212529; +} + +.btn-outline-dark:focus, +.btn-outline-dark.focus { + box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5); +} + +.btn-outline-dark.disabled, +.btn-outline-dark:disabled { + color: #212529; + 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: #212529; + border-color: #212529; +} + +.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 rgba(33, 37, 41, 0.5); +} + +.btn-outline-default { + color: #172b4d; + border-color: #172b4d; +} + +.btn-outline-default:hover { + color: #fff; + background-color: #172b4d; + border-color: #172b4d; +} + +.btn-outline-default:focus, +.btn-outline-default.focus { + box-shadow: 0 0 0 0 rgba(23, 43, 77, 0.5); +} + +.btn-outline-default.disabled, +.btn-outline-default:disabled { + color: #172b4d; + background-color: transparent; +} + +.btn-outline-default:not(:disabled):not(.disabled):active, +.btn-outline-default:not(:disabled):not(.disabled).active, +.show>.btn-outline-default.dropdown-toggle { + color: #fff; + background-color: #172b4d; + border-color: #172b4d; +} + +.btn-outline-default:not(:disabled):not(.disabled):active:focus, +.btn-outline-default:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-default.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(23, 43, 77, 0.5); +} + +.btn-outline-white { + color: #fff; + border-color: #fff; +} + +.btn-outline-white:hover { + color: #212529; + background-color: #fff; + border-color: #fff; +} + +.btn-outline-white:focus, +.btn-outline-white.focus { + box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); +} + +.btn-outline-white.disabled, +.btn-outline-white:disabled { + color: #fff; + background-color: transparent; +} + +.btn-outline-white:not(:disabled):not(.disabled):active, +.btn-outline-white:not(:disabled):not(.disabled).active, +.show>.btn-outline-white.dropdown-toggle { + color: #212529; + background-color: #fff; + border-color: #fff; +} + +.btn-outline-white:not(:disabled):not(.disabled):active:focus, +.btn-outline-white:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); +} + +.btn-outline-neutral { + color: #fff; + border-color: #fff; +} + +.btn-outline-neutral:hover { + color: #212529; + background-color: #fff; + border-color: #fff; +} + +.btn-outline-neutral:focus, +.btn-outline-neutral.focus { + box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); +} + +.btn-outline-neutral.disabled, +.btn-outline-neutral:disabled { + color: #fff; + background-color: transparent; +} + +.btn-outline-neutral:not(:disabled):not(.disabled):active, +.btn-outline-neutral:not(:disabled):not(.disabled).active, +.show>.btn-outline-neutral.dropdown-toggle { + color: #212529; + background-color: #fff; + border-color: #fff; +} + +.btn-outline-neutral:not(:disabled):not(.disabled):active:focus, +.btn-outline-neutral:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-neutral.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); +} + +.btn-outline-darker { + color: black; + border-color: black; +} + +.btn-outline-darker:hover { + color: #fff; + background-color: black; + border-color: black; +} + +.btn-outline-darker:focus, +.btn-outline-darker.focus { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); +} + +.btn-outline-darker.disabled, +.btn-outline-darker:disabled { + color: black; + background-color: transparent; +} + +.btn-outline-darker:not(:disabled):not(.disabled):active, +.btn-outline-darker:not(:disabled):not(.disabled).active, +.show>.btn-outline-darker.dropdown-toggle { + color: #fff; + background-color: black; + border-color: black; +} + +.btn-outline-darker:not(:disabled):not(.disabled):active:focus, +.btn-outline-darker:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-darker.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); +} + +.btn-link { + font-weight: 400; + color: #5e72e4; + text-decoration: none; +} + +.btn-link:hover { + color: #233dd2; + text-decoration: none; +} + +.btn-link:focus, +.btn-link.focus { + text-decoration: none; + box-shadow: none; +} + +.btn-link:disabled, +.btn-link.disabled { + color: #8898aa; + pointer-events: none; +} + +.btn-lg, +.btn-group-lg>.btn { + padding: 0.875rem 1rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, +.btn-group-sm>.btn { + padding: 0.25rem 0.5rem; + font-size: 0.75rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.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 { + transition: opacity 0.15s linear; +} + +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} + +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} + +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} + +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} + +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #525f7f; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 0 solid rgba(0, 0, 0, 0.15); + border-radius: 0.3rem; + box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1); +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} + +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} + +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} + +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} + +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} + +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} + +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} + +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} + +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} + +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} + +.dropleft .dropdown-toggle::after { + display: none; +} + +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} + +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^="top"], +.dropdown-menu[x-placement^="right"], +.dropdown-menu[x-placement^="bottom"], +.dropdown-menu[x-placement^="left"] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #e9ecef; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} + +.dropdown-item:hover, +.dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #f6f9fc; +} + +.dropdown-item.active, +.dropdown-item:active { + color: #fff; + text-decoration: none; + background-color: #5e72e4; +} + +.dropdown-item.disabled, +.dropdown-item:disabled { + color: #8898aa; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #8898aa; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} + +.btn-group>.btn, +.btn-group-vertical>.btn { + position: relative; + flex: 1 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-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} + +.btn-toolbar .input-group { + width: auto; +} + +.btn-group>.btn:not(:first-child), +.btn-group>.btn-group:not(:first-child) { + margin-left: -1px; +} + +.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.9375rem; + padding-left: 0.9375rem; +} + +.dropdown-toggle-split::after, +.dropup .dropdown-toggle-split::after, +.dropright .dropdown-toggle-split::after { + margin-left: 0; +} + +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm+.dropdown-toggle-split, +.btn-group-sm>.btn+.dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg+.dropdown-toggle-split, +.btn-group-lg>.btn+.dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.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:not(:first-child), +.btn-group-vertical>.btn-group:not(:first-child) { + margin-top: -1px; +} + +.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>.form-control-plaintext, +.input-group>.custom-select, +.input-group>.custom-file { + position: relative; + flex: 1 1 auto; + width: 1%; + margin-bottom: 0; +} + +.input-group>.form-control+.form-control, +.input-group>.form-control+.custom-select, +.input-group>.form-control+.custom-file, +.input-group>.form-control-plaintext+.form-control, +.input-group>.form-control-plaintext+.custom-select, +.input-group>.form-control-plaintext+.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:focus, +.input-group>.custom-select:focus, +.input-group>.custom-file .custom-file-input:focus~.custom-file-label { + z-index: 3; +} + +.input-group>.custom-file .custom-file-input:focus { + z-index: 4; +} + +.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::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group>.custom-file:not(:first-child) .custom-file-label { + 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:focus, +.input-group-append .btn:focus { + z-index: 3; +} + +.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.625rem 0.75rem; + margin-bottom: 0; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + color: #adb5bd; + text-align: center; + white-space: nowrap; + background-color: #fff; + border: 1px solid #cad1d7; + border-radius: 0.25rem; +} + +.input-group-text input[type="radio"], +.input-group-text input[type="checkbox"] { + margin-top: 0; +} + +.input-group-lg>.form-control:not(textarea), +.input-group-lg>.custom-select { + height: calc(1.5em + 1.75rem + 2px); +} + +.input-group-lg>.form-control, +.input-group-lg>.custom-select, +.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.875rem 1rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm>.form-control:not(textarea), +.input-group-sm>.custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm>.form-control, +.input-group-sm>.custom-select, +.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.5rem; + font-size: 0.75rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg>.custom-select, +.input-group-sm>.custom-select { + padding-right: 1.75rem; +} + +.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: 3rem; +} + +.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; + border-color: #5e72e4; + background-color: #5e72e4; + box-shadow: none; +} + +.custom-control-input:focus~.custom-control-label::before { + box-shadow: none, none; +} + +.custom-control-input:focus:not(:checked)~.custom-control-label::before { + border-color: rgba(50, 151, 211, 0.25); +} + +.custom-control-input:not(:disabled):active~.custom-control-label::before { + color: #fff; + background-color: #5e72e4; + border-color: #5e72e4; + box-shadow: none; +} + +.custom-control-input:disabled~.custom-control-label { + color: #8898aa; +} + +.custom-control-input:disabled~.custom-control-label::before { + background-color: #e9ecef; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} + +.custom-control-label::before { + position: absolute; + top: 0.125rem; + left: -3rem; + display: block; + width: 1.25rem; + height: 1.25rem; + pointer-events: none; + content: ""; + background-color: #fff; + border: #cad1d7 solid 1px; + box-shadow: none; +} + +.custom-control-label::after { + position: absolute; + top: 0.125rem; + left: -3rem; + display: block; + width: 1.25rem; + height: 1.25rem; + content: ""; + background: no-repeat 50% / 50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.2rem; +} + +.custom-checkbox .custom-control-input:checked~.custom-control-label::after { + background-image: url("data:image/svg+xml,%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 { + border-color: #5e72e4; + background-color: #5e72e4; + box-shadow: none; +} + +.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { + background-image: url("data:image/svg+xml,%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(94, 114, 228, 0.5); +} + +.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { + background-color: rgba(94, 114, 228, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} + +.custom-radio .custom-control-input:checked~.custom-control-label::after { + background-image: url("data:image/svg+xml,%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(94, 114, 228, 0.5); +} + +.custom-switch { + padding-left: 3.9375rem; +} + +.custom-switch .custom-control-label::before { + left: -3.9375rem; + width: 2.1875rem; + pointer-events: all; + border-radius: 0.625rem; +} + +.custom-switch .custom-control-label::after { + top: calc(0.125rem + 2px); + left: calc(-3.9375rem + 2px); + width: calc(1.25rem - 4px); + height: calc(1.25rem - 4px); + background-color: #cad1d7; + border-radius: 0.625rem; + transition: transform 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; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} + +.custom-switch .custom-control-input:checked~.custom-control-label::after { + background-color: #fff; + transform: translateX(0.9375rem); +} + +.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before { + background-color: rgba(94, 114, 228, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 1.25rem + 2px); + padding: 0.625rem 1.75rem 0.625rem 0.75rem; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + color: #8898aa; + vertical-align: middle; + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%2332325d' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + background-color: #fff; + border: 1px solid #cad1d7; + border-radius: 0.25rem; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); + appearance: none; +} + +.custom-select:focus { + border-color: rgba(50, 151, 211, 0.25); + outline: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0 #5e72e4; +} + +.custom-select:focus::-ms-value { + color: #8898aa; + background-color: #fff; +} + +.custom-select[multiple], +.custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} + +.custom-select:disabled { + color: #8898aa; + background-color: #e9ecef; +} + +.custom-select::-ms-expand { + display: none; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.75rem; +} + +.custom-select-lg { + height: calc(1.5em + 1.75rem + 2px); + padding-top: 0.875rem; + padding-bottom: 0.875rem; + padding-left: 1rem; + font-size: 0.875rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 1.25rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 1.25rem + 2px); + margin: 0; + opacity: 0; +} + +.custom-file-input:focus~.custom-file-label { + border-color: rgba(50, 151, 211, 0.25); + box-shadow: none; +} + +.custom-file-input:disabled~.custom-file-label { + background-color: #e9ecef; +} + +.custom-file-input:lang(en)~.custom-file-label::after { + content: "Browse"; +} + +.custom-file-input~.custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 1.25rem + 2px); + padding: 0.625rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #8898aa; + background-color: #fff; + border: 1px solid #cad1d7; + border-radius: 0.25rem; + box-shadow: none; +} + +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 1.25rem); + padding: 0.625rem 0.75rem; + line-height: 1.5; + color: #8898aa; + content: "Browse"; + background-color: #fff; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: calc(1rem + 0); + padding: 0; + background-color: transparent; + appearance: none; +} + +.custom-range:focus { + outline: none; +} + +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, none; +} + +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, none; +} + +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, none; +} + +.custom-range::-moz-focus-outer { + border: 0; +} + +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #5e72e4; + border: 0; + border-radius: 1rem; + box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} + +.custom-range::-webkit-slider-thumb:active { + background-color: #f7f8fe; +} + +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; + box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); +} + +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #5e72e4; + border: 0; + border-radius: 1rem; + box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} + +.custom-range::-moz-range-thumb:active { + background-color: #f7f8fe; +} + +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; + box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); +} + +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0; + margin-left: 0; + background-color: #5e72e4; + border: 0; + border-radius: 1rem; + box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} + +.custom-range::-ms-thumb:active { + background-color: #f7f8fe; +} + +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; + box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); +} + +.custom-range::-ms-fill-lower { + background-color: #dee2e6; + border-radius: 1rem; +} + +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #dee2e6; + border-radius: 1rem; +} + +.custom-range:disabled::-webkit-slider-thumb { + background-color: #adb5bd; +} + +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} + +.custom-range:disabled::-moz-range-thumb { + background-color: #adb5bd; +} + +.custom-range:disabled::-moz-range-track { + cursor: default; +} + +.custom-range:disabled::-ms-thumb { + background-color: #adb5bd; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + + .custom-control-label::before, + .custom-file-label, + .custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.25rem 0.75rem; +} + +.nav-link:hover, +.nav-link:focus { + text-decoration: none; +} + +.nav-link.disabled { + color: #8898aa; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 0.0625rem solid #dee2e6; +} + +.nav-tabs .nav-item { + margin-bottom: -0.0625rem; +} + +.nav-tabs .nav-link { + border: 0.0625rem 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: #8898aa; + background-color: transparent; + border-color: transparent; +} + +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #525f7f; + background-color: #fff; + border-color: #dee2e6 #dee2e6 #fff; +} + +.nav-tabs .dropdown-menu { + margin-top: -0.0625rem; + 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: #5e72e4; +} + +.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: 1rem 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.0625rem; + padding-bottom: 0.0625rem; + 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:not(.btn) { + padding-right: 0; + padding-left: 0; +} + +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +.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: 0.0625rem solid transparent; + border-radius: 0.25rem; +} + +.navbar-toggler:hover, +.navbar-toggler:focus { + text-decoration: none; +} + +.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 .nav-link { + padding-right: 1rem; + padding-left: 1rem; + } + + .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; + } +} + +@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 .nav-link { + padding-right: 1rem; + padding-left: 1rem; + } + + .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; + } +} + +@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 .nav-link { + padding-right: 1rem; + padding-left: 1rem; + } + + .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; + } +} + +@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 .nav-link { + padding-right: 1rem; + padding-left: 1rem; + } + + .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 { + 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 .nav-link { + padding-right: 1rem; + padding-left: 1rem; +} + +.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-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: transparent; +} + +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%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: rgba(255, 255, 255, 0.65); +} + +.navbar-dark .navbar-brand:hover, +.navbar-dark .navbar-brand:focus { + color: rgba(255, 255, 255, 0.65); +} + +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.95); +} + +.navbar-dark .navbar-nav .nav-link:hover, +.navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.65); +} + +.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: rgba(255, 255, 255, 0.65); +} + +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.95); + border-color: transparent; +} + +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.95)' 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.95); +} + +.navbar-dark .navbar-text a { + color: rgba(255, 255, 255, 0.65); +} + +.navbar-dark .navbar-text a:hover, +.navbar-dark .navbar-text a:focus { + color: rgba(255, 255, 255, 0.65); +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: border-box; + border: 0.0625rem solid rgba(0, 0, 0, 0.05); + 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.5rem; +} + +.card-title { + margin-bottom: 1.25rem; +} + +.card-subtitle { + margin-top: -0.625rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} + +.card-link+.card-link { + margin-left: 1.5rem; +} + +.card-header { + padding: 1.25rem 1.5rem; + margin-bottom: 0; + background-color: #f6f9fc; + border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.05); +} + +.card-header:first-child { + border-radius: calc(0.25rem - 0.0625rem) calc(0.25rem - 0.0625rem) 0 0; +} + +.card-header+.list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 1.25rem 1.5rem; + background-color: #f6f9fc; + border-top: 0.0625rem solid rgba(0, 0, 0, 0.05); +} + +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 0.0625rem) calc(0.25rem - 0.0625rem); +} + +.card-header-tabs { + margin-right: -0.75rem; + margin-bottom: -1.25rem; + margin-left: -0.75rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.75rem; + margin-left: -0.75rem; +} + +.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 - 0.0625rem); +} + +.card-img-top { + width: 100%; + border-top-left-radius: calc(0.25rem - 0.0625rem); + border-top-right-radius: calc(0.25rem - 0.0625rem); +} + +.card-img-bottom { + width: 100%; + border-bottom-right-radius: calc(0.25rem - 0.0625rem); + border-bottom-left-radius: calc(0.25rem - 0.0625rem); +} + +.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:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .card-group>.card:not(:last-child) .card-img-top, + .card-group>.card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + + .card-group>.card:not(:last-child) .card-img-bottom, + .card-group>.card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + + .card-group>.card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .card-group>.card:not(:first-child) .card-img-top, + .card-group>.card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + + .card-group>.card:not(:first-child) .card-img-bottom, + .card-group>.card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 1.25rem; +} + +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion>.card { + overflow: hidden; +} + +.accordion>.card:not(:first-of-type) .card-header:first-child { + border-radius: 0; +} + +.accordion>.card:not(:first-of-type):not(:last-of-type) { + border-bottom: 0; + border-radius: 0; +} + +.accordion>.card:first-of-type { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.accordion>.card:last-of-type { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.accordion>.card .card-header { + margin-bottom: -0.0625rem; +} + +.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 { + padding-left: 0.5rem; +} + +.breadcrumb-item+.breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #8898aa; + content: "/"; +} + +.breadcrumb-item+.breadcrumb-item:hover::before { + text-decoration: underline; +} + +.breadcrumb-item+.breadcrumb-item:hover::before { + text-decoration: none; +} + +.breadcrumb-item.active { + color: #8898aa; +} + +.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.0625rem; + line-height: 1.25; + color: #8898aa; + background-color: #fff; + border: 0.0625rem solid #dee2e6; +} + +.page-link:hover { + z-index: 2; + color: #8898aa; + text-decoration: none; + background-color: #dee2e6; + border-color: #dee2e6; +} + +.page-link:focus { + z-index: 2; + outline: 0; + box-shadow: none; +} + +.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: #5e72e4; + border-color: #5e72e4; +} + +.page-item.disabled .page-link { + color: #8898aa; + pointer-events: none; + cursor: auto; + background-color: #fff; + border-color: #dee2e6; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + 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.5rem; + 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; +} + +.badge { + display: inline-block; + padding: 0.35rem 0.375rem; + font-size: 66%; + font-weight: 600; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25rem; + transition: all 0.15s ease; +} + +@media (prefers-reduced-motion: reduce) { + .badge { + transition: none; + } +} + +a.badge:hover, +a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.875em; + padding-left: 0.875em; + border-radius: 10rem; +} + +.badge-primary { + color: #fff; + background-color: #5e72e4; +} + +a.badge-primary:hover, +a.badge-primary:focus { + color: #fff; + background-color: #324cdd; +} + +a.badge-primary:focus, +a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(94, 114, 228, 0.5); +} + +.badge-secondary { + color: #212529; + background-color: #f4f5f7; +} + +a.badge-secondary:hover, +a.badge-secondary:focus { + color: #212529; + background-color: #d6dae2; +} + +a.badge-secondary:focus, +a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(244, 245, 247, 0.5); +} + +.badge-success { + color: #fff; + background-color: #2dce89; +} + +a.badge-success:hover, +a.badge-success:focus { + color: #fff; + background-color: #24a46d; +} + +a.badge-success:focus, +a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(45, 206, 137, 0.5); +} + +.badge-info { + color: #fff; + background-color: #11cdef; +} + +a.badge-info:hover, +a.badge-info:focus { + color: #fff; + background-color: #0da5c0; +} + +a.badge-info:focus, +a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(17, 205, 239, 0.5); +} + +.badge-warning { + color: #fff; + background-color: #fb6340; +} + +a.badge-warning:hover, +a.badge-warning:focus { + color: #fff; + background-color: #fa3a0e; +} + +a.badge-warning:focus, +a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(251, 99, 64, 0.5); +} + +.badge-danger { + color: #fff; + background-color: #f5365c; +} + +a.badge-danger:hover, +a.badge-danger:focus { + color: #fff; + background-color: #ec0c38; +} + +a.badge-danger:focus, +a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(245, 54, 92, 0.5); +} + +.badge-light { + color: #fff; + background-color: #adb5bd; +} + +a.badge-light:hover, +a.badge-light:focus { + color: #fff; + background-color: #919ca6; +} + +a.badge-light:focus, +a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(173, 181, 189, 0.5); +} + +.badge-dark { + color: #fff; + background-color: #212529; +} + +a.badge-dark:hover, +a.badge-dark:focus { + color: #fff; + background-color: #0a0c0d; +} + +a.badge-dark:focus, +a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5); +} + +.badge-default { + color: #fff; + background-color: #172b4d; +} + +a.badge-default:hover, +a.badge-default:focus { + color: #fff; + background-color: #0b1526; +} + +a.badge-default:focus, +a.badge-default.focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(23, 43, 77, 0.5); +} + +.badge-white { + color: #212529; + background-color: #fff; +} + +a.badge-white:hover, +a.badge-white:focus { + color: #212529; + background-color: #e6e6e6; +} + +a.badge-white:focus, +a.badge-white.focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); +} + +.badge-neutral { + color: #212529; + background-color: #fff; +} + +a.badge-neutral:hover, +a.badge-neutral:focus { + color: #212529; + background-color: #e6e6e6; +} + +a.badge-neutral:focus, +a.badge-neutral.focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); +} + +.badge-darker { + color: #fff; + background-color: black; +} + +a.badge-darker:hover, +a.badge-darker:focus { + color: #fff; + background-color: black; +} + +a.badge-darker:focus, +a.badge-darker.focus { + outline: 0; + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); +} + +.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: 1rem 1.5rem; + margin-bottom: 1rem; + border: 0.0625rem solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 600; +} + +.alert-dismissible { + padding-right: 4.5rem; +} + +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 1rem 1.5rem; + color: inherit; +} + +.alert-primary { + color: #5e72e4; + background-color: #7889e8; + border-color: #7889e8; +} + +.alert-primary hr { + border-top-color: #6276e4; +} + +.alert-primary .alert-link { + color: #324cdd; +} + +.alert-secondary { + color: #f4f5f7; + background-color: #f6f7f8; + border-color: #f6f7f8; +} + +.alert-secondary hr { + border-top-color: #e8eaed; +} + +.alert-secondary .alert-link { + color: #d6dae2; +} + +.alert-success { + color: #2dce89; + background-color: #4fd69c; + border-color: #4fd69c; +} + +.alert-success hr { + border-top-color: #3ad190; +} + +.alert-success .alert-link { + color: #24a46d; +} + +.alert-info { + color: #11cdef; + background-color: #37d5f2; + border-color: #37d5f2; +} + +.alert-info hr { + border-top-color: #1fd0f0; +} + +.alert-info .alert-link { + color: #0da5c0; +} + +.alert-warning { + color: #fb6340; + background-color: #fc7c5f; + border-color: #fc7c5f; +} + +.alert-warning hr { + border-top-color: #fc6846; +} + +.alert-warning .alert-link { + color: #fa3a0e; +} + +.alert-danger { + color: #f5365c; + background-color: #f75676; + border-color: #f75676; +} + +.alert-danger hr { + border-top-color: #f63e62; +} + +.alert-danger .alert-link { + color: #ec0c38; +} + +.alert-light { + color: #adb5bd; + background-color: #bac1c8; + border-color: #bac1c8; +} + +.alert-light hr { + border-top-color: #acb4bd; +} + +.alert-light .alert-link { + color: #919ca6; +} + +.alert-dark { + color: #212529; + background-color: #45484b; + border-color: #45484b; +} + +.alert-dark hr { + border-top-color: #393b3e; +} + +.alert-dark .alert-link { + color: #0a0c0d; +} + +.alert-default { + color: #172b4d; + background-color: #3c4d69; + border-color: #3c4d69; +} + +.alert-default hr { + border-top-color: #334159; +} + +.alert-default .alert-link { + color: #0b1526; +} + +.alert-white { + color: white; + background-color: white; + border-color: white; +} + +.alert-white hr { + border-top-color: #f2f2f2; +} + +.alert-white .alert-link { + color: #e6e6e6; +} + +.alert-neutral { + color: white; + background-color: white; + border-color: white; +} + +.alert-neutral hr { + border-top-color: #f2f2f2; +} + +.alert-neutral .alert-link { + color: #e6e6e6; +} + +.alert-darker { + color: black; + background-color: #292929; + border-color: #292929; +} + +.alert-darker hr { + border-top-color: #1c1c1c; +} + +.alert-darker .alert-link { + color: black; +} + +@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; + white-space: nowrap; + background-color: #5e72e4; + transition: width 0.6s ease; +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.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 (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.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: #525f7f; + text-align: inherit; +} + +.list-group-item-action:hover, +.list-group-item-action:focus { + z-index: 1; + color: #525f7f; + text-decoration: none; + background-color: #f6f9fc; +} + +.list-group-item-action:active { + color: #525f7f; + background-color: #e9ecef; +} + +.list-group-item { + position: relative; + display: block; + padding: 1rem 1rem; + margin-bottom: -0.0625rem; + background-color: #fff; + border: 0.0625rem solid #e9ecef; +} + +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.list-group-item.disabled, +.list-group-item:disabled { + color: #8898aa; + pointer-events: none; + background-color: #fff; +} + +.list-group-item.active { + z-index: 2; + color: #fff; + background-color: #5e72e4; + border-color: #5e72e4; +} + +.list-group-horizontal { + flex-direction: row; +} + +.list-group-horizontal .list-group-item { + margin-right: -0.0625rem; + margin-bottom: 0; +} + +.list-group-horizontal .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} + +.list-group-horizontal .list-group-item:last-child { + margin-right: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + + .list-group-horizontal-sm .list-group-item { + margin-right: -0.0625rem; + margin-bottom: 0; + } + + .list-group-horizontal-sm .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-sm .list-group-item:last-child { + margin-right: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } +} + +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + + .list-group-horizontal-md .list-group-item { + margin-right: -0.0625rem; + margin-bottom: 0; + } + + .list-group-horizontal-md .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-md .list-group-item:last-child { + margin-right: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } +} + +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + + .list-group-horizontal-lg .list-group-item { + margin-right: -0.0625rem; + margin-bottom: 0; + } + + .list-group-horizontal-lg .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-lg .list-group-item:last-child { + margin-right: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } +} + +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + + .list-group-horizontal-xl .list-group-item { + margin-right: -0.0625rem; + margin-bottom: 0; + } + + .list-group-horizontal-xl .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-xl .list-group-item:last-child { + margin-right: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } +} + +.list-group-flush .list-group-item { + border-right: 0; + border-left: 0; + border-radius: 0; +} + +.list-group-flush .list-group-item:last-child { + margin-bottom: -0.0625rem; +} + +.list-group-flush:first-child .list-group-item:first-child { + border-top: 0; +} + +.list-group-flush:last-child .list-group-item:last-child { + margin-bottom: 0; + border-bottom: 0; +} + +.list-group-item-primary { + color: #313b77; + background-color: #d2d8f7; +} + +.list-group-item-primary.list-group-item-action:hover, +.list-group-item-primary.list-group-item-action:focus { + color: #313b77; + background-color: #bcc5f3; +} + +.list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #313b77; + border-color: #313b77; +} + +.list-group-item-secondary { + color: #7f7f80; + background-color: #fcfcfd; +} + +.list-group-item-secondary.list-group-item-action:hover, +.list-group-item-secondary.list-group-item-action:focus { + color: #7f7f80; + background-color: #ededf3; +} + +.list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #7f7f80; + border-color: #7f7f80; +} + +.list-group-item-success { + color: #176b47; + background-color: #c4f1de; +} + +.list-group-item-success.list-group-item-action:hover, +.list-group-item-success.list-group-item-action:focus { + color: #176b47; + background-color: #afecd2; +} + +.list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #176b47; + border-color: #176b47; +} + +.list-group-item-info { + color: #096b7c; + background-color: #bcf1fb; +} + +.list-group-item-info.list-group-item-action:hover, +.list-group-item-info.list-group-item-action:focus { + color: #096b7c; + background-color: #a4ecfa; +} + +.list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #096b7c; + border-color: #096b7c; +} + +.list-group-item-warning { + color: #833321; + background-color: #fed3ca; +} + +.list-group-item-warning.list-group-item-action:hover, +.list-group-item-warning.list-group-item-action:focus { + color: #833321; + background-color: #febeb1; +} + +.list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #833321; + border-color: #833321; +} + +.list-group-item-danger { + color: #7f1c30; + background-color: #fcc7d1; +} + +.list-group-item-danger.list-group-item-action:hover, +.list-group-item-danger.list-group-item-action:focus { + color: #7f1c30; + background-color: #fbafbd; +} + +.list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #7f1c30; + border-color: #7f1c30; +} + +.list-group-item-light { + color: #5a5e62; + background-color: #e8eaed; +} + +.list-group-item-light.list-group-item-action:hover, +.list-group-item-light.list-group-item-action:focus { + color: #5a5e62; + background-color: #dadde2; +} + +.list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #5a5e62; + border-color: #5a5e62; +} + +.list-group-item-dark { + color: #111315; + background-color: #c1c2c3; +} + +.list-group-item-dark.list-group-item-action:hover, +.list-group-item-dark.list-group-item-action:focus { + color: #111315; + background-color: #b4b5b6; +} + +.list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #111315; + border-color: #111315; +} + +.list-group-item-default { + color: #0c1628; + background-color: #bec4cd; +} + +.list-group-item-default.list-group-item-action:hover, +.list-group-item-default.list-group-item-action:focus { + color: #0c1628; + background-color: #b0b7c2; +} + +.list-group-item-default.list-group-item-action.active { + color: #fff; + background-color: #0c1628; + border-color: #0c1628; +} + +.list-group-item-white { + color: #858585; + background-color: white; +} + +.list-group-item-white.list-group-item-action:hover, +.list-group-item-white.list-group-item-action:focus { + color: #858585; + background-color: #f2f2f2; +} + +.list-group-item-white.list-group-item-action.active { + color: #fff; + background-color: #858585; + border-color: #858585; +} + +.list-group-item-neutral { + color: #858585; + background-color: white; +} + +.list-group-item-neutral.list-group-item-action:hover, +.list-group-item-neutral.list-group-item-action:focus { + color: #858585; + background-color: #f2f2f2; +} + +.list-group-item-neutral.list-group-item-action.active { + color: #fff; + background-color: #858585; + border-color: #858585; +} + +.list-group-item-darker { + color: black; + background-color: #b8b8b8; +} + +.list-group-item-darker.list-group-item-action:hover, +.list-group-item-darker.list-group-item-action:focus { + color: black; + background-color: #ababab; +} + +.list-group-item-darker.list-group-item-action.active { + color: #fff; + background-color: black; + border-color: black; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 600; + line-height: 1; + color: rgba(0, 0, 0, 0.6); + text-shadow: none; + opacity: .5; +} + +.close:hover { + color: rgba(0, 0, 0, 0.6); + text-decoration: none; +} + +.close:not(:disabled):not(.disabled):hover, +.close:not(:disabled):not(.disabled):focus { + opacity: .75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} + +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} + +.toast.showing { + opacity: 1; +} + +.toast.show { + display: block; + opacity: 1; +} + +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #8898aa; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.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, -50px); +} + +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} + +.modal.show .modal-dialog { + transform: none; +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} + +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} + +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} + +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} + +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} + +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} + +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} + +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.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 15px 35px rgba(50, 50, 93, 0.2), 0 5px 15px rgba(0, 0, 0, 0.17); + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #000; +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop.show { + opacity: 0.16; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1.25rem; + border-bottom: 1px solid #e9ecef; + border-top-left-radius: 0.3rem; + border-top-right-radius: 0.3rem; +} + +.modal-header .close { + padding: 1.25rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.1; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1.5rem; +} + +.modal-footer { + display: flex; + align-items: center; + justify-content: flex-end; + padding: 1.5rem; + border-top: 1px solid #e9ecef; + border-bottom-right-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} + +.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-scrollable { + max-height: calc(100% - 3.5rem); + } + + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + + .modal-content { + box-shadow: 0 15px 35px rgba(50, 50, 93, 0.2), 0 5px 15px rgba(0, 0, 0, 0.17); + } + + .modal-sm { + max-width: 380px; + } +} + +@media (min-width: 992px) { + + .modal-lg, + .modal-xl { + max-width: 800px; + } +} + +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} + +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: "Open Sans", 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: #000; +} + +.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: #000; +} + +.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: #000; +} + +.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: #000; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #fff; + text-align: center; + background-color: #000; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: "Open Sans", 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.05); + border-radius: 0.3rem; + box-shadow: 0px 0.5rem 2rem 0px rgba(0, 0, 0, 0.2); +} + +.popover .arrow { + position: absolute; + display: block; + width: 1.5rem; + height: 0.75rem; + 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.75rem; +} + +.bs-popover-top>.arrow, +.bs-popover-auto[x-placement^="top"]>.arrow { + bottom: calc((0.75rem + 1px) * -1); +} + +.bs-popover-top>.arrow::before, +.bs-popover-auto[x-placement^="top"]>.arrow::before { + bottom: 0; + border-width: 0.75rem 0.75rem 0; + border-top-color: transparent; +} + +.bs-popover-top>.arrow::after, +.bs-popover-auto[x-placement^="top"]>.arrow::after { + bottom: 1px; + border-width: 0.75rem 0.75rem 0; + border-top-color: #fff; +} + +.bs-popover-right, +.bs-popover-auto[x-placement^="right"] { + margin-left: 0.75rem; +} + +.bs-popover-right>.arrow, +.bs-popover-auto[x-placement^="right"]>.arrow { + left: calc((0.75rem + 1px) * -1); + width: 0.75rem; + height: 1.5rem; + margin: 0.3rem 0; +} + +.bs-popover-right>.arrow::before, +.bs-popover-auto[x-placement^="right"]>.arrow::before { + left: 0; + border-width: 0.75rem 0.75rem 0.75rem 0; + border-right-color: transparent; +} + +.bs-popover-right>.arrow::after, +.bs-popover-auto[x-placement^="right"]>.arrow::after { + left: 1px; + border-width: 0.75rem 0.75rem 0.75rem 0; + border-right-color: #fff; +} + +.bs-popover-bottom, +.bs-popover-auto[x-placement^="bottom"] { + margin-top: 0.75rem; +} + +.bs-popover-bottom>.arrow, +.bs-popover-auto[x-placement^="bottom"]>.arrow { + top: calc((0.75rem + 1px) * -1); +} + +.bs-popover-bottom>.arrow::before, +.bs-popover-auto[x-placement^="bottom"]>.arrow::before { + top: 0; + border-width: 0 0.75rem 0.75rem 0.75rem; + border-bottom-color: transparent; +} + +.bs-popover-bottom>.arrow::after, +.bs-popover-auto[x-placement^="bottom"]>.arrow::after { + top: 1px; + border-width: 0 0.75rem 0.75rem 0.75rem; + 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: 1.5rem; + margin-left: -0.75rem; + content: ""; + border-bottom: 1px solid #fff; +} + +.bs-popover-left, +.bs-popover-auto[x-placement^="left"] { + margin-right: 0.75rem; +} + +.bs-popover-left>.arrow, +.bs-popover-auto[x-placement^="left"]>.arrow { + right: calc((0.75rem + 1px) * -1); + width: 0.75rem; + height: 1.5rem; + margin: 0.3rem 0; +} + +.bs-popover-left>.arrow::before, +.bs-popover-auto[x-placement^="left"]>.arrow::before { + right: 0; + border-width: 0.75rem 0 0.75rem 0.75rem; + border-left-color: transparent; +} + +.bs-popover-left>.arrow::after, +.bs-popover-auto[x-placement^="left"]>.arrow::after { + right: 1px; + border-width: 0.75rem 0 0.75rem 0.75rem; + border-left-color: #fff; +} + +.popover-header { + padding: 0.75rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + color: #32325d; + background-color: #fff; + border-bottom: 1px solid #f2f2f2; + 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.75rem 0.75rem; + color: #525f7f; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} + +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} + +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} + +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: 0s 0.6s opacity; +} + +@media (prefers-reduced-motion: reduce) { + + .carousel-fade .active.carousel-item-left, + .carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #fff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} + +@media (prefers-reduced-motion: reduce) { + + .carousel-control-prev, + .carousel-control-next { + transition: none; + } +} + +.carousel-control-prev:hover, +.carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #fff; + text-decoration: none; + outline: 0; + opacity: 0.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: no-repeat 50% / 100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%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,%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: 0; + 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 { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: .5; + transition: opacity 0.6s ease; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} + +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} + +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border .75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + + 50% { + opacity: 1; + } +} + +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow .75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.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: #5e72e4 !important; +} + +a.bg-primary:hover, +a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #324cdd !important; +} + +.bg-secondary { + background-color: #f4f5f7 !important; +} + +a.bg-secondary:hover, +a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #d6dae2 !important; +} + +.bg-success { + background-color: #2dce89 !important; +} + +a.bg-success:hover, +a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #24a46d !important; +} + +.bg-info { + background-color: #11cdef !important; +} + +a.bg-info:hover, +a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #0da5c0 !important; +} + +.bg-warning { + background-color: #fb6340 !important; +} + +a.bg-warning:hover, +a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #fa3a0e !important; +} + +.bg-danger { + background-color: #f5365c !important; +} + +a.bg-danger:hover, +a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #ec0c38 !important; +} + +.bg-light { + background-color: #adb5bd !important; +} + +a.bg-light:hover, +a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #919ca6 !important; +} + +.bg-dark { + background-color: #212529 !important; +} + +a.bg-dark:hover, +a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #0a0c0d !important; +} + +.bg-default { + background-color: #172b4d !important; +} + +a.bg-default:hover, +a.bg-default:focus, +button.bg-default:hover, +button.bg-default:focus { + background-color: #0b1526 !important; +} + +.bg-white { + background-color: #fff !important; +} + +a.bg-white:hover, +a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e6e6e6 !important; +} + +.bg-neutral { + background-color: #fff !important; +} + +a.bg-neutral:hover, +a.bg-neutral:focus, +button.bg-neutral:hover, +button.bg-neutral:focus { + background-color: #e6e6e6 !important; +} + +.bg-darker { + background-color: black !important; +} + +a.bg-darker:hover, +a.bg-darker:focus, +button.bg-darker:hover, +button.bg-darker:focus { + background-color: black !important; +} + +.bg-white { + background-color: #fff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 0.0625rem solid #e9ecef !important; +} + +.border-top { + border-top: 0.0625rem solid #e9ecef !important; +} + +.border-right { + border-right: 0.0625rem solid #e9ecef !important; +} + +.border-bottom { + border-bottom: 0.0625rem solid #e9ecef !important; +} + +.border-left { + border-left: 0.0625rem solid #e9ecef !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: #5e72e4 !important; +} + +.border-secondary { + border-color: #f4f5f7 !important; +} + +.border-success { + border-color: #2dce89 !important; +} + +.border-info { + border-color: #11cdef !important; +} + +.border-warning { + border-color: #fb6340 !important; +} + +.border-danger { + border-color: #f5365c !important; +} + +.border-light { + border-color: #adb5bd !important; +} + +.border-dark { + border-color: #212529 !important; +} + +.border-default { + border-color: #172b4d !important; +} + +.border-white { + border-color: #fff !important; +} + +.border-neutral { + border-color: #fff !important; +} + +.border-darker { + border-color: black !important; +} + +.border-white { + border-color: #fff !important; +} + +.rounded-sm { + border-radius: 0.2rem !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-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !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; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !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; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !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; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !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; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !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; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !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; + } +} + +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed, +.headroom--pinned, +.headroom--unpinned { + 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 { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} + +.shadow, +.profile-page .card-profile .card-profile-image img { + box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + pointer-events: auto; + content: ""; + background-color: rgba(0, 0, 0, 0); +} + +.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; +} + +.m--9 { + margin: -10rem !important; +} + +.mt--9, +.my--9 { + margin-top: -10rem !important; +} + +.mr--9, +.mx--9 { + margin-right: -10rem !important; +} + +.mb--9, +.my--9 { + margin-bottom: -10rem !important; +} + +.ml--9, +.mx--9 { + margin-left: -10rem !important; +} + +.m--8 { + margin: -8rem !important; +} + +.mt--8, +.my--8 { + margin-top: -8rem !important; +} + +.mr--8, +.mx--8 { + margin-right: -8rem !important; +} + +.mb--8, +.my--8 { + margin-bottom: -8rem !important; +} + +.ml--8, +.mx--8 { + margin-left: -8rem !important; +} + +.m--7 { + margin: -6rem !important; +} + +.mt--7, +.my--7 { + margin-top: -6rem !important; +} + +.mr--7, +.mx--7 { + margin-right: -6rem !important; +} + +.mb--7, +.my--7 { + margin-bottom: -6rem !important; +} + +.ml--7, +.mx--7 { + margin-left: -6rem !important; +} + +.m--6 { + margin: -4.5rem !important; +} + +.mt--6, +.my--6 { + margin-top: -4.5rem !important; +} + +.mr--6, +.mx--6 { + margin-right: -4.5rem !important; +} + +.mb--6, +.my--6 { + margin-bottom: -4.5rem !important; +} + +.ml--6, +.mx--6 { + margin-left: -4.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; +} + +.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--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--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--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-6 { + margin: 4.5rem !important; +} + +.mt-6, +.my-6 { + margin-top: 4.5rem !important; +} + +.mr-6, +.mx-6 { + margin-right: 4.5rem !important; +} + +.mb-6, +.my-6 { + margin-bottom: 4.5rem !important; +} + +.ml-6, +.mx-6 { + margin-left: 4.5rem !important; +} + +.m-7 { + margin: 6rem !important; +} + +.mt-7, +.my-7 { + margin-top: 6rem !important; +} + +.mr-7, +.mx-7 { + margin-right: 6rem !important; +} + +.mb-7, +.my-7 { + margin-bottom: 6rem !important; +} + +.ml-7, +.mx-7 { + margin-left: 6rem !important; +} + +.m-8 { + margin: 8rem !important; +} + +.mt-8, +.my-8 { + margin-top: 8rem !important; +} + +.mr-8, +.mx-8 { + margin-right: 8rem !important; +} + +.mb-8, +.my-8 { + margin-bottom: 8rem !important; +} + +.ml-8, +.mx-8 { + margin-left: 8rem !important; +} + +.m-9 { + margin: 10rem !important; +} + +.mt-9, +.my-9 { + margin-top: 10rem !important; +} + +.mr-9, +.mx-9 { + margin-right: 10rem !important; +} + +.mb-9, +.my-9 { + margin-bottom: 10rem !important; +} + +.ml-9, +.mx-9 { + margin-left: 10rem !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; +} + +.p--9 { + padding: -10rem !important; +} + +.pt--9, +.py--9 { + padding-top: -10rem !important; +} + +.pr--9, +.px--9 { + padding-right: -10rem !important; +} + +.pb--9, +.py--9 { + padding-bottom: -10rem !important; +} + +.pl--9, +.px--9 { + padding-left: -10rem !important; +} + +.p--8 { + padding: -8rem !important; +} + +.pt--8, +.py--8 { + padding-top: -8rem !important; +} + +.pr--8, +.px--8 { + padding-right: -8rem !important; +} + +.pb--8, +.py--8 { + padding-bottom: -8rem !important; +} + +.pl--8, +.px--8 { + padding-left: -8rem !important; +} + +.p--7 { + padding: -6rem !important; +} + +.pt--7, +.py--7 { + padding-top: -6rem !important; +} + +.pr--7, +.px--7 { + padding-right: -6rem !important; +} + +.pb--7, +.py--7 { + padding-bottom: -6rem !important; +} + +.pl--7, +.px--7 { + padding-left: -6rem !important; +} + +.p--6 { + padding: -4.5rem !important; +} + +.pt--6, +.py--6 { + padding-top: -4.5rem !important; +} + +.pr--6, +.px--6 { + padding-right: -4.5rem !important; +} + +.pb--6, +.py--6 { + padding-bottom: -4.5rem !important; +} + +.pl--6, +.px--6 { + padding-left: -4.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; +} + +.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--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--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--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-6 { + padding: 4.5rem !important; +} + +.pt-6, +.py-6 { + padding-top: 4.5rem !important; +} + +.pr-6, +.px-6 { + padding-right: 4.5rem !important; +} + +.pb-6, +.py-6 { + padding-bottom: 4.5rem !important; +} + +.pl-6, +.px-6 { + padding-left: 4.5rem !important; +} + +.p-7 { + padding: 6rem !important; +} + +.pt-7, +.py-7 { + padding-top: 6rem !important; +} + +.pr-7, +.px-7 { + padding-right: 6rem !important; +} + +.pb-7, +.py-7 { + padding-bottom: 6rem !important; +} + +.pl-7, +.px-7 { + padding-left: 6rem !important; +} + +.p-8 { + padding: 8rem !important; +} + +.pt-8, +.py-8 { + padding-top: 8rem !important; +} + +.pr-8, +.px-8 { + padding-right: 8rem !important; +} + +.pb-8, +.py-8 { + padding-bottom: 8rem !important; +} + +.pl-8, +.px-8 { + padding-left: 8rem !important; +} + +.p-9 { + padding: 10rem !important; +} + +.pt-9, +.py-9 { + padding-top: 10rem !important; +} + +.pr-9, +.px-9 { + padding-right: 10rem !important; +} + +.pb-9, +.py-9 { + padding-bottom: 10rem !important; +} + +.pl-9, +.px-9 { + padding-left: 10rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-n-9 { + margin: 10rem !important; +} + +.mt-n-9, +.my-n-9 { + margin-top: 10rem !important; +} + +.mr-n-9, +.mx-n-9 { + margin-right: 10rem !important; +} + +.mb-n-9, +.my-n-9 { + margin-bottom: 10rem !important; +} + +.ml-n-9, +.mx-n-9 { + margin-left: 10rem !important; +} + +.m-n-8 { + margin: 8rem !important; +} + +.mt-n-8, +.my-n-8 { + margin-top: 8rem !important; +} + +.mr-n-8, +.mx-n-8 { + margin-right: 8rem !important; +} + +.mb-n-8, +.my-n-8 { + margin-bottom: 8rem !important; +} + +.ml-n-8, +.mx-n-8 { + margin-left: 8rem !important; +} + +.m-n-7 { + margin: 6rem !important; +} + +.mt-n-7, +.my-n-7 { + margin-top: 6rem !important; +} + +.mr-n-7, +.mx-n-7 { + margin-right: 6rem !important; +} + +.mb-n-7, +.my-n-7 { + margin-bottom: 6rem !important; +} + +.ml-n-7, +.mx-n-7 { + margin-left: 6rem !important; +} + +.m-n-6 { + margin: 4.5rem !important; +} + +.mt-n-6, +.my-n-6 { + margin-top: 4.5rem !important; +} + +.mr-n-6, +.mx-n-6 { + margin-right: 4.5rem !important; +} + +.mb-n-6, +.my-n-6 { + margin-bottom: 4.5rem !important; +} + +.ml-n-6, +.mx-n-6 { + margin-left: 4.5rem !important; +} + +.m-n-5 { + margin: 3rem !important; +} + +.mt-n-5, +.my-n-5 { + margin-top: 3rem !important; +} + +.mr-n-5, +.mx-n-5 { + margin-right: 3rem !important; +} + +.mb-n-5, +.my-n-5 { + margin-bottom: 3rem !important; +} + +.ml-n-5, +.mx-n-5 { + margin-left: 3rem !important; +} + +.m-n-4 { + margin: 1.5rem !important; +} + +.mt-n-4, +.my-n-4 { + margin-top: 1.5rem !important; +} + +.mr-n-4, +.mx-n-4 { + margin-right: 1.5rem !important; +} + +.mb-n-4, +.my-n-4 { + margin-bottom: 1.5rem !important; +} + +.ml-n-4, +.mx-n-4 { + margin-left: 1.5rem !important; +} + +.m-n-3 { + margin: 1rem !important; +} + +.mt-n-3, +.my-n-3 { + margin-top: 1rem !important; +} + +.mr-n-3, +.mx-n-3 { + margin-right: 1rem !important; +} + +.mb-n-3, +.my-n-3 { + margin-bottom: 1rem !important; +} + +.ml-n-3, +.mx-n-3 { + margin-left: 1rem !important; +} + +.m-n-2 { + margin: 0.5rem !important; +} + +.mt-n-2, +.my-n-2 { + margin-top: 0.5rem !important; +} + +.mr-n-2, +.mx-n-2 { + margin-right: 0.5rem !important; +} + +.mb-n-2, +.my-n-2 { + margin-bottom: 0.5rem !important; +} + +.ml-n-2, +.mx-n-2 { + margin-left: 0.5rem !important; +} + +.m-n-1 { + margin: 0.25rem !important; +} + +.mt-n-1, +.my-n-1 { + margin-top: 0.25rem !important; +} + +.mr-n-1, +.mx-n-1 { + margin-right: 0.25rem !important; +} + +.mb-n-1, +.my-n-1 { + margin-bottom: 0.25rem !important; +} + +.ml-n-1, +.mx-n-1 { + margin-left: 0.25rem !important; +} + +.m-n6 { + margin: -4.5rem !important; +} + +.mt-n6, +.my-n6 { + margin-top: -4.5rem !important; +} + +.mr-n6, +.mx-n6 { + margin-right: -4.5rem !important; +} + +.mb-n6, +.my-n6 { + margin-bottom: -4.5rem !important; +} + +.ml-n6, +.mx-n6 { + margin-left: -4.5rem !important; +} + +.m-n7 { + margin: -6rem !important; +} + +.mt-n7, +.my-n7 { + margin-top: -6rem !important; +} + +.mr-n7, +.mx-n7 { + margin-right: -6rem !important; +} + +.mb-n7, +.my-n7 { + margin-bottom: -6rem !important; +} + +.ml-n7, +.mx-n7 { + margin-left: -6rem !important; +} + +.m-n8 { + margin: -8rem !important; +} + +.mt-n8, +.my-n8 { + margin-top: -8rem !important; +} + +.mr-n8, +.mx-n8 { + margin-right: -8rem !important; +} + +.mb-n8, +.my-n8 { + margin-bottom: -8rem !important; +} + +.ml-n8, +.mx-n8 { + margin-left: -8rem !important; +} + +.m-n9 { + margin: -10rem !important; +} + +.mt-n9, +.my-n9 { + margin-top: -10rem !important; +} + +.mr-n9, +.mx-n9 { + margin-right: -10rem !important; +} + +.mb-n9, +.my-n9 { + margin-bottom: -10rem !important; +} + +.ml-n9, +.mx-n9 { + margin-left: -10rem !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; + } + + .m-sm--9 { + margin: -10rem !important; + } + + .mt-sm--9, + .my-sm--9 { + margin-top: -10rem !important; + } + + .mr-sm--9, + .mx-sm--9 { + margin-right: -10rem !important; + } + + .mb-sm--9, + .my-sm--9 { + margin-bottom: -10rem !important; + } + + .ml-sm--9, + .mx-sm--9 { + margin-left: -10rem !important; + } + + .m-sm--8 { + margin: -8rem !important; + } + + .mt-sm--8, + .my-sm--8 { + margin-top: -8rem !important; + } + + .mr-sm--8, + .mx-sm--8 { + margin-right: -8rem !important; + } + + .mb-sm--8, + .my-sm--8 { + margin-bottom: -8rem !important; + } + + .ml-sm--8, + .mx-sm--8 { + margin-left: -8rem !important; + } + + .m-sm--7 { + margin: -6rem !important; + } + + .mt-sm--7, + .my-sm--7 { + margin-top: -6rem !important; + } + + .mr-sm--7, + .mx-sm--7 { + margin-right: -6rem !important; + } + + .mb-sm--7, + .my-sm--7 { + margin-bottom: -6rem !important; + } + + .ml-sm--7, + .mx-sm--7 { + margin-left: -6rem !important; + } + + .m-sm--6 { + margin: -4.5rem !important; + } + + .mt-sm--6, + .my-sm--6 { + margin-top: -4.5rem !important; + } + + .mr-sm--6, + .mx-sm--6 { + margin-right: -4.5rem !important; + } + + .mb-sm--6, + .my-sm--6 { + margin-bottom: -4.5rem !important; + } + + .ml-sm--6, + .mx-sm--6 { + margin-left: -4.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; + } + + .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--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--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--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-6 { + margin: 4.5rem !important; + } + + .mt-sm-6, + .my-sm-6 { + margin-top: 4.5rem !important; + } + + .mr-sm-6, + .mx-sm-6 { + margin-right: 4.5rem !important; + } + + .mb-sm-6, + .my-sm-6 { + margin-bottom: 4.5rem !important; + } + + .ml-sm-6, + .mx-sm-6 { + margin-left: 4.5rem !important; + } + + .m-sm-7 { + margin: 6rem !important; + } + + .mt-sm-7, + .my-sm-7 { + margin-top: 6rem !important; + } + + .mr-sm-7, + .mx-sm-7 { + margin-right: 6rem !important; + } + + .mb-sm-7, + .my-sm-7 { + margin-bottom: 6rem !important; + } + + .ml-sm-7, + .mx-sm-7 { + margin-left: 6rem !important; + } + + .m-sm-8 { + margin: 8rem !important; + } + + .mt-sm-8, + .my-sm-8 { + margin-top: 8rem !important; + } + + .mr-sm-8, + .mx-sm-8 { + margin-right: 8rem !important; + } + + .mb-sm-8, + .my-sm-8 { + margin-bottom: 8rem !important; + } + + .ml-sm-8, + .mx-sm-8 { + margin-left: 8rem !important; + } + + .m-sm-9 { + margin: 10rem !important; + } + + .mt-sm-9, + .my-sm-9 { + margin-top: 10rem !important; + } + + .mr-sm-9, + .mx-sm-9 { + margin-right: 10rem !important; + } + + .mb-sm-9, + .my-sm-9 { + margin-bottom: 10rem !important; + } + + .ml-sm-9, + .mx-sm-9 { + margin-left: 10rem !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; + } + + .p-sm--9 { + padding: -10rem !important; + } + + .pt-sm--9, + .py-sm--9 { + padding-top: -10rem !important; + } + + .pr-sm--9, + .px-sm--9 { + padding-right: -10rem !important; + } + + .pb-sm--9, + .py-sm--9 { + padding-bottom: -10rem !important; + } + + .pl-sm--9, + .px-sm--9 { + padding-left: -10rem !important; + } + + .p-sm--8 { + padding: -8rem !important; + } + + .pt-sm--8, + .py-sm--8 { + padding-top: -8rem !important; + } + + .pr-sm--8, + .px-sm--8 { + padding-right: -8rem !important; + } + + .pb-sm--8, + .py-sm--8 { + padding-bottom: -8rem !important; + } + + .pl-sm--8, + .px-sm--8 { + padding-left: -8rem !important; + } + + .p-sm--7 { + padding: -6rem !important; + } + + .pt-sm--7, + .py-sm--7 { + padding-top: -6rem !important; + } + + .pr-sm--7, + .px-sm--7 { + padding-right: -6rem !important; + } + + .pb-sm--7, + .py-sm--7 { + padding-bottom: -6rem !important; + } + + .pl-sm--7, + .px-sm--7 { + padding-left: -6rem !important; + } + + .p-sm--6 { + padding: -4.5rem !important; + } + + .pt-sm--6, + .py-sm--6 { + padding-top: -4.5rem !important; + } + + .pr-sm--6, + .px-sm--6 { + padding-right: -4.5rem !important; + } + + .pb-sm--6, + .py-sm--6 { + padding-bottom: -4.5rem !important; + } + + .pl-sm--6, + .px-sm--6 { + padding-left: -4.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; + } + + .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--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--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--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-6 { + padding: 4.5rem !important; + } + + .pt-sm-6, + .py-sm-6 { + padding-top: 4.5rem !important; + } + + .pr-sm-6, + .px-sm-6 { + padding-right: 4.5rem !important; + } + + .pb-sm-6, + .py-sm-6 { + padding-bottom: 4.5rem !important; + } + + .pl-sm-6, + .px-sm-6 { + padding-left: 4.5rem !important; + } + + .p-sm-7 { + padding: 6rem !important; + } + + .pt-sm-7, + .py-sm-7 { + padding-top: 6rem !important; + } + + .pr-sm-7, + .px-sm-7 { + padding-right: 6rem !important; + } + + .pb-sm-7, + .py-sm-7 { + padding-bottom: 6rem !important; + } + + .pl-sm-7, + .px-sm-7 { + padding-left: 6rem !important; + } + + .p-sm-8 { + padding: 8rem !important; + } + + .pt-sm-8, + .py-sm-8 { + padding-top: 8rem !important; + } + + .pr-sm-8, + .px-sm-8 { + padding-right: 8rem !important; + } + + .pb-sm-8, + .py-sm-8 { + padding-bottom: 8rem !important; + } + + .pl-sm-8, + .px-sm-8 { + padding-left: 8rem !important; + } + + .p-sm-9 { + padding: 10rem !important; + } + + .pt-sm-9, + .py-sm-9 { + padding-top: 10rem !important; + } + + .pr-sm-9, + .px-sm-9 { + padding-right: 10rem !important; + } + + .pb-sm-9, + .py-sm-9 { + padding-bottom: 10rem !important; + } + + .pl-sm-9, + .px-sm-9 { + padding-left: 10rem !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .mt-sm-n1, + .my-sm-n1 { + margin-top: -0.25rem !important; + } + + .mr-sm-n1, + .mx-sm-n1 { + margin-right: -0.25rem !important; + } + + .mb-sm-n1, + .my-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-sm-n1, + .mx-sm-n1 { + margin-left: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .mt-sm-n2, + .my-sm-n2 { + margin-top: -0.5rem !important; + } + + .mr-sm-n2, + .mx-sm-n2 { + margin-right: -0.5rem !important; + } + + .mb-sm-n2, + .my-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-sm-n2, + .mx-sm-n2 { + margin-left: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .mt-sm-n3, + .my-sm-n3 { + margin-top: -1rem !important; + } + + .mr-sm-n3, + .mx-sm-n3 { + margin-right: -1rem !important; + } + + .mb-sm-n3, + .my-sm-n3 { + margin-bottom: -1rem !important; + } + + .ml-sm-n3, + .mx-sm-n3 { + margin-left: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .mt-sm-n4, + .my-sm-n4 { + margin-top: -1.5rem !important; + } + + .mr-sm-n4, + .mx-sm-n4 { + margin-right: -1.5rem !important; + } + + .mb-sm-n4, + .my-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-sm-n4, + .mx-sm-n4 { + margin-left: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mt-sm-n5, + .my-sm-n5 { + margin-top: -3rem !important; + } + + .mr-sm-n5, + .mx-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n5, + .my-sm-n5 { + margin-bottom: -3rem !important; + } + + .ml-sm-n5, + .mx-sm-n5 { + margin-left: -3rem !important; + } + + .m-sm-n-9 { + margin: 10rem !important; + } + + .mt-sm-n-9, + .my-sm-n-9 { + margin-top: 10rem !important; + } + + .mr-sm-n-9, + .mx-sm-n-9 { + margin-right: 10rem !important; + } + + .mb-sm-n-9, + .my-sm-n-9 { + margin-bottom: 10rem !important; + } + + .ml-sm-n-9, + .mx-sm-n-9 { + margin-left: 10rem !important; + } + + .m-sm-n-8 { + margin: 8rem !important; + } + + .mt-sm-n-8, + .my-sm-n-8 { + margin-top: 8rem !important; + } + + .mr-sm-n-8, + .mx-sm-n-8 { + margin-right: 8rem !important; + } + + .mb-sm-n-8, + .my-sm-n-8 { + margin-bottom: 8rem !important; + } + + .ml-sm-n-8, + .mx-sm-n-8 { + margin-left: 8rem !important; + } + + .m-sm-n-7 { + margin: 6rem !important; + } + + .mt-sm-n-7, + .my-sm-n-7 { + margin-top: 6rem !important; + } + + .mr-sm-n-7, + .mx-sm-n-7 { + margin-right: 6rem !important; + } + + .mb-sm-n-7, + .my-sm-n-7 { + margin-bottom: 6rem !important; + } + + .ml-sm-n-7, + .mx-sm-n-7 { + margin-left: 6rem !important; + } + + .m-sm-n-6 { + margin: 4.5rem !important; + } + + .mt-sm-n-6, + .my-sm-n-6 { + margin-top: 4.5rem !important; + } + + .mr-sm-n-6, + .mx-sm-n-6 { + margin-right: 4.5rem !important; + } + + .mb-sm-n-6, + .my-sm-n-6 { + margin-bottom: 4.5rem !important; + } + + .ml-sm-n-6, + .mx-sm-n-6 { + margin-left: 4.5rem !important; + } + + .m-sm-n-5 { + margin: 3rem !important; + } + + .mt-sm-n-5, + .my-sm-n-5 { + margin-top: 3rem !important; + } + + .mr-sm-n-5, + .mx-sm-n-5 { + margin-right: 3rem !important; + } + + .mb-sm-n-5, + .my-sm-n-5 { + margin-bottom: 3rem !important; + } + + .ml-sm-n-5, + .mx-sm-n-5 { + margin-left: 3rem !important; + } + + .m-sm-n-4 { + margin: 1.5rem !important; + } + + .mt-sm-n-4, + .my-sm-n-4 { + margin-top: 1.5rem !important; + } + + .mr-sm-n-4, + .mx-sm-n-4 { + margin-right: 1.5rem !important; + } + + .mb-sm-n-4, + .my-sm-n-4 { + margin-bottom: 1.5rem !important; + } + + .ml-sm-n-4, + .mx-sm-n-4 { + margin-left: 1.5rem !important; + } + + .m-sm-n-3 { + margin: 1rem !important; + } + + .mt-sm-n-3, + .my-sm-n-3 { + margin-top: 1rem !important; + } + + .mr-sm-n-3, + .mx-sm-n-3 { + margin-right: 1rem !important; + } + + .mb-sm-n-3, + .my-sm-n-3 { + margin-bottom: 1rem !important; + } + + .ml-sm-n-3, + .mx-sm-n-3 { + margin-left: 1rem !important; + } + + .m-sm-n-2 { + margin: 0.5rem !important; + } + + .mt-sm-n-2, + .my-sm-n-2 { + margin-top: 0.5rem !important; + } + + .mr-sm-n-2, + .mx-sm-n-2 { + margin-right: 0.5rem !important; + } + + .mb-sm-n-2, + .my-sm-n-2 { + margin-bottom: 0.5rem !important; + } + + .ml-sm-n-2, + .mx-sm-n-2 { + margin-left: 0.5rem !important; + } + + .m-sm-n-1 { + margin: 0.25rem !important; + } + + .mt-sm-n-1, + .my-sm-n-1 { + margin-top: 0.25rem !important; + } + + .mr-sm-n-1, + .mx-sm-n-1 { + margin-right: 0.25rem !important; + } + + .mb-sm-n-1, + .my-sm-n-1 { + margin-bottom: 0.25rem !important; + } + + .ml-sm-n-1, + .mx-sm-n-1 { + margin-left: 0.25rem !important; + } + + .m-sm-n6 { + margin: -4.5rem !important; + } + + .mt-sm-n6, + .my-sm-n6 { + margin-top: -4.5rem !important; + } + + .mr-sm-n6, + .mx-sm-n6 { + margin-right: -4.5rem !important; + } + + .mb-sm-n6, + .my-sm-n6 { + margin-bottom: -4.5rem !important; + } + + .ml-sm-n6, + .mx-sm-n6 { + margin-left: -4.5rem !important; + } + + .m-sm-n7 { + margin: -6rem !important; + } + + .mt-sm-n7, + .my-sm-n7 { + margin-top: -6rem !important; + } + + .mr-sm-n7, + .mx-sm-n7 { + margin-right: -6rem !important; + } + + .mb-sm-n7, + .my-sm-n7 { + margin-bottom: -6rem !important; + } + + .ml-sm-n7, + .mx-sm-n7 { + margin-left: -6rem !important; + } + + .m-sm-n8 { + margin: -8rem !important; + } + + .mt-sm-n8, + .my-sm-n8 { + margin-top: -8rem !important; + } + + .mr-sm-n8, + .mx-sm-n8 { + margin-right: -8rem !important; + } + + .mb-sm-n8, + .my-sm-n8 { + margin-bottom: -8rem !important; + } + + .ml-sm-n8, + .mx-sm-n8 { + margin-left: -8rem !important; + } + + .m-sm-n9 { + margin: -10rem !important; + } + + .mt-sm-n9, + .my-sm-n9 { + margin-top: -10rem !important; + } + + .mr-sm-n9, + .mx-sm-n9 { + margin-right: -10rem !important; + } + + .mb-sm-n9, + .my-sm-n9 { + margin-bottom: -10rem !important; + } + + .ml-sm-n9, + .mx-sm-n9 { + margin-left: -10rem !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; + } + + .m-md--9 { + margin: -10rem !important; + } + + .mt-md--9, + .my-md--9 { + margin-top: -10rem !important; + } + + .mr-md--9, + .mx-md--9 { + margin-right: -10rem !important; + } + + .mb-md--9, + .my-md--9 { + margin-bottom: -10rem !important; + } + + .ml-md--9, + .mx-md--9 { + margin-left: -10rem !important; + } + + .m-md--8 { + margin: -8rem !important; + } + + .mt-md--8, + .my-md--8 { + margin-top: -8rem !important; + } + + .mr-md--8, + .mx-md--8 { + margin-right: -8rem !important; + } + + .mb-md--8, + .my-md--8 { + margin-bottom: -8rem !important; + } + + .ml-md--8, + .mx-md--8 { + margin-left: -8rem !important; + } + + .m-md--7 { + margin: -6rem !important; + } + + .mt-md--7, + .my-md--7 { + margin-top: -6rem !important; + } + + .mr-md--7, + .mx-md--7 { + margin-right: -6rem !important; + } + + .mb-md--7, + .my-md--7 { + margin-bottom: -6rem !important; + } + + .ml-md--7, + .mx-md--7 { + margin-left: -6rem !important; + } + + .m-md--6 { + margin: -4.5rem !important; + } + + .mt-md--6, + .my-md--6 { + margin-top: -4.5rem !important; + } + + .mr-md--6, + .mx-md--6 { + margin-right: -4.5rem !important; + } + + .mb-md--6, + .my-md--6 { + margin-bottom: -4.5rem !important; + } + + .ml-md--6, + .mx-md--6 { + margin-left: -4.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; + } + + .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--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--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--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-6 { + margin: 4.5rem !important; + } + + .mt-md-6, + .my-md-6 { + margin-top: 4.5rem !important; + } + + .mr-md-6, + .mx-md-6 { + margin-right: 4.5rem !important; + } + + .mb-md-6, + .my-md-6 { + margin-bottom: 4.5rem !important; + } + + .ml-md-6, + .mx-md-6 { + margin-left: 4.5rem !important; + } + + .m-md-7 { + margin: 6rem !important; + } + + .mt-md-7, + .my-md-7 { + margin-top: 6rem !important; + } + + .mr-md-7, + .mx-md-7 { + margin-right: 6rem !important; + } + + .mb-md-7, + .my-md-7 { + margin-bottom: 6rem !important; + } + + .ml-md-7, + .mx-md-7 { + margin-left: 6rem !important; + } + + .m-md-8 { + margin: 8rem !important; + } + + .mt-md-8, + .my-md-8 { + margin-top: 8rem !important; + } + + .mr-md-8, + .mx-md-8 { + margin-right: 8rem !important; + } + + .mb-md-8, + .my-md-8 { + margin-bottom: 8rem !important; + } + + .ml-md-8, + .mx-md-8 { + margin-left: 8rem !important; + } + + .m-md-9 { + margin: 10rem !important; + } + + .mt-md-9, + .my-md-9 { + margin-top: 10rem !important; + } + + .mr-md-9, + .mx-md-9 { + margin-right: 10rem !important; + } + + .mb-md-9, + .my-md-9 { + margin-bottom: 10rem !important; + } + + .ml-md-9, + .mx-md-9 { + margin-left: 10rem !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; + } + + .p-md--9 { + padding: -10rem !important; + } + + .pt-md--9, + .py-md--9 { + padding-top: -10rem !important; + } + + .pr-md--9, + .px-md--9 { + padding-right: -10rem !important; + } + + .pb-md--9, + .py-md--9 { + padding-bottom: -10rem !important; + } + + .pl-md--9, + .px-md--9 { + padding-left: -10rem !important; + } + + .p-md--8 { + padding: -8rem !important; + } + + .pt-md--8, + .py-md--8 { + padding-top: -8rem !important; + } + + .pr-md--8, + .px-md--8 { + padding-right: -8rem !important; + } + + .pb-md--8, + .py-md--8 { + padding-bottom: -8rem !important; + } + + .pl-md--8, + .px-md--8 { + padding-left: -8rem !important; + } + + .p-md--7 { + padding: -6rem !important; + } + + .pt-md--7, + .py-md--7 { + padding-top: -6rem !important; + } + + .pr-md--7, + .px-md--7 { + padding-right: -6rem !important; + } + + .pb-md--7, + .py-md--7 { + padding-bottom: -6rem !important; + } + + .pl-md--7, + .px-md--7 { + padding-left: -6rem !important; + } + + .p-md--6 { + padding: -4.5rem !important; + } + + .pt-md--6, + .py-md--6 { + padding-top: -4.5rem !important; + } + + .pr-md--6, + .px-md--6 { + padding-right: -4.5rem !important; + } + + .pb-md--6, + .py-md--6 { + padding-bottom: -4.5rem !important; + } + + .pl-md--6, + .px-md--6 { + padding-left: -4.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; + } + + .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--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--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--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-6 { + padding: 4.5rem !important; + } + + .pt-md-6, + .py-md-6 { + padding-top: 4.5rem !important; + } + + .pr-md-6, + .px-md-6 { + padding-right: 4.5rem !important; + } + + .pb-md-6, + .py-md-6 { + padding-bottom: 4.5rem !important; + } + + .pl-md-6, + .px-md-6 { + padding-left: 4.5rem !important; + } + + .p-md-7 { + padding: 6rem !important; + } + + .pt-md-7, + .py-md-7 { + padding-top: 6rem !important; + } + + .pr-md-7, + .px-md-7 { + padding-right: 6rem !important; + } + + .pb-md-7, + .py-md-7 { + padding-bottom: 6rem !important; + } + + .pl-md-7, + .px-md-7 { + padding-left: 6rem !important; + } + + .p-md-8 { + padding: 8rem !important; + } + + .pt-md-8, + .py-md-8 { + padding-top: 8rem !important; + } + + .pr-md-8, + .px-md-8 { + padding-right: 8rem !important; + } + + .pb-md-8, + .py-md-8 { + padding-bottom: 8rem !important; + } + + .pl-md-8, + .px-md-8 { + padding-left: 8rem !important; + } + + .p-md-9 { + padding: 10rem !important; + } + + .pt-md-9, + .py-md-9 { + padding-top: 10rem !important; + } + + .pr-md-9, + .px-md-9 { + padding-right: 10rem !important; + } + + .pb-md-9, + .py-md-9 { + padding-bottom: 10rem !important; + } + + .pl-md-9, + .px-md-9 { + padding-left: 10rem !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .mt-md-n1, + .my-md-n1 { + margin-top: -0.25rem !important; + } + + .mr-md-n1, + .mx-md-n1 { + margin-right: -0.25rem !important; + } + + .mb-md-n1, + .my-md-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-md-n1, + .mx-md-n1 { + margin-left: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .mt-md-n2, + .my-md-n2 { + margin-top: -0.5rem !important; + } + + .mr-md-n2, + .mx-md-n2 { + margin-right: -0.5rem !important; + } + + .mb-md-n2, + .my-md-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-md-n2, + .mx-md-n2 { + margin-left: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .mt-md-n3, + .my-md-n3 { + margin-top: -1rem !important; + } + + .mr-md-n3, + .mx-md-n3 { + margin-right: -1rem !important; + } + + .mb-md-n3, + .my-md-n3 { + margin-bottom: -1rem !important; + } + + .ml-md-n3, + .mx-md-n3 { + margin-left: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .mt-md-n4, + .my-md-n4 { + margin-top: -1.5rem !important; + } + + .mr-md-n4, + .mx-md-n4 { + margin-right: -1.5rem !important; + } + + .mb-md-n4, + .my-md-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-md-n4, + .mx-md-n4 { + margin-left: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mt-md-n5, + .my-md-n5 { + margin-top: -3rem !important; + } + + .mr-md-n5, + .mx-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n5, + .my-md-n5 { + margin-bottom: -3rem !important; + } + + .ml-md-n5, + .mx-md-n5 { + margin-left: -3rem !important; + } + + .m-md-n-9 { + margin: 10rem !important; + } + + .mt-md-n-9, + .my-md-n-9 { + margin-top: 10rem !important; + } + + .mr-md-n-9, + .mx-md-n-9 { + margin-right: 10rem !important; + } + + .mb-md-n-9, + .my-md-n-9 { + margin-bottom: 10rem !important; + } + + .ml-md-n-9, + .mx-md-n-9 { + margin-left: 10rem !important; + } + + .m-md-n-8 { + margin: 8rem !important; + } + + .mt-md-n-8, + .my-md-n-8 { + margin-top: 8rem !important; + } + + .mr-md-n-8, + .mx-md-n-8 { + margin-right: 8rem !important; + } + + .mb-md-n-8, + .my-md-n-8 { + margin-bottom: 8rem !important; + } + + .ml-md-n-8, + .mx-md-n-8 { + margin-left: 8rem !important; + } + + .m-md-n-7 { + margin: 6rem !important; + } + + .mt-md-n-7, + .my-md-n-7 { + margin-top: 6rem !important; + } + + .mr-md-n-7, + .mx-md-n-7 { + margin-right: 6rem !important; + } + + .mb-md-n-7, + .my-md-n-7 { + margin-bottom: 6rem !important; + } + + .ml-md-n-7, + .mx-md-n-7 { + margin-left: 6rem !important; + } + + .m-md-n-6 { + margin: 4.5rem !important; + } + + .mt-md-n-6, + .my-md-n-6 { + margin-top: 4.5rem !important; + } + + .mr-md-n-6, + .mx-md-n-6 { + margin-right: 4.5rem !important; + } + + .mb-md-n-6, + .my-md-n-6 { + margin-bottom: 4.5rem !important; + } + + .ml-md-n-6, + .mx-md-n-6 { + margin-left: 4.5rem !important; + } + + .m-md-n-5 { + margin: 3rem !important; + } + + .mt-md-n-5, + .my-md-n-5 { + margin-top: 3rem !important; + } + + .mr-md-n-5, + .mx-md-n-5 { + margin-right: 3rem !important; + } + + .mb-md-n-5, + .my-md-n-5 { + margin-bottom: 3rem !important; + } + + .ml-md-n-5, + .mx-md-n-5 { + margin-left: 3rem !important; + } + + .m-md-n-4 { + margin: 1.5rem !important; + } + + .mt-md-n-4, + .my-md-n-4 { + margin-top: 1.5rem !important; + } + + .mr-md-n-4, + .mx-md-n-4 { + margin-right: 1.5rem !important; + } + + .mb-md-n-4, + .my-md-n-4 { + margin-bottom: 1.5rem !important; + } + + .ml-md-n-4, + .mx-md-n-4 { + margin-left: 1.5rem !important; + } + + .m-md-n-3 { + margin: 1rem !important; + } + + .mt-md-n-3, + .my-md-n-3 { + margin-top: 1rem !important; + } + + .mr-md-n-3, + .mx-md-n-3 { + margin-right: 1rem !important; + } + + .mb-md-n-3, + .my-md-n-3 { + margin-bottom: 1rem !important; + } + + .ml-md-n-3, + .mx-md-n-3 { + margin-left: 1rem !important; + } + + .m-md-n-2 { + margin: 0.5rem !important; + } + + .mt-md-n-2, + .my-md-n-2 { + margin-top: 0.5rem !important; + } + + .mr-md-n-2, + .mx-md-n-2 { + margin-right: 0.5rem !important; + } + + .mb-md-n-2, + .my-md-n-2 { + margin-bottom: 0.5rem !important; + } + + .ml-md-n-2, + .mx-md-n-2 { + margin-left: 0.5rem !important; + } + + .m-md-n-1 { + margin: 0.25rem !important; + } + + .mt-md-n-1, + .my-md-n-1 { + margin-top: 0.25rem !important; + } + + .mr-md-n-1, + .mx-md-n-1 { + margin-right: 0.25rem !important; + } + + .mb-md-n-1, + .my-md-n-1 { + margin-bottom: 0.25rem !important; + } + + .ml-md-n-1, + .mx-md-n-1 { + margin-left: 0.25rem !important; + } + + .m-md-n6 { + margin: -4.5rem !important; + } + + .mt-md-n6, + .my-md-n6 { + margin-top: -4.5rem !important; + } + + .mr-md-n6, + .mx-md-n6 { + margin-right: -4.5rem !important; + } + + .mb-md-n6, + .my-md-n6 { + margin-bottom: -4.5rem !important; + } + + .ml-md-n6, + .mx-md-n6 { + margin-left: -4.5rem !important; + } + + .m-md-n7 { + margin: -6rem !important; + } + + .mt-md-n7, + .my-md-n7 { + margin-top: -6rem !important; + } + + .mr-md-n7, + .mx-md-n7 { + margin-right: -6rem !important; + } + + .mb-md-n7, + .my-md-n7 { + margin-bottom: -6rem !important; + } + + .ml-md-n7, + .mx-md-n7 { + margin-left: -6rem !important; + } + + .m-md-n8 { + margin: -8rem !important; + } + + .mt-md-n8, + .my-md-n8 { + margin-top: -8rem !important; + } + + .mr-md-n8, + .mx-md-n8 { + margin-right: -8rem !important; + } + + .mb-md-n8, + .my-md-n8 { + margin-bottom: -8rem !important; + } + + .ml-md-n8, + .mx-md-n8 { + margin-left: -8rem !important; + } + + .m-md-n9 { + margin: -10rem !important; + } + + .mt-md-n9, + .my-md-n9 { + margin-top: -10rem !important; + } + + .mr-md-n9, + .mx-md-n9 { + margin-right: -10rem !important; + } + + .mb-md-n9, + .my-md-n9 { + margin-bottom: -10rem !important; + } + + .ml-md-n9, + .mx-md-n9 { + margin-left: -10rem !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; + } + + .m-lg--9 { + margin: -10rem !important; + } + + .mt-lg--9, + .my-lg--9 { + margin-top: -10rem !important; + } + + .mr-lg--9, + .mx-lg--9 { + margin-right: -10rem !important; + } + + .mb-lg--9, + .my-lg--9 { + margin-bottom: -10rem !important; + } + + .ml-lg--9, + .mx-lg--9 { + margin-left: -10rem !important; + } + + .m-lg--8 { + margin: -8rem !important; + } + + .mt-lg--8, + .my-lg--8 { + margin-top: -8rem !important; + } + + .mr-lg--8, + .mx-lg--8 { + margin-right: -8rem !important; + } + + .mb-lg--8, + .my-lg--8 { + margin-bottom: -8rem !important; + } + + .ml-lg--8, + .mx-lg--8 { + margin-left: -8rem !important; + } + + .m-lg--7 { + margin: -6rem !important; + } + + .mt-lg--7, + .my-lg--7 { + margin-top: -6rem !important; + } + + .mr-lg--7, + .mx-lg--7 { + margin-right: -6rem !important; + } + + .mb-lg--7, + .my-lg--7 { + margin-bottom: -6rem !important; + } + + .ml-lg--7, + .mx-lg--7 { + margin-left: -6rem !important; + } + + .m-lg--6 { + margin: -4.5rem !important; + } + + .mt-lg--6, + .my-lg--6 { + margin-top: -4.5rem !important; + } + + .mr-lg--6, + .mx-lg--6 { + margin-right: -4.5rem !important; + } + + .mb-lg--6, + .my-lg--6 { + margin-bottom: -4.5rem !important; + } + + .ml-lg--6, + .mx-lg--6 { + margin-left: -4.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; + } + + .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--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--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--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-6 { + margin: 4.5rem !important; + } + + .mt-lg-6, + .my-lg-6 { + margin-top: 4.5rem !important; + } + + .mr-lg-6, + .mx-lg-6 { + margin-right: 4.5rem !important; + } + + .mb-lg-6, + .my-lg-6 { + margin-bottom: 4.5rem !important; + } + + .ml-lg-6, + .mx-lg-6 { + margin-left: 4.5rem !important; + } + + .m-lg-7 { + margin: 6rem !important; + } + + .mt-lg-7, + .my-lg-7 { + margin-top: 6rem !important; + } + + .mr-lg-7, + .mx-lg-7 { + margin-right: 6rem !important; + } + + .mb-lg-7, + .my-lg-7 { + margin-bottom: 6rem !important; + } + + .ml-lg-7, + .mx-lg-7 { + margin-left: 6rem !important; + } + + .m-lg-8 { + margin: 8rem !important; + } + + .mt-lg-8, + .my-lg-8 { + margin-top: 8rem !important; + } + + .mr-lg-8, + .mx-lg-8 { + margin-right: 8rem !important; + } + + .mb-lg-8, + .my-lg-8 { + margin-bottom: 8rem !important; + } + + .ml-lg-8, + .mx-lg-8 { + margin-left: 8rem !important; + } + + .m-lg-9 { + margin: 10rem !important; + } + + .mt-lg-9, + .my-lg-9 { + margin-top: 10rem !important; + } + + .mr-lg-9, + .mx-lg-9 { + margin-right: 10rem !important; + } + + .mb-lg-9, + .my-lg-9 { + margin-bottom: 10rem !important; + } + + .ml-lg-9, + .mx-lg-9 { + margin-left: 10rem !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; + } + + .p-lg--9 { + padding: -10rem !important; + } + + .pt-lg--9, + .py-lg--9 { + padding-top: -10rem !important; + } + + .pr-lg--9, + .px-lg--9 { + padding-right: -10rem !important; + } + + .pb-lg--9, + .py-lg--9 { + padding-bottom: -10rem !important; + } + + .pl-lg--9, + .px-lg--9 { + padding-left: -10rem !important; + } + + .p-lg--8 { + padding: -8rem !important; + } + + .pt-lg--8, + .py-lg--8 { + padding-top: -8rem !important; + } + + .pr-lg--8, + .px-lg--8 { + padding-right: -8rem !important; + } + + .pb-lg--8, + .py-lg--8 { + padding-bottom: -8rem !important; + } + + .pl-lg--8, + .px-lg--8 { + padding-left: -8rem !important; + } + + .p-lg--7 { + padding: -6rem !important; + } + + .pt-lg--7, + .py-lg--7 { + padding-top: -6rem !important; + } + + .pr-lg--7, + .px-lg--7 { + padding-right: -6rem !important; + } + + .pb-lg--7, + .py-lg--7 { + padding-bottom: -6rem !important; + } + + .pl-lg--7, + .px-lg--7 { + padding-left: -6rem !important; + } + + .p-lg--6 { + padding: -4.5rem !important; + } + + .pt-lg--6, + .py-lg--6 { + padding-top: -4.5rem !important; + } + + .pr-lg--6, + .px-lg--6 { + padding-right: -4.5rem !important; + } + + .pb-lg--6, + .py-lg--6 { + padding-bottom: -4.5rem !important; + } + + .pl-lg--6, + .px-lg--6 { + padding-left: -4.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; + } + + .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--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--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--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-6 { + padding: 4.5rem !important; + } + + .pt-lg-6, + .py-lg-6 { + padding-top: 4.5rem !important; + } + + .pr-lg-6, + .px-lg-6 { + padding-right: 4.5rem !important; + } + + .pb-lg-6, + .py-lg-6 { + padding-bottom: 4.5rem !important; + } + + .pl-lg-6, + .px-lg-6 { + padding-left: 4.5rem !important; + } + + .p-lg-7 { + padding: 6rem !important; + } + + .pt-lg-7, + .py-lg-7 { + padding-top: 6rem !important; + } + + .pr-lg-7, + .px-lg-7 { + padding-right: 6rem !important; + } + + .pb-lg-7, + .py-lg-7 { + padding-bottom: 6rem !important; + } + + .pl-lg-7, + .px-lg-7 { + padding-left: 6rem !important; + } + + .p-lg-8 { + padding: 8rem !important; + } + + .pt-lg-8, + .py-lg-8 { + padding-top: 8rem !important; + } + + .pr-lg-8, + .px-lg-8 { + padding-right: 8rem !important; + } + + .pb-lg-8, + .py-lg-8 { + padding-bottom: 8rem !important; + } + + .pl-lg-8, + .px-lg-8 { + padding-left: 8rem !important; + } + + .p-lg-9 { + padding: 10rem !important; + } + + .pt-lg-9, + .py-lg-9 { + padding-top: 10rem !important; + } + + .pr-lg-9, + .px-lg-9 { + padding-right: 10rem !important; + } + + .pb-lg-9, + .py-lg-9 { + padding-bottom: 10rem !important; + } + + .pl-lg-9, + .px-lg-9 { + padding-left: 10rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, + .my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, + .mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, + .my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, + .mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, + .my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, + .mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, + .my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, + .mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, + .my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, + .mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, + .my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, + .mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, + .my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, + .mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, + .my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, + .mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, + .my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, + .mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, + .my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, + .mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-n-9 { + margin: 10rem !important; + } + + .mt-lg-n-9, + .my-lg-n-9 { + margin-top: 10rem !important; + } + + .mr-lg-n-9, + .mx-lg-n-9 { + margin-right: 10rem !important; + } + + .mb-lg-n-9, + .my-lg-n-9 { + margin-bottom: 10rem !important; + } + + .ml-lg-n-9, + .mx-lg-n-9 { + margin-left: 10rem !important; + } + + .m-lg-n-8 { + margin: 8rem !important; + } + + .mt-lg-n-8, + .my-lg-n-8 { + margin-top: 8rem !important; + } + + .mr-lg-n-8, + .mx-lg-n-8 { + margin-right: 8rem !important; + } + + .mb-lg-n-8, + .my-lg-n-8 { + margin-bottom: 8rem !important; + } + + .ml-lg-n-8, + .mx-lg-n-8 { + margin-left: 8rem !important; + } + + .m-lg-n-7 { + margin: 6rem !important; + } + + .mt-lg-n-7, + .my-lg-n-7 { + margin-top: 6rem !important; + } + + .mr-lg-n-7, + .mx-lg-n-7 { + margin-right: 6rem !important; + } + + .mb-lg-n-7, + .my-lg-n-7 { + margin-bottom: 6rem !important; + } + + .ml-lg-n-7, + .mx-lg-n-7 { + margin-left: 6rem !important; + } + + .m-lg-n-6 { + margin: 4.5rem !important; + } + + .mt-lg-n-6, + .my-lg-n-6 { + margin-top: 4.5rem !important; + } + + .mr-lg-n-6, + .mx-lg-n-6 { + margin-right: 4.5rem !important; + } + + .mb-lg-n-6, + .my-lg-n-6 { + margin-bottom: 4.5rem !important; + } + + .ml-lg-n-6, + .mx-lg-n-6 { + margin-left: 4.5rem !important; + } + + .m-lg-n-5 { + margin: 3rem !important; + } + + .mt-lg-n-5, + .my-lg-n-5 { + margin-top: 3rem !important; + } + + .mr-lg-n-5, + .mx-lg-n-5 { + margin-right: 3rem !important; + } + + .mb-lg-n-5, + .my-lg-n-5 { + margin-bottom: 3rem !important; + } + + .ml-lg-n-5, + .mx-lg-n-5 { + margin-left: 3rem !important; + } + + .m-lg-n-4 { + margin: 1.5rem !important; + } + + .mt-lg-n-4, + .my-lg-n-4 { + margin-top: 1.5rem !important; + } + + .mr-lg-n-4, + .mx-lg-n-4 { + margin-right: 1.5rem !important; + } + + .mb-lg-n-4, + .my-lg-n-4 { + margin-bottom: 1.5rem !important; + } + + .ml-lg-n-4, + .mx-lg-n-4 { + margin-left: 1.5rem !important; + } + + .m-lg-n-3 { + margin: 1rem !important; + } + + .mt-lg-n-3, + .my-lg-n-3 { + margin-top: 1rem !important; + } + + .mr-lg-n-3, + .mx-lg-n-3 { + margin-right: 1rem !important; + } + + .mb-lg-n-3, + .my-lg-n-3 { + margin-bottom: 1rem !important; + } + + .ml-lg-n-3, + .mx-lg-n-3 { + margin-left: 1rem !important; + } + + .m-lg-n-2 { + margin: 0.5rem !important; + } + + .mt-lg-n-2, + .my-lg-n-2 { + margin-top: 0.5rem !important; + } + + .mr-lg-n-2, + .mx-lg-n-2 { + margin-right: 0.5rem !important; + } + + .mb-lg-n-2, + .my-lg-n-2 { + margin-bottom: 0.5rem !important; + } + + .ml-lg-n-2, + .mx-lg-n-2 { + margin-left: 0.5rem !important; + } + + .m-lg-n-1 { + margin: 0.25rem !important; + } + + .mt-lg-n-1, + .my-lg-n-1 { + margin-top: 0.25rem !important; + } + + .mr-lg-n-1, + .mx-lg-n-1 { + margin-right: 0.25rem !important; + } + + .mb-lg-n-1, + .my-lg-n-1 { + margin-bottom: 0.25rem !important; + } + + .ml-lg-n-1, + .mx-lg-n-1 { + margin-left: 0.25rem !important; + } + + .m-lg-n6 { + margin: -4.5rem !important; + } + + .mt-lg-n6, + .my-lg-n6 { + margin-top: -4.5rem !important; + } + + .mr-lg-n6, + .mx-lg-n6 { + margin-right: -4.5rem !important; + } + + .mb-lg-n6, + .my-lg-n6 { + margin-bottom: -4.5rem !important; + } + + .ml-lg-n6, + .mx-lg-n6 { + margin-left: -4.5rem !important; + } + + .m-lg-n7 { + margin: -6rem !important; + } + + .mt-lg-n7, + .my-lg-n7 { + margin-top: -6rem !important; + } + + .mr-lg-n7, + .mx-lg-n7 { + margin-right: -6rem !important; + } + + .mb-lg-n7, + .my-lg-n7 { + margin-bottom: -6rem !important; + } + + .ml-lg-n7, + .mx-lg-n7 { + margin-left: -6rem !important; + } + + .m-lg-n8 { + margin: -8rem !important; + } + + .mt-lg-n8, + .my-lg-n8 { + margin-top: -8rem !important; + } + + .mr-lg-n8, + .mx-lg-n8 { + margin-right: -8rem !important; + } + + .mb-lg-n8, + .my-lg-n8 { + margin-bottom: -8rem !important; + } + + .ml-lg-n8, + .mx-lg-n8 { + margin-left: -8rem !important; + } + + .m-lg-n9 { + margin: -10rem !important; + } + + .mt-lg-n9, + .my-lg-n9 { + margin-top: -10rem !important; + } + + .mr-lg-n9, + .mx-lg-n9 { + margin-right: -10rem !important; + } + + .mb-lg-n9, + .my-lg-n9 { + margin-bottom: -10rem !important; + } + + .ml-lg-n9, + .mx-lg-n9 { + margin-left: -10rem !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; + } + + .m-xl--9 { + margin: -10rem !important; + } + + .mt-xl--9, + .my-xl--9 { + margin-top: -10rem !important; + } + + .mr-xl--9, + .mx-xl--9 { + margin-right: -10rem !important; + } + + .mb-xl--9, + .my-xl--9 { + margin-bottom: -10rem !important; + } + + .ml-xl--9, + .mx-xl--9 { + margin-left: -10rem !important; + } + + .m-xl--8 { + margin: -8rem !important; + } + + .mt-xl--8, + .my-xl--8 { + margin-top: -8rem !important; + } + + .mr-xl--8, + .mx-xl--8 { + margin-right: -8rem !important; + } + + .mb-xl--8, + .my-xl--8 { + margin-bottom: -8rem !important; + } + + .ml-xl--8, + .mx-xl--8 { + margin-left: -8rem !important; + } + + .m-xl--7 { + margin: -6rem !important; + } + + .mt-xl--7, + .my-xl--7 { + margin-top: -6rem !important; + } + + .mr-xl--7, + .mx-xl--7 { + margin-right: -6rem !important; + } + + .mb-xl--7, + .my-xl--7 { + margin-bottom: -6rem !important; + } + + .ml-xl--7, + .mx-xl--7 { + margin-left: -6rem !important; + } + + .m-xl--6 { + margin: -4.5rem !important; + } + + .mt-xl--6, + .my-xl--6 { + margin-top: -4.5rem !important; + } + + .mr-xl--6, + .mx-xl--6 { + margin-right: -4.5rem !important; + } + + .mb-xl--6, + .my-xl--6 { + margin-bottom: -4.5rem !important; + } + + .ml-xl--6, + .mx-xl--6 { + margin-left: -4.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; + } + + .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--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--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--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-6 { + margin: 4.5rem !important; + } + + .mt-xl-6, + .my-xl-6 { + margin-top: 4.5rem !important; + } + + .mr-xl-6, + .mx-xl-6 { + margin-right: 4.5rem !important; + } + + .mb-xl-6, + .my-xl-6 { + margin-bottom: 4.5rem !important; + } + + .ml-xl-6, + .mx-xl-6 { + margin-left: 4.5rem !important; + } + + .m-xl-7 { + margin: 6rem !important; + } + + .mt-xl-7, + .my-xl-7 { + margin-top: 6rem !important; + } + + .mr-xl-7, + .mx-xl-7 { + margin-right: 6rem !important; + } + + .mb-xl-7, + .my-xl-7 { + margin-bottom: 6rem !important; + } + + .ml-xl-7, + .mx-xl-7 { + margin-left: 6rem !important; + } + + .m-xl-8 { + margin: 8rem !important; + } + + .mt-xl-8, + .my-xl-8 { + margin-top: 8rem !important; + } + + .mr-xl-8, + .mx-xl-8 { + margin-right: 8rem !important; + } + + .mb-xl-8, + .my-xl-8 { + margin-bottom: 8rem !important; + } + + .ml-xl-8, + .mx-xl-8 { + margin-left: 8rem !important; + } + + .m-xl-9 { + margin: 10rem !important; + } + + .mt-xl-9, + .my-xl-9 { + margin-top: 10rem !important; + } + + .mr-xl-9, + .mx-xl-9 { + margin-right: 10rem !important; + } + + .mb-xl-9, + .my-xl-9 { + margin-bottom: 10rem !important; + } + + .ml-xl-9, + .mx-xl-9 { + margin-left: 10rem !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; + } + + .p-xl--9 { + padding: -10rem !important; + } + + .pt-xl--9, + .py-xl--9 { + padding-top: -10rem !important; + } + + .pr-xl--9, + .px-xl--9 { + padding-right: -10rem !important; + } + + .pb-xl--9, + .py-xl--9 { + padding-bottom: -10rem !important; + } + + .pl-xl--9, + .px-xl--9 { + padding-left: -10rem !important; + } + + .p-xl--8 { + padding: -8rem !important; + } + + .pt-xl--8, + .py-xl--8 { + padding-top: -8rem !important; + } + + .pr-xl--8, + .px-xl--8 { + padding-right: -8rem !important; + } + + .pb-xl--8, + .py-xl--8 { + padding-bottom: -8rem !important; + } + + .pl-xl--8, + .px-xl--8 { + padding-left: -8rem !important; + } + + .p-xl--7 { + padding: -6rem !important; + } + + .pt-xl--7, + .py-xl--7 { + padding-top: -6rem !important; + } + + .pr-xl--7, + .px-xl--7 { + padding-right: -6rem !important; + } + + .pb-xl--7, + .py-xl--7 { + padding-bottom: -6rem !important; + } + + .pl-xl--7, + .px-xl--7 { + padding-left: -6rem !important; + } + + .p-xl--6 { + padding: -4.5rem !important; + } + + .pt-xl--6, + .py-xl--6 { + padding-top: -4.5rem !important; + } + + .pr-xl--6, + .px-xl--6 { + padding-right: -4.5rem !important; + } + + .pb-xl--6, + .py-xl--6 { + padding-bottom: -4.5rem !important; + } + + .pl-xl--6, + .px-xl--6 { + padding-left: -4.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; + } + + .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--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--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--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-6 { + padding: 4.5rem !important; + } + + .pt-xl-6, + .py-xl-6 { + padding-top: 4.5rem !important; + } + + .pr-xl-6, + .px-xl-6 { + padding-right: 4.5rem !important; + } + + .pb-xl-6, + .py-xl-6 { + padding-bottom: 4.5rem !important; + } + + .pl-xl-6, + .px-xl-6 { + padding-left: 4.5rem !important; + } + + .p-xl-7 { + padding: 6rem !important; + } + + .pt-xl-7, + .py-xl-7 { + padding-top: 6rem !important; + } + + .pr-xl-7, + .px-xl-7 { + padding-right: 6rem !important; + } + + .pb-xl-7, + .py-xl-7 { + padding-bottom: 6rem !important; + } + + .pl-xl-7, + .px-xl-7 { + padding-left: 6rem !important; + } + + .p-xl-8 { + padding: 8rem !important; + } + + .pt-xl-8, + .py-xl-8 { + padding-top: 8rem !important; + } + + .pr-xl-8, + .px-xl-8 { + padding-right: 8rem !important; + } + + .pb-xl-8, + .py-xl-8 { + padding-bottom: 8rem !important; + } + + .pl-xl-8, + .px-xl-8 { + padding-left: 8rem !important; + } + + .p-xl-9 { + padding: 10rem !important; + } + + .pt-xl-9, + .py-xl-9 { + padding-top: 10rem !important; + } + + .pr-xl-9, + .px-xl-9 { + padding-right: 10rem !important; + } + + .pb-xl-9, + .py-xl-9 { + padding-bottom: 10rem !important; + } + + .pl-xl-9, + .px-xl-9 { + padding-left: 10rem !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .mt-xl-n1, + .my-xl-n1 { + margin-top: -0.25rem !important; + } + + .mr-xl-n1, + .mx-xl-n1 { + margin-right: -0.25rem !important; + } + + .mb-xl-n1, + .my-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-xl-n1, + .mx-xl-n1 { + margin-left: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .mt-xl-n2, + .my-xl-n2 { + margin-top: -0.5rem !important; + } + + .mr-xl-n2, + .mx-xl-n2 { + margin-right: -0.5rem !important; + } + + .mb-xl-n2, + .my-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-xl-n2, + .mx-xl-n2 { + margin-left: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .mt-xl-n3, + .my-xl-n3 { + margin-top: -1rem !important; + } + + .mr-xl-n3, + .mx-xl-n3 { + margin-right: -1rem !important; + } + + .mb-xl-n3, + .my-xl-n3 { + margin-bottom: -1rem !important; + } + + .ml-xl-n3, + .mx-xl-n3 { + margin-left: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .mt-xl-n4, + .my-xl-n4 { + margin-top: -1.5rem !important; + } + + .mr-xl-n4, + .mx-xl-n4 { + margin-right: -1.5rem !important; + } + + .mb-xl-n4, + .my-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-xl-n4, + .mx-xl-n4 { + margin-left: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mt-xl-n5, + .my-xl-n5 { + margin-top: -3rem !important; + } + + .mr-xl-n5, + .mx-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n5, + .my-xl-n5 { + margin-bottom: -3rem !important; + } + + .ml-xl-n5, + .mx-xl-n5 { + margin-left: -3rem !important; + } + + .m-xl-n-9 { + margin: 10rem !important; + } + + .mt-xl-n-9, + .my-xl-n-9 { + margin-top: 10rem !important; + } + + .mr-xl-n-9, + .mx-xl-n-9 { + margin-right: 10rem !important; + } + + .mb-xl-n-9, + .my-xl-n-9 { + margin-bottom: 10rem !important; + } + + .ml-xl-n-9, + .mx-xl-n-9 { + margin-left: 10rem !important; + } + + .m-xl-n-8 { + margin: 8rem !important; + } + + .mt-xl-n-8, + .my-xl-n-8 { + margin-top: 8rem !important; + } + + .mr-xl-n-8, + .mx-xl-n-8 { + margin-right: 8rem !important; + } + + .mb-xl-n-8, + .my-xl-n-8 { + margin-bottom: 8rem !important; + } + + .ml-xl-n-8, + .mx-xl-n-8 { + margin-left: 8rem !important; + } + + .m-xl-n-7 { + margin: 6rem !important; + } + + .mt-xl-n-7, + .my-xl-n-7 { + margin-top: 6rem !important; + } + + .mr-xl-n-7, + .mx-xl-n-7 { + margin-right: 6rem !important; + } + + .mb-xl-n-7, + .my-xl-n-7 { + margin-bottom: 6rem !important; + } + + .ml-xl-n-7, + .mx-xl-n-7 { + margin-left: 6rem !important; + } + + .m-xl-n-6 { + margin: 4.5rem !important; + } + + .mt-xl-n-6, + .my-xl-n-6 { + margin-top: 4.5rem !important; + } + + .mr-xl-n-6, + .mx-xl-n-6 { + margin-right: 4.5rem !important; + } + + .mb-xl-n-6, + .my-xl-n-6 { + margin-bottom: 4.5rem !important; + } + + .ml-xl-n-6, + .mx-xl-n-6 { + margin-left: 4.5rem !important; + } + + .m-xl-n-5 { + margin: 3rem !important; + } + + .mt-xl-n-5, + .my-xl-n-5 { + margin-top: 3rem !important; + } + + .mr-xl-n-5, + .mx-xl-n-5 { + margin-right: 3rem !important; + } + + .mb-xl-n-5, + .my-xl-n-5 { + margin-bottom: 3rem !important; + } + + .ml-xl-n-5, + .mx-xl-n-5 { + margin-left: 3rem !important; + } + + .m-xl-n-4 { + margin: 1.5rem !important; + } + + .mt-xl-n-4, + .my-xl-n-4 { + margin-top: 1.5rem !important; + } + + .mr-xl-n-4, + .mx-xl-n-4 { + margin-right: 1.5rem !important; + } + + .mb-xl-n-4, + .my-xl-n-4 { + margin-bottom: 1.5rem !important; + } + + .ml-xl-n-4, + .mx-xl-n-4 { + margin-left: 1.5rem !important; + } + + .m-xl-n-3 { + margin: 1rem !important; + } + + .mt-xl-n-3, + .my-xl-n-3 { + margin-top: 1rem !important; + } + + .mr-xl-n-3, + .mx-xl-n-3 { + margin-right: 1rem !important; + } + + .mb-xl-n-3, + .my-xl-n-3 { + margin-bottom: 1rem !important; + } + + .ml-xl-n-3, + .mx-xl-n-3 { + margin-left: 1rem !important; + } + + .m-xl-n-2 { + margin: 0.5rem !important; + } + + .mt-xl-n-2, + .my-xl-n-2 { + margin-top: 0.5rem !important; + } + + .mr-xl-n-2, + .mx-xl-n-2 { + margin-right: 0.5rem !important; + } + + .mb-xl-n-2, + .my-xl-n-2 { + margin-bottom: 0.5rem !important; + } + + .ml-xl-n-2, + .mx-xl-n-2 { + margin-left: 0.5rem !important; + } + + .m-xl-n-1 { + margin: 0.25rem !important; + } + + .mt-xl-n-1, + .my-xl-n-1 { + margin-top: 0.25rem !important; + } + + .mr-xl-n-1, + .mx-xl-n-1 { + margin-right: 0.25rem !important; + } + + .mb-xl-n-1, + .my-xl-n-1 { + margin-bottom: 0.25rem !important; + } + + .ml-xl-n-1, + .mx-xl-n-1 { + margin-left: 0.25rem !important; + } + + .m-xl-n6 { + margin: -4.5rem !important; + } + + .mt-xl-n6, + .my-xl-n6 { + margin-top: -4.5rem !important; + } + + .mr-xl-n6, + .mx-xl-n6 { + margin-right: -4.5rem !important; + } + + .mb-xl-n6, + .my-xl-n6 { + margin-bottom: -4.5rem !important; + } + + .ml-xl-n6, + .mx-xl-n6 { + margin-left: -4.5rem !important; + } + + .m-xl-n7 { + margin: -6rem !important; + } + + .mt-xl-n7, + .my-xl-n7 { + margin-top: -6rem !important; + } + + .mr-xl-n7, + .mx-xl-n7 { + margin-right: -6rem !important; + } + + .mb-xl-n7, + .my-xl-n7 { + margin-bottom: -6rem !important; + } + + .ml-xl-n7, + .mx-xl-n7 { + margin-left: -6rem !important; + } + + .m-xl-n8 { + margin: -8rem !important; + } + + .mt-xl-n8, + .my-xl-n8 { + margin-top: -8rem !important; + } + + .mr-xl-n8, + .mx-xl-n8 { + margin-right: -8rem !important; + } + + .mb-xl-n8, + .my-xl-n8 { + margin-bottom: -8rem !important; + } + + .ml-xl-n8, + .mx-xl-n8 { + margin-left: -8rem !important; + } + + .m-xl-n9 { + margin: -10rem !important; + } + + .mt-xl-n9, + .my-xl-n9 { + margin-top: -10rem !important; + } + + .mr-xl-n9, + .mx-xl-n9 { + margin-right: -10rem !important; + } + + .mb-xl-n9, + .my-xl-n9 { + margin-bottom: -10rem !important; + } + + .ml-xl-n9, + .mx-xl-n9 { + margin-left: -10rem !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-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !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-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #fff !important; +} + +.text-primary { + color: #5e72e4 !important; +} + +a.text-primary:hover, +a.text-primary:focus { + color: #233dd2 !important; +} + +.text-secondary { + color: #f4f5f7 !important; +} + +a.text-secondary:hover, +a.text-secondary:focus { + color: #c8cdd7 !important; +} + +.text-success { + color: #2dce89 !important; +} + +a.text-success:hover, +a.text-success:focus { + color: #1f8f5f !important; +} + +.text-info { + color: #11cdef !important; +} + +a.text-info:hover, +a.text-info:focus { + color: #0b90a8 !important; +} + +.text-warning { + color: #fb6340 !important; +} + +a.text-warning:hover, +a.text-warning:focus { + color: #ea3005 !important; +} + +.text-danger { + color: #f5365c !important; +} + +a.text-danger:hover, +a.text-danger:focus { + color: #d40b33 !important; +} + +.text-light { + color: #adb5bd !important; +} + +a.text-light:hover, +a.text-light:focus { + color: #838f9b !important; +} + +.text-dark { + color: #212529 !important; +} + +a.text-dark:hover, +a.text-dark:focus { + color: black !important; +} + +.text-default { + color: #172b4d !important; +} + +a.text-default:hover, +a.text-default:focus { + color: #050a12 !important; +} + +.text-white { + color: #fff !important; +} + +a.text-white:hover, +a.text-white:focus { + color: #d9d9d9 !important; +} + +.text-neutral { + color: #fff !important; +} + +a.text-neutral:hover, +a.text-neutral:focus { + color: #d9d9d9 !important; +} + +.text-darker { + color: black !important; +} + +a.text-darker:hover, +a.text-darker:focus { + color: black !important; +} + +.text-body { + color: #525f7f !important; +} + +.text-muted { + color: #8898aa !important; +} + +.text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !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: 0.0625rem solid #adb5bd; + 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: 0.0625rem solid #000; + } + + .table { + border-collapse: collapse !important; + } + + .table td, + .table th { + background-color: #fff !important; + } + + .table-bordered th, + .table-bordered td { + border: 1px solid #dee2e6 !important; + } + + .table-dark { + color: inherit; + } + + .table-dark th, + .table-dark td, + .table-dark thead th, + .table-dark tbody+tbody { + border-color: #dee2e6; + } + + .table .thead-dark th { + color: inherit; + border-color: #dee2e6; + } +} + +/*! + +========================================================= +* {{ site.product.name }} {{ site.product.name_long }} - v{{ site.product.version }} +========================================================= + +* Product Page: {{ site.product.download }} +* Copyright {{ 'now' | date: "%Y" }} {{ site.author }} ({{ site.website.url }}) +* Licensed under MIT ({{ site.product.license }}) + +* Coded by www.creative-tim.com + +========================================================= + +* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +*/ +iframe { + border: 0; +} + +figcaption, +figure, +main { + display: block; +} + +main { + overflow: hidden; +} + +.section-nucleo-icons .icons-container { + position: relative; + max-width: 100%; + height: 360px; + margin: 0 auto; + z-index: 1; +} + +.section-nucleo-icons { + --icon-size: 5rem; + --icon-sm-size: 3.75rem; + --gutter: 7rem; +} + +.section-nucleo-icons .icons-container i { + position: absolute; + display: inline-flex; + align-items: center; + justify-content: center; + border-radius: 50%; + background: #fff; + z-index: 1; + transform: translate(-50%, -50%); + box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07); + transition: all 0.2s cubic-bezier(0.25, 0.65, 0.9, 0.75); +} + +.section-nucleo-icons .icons-container i.icon { + width: var(--icon-size); + height: var(--icon-size); + font-size: 1.7em; +} + +.section-nucleo-icons .icons-container i.icon-sm { + width: var(--icon-sm-size); + height: var(--icon-sm-size); + font-size: 1.5em; +} + +.section-nucleo-icons .icons-container i:nth-child(1) { + font-size: 42px; + color: #fb6340; + z-index: 2; +} + +.section-nucleo-icons .icons-container:not(.on-screen) i { + transform: translate(-50%, -50%); + left: 50%; + top: 50%; +} + +.section-nucleo-icons .icons-container:not(.on-screen) i:not(:nth-child(1)) { + opacity: 0; +} + +.section-nucleo-icons .icons-container.on-screen i { + opacity: 1; +} + +.section-nucleo-icons .icons-container.on-screen i:nth-child(1) { + left: 50%; + top: 50%; + font-size: 42px; + color: #fb6340; +} + +.section-nucleo-icons .icons-container.on-screen i:nth-child(2) { + left: calc(50% + (var(--gutter) * 1.7)); + top: 50%; +} + +.section-nucleo-icons .icons-container.on-screen i:nth-child(3) { + left: calc(50% + var(--gutter)); + top: calc(50% + var(--gutter)); +} + +.section-nucleo-icons .icons-container.on-screen i:nth-child(4) { + left: calc(50% + var(--gutter)); + top: calc(50% - var(--gutter)); +} + +.section-nucleo-icons .icons-container.on-screen i:nth-child(5) { + left: calc(50% + (var(--gutter) * 3)); + top: 50%; +} + +.section-nucleo-icons .icons-container.on-screen i:nth-child(6) { + left: calc(50% + (var(--gutter) * 2.7)); + top: calc(50% + (var(--gutter) * 1.5)); +} + +.section-nucleo-icons .icons-container.on-screen i:nth-child(7) { + left: calc(50% + (var(--gutter) * 2.7)); + top: calc(50% - (var(--gutter) * 1.5)); +} + +.section-nucleo-icons .icons-container.on-screen i:nth-child(8) { + left: calc(50% - (var(--gutter) * 1.7)); + top: 50%; +} + +.section-nucleo-icons .icons-container.on-screen i:nth-child(9) { + left: calc(50% - var(--gutter)); + top: calc(50% + var(--gutter)); +} + +.section-nucleo-icons .icons-container.on-screen i:nth-child(10) { + left: calc(50% - var(--gutter)); + top: calc(50% - var(--gutter)); +} + +.section-nucleo-icons .icons-container.on-screen i:nth-child(11) { + left: calc(50% - (var(--gutter) * 4)); + top: 50%; +} + +.section-nucleo-icons .icons-container.on-screen i:nth-child(12) { + left: calc(50% - (var(--gutter) * 2.7)); + top: calc(50% + (var(--gutter) * 1.5)); +} + +.section-nucleo-icons .icons-container.on-screen i:nth-child(13) { + left: calc(50% - (var(--gutter) * 2.7)); + top: calc(50% - (var(--gutter) * 1.5)); +} + +@media (max-width: 991.98px) { + .section-nucleo-icons { + overflow: hidden; + } +} + +.blur--hover { + position: relative; +} + +.blur--hover .blur-item { + transition: 1s cubic-bezier(0.19, 1, 0.22, 1); + will-change: transform; + filter: blur(0); + opacity: 1; +} + +.blur--hover .blur-hidden { + position: absolute; + top: calc(50% + 7px); + left: 50%; + transform: translate(-50%, -50%); + opacity: 0; + transition: all 0.15s ease; + z-index: 100; +} + +.blur--hover:hover .blur-item { + opacity: .8; + filter: blur(10px); + transform: scale(0.95); + z-index: 1; +} + +.blur--hover:hover .blur-hidden { + opacity: 1; + top: 50%; +} + +.info .info-title { + margin: 25px 0 15px; + font-weight: 600; +} + +.bg-blue { + background-color: #5e72e4 !important; +} + +a.bg-blue:hover, +a.bg-blue:focus, +button.bg-blue:hover, +button.bg-blue:focus { + background-color: #324cdd !important; +} + +.bg-indigo { + background-color: #5603ad !important; +} + +a.bg-indigo:hover, +a.bg-indigo:focus, +button.bg-indigo:hover, +button.bg-indigo:focus { + background-color: #3d027b !important; +} + +.bg-purple { + background-color: #8965e0 !important; +} + +a.bg-purple:hover, +a.bg-purple:focus, +button.bg-purple:hover, +button.bg-purple:focus { + background-color: #683bd7 !important; +} + +.bg-pink { + background-color: #f3a4b5 !important; +} + +a.bg-pink:hover, +a.bg-pink:focus, +button.bg-pink:hover, +button.bg-pink:focus { + background-color: #ed7790 !important; +} + +.bg-red { + background-color: #f5365c !important; +} + +a.bg-red:hover, +a.bg-red:focus, +button.bg-red:hover, +button.bg-red:focus { + background-color: #ec0c38 !important; +} + +.bg-orange { + background-color: #fb6340 !important; +} + +a.bg-orange:hover, +a.bg-orange:focus, +button.bg-orange:hover, +button.bg-orange:focus { + background-color: #fa3a0e !important; +} + +.bg-yellow { + background-color: #ffd600 !important; +} + +a.bg-yellow:hover, +a.bg-yellow:focus, +button.bg-yellow:hover, +button.bg-yellow:focus { + background-color: #ccab00 !important; +} + +.bg-green { + background-color: #2dce89 !important; +} + +a.bg-green:hover, +a.bg-green:focus, +button.bg-green:hover, +button.bg-green:focus { + background-color: #24a46d !important; +} + +.bg-teal { + background-color: #11cdef !important; +} + +a.bg-teal:hover, +a.bg-teal:focus, +button.bg-teal:hover, +button.bg-teal:focus { + background-color: #0da5c0 !important; +} + +.bg-cyan { + background-color: #2bffc6 !important; +} + +a.bg-cyan:hover, +a.bg-cyan:focus, +button.bg-cyan:hover, +button.bg-cyan:focus { + background-color: #00f7b5 !important; +} + +.bg-white { + background-color: #fff !important; +} + +a.bg-white:hover, +a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e6e6e6 !important; +} + +.bg-gray { + background-color: #8898aa !important; +} + +a.bg-gray:hover, +a.bg-gray:focus, +button.bg-gray:hover, +button.bg-gray:focus { + background-color: #6a7e95 !important; +} + +.bg-gray-dark { + background-color: #32325d !important; +} + +a.bg-gray-dark:hover, +a.bg-gray-dark:focus, +button.bg-gray-dark:hover, +button.bg-gray-dark:focus { + background-color: #20203c !important; +} + +.bg-light { + background-color: #ced4da !important; +} + +a.bg-light:hover, +a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #b1bbc4 !important; +} + +.bg-lighter { + background-color: #e9ecef !important; +} + +a.bg-lighter:hover, +a.bg-lighter:focus, +button.bg-lighter:hover, +button.bg-lighter:focus { + background-color: #cbd3da !important; +} + +.bg-gradient-primary { + background: linear-gradient(35deg, #5e72e4 0, #825ee4 100%) !important; +} + +.bg-gradient-secondary { + background: linear-gradient(35deg, #f4f5f7 0, #f4f4f7 100%) !important; +} + +.bg-gradient-success { + background: linear-gradient(35deg, #2dce89 0, #2dcecc 100%) !important; +} + +.bg-gradient-info { + background: linear-gradient(35deg, #11cdef 0, #1171ef 100%) !important; +} + +.bg-gradient-warning { + background: linear-gradient(35deg, #fb6340 0, #fbb140 100%) !important; +} + +.bg-gradient-danger { + background: linear-gradient(35deg, #f5365c 0, #f56036 100%) !important; +} + +.bg-gradient-light { + background: linear-gradient(35deg, #adb5bd 0, #adaebd 100%) !important; +} + +.bg-gradient-dark { + background: linear-gradient(35deg, #212529 0, #212229 100%) !important; +} + +.bg-gradient-default { + background: linear-gradient(35deg, #172b4d 0, #1a174d 100%) !important; +} + +.bg-gradient-white { + background: linear-gradient(35deg, #fff 0, white 100%) !important; +} + +.bg-gradient-neutral { + background: linear-gradient(35deg, #fff 0, white 100%) !important; +} + +.bg-gradient-darker { + background: linear-gradient(35deg, black 0, black 100%) !important; +} + +.bg-gradient-blue { + background: linear-gradient(35deg, #5e72e4 0, #825ee4 100%) !important; +} + +.bg-gradient-indigo { + background: linear-gradient(35deg, #5603ad 0, #9d03ad 100%) !important; +} + +.bg-gradient-purple { + background: linear-gradient(35deg, #8965e0 0, #bc65e0 100%) !important; +} + +.bg-gradient-pink { + background: linear-gradient(35deg, #f3a4b5 0, #f3b4a4 100%) !important; +} + +.bg-gradient-red { + background: linear-gradient(35deg, #f5365c 0, #f56036 100%) !important; +} + +.bg-gradient-orange { + background: linear-gradient(35deg, #fb6340 0, #fbb140 100%) !important; +} + +.bg-gradient-yellow { + background: linear-gradient(35deg, #ffd600 0, #beff00 100%) !important; +} + +.bg-gradient-green { + background: linear-gradient(35deg, #2dce89 0, #2dcecc 100%) !important; +} + +.bg-gradient-teal { + background: linear-gradient(35deg, #11cdef 0, #1171ef 100%) !important; +} + +.bg-gradient-cyan { + background: linear-gradient(35deg, #2bffc6 0, #2be0ff 100%) !important; +} + +.bg-gradient-white { + background: linear-gradient(35deg, #fff 0, white 100%) !important; +} + +.bg-gradient-gray { + background: linear-gradient(35deg, #8898aa 0, #888aaa 100%) !important; +} + +.bg-gradient-gray-dark { + background: linear-gradient(35deg, #32325d 0, #44325d 100%) !important; +} + +.bg-gradient-light { + background: linear-gradient(35deg, #ced4da 0, #cecfda 100%) !important; +} + +.bg-gradient-lighter { + background: linear-gradient(35deg, #e9ecef 0, #e9eaef 100%) !important; +} + +.bg-translucent-primary { + background-color: rgba(63, 87, 223, 0.6) !important; +} + +a.bg-translucent-primary:hover, +a.bg-translucent-primary:focus, +button.bg-translucent-primary:hover, +button.bg-translucent-primary:focus { + background-color: rgba(42, 68, 219, 0.6) !important; +} + +.bg-translucent-secondary { + background-color: rgba(223, 226, 232, 0.6) !important; +} + +a.bg-translucent-secondary:hover, +a.bg-translucent-secondary:focus, +button.bg-translucent-secondary:hover, +button.bg-translucent-secondary:focus { + background-color: rgba(209, 213, 221, 0.6) !important; +} + +.bg-translucent-success { + background-color: rgba(39, 177, 118, 0.6) !important; +} + +a.bg-translucent-success:hover, +a.bg-translucent-success:focus, +button.bg-translucent-success:hover, +button.bg-translucent-success:focus { + background-color: rgba(34, 156, 104, 0.6) !important; +} + +.bg-translucent-info { + background-color: rgba(14, 177, 206, 0.6) !important; +} + +a.bg-translucent-info:hover, +a.bg-translucent-info:focus, +button.bg-translucent-info:hover, +button.bg-translucent-info:focus { + background-color: rgba(12, 156, 183, 0.6) !important; +} + +.bg-translucent-warning { + background-color: rgba(250, 70, 29, 0.6) !important; +} + +a.bg-translucent-warning:hover, +a.bg-translucent-warning:focus, +button.bg-translucent-warning:hover, +button.bg-translucent-warning:focus { + background-color: rgba(249, 51, 5, 0.6) !important; +} + +.bg-translucent-danger { + background-color: rgba(243, 20, 64, 0.6) !important; +} + +a.bg-translucent-danger:hover, +a.bg-translucent-danger:focus, +button.bg-translucent-danger:hover, +button.bg-translucent-danger:focus { + background-color: rgba(227, 11, 54, 0.6) !important; +} + +.bg-translucent-light { + background-color: rgba(153, 163, 173, 0.6) !important; +} + +a.bg-translucent-light:hover, +a.bg-translucent-light:focus, +button.bg-translucent-light:hover, +button.bg-translucent-light:focus { + background-color: rgba(139, 150, 162, 0.6) !important; +} + +.bg-translucent-dark { + background-color: rgba(17, 19, 21, 0.6) !important; +} + +a.bg-translucent-dark:hover, +a.bg-translucent-dark:focus, +button.bg-translucent-dark:hover, +button.bg-translucent-dark:focus { + background-color: rgba(6, 6, 7, 0.6) !important; +} + +.bg-translucent-default { + background-color: rgba(15, 28, 50, 0.6) !important; +} + +a.bg-translucent-default:hover, +a.bg-translucent-default:focus, +button.bg-translucent-default:hover, +button.bg-translucent-default:focus { + background-color: rgba(9, 17, 30, 0.6) !important; +} + +.bg-translucent-white { + background-color: rgba(237, 237, 237, 0.6) !important; +} + +a.bg-translucent-white:hover, +a.bg-translucent-white:focus, +button.bg-translucent-white:hover, +button.bg-translucent-white:focus { + background-color: rgba(224, 224, 224, 0.6) !important; +} + +.bg-translucent-neutral { + background-color: rgba(237, 237, 237, 0.6) !important; +} + +a.bg-translucent-neutral:hover, +a.bg-translucent-neutral:focus, +button.bg-translucent-neutral:hover, +button.bg-translucent-neutral:focus { + background-color: rgba(224, 224, 224, 0.6) !important; +} + +.bg-translucent-darker { + background-color: rgba(0, 0, 0, 0.6) !important; +} + +a.bg-translucent-darker:hover, +a.bg-translucent-darker:focus, +button.bg-translucent-darker:hover, +button.bg-translucent-darker:focus { + background-color: rgba(0, 0, 0, 0.6) !important; +} + +.section-primary { + background-color: #fff !important; +} + +a.section-primary:hover, +a.section-primary:focus, +button.section-primary:hover, +button.section-primary:focus { + background-color: #e6e6e6 !important; +} + +.section-secondary { + background-color: #f4f5f7 !important; +} + +a.section-secondary:hover, +a.section-secondary:focus, +button.section-secondary:hover, +button.section-secondary:focus { + background-color: #d6dae2 !important; +} + +.section-light { + background-color: #ced4da !important; +} + +a.section-light:hover, +a.section-light:focus, +button.section-light:hover, +button.section-light:focus { + background-color: #b1bbc4 !important; +} + +.section-dark { + background-color: #212529 !important; +} + +a.section-dark:hover, +a.section-dark:focus, +button.section-dark:hover, +button.section-dark:focus { + background-color: #0a0c0d !important; +} + +.section-darker { + background-color: black !important; +} + +a.section-darker:hover, +a.section-darker:focus, +button.section-darker:hover, +button.section-darker:focus { + background-color: black !important; +} + +.bg-gradient-primary { + background: linear-gradient(35deg, #5e72e4 0, #825ee4 100%) !important; +} + +.bg-gradient-secondary { + background: linear-gradient(35deg, #f4f5f7 0, #f4f4f7 100%) !important; +} + +.bg-gradient-success { + background: linear-gradient(35deg, #2dce89 0, #2dcecc 100%) !important; +} + +.bg-gradient-info { + background: linear-gradient(35deg, #11cdef 0, #1171ef 100%) !important; +} + +.bg-gradient-warning { + background: linear-gradient(35deg, #fb6340 0, #fbb140 100%) !important; +} + +.bg-gradient-danger { + background: linear-gradient(35deg, #f5365c 0, #f56036 100%) !important; +} + +.bg-gradient-light { + background: linear-gradient(35deg, #adb5bd 0, #adaebd 100%) !important; +} + +.bg-gradient-dark { + background: linear-gradient(35deg, #212529 0, #212229 100%) !important; +} + +.bg-gradient-default { + background: linear-gradient(35deg, #172b4d 0, #1a174d 100%) !important; +} + +.bg-gradient-white { + background: linear-gradient(35deg, #fff 0, white 100%) !important; +} + +.bg-gradient-neutral { + background: linear-gradient(35deg, #fff 0, white 100%) !important; +} + +.bg-gradient-darker { + background: linear-gradient(35deg, black 0, black 100%) !important; +} + +.fill-primary { + fill: #5e72e4; +} + +.stroke-primary { + stroke: #5e72e4; +} + +.fill-secondary { + fill: #f4f5f7; +} + +.stroke-secondary { + stroke: #f4f5f7; +} + +.fill-success { + fill: #2dce89; +} + +.stroke-success { + stroke: #2dce89; +} + +.fill-info { + fill: #11cdef; +} + +.stroke-info { + stroke: #11cdef; +} + +.fill-warning { + fill: #fb6340; +} + +.stroke-warning { + stroke: #fb6340; +} + +.fill-danger { + fill: #f5365c; +} + +.stroke-danger { + stroke: #f5365c; +} + +.fill-light { + fill: #adb5bd; +} + +.stroke-light { + stroke: #adb5bd; +} + +.fill-dark { + fill: #212529; +} + +.stroke-dark { + stroke: #212529; +} + +.fill-default { + fill: #172b4d; +} + +.stroke-default { + stroke: #172b4d; +} + +.fill-white { + fill: #fff; +} + +.stroke-white { + stroke: #fff; +} + +.fill-neutral { + fill: #fff; +} + +.stroke-neutral { + stroke: #fff; +} + +.fill-darker { + fill: black; +} + +.stroke-darker { + stroke: black; +} + +.fill-opacity-8 { + fill-opacity: .8; +} + +.floating { + animation: floating 3s ease infinite; + will-change: transform; +} + +.floating:hover { + animation-play-state: paused; +} + +.floating-lg { + animation: floating-lg 3s ease infinite; +} + +.floating-sm { + animation: floating-sm 3s ease infinite; +} + +@keyframes floating-lg { + 0% { + transform: translateY(0px); + } + + 50% { + transform: translateY(15px); + } + + 100% { + transform: translateY(0px); + } +} + +@keyframes floating { + 0% { + transform: translateY(0px); + } + + 50% { + transform: translateY(10px); + } + + 100% { + transform: translateY(0px); + } +} + +@keyframes floating-sm { + 0% { + transform: translateY(0px); + } + + 50% { + transform: translateY(5px); + } + + 100% { + transform: translateY(0px); + } +} + +.img-center { + display: block; + margin-left: auto; + margin-right: auto; +} + +.floatfix:before, +.floatfix:after { + content: ''; + display: table; +} + +.floatfix:after { + clear: both; +} + +.overflow-visible { + overflow: visible !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.opacity-1 { + opacity: .1 !important; +} + +.opacity-2 { + opacity: .2 !important; +} + +.opacity-3 { + opacity: .3 !important; +} + +.opacity-4 { + opacity: .4 !important; +} + +.opacity-5 { + opacity: .5 !important; +} + +.opacity-6 { + opacity: .6 !important; +} + +.opacity-7 { + opacity: .7 !important; +} + +.opacity-8 { + opacity: .8 !important; +} + +.opacity-9 { + opacity: .9 !important; +} + +.opacity-10 { + opacity: 1 !important; +} + +.top-0 { + top: 0; +} + +.right-0 { + right: 0; +} + +.bottom-0 { + bottom: 0; +} + +.left-0 { + left: 0; +} + +.top-1 { + top: 0.25rem; +} + +.right-1 { + right: 0.25rem; +} + +.bottom-1 { + bottom: 0.25rem; +} + +.left-1 { + left: 0.25rem; +} + +.top-2 { + top: 0.5rem; +} + +.right-2 { + right: 0.5rem; +} + +.bottom-2 { + bottom: 0.5rem; +} + +.left-2 { + left: 0.5rem; +} + +.top-3 { + top: 1rem; +} + +.right-3 { + right: 1rem; +} + +.bottom-3 { + bottom: 1rem; +} + +.left-3 { + left: 1rem; +} + +.top-4 { + top: 1.5rem; +} + +.right-4 { + right: 1.5rem; +} + +.bottom-4 { + bottom: 1.5rem; +} + +.left-4 { + left: 1.5rem; +} + +.top-5 { + top: 3rem; +} + +.right-5 { + right: 3rem; +} + +.bottom-5 { + bottom: 3rem; +} + +.left-5 { + left: 3rem; +} + +.top--9 { + top: -10rem; +} + +.right--9 { + right: -10rem; +} + +.bottom--9 { + bottom: -10rem; +} + +.left--9 { + left: -10rem; +} + +.top--8 { + top: -8rem; +} + +.right--8 { + right: -8rem; +} + +.bottom--8 { + bottom: -8rem; +} + +.left--8 { + left: -8rem; +} + +.top--7 { + top: -6rem; +} + +.right--7 { + right: -6rem; +} + +.bottom--7 { + bottom: -6rem; +} + +.left--7 { + left: -6rem; +} + +.top--6 { + top: -4.5rem; +} + +.right--6 { + right: -4.5rem; +} + +.bottom--6 { + bottom: -4.5rem; +} + +.left--6 { + left: -4.5rem; +} + +.top--5 { + top: -3rem; +} + +.right--5 { + right: -3rem; +} + +.bottom--5 { + bottom: -3rem; +} + +.left--5 { + left: -3rem; +} + +.top--4 { + top: -1.5rem; +} + +.right--4 { + right: -1.5rem; +} + +.bottom--4 { + bottom: -1.5rem; +} + +.left--4 { + left: -1.5rem; +} + +.top--3 { + top: -1rem; +} + +.right--3 { + right: -1rem; +} + +.bottom--3 { + bottom: -1rem; +} + +.left--3 { + left: -1rem; +} + +.top--2 { + top: -0.5rem; +} + +.right--2 { + right: -0.5rem; +} + +.bottom--2 { + bottom: -0.5rem; +} + +.left--2 { + left: -0.5rem; +} + +.top--1 { + top: -0.25rem; +} + +.right--1 { + right: -0.25rem; +} + +.bottom--1 { + bottom: -0.25rem; +} + +.left--1 { + left: -0.25rem; +} + +.top-6 { + top: 4.5rem; +} + +.right-6 { + right: 4.5rem; +} + +.bottom-6 { + bottom: 4.5rem; +} + +.left-6 { + left: 4.5rem; +} + +.top-7 { + top: 6rem; +} + +.right-7 { + right: 6rem; +} + +.bottom-7 { + bottom: 6rem; +} + +.left-7 { + left: 6rem; +} + +.top-8 { + top: 8rem; +} + +.right-8 { + right: 8rem; +} + +.bottom-8 { + bottom: 8rem; +} + +.left-8 { + left: 8rem; +} + +.top-9 { + top: 10rem; +} + +.right-9 { + right: 10rem; +} + +.bottom-9 { + bottom: 10rem; +} + +.left-9 { + left: 10rem; +} + +.center { + left: 50%; + transform: translateX(-50%); +} + +.h-100vh { + height: 100vh !important; +} + +.row.row-grid>[class*="col-"]+[class*="col-"] { + margin-top: 3rem; +} + +@media (min-width: 992px) { + .row.row-grid>[class*="col-lg-"]+[class*="col-lg-"] { + margin-top: 0; + } +} + +@media (min-width: 768px) { + .row.row-grid>[class*="col-md-"]+[class*="col-md-"] { + margin-top: 0; + } +} + +@media (min-width: 576px) { + .row.row-grid>[class*="col-sm-"]+[class*="col-sm-"] { + margin-top: 0; + } +} + +.row-grid+.row-grid { + margin-top: 3rem; +} + +@media (min-width: 992px) { + + [class*="mt--"], + [class*="mr--"], + [class*="mb--"], + [class*="ml--"] { + position: relative; + z-index: 5; + } + + .mt--100 { + margin-top: -100px !important; + } + + .mr--100 { + margin-right: -100px !important; + } + + .mb--100 { + margin-bottom: -100px !important; + } + + .ml--100 { + margin-left: -100px !important; + } + + .mt--150 { + margin-top: -150px !important; + } + + .mb--150 { + margin-bottom: -150px !important; + } + + .mt--200 { + margin-top: -200px !important; + } + + .mb--200 { + margin-bottom: -200px !important; + } + + .mt--300 { + margin-top: -300px !important; + } + + .mb--300 { + margin-bottom: -300px !important; + } + + .pt-100 { + padding-top: 100px !important; + } + + .pb-100 { + padding-bottom: 100px !important; + } + + .pt-150 { + padding-top: 150px !important; + } + + .pb-150 { + padding-bottom: 150px !important; + } + + .pt-200 { + padding-top: 200px !important; + } + + .pb-200 { + padding-bottom: 200px !important; + } + + .pt-250 { + padding-top: 250px !important; + } + + .pb-250 { + padding-bottom: 250px !important; + } + + .pt-300 { + padding-top: 300px !important; + } + + .pb-300 { + padding-bottom: 300px !important; + } +} + +[class*="shadow"] { + transition: all 0.15s ease; +} + +.shadow-sm--hover:hover { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} + +.shadow--hover:hover { + box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important; +} + +.shadow-lg--hover:hover { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +} + +.shadow-none--hover:hover { + box-shadow: none !important; +} + +.font-weight-300 { + font-weight: 300 !important; +} + +.font-weight-400 { + font-weight: 400 !important; +} + +.font-weight-500 { + font-weight: 500 !important; +} + +.font-weight-600 { + font-weight: 600 !important; +} + +.font-weight-700 { + font-weight: 700 !important; +} + +.font-weight-800 { + font-weight: 800 !important; +} + +.font-weight-900 { + font-weight: 900 !important; +} + +.text-underline { + text-decoration: underline; +} + +.text-through { + text-decoration: line-through; +} + +.lh-100 { + line-height: 1; +} + +.lh-110 { + line-height: 1.1; +} + +.lh-120 { + line-height: 1.2; +} + +.lh-130 { + line-height: 1.3; +} + +.lh-140 { + line-height: 1.4; +} + +.lh-150 { + line-height: 1.5; +} + +.lh-160 { + line-height: 1.6; +} + +.lh-170 { + line-height: 1.7; +} + +.lh-180 { + line-height: 1.8; +} + +.ls-1 { + letter-spacing: .0625rem; +} + +.ls-15 { + letter-spacing: .09375rem; +} + +.ls-2 { + letter-spacing: 0.125rem; +} + +.text-blue { + color: #5e72e4 !important; +} + +a.text-blue:hover, +a.text-blue:focus { + color: #233dd2 !important; +} + +.text-indigo { + color: #5603ad !important; +} + +a.text-indigo:hover, +a.text-indigo:focus { + color: #310262 !important; +} + +.text-purple { + color: #8965e0 !important; +} + +a.text-purple:hover, +a.text-purple:focus { + color: #5a2acf !important; +} + +.text-pink { + color: #f3a4b5 !important; +} + +a.text-pink:hover, +a.text-pink:focus { + color: #ea607e !important; +} + +.text-red { + color: #f5365c !important; +} + +a.text-red:hover, +a.text-red:focus { + color: #d40b33 !important; +} + +.text-orange { + color: #fb6340 !important; +} + +a.text-orange:hover, +a.text-orange:focus { + color: #ea3005 !important; +} + +.text-yellow { + color: #ffd600 !important; +} + +a.text-yellow:hover, +a.text-yellow:focus { + color: #b39600 !important; +} + +.text-green { + color: #2dce89 !important; +} + +a.text-green:hover, +a.text-green:focus { + color: #1f8f5f !important; +} + +.text-teal { + color: #11cdef !important; +} + +a.text-teal:hover, +a.text-teal:focus { + color: #0b90a8 !important; +} + +.text-cyan { + color: #2bffc6 !important; +} + +a.text-cyan:hover, +a.text-cyan:focus { + color: #00dea2 !important; +} + +.text-white { + color: #fff !important; +} + +a.text-white:hover, +a.text-white:focus { + color: #d9d9d9 !important; +} + +.text-gray { + color: #8898aa !important; +} + +a.text-gray:hover, +a.text-gray:focus { + color: #607286 !important; +} + +.text-gray-dark { + color: #32325d !important; +} + +a.text-gray-dark:hover, +a.text-gray-dark:focus { + color: #17172b !important; +} + +.text-light { + color: #ced4da !important; +} + +a.text-light:hover, +a.text-light:focus { + color: #a2aeb9 !important; +} + +.text-lighter { + color: #e9ecef !important; +} + +a.text-lighter:hover, +a.text-lighter:focus { + color: #bdc6cf !important; +} + +@media (min-width: 992px) { + .transform-perspective-right { + transform: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg); + } + + .transform-perspective-left { + transform: scale(1) perspective(2000px) rotateY(11deg) rotateX(2deg) rotate(-2deg); + } +} + +.alert { + padding: 1rem 1.5rem; + border: 0; + font-size: 0.875rem; + border-radius: 0.25rem; +} + +.alert .alert-inner--icon { + font-size: 1.25rem; + margin-right: 1.25rem; + display: inline-block; + vertical-align: middle; +} + +.alert .alert-inner--icon i.ni { + position: relative; + top: 1px; +} + +.alert .alert-inner--text { + display: inline-block; + vertical-align: middle; +} + +.alert:not(.alert-secondary) { + color: #fff; +} + +[class*="alert-"] .alert-link { + color: #fff; + border-bottom: 1px dotted rgba(255, 255, 255, 0.5); +} + +.alert-heading { + font-weight: 600; + font-size: 1.5rem; + margin-top: .15rem; +} + +.alert-dismissible .close { + top: 50%; + right: 1.5rem; + padding: 0; + transform: translateY(-50%); + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} + +.alert-dismissible .close:hover, +.alert-dismissible .close:focus { + color: rgba(255, 255, 255, 0.9); + opacity: 1 !important; +} + +@media (max-width: 575.98px) { + .alert-dismissible .close { + top: 1rem; + right: .5rem; + } +} + +.alert-dismissible .close>span:not(.sr-only) { + font-size: 1.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.6); +} + +.alert-dismissible .close:hover>span:not(.sr-only), +.alert-dismissible .close:focus>span:not(.sr-only) { + background-color: transparent; + color: rgba(255, 255, 255, 0.9); +} + +.avatar { + color: #fff; + background-color: #adb5bd; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 1rem; + border-radius: 50%; + height: 48px; + width: 48px; +} + +.avatar img { + width: 100%; + border-radius: 50%; +} + +.avatar+.avatar-content { + display: inline-block; + margin-left: .75rem; +} + +.avatar-lg { + width: 58px; + height: 58px; + font-size: 0.875rem; +} + +.avatar-sm { + width: 38px; + height: 38px; + font-size: 0.875rem; +} + +.avatar-group .avatar { + position: relative; + z-index: 2; + border: 2px solid #fff; +} + +.avatar-group .avatar:hover { + z-index: 3; +} + +.avatar-group .avatar+.avatar { + margin-left: -1rem; +} + +.badge { + text-transform: uppercase; +} + +.badge a { + color: #FFF; +} + +.badge-pill { + padding-right: 0.875em; + padding-left: 0.875em; +} + +.badge-circle { + text-align: center; + display: inline-flex; + align-items: center; + justify-content: center; + border-radius: 50%; + width: 2rem; + height: 2rem; + font-size: .875rem; +} + +.badge-inline { + margin-right: .625rem; +} + +.badge-inline+span { + top: 2px; + position: relative; +} + +.badge-inline+span>a { + text-decoration: underline; +} + +.badge-md { + padding: .65em 1em; +} + +.badge-lg { + padding: .85em 1.375em; +} + +.badge-secondary { + color: #32325d; +} + +.btn .badge:not(:first-child) { + margin-left: .5rem; +} + +.btn .badge:not(:last-child) { + margin-right: .5rem; +} + +.btn { + position: relative; + text-transform: uppercase; + will-change: transform; + letter-spacing: 0.025em; + font-size: 0.875rem; +} + +.btn:hover { + box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); + transform: translateY(-1px); +} + +.btn:not(:last-child) { + margin-right: .5rem; +} + +.btn-group .btn, +.input-group .btn { + margin-right: 0; + transform: translateY(0); +} + +.btn-sm, +.btn-group-sm>.btn { + font-size: 0.75rem; +} + +.btn-sm.btn-icon-only, +.btn-group-sm>.btn-icon-only.btn { + width: 35px; + height: 35px; +} + +.btn-sm .btn-inner--icon, +.btn-group-sm>.btn .btn-inner--icon { + font-size: 0.5rem; +} + +.btn-lg.btn-icon-only, +.btn-group-lg>.btn-icon-only.btn { + width: 52px; + height: 52px; +} + +.btn-lg .btn-inner--icon, +.btn-group-lg>.btn .btn-inner--icon { + font-size: 1.2rem; + position: relative; + top: 2px; +} + +[class*="btn-outline-"] { + border-width: 1px; +} + +.btn-outline-secondary { + color: #637089; +} + +.btn-inner--icon i:not(.fa) { + position: relative; +} + +.btn-link { + font-weight: 600; + box-shadow: none; +} + +.btn-link:hover { + box-shadow: none; + transform: none; +} + +.btn-link.text-secondary { + color: #637089 !important; +} + +.btn-neutral { + color: #5e72e4; +} + +.btn svg:not(:first-child), +.btn i:not(:first-child) { + margin-left: 0.5rem; +} + +.btn svg:not(:last-child), +.btn i:not(:last-child) { + margin-right: 0.5rem; +} + +.btn-icon-label { + position: relative; +} + +.btn-icon-label .btn-inner--icon { + position: absolute; + height: 100%; + line-height: 1; + border-radius: 0; + text-align: center; + margin: 0; + width: 3em; + background-color: rgba(0, 0, 0, 0.1); +} + +.btn-icon-label .btn-inner--icon:not(:first-child) { + right: 0; + top: 0; + border-top-right-radius: inherit; + border-bottom-right-radius: inherit; +} + +.btn-icon-label .btn-inner--icon:not(:last-child) { + left: 0; + top: 0; + border-top-left-radius: inherit; + border-bottom-left-radius: inherit; +} + +.btn-icon-label .btn-inner--icon svg { + position: relative; + top: 50%; + transform: translateY(-50%); +} + +.btn-icon-label .btn-inner--text:not(:first-child) { + padding-left: 3em; +} + +.btn-icon-label .btn-inner--text:not(:last-child) { + padding-right: 3em; +} + +.btn-icon .btn-inner--icon img { + width: 20px; +} + +.btn-icon .btn-inner--text:not(:first-child) { + margin-left: .75em; +} + +.btn-icon .btn-inner--text:not(:last-child) { + margin-right: .75em; +} + +.btn-icon-only { + width: 2.375rem; + height: 2.375rem; + padding: 0; +} + +a.btn-icon-only { + line-height: 2.5; +} + +.btn-icon-only.btn-sm, +.btn-group-sm>.btn-icon-only.btn { + width: 2rem; + height: 2rem; +} + +.btn-facebook { + color: #fff; + background-color: #3b5999; + border-color: #3b5999; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-facebook:hover { + color: #fff; + background-color: #3b5999; + border-color: #3b5999; +} + +.btn-facebook:focus, +.btn-facebook.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(59, 89, 153, 0.5); +} + +.btn-facebook.disabled, +.btn-facebook:disabled { + color: #fff; + background-color: #3b5999; + border-color: #3b5999; +} + +.btn-facebook:not(:disabled):not(.disabled):active, +.btn-facebook:not(:disabled):not(.disabled).active, +.show>.btn-facebook.dropdown-toggle { + color: #fff; + background-color: #2d4474; + border-color: #3b5999; +} + +.btn-facebook:not(:disabled):not(.disabled):active:focus, +.btn-facebook:not(:disabled):not(.disabled).active:focus, +.show>.btn-facebook.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0 rgba(59, 89, 153, 0.5); +} + +.btn-twitter { + color: #fff; + background-color: #1da1f2; + border-color: #1da1f2; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-twitter:hover { + color: #fff; + background-color: #1da1f2; + border-color: #1da1f2; +} + +.btn-twitter:focus, +.btn-twitter.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(29, 161, 242, 0.5); +} + +.btn-twitter.disabled, +.btn-twitter:disabled { + color: #fff; + background-color: #1da1f2; + border-color: #1da1f2; +} + +.btn-twitter:not(:disabled):not(.disabled):active, +.btn-twitter:not(:disabled):not(.disabled).active, +.show>.btn-twitter.dropdown-toggle { + color: #fff; + background-color: #0c85d0; + border-color: #1da1f2; +} + +.btn-twitter:not(:disabled):not(.disabled):active:focus, +.btn-twitter:not(:disabled):not(.disabled).active:focus, +.show>.btn-twitter.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0 rgba(29, 161, 242, 0.5); +} + +.btn-google-plus { + color: #fff; + background-color: #dd4b39; + border-color: #dd4b39; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-google-plus:hover { + color: #fff; + background-color: #dd4b39; + border-color: #dd4b39; +} + +.btn-google-plus:focus, +.btn-google-plus.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(221, 75, 57, 0.5); +} + +.btn-google-plus.disabled, +.btn-google-plus:disabled { + color: #fff; + background-color: #dd4b39; + border-color: #dd4b39; +} + +.btn-google-plus:not(:disabled):not(.disabled):active, +.btn-google-plus:not(:disabled):not(.disabled).active, +.show>.btn-google-plus.dropdown-toggle { + color: #fff; + background-color: #c23321; + border-color: #dd4b39; +} + +.btn-google-plus:not(:disabled):not(.disabled):active:focus, +.btn-google-plus:not(:disabled):not(.disabled).active:focus, +.show>.btn-google-plus.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0 rgba(221, 75, 57, 0.5); +} + +.btn-instagram { + color: #fff; + background-color: #e4405f; + border-color: #e4405f; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-instagram:hover { + color: #fff; + background-color: #e4405f; + border-color: #e4405f; +} + +.btn-instagram:focus, +.btn-instagram.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(228, 64, 95, 0.5); +} + +.btn-instagram.disabled, +.btn-instagram:disabled { + color: #fff; + background-color: #e4405f; + border-color: #e4405f; +} + +.btn-instagram:not(:disabled):not(.disabled):active, +.btn-instagram:not(:disabled):not(.disabled).active, +.show>.btn-instagram.dropdown-toggle { + color: #fff; + background-color: #d31e40; + border-color: #e4405f; +} + +.btn-instagram:not(:disabled):not(.disabled):active:focus, +.btn-instagram:not(:disabled):not(.disabled).active:focus, +.show>.btn-instagram.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0 rgba(228, 64, 95, 0.5); +} + +.btn-pinterest { + color: #fff; + background-color: #bd081c; + border-color: #bd081c; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-pinterest:hover { + color: #fff; + background-color: #bd081c; + border-color: #bd081c; +} + +.btn-pinterest:focus, +.btn-pinterest.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(189, 8, 28, 0.5); +} + +.btn-pinterest.disabled, +.btn-pinterest:disabled { + color: #fff; + background-color: #bd081c; + border-color: #bd081c; +} + +.btn-pinterest:not(:disabled):not(.disabled):active, +.btn-pinterest:not(:disabled):not(.disabled).active, +.show>.btn-pinterest.dropdown-toggle { + color: #fff; + background-color: #8c0615; + border-color: #bd081c; +} + +.btn-pinterest:not(:disabled):not(.disabled):active:focus, +.btn-pinterest:not(:disabled):not(.disabled).active:focus, +.show>.btn-pinterest.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0 rgba(189, 8, 28, 0.5); +} + +.btn-youtube { + color: #fff; + background-color: #cd201f; + border-color: #cd201f; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-youtube:hover { + color: #fff; + background-color: #cd201f; + border-color: #cd201f; +} + +.btn-youtube:focus, +.btn-youtube.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(205, 32, 31, 0.5); +} + +.btn-youtube.disabled, +.btn-youtube:disabled { + color: #fff; + background-color: #cd201f; + border-color: #cd201f; +} + +.btn-youtube:not(:disabled):not(.disabled):active, +.btn-youtube:not(:disabled):not(.disabled).active, +.show>.btn-youtube.dropdown-toggle { + color: #fff; + background-color: #a11918; + border-color: #cd201f; +} + +.btn-youtube:not(:disabled):not(.disabled):active:focus, +.btn-youtube:not(:disabled):not(.disabled).active:focus, +.show>.btn-youtube.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0 rgba(205, 32, 31, 0.5); +} + +.btn-slack { + color: #fff; + background-color: #3aaf85; + border-color: #3aaf85; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-slack:hover { + color: #fff; + background-color: #3aaf85; + border-color: #3aaf85; +} + +.btn-slack:focus, +.btn-slack.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(58, 175, 133, 0.5); +} + +.btn-slack.disabled, +.btn-slack:disabled { + color: #fff; + background-color: #3aaf85; + border-color: #3aaf85; +} + +.btn-slack:not(:disabled):not(.disabled):active, +.btn-slack:not(:disabled):not(.disabled).active, +.show>.btn-slack.dropdown-toggle { + color: #fff; + background-color: #2d8968; + border-color: #3aaf85; +} + +.btn-slack:not(:disabled):not(.disabled):active:focus, +.btn-slack:not(:disabled):not(.disabled).active:focus, +.show>.btn-slack.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0 rgba(58, 175, 133, 0.5); +} + +.btn-dribbble { + color: #fff; + background-color: #ea4c89; + border-color: #ea4c89; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-dribbble:hover { + color: #fff; + background-color: #ea4c89; + border-color: #ea4c89; +} + +.btn-dribbble:focus, +.btn-dribbble.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(234, 76, 137, 0.5); +} + +.btn-dribbble.disabled, +.btn-dribbble:disabled { + color: #fff; + background-color: #ea4c89; + border-color: #ea4c89; +} + +.btn-dribbble:not(:disabled):not(.disabled):active, +.btn-dribbble:not(:disabled):not(.disabled).active, +.show>.btn-dribbble.dropdown-toggle { + color: #fff; + background-color: #e51e6b; + border-color: #ea4c89; +} + +.btn-dribbble:not(:disabled):not(.disabled):active:focus, +.btn-dribbble:not(:disabled):not(.disabled).active:focus, +.show>.btn-dribbble.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0 rgba(234, 76, 137, 0.5); +} + +.btn-github { + color: #fff; + background-color: #222222; + border-color: #222222; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-github:hover { + color: #fff; + background-color: #222222; + border-color: #222222; +} + +.btn-github:focus, +.btn-github.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(34, 34, 34, 0.5); +} + +.btn-github.disabled, +.btn-github:disabled { + color: #fff; + background-color: #222222; + border-color: #222222; +} + +.btn-github:not(:disabled):not(.disabled):active, +.btn-github:not(:disabled):not(.disabled).active, +.show>.btn-github.dropdown-toggle { + color: #fff; + background-color: #090909; + border-color: #222222; +} + +.btn-github:not(:disabled):not(.disabled):active:focus, +.btn-github:not(:disabled):not(.disabled).active:focus, +.show>.btn-github.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0 rgba(34, 34, 34, 0.5); +} + +.card { + position: relative; +} + +.card.card-plain { + background: transparent; + box-shadow: none; + border: none; +} + +.profile-page .card-profile { + margin-top: -150px; +} + +.profile-page .card-profile .card-profile-image { + position: relative; +} + +.profile-page .card-profile .card-profile-image img { + max-width: 180px; + border-radius: 0.25rem; + transform: translate(-50%, -30%); + position: absolute; + left: 50%; + transition: all 0.15s ease; +} + +.profile-page .card-profile .card-profile-image img:hover { + transform: translate(-50%, -33%); +} + +.profile-page .card-profile .card-profile-stats { + padding: 1rem 0; +} + +.profile-page .card-profile .card-profile-stats>div { + text-align: center; + margin-right: 1rem; + padding: .875rem; +} + +.profile-page .card-profile .card-profile-stats>div:last-child { + margin-right: 0; +} + +.profile-page .card-profile .card-profile-stats>div .heading { + font-size: 1.1rem; + font-weight: bold; + display: block; +} + +.profile-page .card-profile .card-profile-stats>div .description { + font-size: .875rem; + color: #adb5bd; +} + +.profile-page .card-profile .card-profile-actions { + padding: .875rem; +} + +@media (max-width: 575.98px) { + .profile-page .card-profile .card-profile-actions { + margin-top: 110px; + } +} + +@media (min-width: 576px) and (max-width: 991.98px) { + .profile-page .card-profile .card-profile-stats { + margin-top: 30px; + } +} + +.card .card-blockquote { + padding: 2rem; + position: relative; +} + +.card .card-blockquote .svg-bg { + display: block; + width: 100%; + height: 95px; + position: absolute; + top: -94px; + left: 0; +} + +.card-lift--hover:hover { + transform: translateY(-20px); + transition: all 0.15s ease; +} + +@media (prefers-reduced-motion: reduce) { + .card-lift--hover:hover { + transition: none; + } +} + +.close { + transition: all 0.15s ease; +} + +.close>span:not(.sr-only) { + background-color: transparent; + color: rgba(0, 0, 0, 0.6); + line-height: 17px; + height: 1.25rem; + width: 1.25rem; + border-radius: 50%; + font-size: 1.25rem; + display: block; + transition: all 0.15s ease; +} + +.close:hover, +.close:focus { + background-color: transparent; + color: rgba(0, 0, 0, 0.9); + outline: none; +} + +.close:hover span:not(.sr-only), +.close:focus span:not(.sr-only) { + background-color: transparent; +} + +.custom-control-label::before { + border: 1px solid #cad1d7; + transition: all .3s ease; +} + +.custom-control-label span { + position: relative; + top: 2px; +} + +.custom-control { + padding-left: 1.7rem !important; +} + +.custom-control-label { + margin-bottom: 0; +} + +.custom-control-label:before, +.custom-control-label:after { + left: -1.75rem; +} + +.custom-control-input:active~.custom-control-label::before { + border-color: #5e72e4; +} + +.custom-control-alternative .custom-control-label::before { + border: 0; + box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02); +} + +.custom-control-alternative .custom-control-input:checked~.custom-control-label::before { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.custom-control-alternative .custom-control-input:active~.custom-control-label::before, +.custom-control-alternative .custom-control-input:focus~.custom-control-label::before { + box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02); +} + +.custom-checkbox .custom-control-input~.custom-control-label { + cursor: pointer; + font-size: 0.875rem; +} + +.custom-checkbox .custom-control-input:checked~.custom-control-label::before { + border-color: #5e72e4; +} + +.custom-checkbox .custom-control-input:checked~.custom-control-label::after { + background-image: url("data:image/svg+xml,%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:disabled~.custom-control-label::before { + border-color: #e9ecef; +} + +.custom-checkbox .custom-control-input:disabled:checked::before { + border-color: rgba(94, 114, 228, 0.5); +} + +.custom-radio .custom-control-input~.custom-control-label { + cursor: pointer; + font-size: 0.875rem; +} + +.custom-radio .custom-control-input:checked~.custom-control-label::before { + border-color: #5e72e4; +} + +.custom-radio .custom-control-input:checked~.custom-control-label::after { + background-image: url("data:image/svg+xml,%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~.custom-control-label::before { + border-color: #e9ecef; +} + +.custom-radio .custom-control-input:disabled:checked::before { + border-color: rgba(94, 114, 228, 0.5); +} + +.custom-toggle { + position: relative; + display: inline-block; + width: 50px; + height: 1.5rem; +} + +.custom-toggle input { + display: none; +} + +.custom-toggle input:checked+.custom-toggle-slider { + border: 1px solid #5e72e4; +} + +.custom-toggle input:checked+.custom-toggle-slider:before { + background: #5e72e4; + transform: translateX(1.625rem); +} + +.custom-toggle input:disabled+.custom-toggle-slider { + border: 1px solid #e9ecef; +} + +.custom-toggle input:disabled:checked+.custom-toggle-slider { + border: 1px solid #e9ecef; +} + +.custom-toggle input:disabled:checked+.custom-toggle-slider:before { + background-color: #8a98eb; +} + +.custom-toggle-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + border: 1px solid #cad1d7; + border-radius: 34px !important; + background-color: transparent; +} + +.custom-toggle-slider:before { + position: absolute; + content: ""; + height: 18px; + width: 18px; + left: 2px; + bottom: 2px; + border-radius: 50% !important; + background-color: #ddd; + transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); +} + +.dropdown, +.dropup, +.dropright, +.dropleft { + display: inline-block; +} + +.dropdown-menu { + min-width: 12rem; +} + +.dropdown-menu .dropdown-item { + padding: 1rem; + font-size: 0.875rem; +} + +.dropdown-menu .dropdown-item>i, +.dropdown-menu .dropdown-item>svg { + margin-right: 1rem; + font-size: 1rem; + vertical-align: -17%; +} + +.dropdown-header { + padding-left: 1rem; + padding-right: 1rem; + color: #f6f9fc; + font-size: .625rem; + text-transform: uppercase; + font-weight: 700; +} + +.dropdown-menu a.media>div:first-child { + line-height: 1; +} + +.dropdown-menu a.media p { + color: #8898aa; +} + +.dropdown-menu a.media:hover .heading, +.dropdown-menu a.media:hover p { + color: #172b4d !important; +} + +.dropdown-menu-sm { + min-width: 100px; + border: 0.3rem; +} + +.dropdown-menu-lg { + min-width: 260px; + border-radius: 0.3rem; +} + +.dropdown-menu-xl { + min-width: 450px; + border-radius: 0.3rem; +} + +.footer { + background: #f4f5f7; + padding: 1.5rem 0; +} + +.footer .col-footer .heading { + color: #8898aa; + letter-spacing: 0; + font-size: 0.875rem; + text-transform: uppercase; + font-weight: 600; + margin-bottom: 1rem; +} + +.footer .nav .nav-item .nav-link, +.footer .footer-link { + color: #8898aa !important; +} + +.footer .nav .nav-item .nav-link:hover, +.footer .footer-link:hover { + color: #525f7f !important; +} + +.footer .list-unstyled li a { + display: inline-block; + padding: .125rem 0; + color: #8898aa; + font-size: 0.85rem; +} + +.footer .list-unstyled li a:hover { + color: #525f7f; +} + +.footer .copyright { + font-size: 0.875rem; +} + +.footer .dropdown .btn:not(:disabled):not(.disabled):active:focus, +.footer .dropdown .btn:not(:disabled):not(.disabled).active:focus { + box-shadow: none; +} + +.footer-dark .col-footer .heading { + color: #fff; +} + +.footer.has-cards { + overflow: hidden; + padding-top: 500px; + margin-top: -420px; + position: relative; + background: transparent; + pointer-events: none; +} + +.footer.has-cards:before { + content: ""; + position: absolute; + left: 0; + right: 0; + top: 600px; + height: 2000px; + background: #f4f5f7; + transform: skew(0, -8deg); +} + +.footer.has-cards .container { + pointer-events: auto; + position: relative; +} + +.nav-footer .nav-link { + font-size: 0.875rem; +} + +.nav-footer .nav-item:last-child .nav-link { + padding-right: 0; +} + +/* Form controls */ +label { + font-size: 0.875rem; +} + +.form-control { + font-size: 0.875rem; + transition: all 0.15s ease; +} + +.form-control:focus::placeholder { + color: #adb5bd; +} + +.form-control.is-valid, +.form-control.is-invalid { + background-image: none; +} + +/* Textareas */ +textarea[resize="none"] { + resize: none !important; +} + +textarea[resize="both"] { + resize: both !important; +} + +textarea[resize="vertical"] { + resize: vertical !important; +} + +textarea[resize="horizontal"] { + resize: horizontal !important; +} + +/* Alternative styles */ +.form-control-muted { + background-color: #EDF0F5; + border-color: #EDF0F5; + box-shadow: none; +} + +.form-control-muted:focus { + background-color: #EDF0F5; +} + +.form-control-alternative { + box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02); + border: 0; + transition: box-shadow .15s ease; +} + +.form-control-alternative:focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.form-control-lg { + font-size: 1rem; +} + +.has-success, +.has-danger { + position: relative; +} + +.has-success:after, +.has-danger:after { + width: 19px; + height: 19px; + line-height: 19px; + text-align: center; + font-family: 'NucleoIcons'; + display: inline-block; + position: absolute; + right: 15px; + top: 2px; + transform: translateY(50%); + border-radius: 50%; + font-size: 9px; + opacity: 1; +} + +.has-success .form-control-alternative.is-valid:focus, +.has-success .form-control-alternative.is-invalid:focus, +.has-danger .form-control-alternative.is-valid:focus, +.has-danger .form-control-alternative.is-invalid:focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08) !important; +} + +.has-success:after { + content: "\ea26"; + color: daken(#2dce89, 18%); + background-color: #69deac; +} + +.has-success .form-control { + background-color: #fff; +} + +.has-success .form-control:focus { + border-color: rgba(50, 151, 211, 0.25); +} + +.has-success .form-control::placeholder { + color: #2dce89; +} + +.has-danger:after { + content: "\ea53"; + color: daken(#fb6340, 18%); + background-color: #fda08b; +} + +.has-danger .form-control { + background-color: #fff; +} + +.has-danger .form-control:focus { + border-color: rgba(50, 151, 211, 0.25); +} + +.has-danger .form-control::placeholder { + color: #fb6340; +} + +@media (min-width: 992px) { + .container-lg { + max-width: 1160px; + } +} + +.icon { + width: 3rem; + height: 3rem; +} + +.icon i, +.icon svg { + font-size: 2.25rem; +} + +.icon+.icon-text { + padding-left: 1rem; + width: calc(100% - 3rem - 1); +} + +.icon-xl { + width: 5rem; + height: 5rem; +} + +.icon-xl i, +.icon-xl svg { + font-size: 4.25rem; +} + +.icon-xl+.icon-text { + width: calc(100% - $icon-size-xl - 1); +} + +.icon-lg { + width: 4rem; + height: 4rem; +} + +.icon-lg i, +.icon-lg svg { + font-size: 3.25rem; +} + +.icon-lg+.icon-text { + width: calc(100% - $icon-size-lg - 1); +} + +.icon-sm { + width: 2rem; + height: 2rem; +} + +.icon-sm i, +.icon-sm svg { + font-size: 1.25rem; +} + +.icon-sm+.icon-text { + width: calc(100% - $icon-size-sm - 1); +} + +.icon-xs { + width: 1.25rem; + height: 1.25rem; +} + +.icon-xs i, +.icon-xs svg { + font-size: 0.5rem !important; +} + +.icon-xs+.icon-text { + width: calc(100% - $icon-size-xs - 1); +} + +.icon-shape { + padding: 12px; + text-align: center; + display: inline-flex; + align-items: center; + justify-content: center; + border-radius: 50%; +} + +.icon-shape i, +.icon-shape svg { + font-size: 1.25rem; +} + +.icon-shape.icon-lg i, +.icon-shape.icon-lg svg { + font-size: 1.625rem; +} + +.icon-shape.icon-sm i, +.icon-shape.icon-sm svg { + font-size: .875rem; +} + +.icon-shape svg { + width: 30px; + height: 30px; +} + +.icon-shape-primary { + color: #2643e9; + background-color: rgba(138, 152, 235, 0.5); +} + +.icon-shape-secondary { + color: #d3d9e5; + background-color: rgba(255, 255, 255, 0.5); +} + +.icon-shape-success { + color: #1aae6f; + background-color: rgba(84, 218, 161, 0.5); +} + +.icon-shape-info { + color: #03acca; + background-color: rgba(65, 215, 242, 0.5); +} + +.icon-shape-warning { + color: #ff3709; + background-color: rgba(252, 140, 114, 0.5); +} + +.icon-shape-danger { + color: #f80031; + background-color: rgba(247, 103, 131, 0.5); +} + +.icon-shape-light { + color: #879cb0; + background-color: rgba(201, 207, 212, 0.5); +} + +.icon-shape-dark { + color: #090c0e; + background-color: rgba(56, 63, 69, 0.5); +} + +.icon-shape-default { + color: #091428; + background-color: rgba(35, 65, 116, 0.5); +} + +.icon-shape-white { + color: #e8e3e3; + background-color: rgba(255, 255, 255, 0.5); +} + +.icon-shape-neutral { + color: #e8e3e3; + background-color: rgba(255, 255, 255, 0.5); +} + +.icon-shape-darker { + color: black; + background-color: rgba(26, 26, 26, 0.5); +} + +.input-group { + box-shadow: none; + border-radius: 0.25rem; + transition: all 0.15s ease; +} + +.input-group .form-control { + box-shadow: none; +} + +.input-group .form-control:not(:first-child) { + border-left: 0; + padding-left: 0; +} + +.input-group .form-control:not(:last-child) { + border-right: 0; + padding-right: 0; +} + +.input-group .form-control:focus { + box-shadow: none; +} + +.input-group .input-group-prepend { + margin-right: 0; +} + +.input-group .input-group-prepend .input-group-text { + border-right: none; +} + +.input-group-text { + transition: all 0.15s ease; +} + +.input-group-alternative { + box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02); + border: 0; + transition: box-shadow .15s ease; +} + +.input-group-alternative .form-control, +.input-group-alternative .input-group-text { + border: 0; + box-shadow: none; +} + +.focused .input-group-alternative { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08) !important; +} + +.focused .input-group { + box-shadow: none; +} + +.focused .input-group-text { + color: #8898aa; + background-color: #fff; + border-color: #5e72e4; +} + +.focused .form-control { + border-color: #5e72e4; +} + +.list-group-space .list-group-item { + margin-bottom: 1.5rem; + border-radius: 0.25rem; +} + +.list-group-img { + width: 3rem; + height: 3rem; + border-radius: 50%; + vertical-align: top; + margin: -.1rem 1.2rem 0 -.2rem; +} + +.list-group-content { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + min-width: 0; +} + +.list-group-content>p { + color: #adb5bd; + line-height: 1.5; + margin: .2rem 0 0; +} + +.list-group-heading { + font-size: 1rem; + color: #32325d; +} + +.list-group-heading>small { + float: right; + color: #adb5bd; + font-weight: 500; +} + +.modal-content { + border: 0; + border-radius: 0.3rem; +} + +.modal-fluid .modal-dialog { + margin-top: 0; + margin-bottom: 0; +} + +.modal-fluid .modal-content { + border-radius: 0; +} + +.modal-primary .modal-title { + color: #fff; +} + +.modal-primary .modal-header, +.modal-primary .modal-footer { + border-color: rgba(255, 255, 255, 0.075); +} + +.modal-primary .modal-content { + background-color: #5e72e4; + color: #fff; +} + +.modal-primary .modal-content .heading { + color: #fff; +} + +.modal-primary .close>span:not(.sr-only) { + color: #fff; +} + +.modal-secondary .modal-title { + color: #212529; +} + +.modal-secondary .modal-header, +.modal-secondary .modal-footer { + border-color: rgba(33, 37, 41, 0.075); +} + +.modal-secondary .modal-content { + background-color: #f4f5f7; + color: #212529; +} + +.modal-secondary .modal-content .heading { + color: #212529; +} + +.modal-secondary .close>span:not(.sr-only) { + color: #fff; +} + +.modal-success .modal-title { + color: #fff; +} + +.modal-success .modal-header, +.modal-success .modal-footer { + border-color: rgba(255, 255, 255, 0.075); +} + +.modal-success .modal-content { + background-color: #2dce89; + color: #fff; +} + +.modal-success .modal-content .heading { + color: #fff; +} + +.modal-success .close>span:not(.sr-only) { + color: #fff; +} + +.modal-info .modal-title { + color: #fff; +} + +.modal-info .modal-header, +.modal-info .modal-footer { + border-color: rgba(255, 255, 255, 0.075); +} + +.modal-info .modal-content { + background-color: #11cdef; + color: #fff; +} + +.modal-info .modal-content .heading { + color: #fff; +} + +.modal-info .close>span:not(.sr-only) { + color: #fff; +} + +.modal-warning .modal-title { + color: #fff; +} + +.modal-warning .modal-header, +.modal-warning .modal-footer { + border-color: rgba(255, 255, 255, 0.075); +} + +.modal-warning .modal-content { + background-color: #fb6340; + color: #fff; +} + +.modal-warning .modal-content .heading { + color: #fff; +} + +.modal-warning .close>span:not(.sr-only) { + color: #fff; +} + +.modal-danger .modal-title { + color: #fff; +} + +.modal-danger .modal-header, +.modal-danger .modal-footer { + border-color: rgba(255, 255, 255, 0.075); +} + +.modal-danger .modal-content { + background-color: #f5365c; + color: #fff; +} + +.modal-danger .modal-content .heading { + color: #fff; +} + +.modal-danger .close>span:not(.sr-only) { + color: #fff; +} + +.modal-light .modal-title { + color: #fff; +} + +.modal-light .modal-header, +.modal-light .modal-footer { + border-color: rgba(255, 255, 255, 0.075); +} + +.modal-light .modal-content { + background-color: #adb5bd; + color: #fff; +} + +.modal-light .modal-content .heading { + color: #fff; +} + +.modal-light .close>span:not(.sr-only) { + color: #fff; +} + +.modal-dark .modal-title { + color: #fff; +} + +.modal-dark .modal-header, +.modal-dark .modal-footer { + border-color: rgba(255, 255, 255, 0.075); +} + +.modal-dark .modal-content { + background-color: #212529; + color: #fff; +} + +.modal-dark .modal-content .heading { + color: #fff; +} + +.modal-dark .close>span:not(.sr-only) { + color: #fff; +} + +.modal-default .modal-title { + color: #fff; +} + +.modal-default .modal-header, +.modal-default .modal-footer { + border-color: rgba(255, 255, 255, 0.075); +} + +.modal-default .modal-content { + background-color: #172b4d; + color: #fff; +} + +.modal-default .modal-content .heading { + color: #fff; +} + +.modal-default .close>span:not(.sr-only) { + color: #fff; +} + +.modal-white .modal-title { + color: #212529; +} + +.modal-white .modal-header, +.modal-white .modal-footer { + border-color: rgba(33, 37, 41, 0.075); +} + +.modal-white .modal-content { + background-color: #fff; + color: #212529; +} + +.modal-white .modal-content .heading { + color: #212529; +} + +.modal-white .close>span:not(.sr-only) { + color: #fff; +} + +.modal-neutral .modal-title { + color: #212529; +} + +.modal-neutral .modal-header, +.modal-neutral .modal-footer { + border-color: rgba(33, 37, 41, 0.075); +} + +.modal-neutral .modal-content { + background-color: #fff; + color: #212529; +} + +.modal-neutral .modal-content .heading { + color: #212529; +} + +.modal-neutral .close>span:not(.sr-only) { + color: #fff; +} + +.modal-darker .modal-title { + color: #fff; +} + +.modal-darker .modal-header, +.modal-darker .modal-footer { + border-color: rgba(255, 255, 255, 0.075); +} + +.modal-darker .modal-content { + background-color: black; + color: #fff; +} + +.modal-darker .modal-content .heading { + color: #fff; +} + +.modal-darker .close>span:not(.sr-only) { + color: #fff; +} + +.nav-link { + color: #525f7f; +} + +.nav-link:hover, +.nav-link.active { + color: #5e72e4; +} + +.nav-link i:not(.fa) { + position: relative; + top: 2px; +} + +.nav-pills .nav-item:not(:last-child) { + padding-right: 1rem; +} + +.nav-pills .nav-link { + padding: 0.75rem 1rem; + color: #5e72e4; + font-weight: 500; + font-size: 0.875rem; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); + background-color: #fff; + transition: all 0.15s ease; +} + +.nav-pills .nav-link:hover { + color: #485fe0; +} + +.nav-pills .nav-link.active, +.nav-pills .show>.nav-link { + color: #fff; + background-color: #5e72e4; +} + +@media (max-width: 575.98px) { + .nav-pills .nav-item { + margin-bottom: 1rem; + } +} + +@media (max-width: 767.98px) { + .nav-pills:not(.nav-pills-circle) .nav-item { + padding-right: 0; + } +} + +.nav-pills-circle .nav-link { + text-align: center; + height: 60px; + width: 60px; + padding: 0; + line-height: 60px; + border-radius: 50%; +} + +.nav-pills-circle .nav-link-icon i, +.nav-pills-circle .nav-link-icon svg { + font-size: 1rem; +} + +.nav-wrapper { + padding: 1rem 0; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.nav-wrapper+.card { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.navbar.navbar-absolute { + position: absolute; + z-index: 1050; + width: 100%; +} + +.navbar.navbar-main { + z-index: 3; +} + +.navbar-nav .nav-link { + font-size: 0.9rem; + font-family: "Open Sans", sans-serif; + font-weight: 400; + text-transform: normal; + letter-spacing: 0; + transition: all 0.15s linear; +} + +@media (prefers-reduced-motion: reduce) { + .navbar-nav .nav-link { + transition: none; + } +} + +.navbar-nav .nav-link .nav-link-inner--text { + margin-left: .25rem; +} + +.navbar-brand { + font-size: 0.875rem; + font-weight: 600; + text-transform: uppercase; + font-size: .875rem; + letter-spacing: .05px; +} + +.navbar-brand img { + height: 30px; +} + +.navbar-dark .navbar-brand { + color: #fff; +} + +.navbar-light .navbar-brand { + color: #32325d; +} + +.navbar-nav .nav-item .media:not(:last-child) { + margin-bottom: 1.5rem; +} + +@media (min-width: 992px) { + .navbar-nav .nav-item { + margin-right: .5rem; + } + + .navbar-nav .nav-item [data-toggle="dropdown"]::after { + transition: all 0.15s ease; + } + + .navbar-nav .nav-item.show [data-toggle="dropdown"]::after { + transform: rotate(180deg); + } + + .navbar-nav .nav-link { + padding-top: 1rem; + padding-bottom: 1rem; + border-radius: 0.25rem; + } + + .navbar-nav .nav-link i { + margin-right: .625rem; + } + + .navbar-nav .nav-link-icon { + padding-left: .5rem !important; + padding-right: .5rem !important; + font-size: 1rem; + border-radius: 0.25rem; + } + + .navbar-nav .nav-link-icon i { + margin-right: 0; + } + + .navbar-nav .dropdown-menu { + opacity: 0; + pointer-events: none; + margin: 0; + } + + .navbar-nav .dropdown-menu:before { + background: #fff; + box-shadow: none; + content: ''; + display: block; + height: 16px; + width: 16px; + left: 5px; + position: absolute; + bottom: 100%; + transform: rotate(-45deg) translateY(1rem); + z-index: -5; + border-radius: 0.2rem; + } + + .navbar-nav .dropdown-menu-right:before { + right: 20px; + left: auto; + } + + .navbar-nav:not(.navbar-nav-hover) .dropdown-menu.show { + opacity: 1; + pointer-events: auto; + animation: show-navbar-dropdown .25s ease forwards; + } + + .navbar-nav:not(.navbar-nav-hover) .dropdown-menu.close { + display: block; + animation: hide-navbar-dropdown .15s ease backwards; + } + + .navbar-nav.navbar-nav-hover .dropdown-menu { + opacity: 0; + display: block; + pointer-events: none; + transform: translate(0, 10px) perspective(200px) rotateX(-2deg); + transition: visibility 0.25s, opacity 0.25s, transform 0.25s; + animation: none; + } + + .navbar-nav.navbar-nav-hover .nav-item.dropdown:hover>.dropdown-menu { + display: block; + opacity: 1; + pointer-events: auto; + visibility: visible; + transform: translate(0, 0); + animation: none; + } + + .navbar-nav.navbar-nav-hover .nav-item.dropdown>.dropdown-menu .dropdown-item.open+.dropdown-menu { + display: block; + opacity: 1; + pointer-events: auto; + visibility: visible; + transform: translate(0, 0); + animation: none; + } + + .navbar-nav.navbar-nav-hover .nav-item.dropdown>.dropdown-menu .dropdown-item+.dropdown-menu { + margin-left: 10px; + } + + .navbar-nav.navbar-nav-hover .nav-item.dropdown>.dropdown-menu .dropdown-item+.dropdown-menu:before { + left: -16px; + top: 4px; + } + + .navbar-nav .dropdown-menu-inner { + position: relative; + padding: 1rem; + } +} + +.navbar-transparent { + position: absolute; + top: 0; + width: 100%; + z-index: 100; + background-color: transparent !important; + border: 0; + box-shadow: none; +} + +.navbar-transparent .navbar-brand { + color: white; +} + +.navbar-transparent .navbar-toggler { + color: white; +} + +.navbar-transparent .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.95)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} + +.bg-white .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%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"); +} + +@media (min-width: 768px) { + .navbar-transparent .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.95); + } + + .navbar-transparent .navbar-nav .nav-link:hover, + .navbar-transparent .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.65); + } + + .navbar-transparent .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); + } + + .navbar-transparent .navbar-nav .show>.nav-link, + .navbar-transparent .navbar-nav .active>.nav-link, + .navbar-transparent .navbar-nav .nav-link.show, + .navbar-transparent .navbar-nav .nav-link.active { + color: rgba(255, 255, 255, 0.65); + } + + .navbar-transparent .navbar-brand { + color: rgba(255, 255, 255, 0.95); + } + + .navbar-transparent .navbar-brand:hover, + .navbar-transparent .navbar-brand:focus { + color: rgba(255, 255, 255, 0.95); + } +} + +.navbar-collapse-header { + display: none; +} + +@media (max-width: 991.98px) { + .navbar-nav .nav-link { + padding: .625rem 0; + color: #172b4d !important; + } + + .navbar-nav .dropdown-menu { + box-shadow: none; + min-width: auto; + } + + .navbar-nav .dropdown-menu .media svg { + width: 30px; + } + + .navbar-collapse { + width: calc(100% - 1.4rem); + position: absolute; + top: 0; + left: 0; + right: 0; + z-index: 1050; + margin: .7rem; + overflow-y: auto; + height: auto !important; + opacity: 0; + } + + .navbar-collapse .navbar-toggler { + width: 20px; + height: 20px; + position: relative; + cursor: pointer; + display: inline-block; + padding: 0; + } + + .navbar-collapse .navbar-toggler span { + display: block; + position: absolute; + width: 100%; + height: 2px; + border-radius: 2px; + opacity: 1; + background: #283448; + } + + .navbar-collapse .navbar-toggler :nth-child(1) { + transform: rotate(135deg); + } + + .navbar-collapse .navbar-toggler :nth-child(2) { + transform: rotate(-135deg); + } + + .navbar-collapse .navbar-collapse-header { + display: block; + padding-bottom: 1rem; + margin-bottom: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + } + + .navbar-collapse .collapse-brand img { + height: 36px; + } + + .navbar-collapse .collapse-close { + text-align: right; + } + + .navbar-collapse.collapsing, + .navbar-collapse.show { + padding: 1.5rem; + border-radius: 0.25rem; + background: #FFF; + box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1); + animation: show-navbar-collapse .2s ease forwards; + } + + .navbar-collapse.collapsing-out { + animation: hide-navbar-collapse .2s ease forwards; + } +} + +@keyframes show-navbar-collapse { + 0% { + opacity: 0; + transform: scale(0.95); + transform-origin: 100% 0; + } + + 100% { + opacity: 1; + transform: scale(1); + } +} + +@keyframes hide-navbar-collapse { + from { + opacity: 1; + transform: scale(1); + transform-origin: 100% 0; + } + + to { + opacity: 0; + transform: scale(0.95); + } +} + +@keyframes show-navbar-dropdown { + 0% { + opacity: 0; + transform: translate(0, 10px) perspective(200px) rotateX(-2deg); + transition: visibility 0.25s, opacity 0.25s, transform 0.25s; + } + + 100% { + transform: translate(0, 0); + opacity: 1; + } +} + +@keyframes hide-navbar-dropdown { + from { + opacity: 1; + } + + to { + opacity: 0; + transform: translate(0, 10px); + } +} + +.page-item.active .page-link { + box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); +} + +.page-item .page-link, +.page-item span { + display: flex; + align-items: center; + justify-content: center; + padding: 0; + margin: 0 3px; + border-radius: 50% !important; + width: 36px; + height: 36px; + font-size: 0.875rem; +} + +.pagination-lg .page-item .page-link, +.pagination-lg .page-item span { + width: 46px; + height: 46px; + line-height: 46px; +} + +.pagination-sm .page-item .page-link, +.pagination-sm .page-item span { + width: 30px; + height: 30px; + line-height: 30px; +} + +.popover { + border: 0; +} + +.popover-header { + font-weight: 600; +} + +.popover-primary { + background-color: #5e72e4; +} + +.popover-primary .popover-header { + background-color: #5e72e4; + color: #fff; +} + +.popover-primary .popover-body { + color: #fff; +} + +.popover-primary .popover-header { + border-color: rgba(255, 255, 255, 0.2); +} + +.popover-primary.bs-popover-top .arrow::after, +.popover-primary.bs-popover-auto[x-placement^="top"] .arrow::after { + border-top-color: #5e72e4; +} + +.popover-primary.bs-popover-right .arrow::after, +.popover-primary.bs-popover-auto[x-placement^="right"] .arrow::after { + border-right-color: #5e72e4; +} + +.popover-primary.bs-popover-bottom .arrow::after, +.popover-primary.bs-popover-auto[x-placement^="bottom"] .arrow::after { + border-bottom-color: #5e72e4; +} + +.popover-primary.bs-popover-left .arrow::after, +.popover-primary.bs-popover-auto[x-placement^="left"] .arrow::after { + border-left-color: #5e72e4; +} + +.popover-secondary { + background-color: #f4f5f7; +} + +.popover-secondary .popover-header { + background-color: #f4f5f7; + color: #212529; +} + +.popover-secondary .popover-body { + color: #212529; +} + +.popover-secondary .popover-header { + border-color: rgba(33, 37, 41, 0.2); +} + +.popover-secondary.bs-popover-top .arrow::after, +.popover-secondary.bs-popover-auto[x-placement^="top"] .arrow::after { + border-top-color: #f4f5f7; +} + +.popover-secondary.bs-popover-right .arrow::after, +.popover-secondary.bs-popover-auto[x-placement^="right"] .arrow::after { + border-right-color: #f4f5f7; +} + +.popover-secondary.bs-popover-bottom .arrow::after, +.popover-secondary.bs-popover-auto[x-placement^="bottom"] .arrow::after { + border-bottom-color: #f4f5f7; +} + +.popover-secondary.bs-popover-left .arrow::after, +.popover-secondary.bs-popover-auto[x-placement^="left"] .arrow::after { + border-left-color: #f4f5f7; +} + +.popover-success { + background-color: #2dce89; +} + +.popover-success .popover-header { + background-color: #2dce89; + color: #fff; +} + +.popover-success .popover-body { + color: #fff; +} + +.popover-success .popover-header { + border-color: rgba(255, 255, 255, 0.2); +} + +.popover-success.bs-popover-top .arrow::after, +.popover-success.bs-popover-auto[x-placement^="top"] .arrow::after { + border-top-color: #2dce89; +} + +.popover-success.bs-popover-right .arrow::after, +.popover-success.bs-popover-auto[x-placement^="right"] .arrow::after { + border-right-color: #2dce89; +} + +.popover-success.bs-popover-bottom .arrow::after, +.popover-success.bs-popover-auto[x-placement^="bottom"] .arrow::after { + border-bottom-color: #2dce89; +} + +.popover-success.bs-popover-left .arrow::after, +.popover-success.bs-popover-auto[x-placement^="left"] .arrow::after { + border-left-color: #2dce89; +} + +.popover-info { + background-color: #11cdef; +} + +.popover-info .popover-header { + background-color: #11cdef; + color: #fff; +} + +.popover-info .popover-body { + color: #fff; +} + +.popover-info .popover-header { + border-color: rgba(255, 255, 255, 0.2); +} + +.popover-info.bs-popover-top .arrow::after, +.popover-info.bs-popover-auto[x-placement^="top"] .arrow::after { + border-top-color: #11cdef; +} + +.popover-info.bs-popover-right .arrow::after, +.popover-info.bs-popover-auto[x-placement^="right"] .arrow::after { + border-right-color: #11cdef; +} + +.popover-info.bs-popover-bottom .arrow::after, +.popover-info.bs-popover-auto[x-placement^="bottom"] .arrow::after { + border-bottom-color: #11cdef; +} + +.popover-info.bs-popover-left .arrow::after, +.popover-info.bs-popover-auto[x-placement^="left"] .arrow::after { + border-left-color: #11cdef; +} + +.popover-warning { + background-color: #fb6340; +} + +.popover-warning .popover-header { + background-color: #fb6340; + color: #fff; +} + +.popover-warning .popover-body { + color: #fff; +} + +.popover-warning .popover-header { + border-color: rgba(255, 255, 255, 0.2); +} + +.popover-warning.bs-popover-top .arrow::after, +.popover-warning.bs-popover-auto[x-placement^="top"] .arrow::after { + border-top-color: #fb6340; +} + +.popover-warning.bs-popover-right .arrow::after, +.popover-warning.bs-popover-auto[x-placement^="right"] .arrow::after { + border-right-color: #fb6340; +} + +.popover-warning.bs-popover-bottom .arrow::after, +.popover-warning.bs-popover-auto[x-placement^="bottom"] .arrow::after { + border-bottom-color: #fb6340; +} + +.popover-warning.bs-popover-left .arrow::after, +.popover-warning.bs-popover-auto[x-placement^="left"] .arrow::after { + border-left-color: #fb6340; +} + +.popover-danger { + background-color: #f5365c; +} + +.popover-danger .popover-header { + background-color: #f5365c; + color: #fff; +} + +.popover-danger .popover-body { + color: #fff; +} + +.popover-danger .popover-header { + border-color: rgba(255, 255, 255, 0.2); +} + +.popover-danger.bs-popover-top .arrow::after, +.popover-danger.bs-popover-auto[x-placement^="top"] .arrow::after { + border-top-color: #f5365c; +} + +.popover-danger.bs-popover-right .arrow::after, +.popover-danger.bs-popover-auto[x-placement^="right"] .arrow::after { + border-right-color: #f5365c; +} + +.popover-danger.bs-popover-bottom .arrow::after, +.popover-danger.bs-popover-auto[x-placement^="bottom"] .arrow::after { + border-bottom-color: #f5365c; +} + +.popover-danger.bs-popover-left .arrow::after, +.popover-danger.bs-popover-auto[x-placement^="left"] .arrow::after { + border-left-color: #f5365c; +} + +.popover-light { + background-color: #adb5bd; +} + +.popover-light .popover-header { + background-color: #adb5bd; + color: #fff; +} + +.popover-light .popover-body { + color: #fff; +} + +.popover-light .popover-header { + border-color: rgba(255, 255, 255, 0.2); +} + +.popover-light.bs-popover-top .arrow::after, +.popover-light.bs-popover-auto[x-placement^="top"] .arrow::after { + border-top-color: #adb5bd; +} + +.popover-light.bs-popover-right .arrow::after, +.popover-light.bs-popover-auto[x-placement^="right"] .arrow::after { + border-right-color: #adb5bd; +} + +.popover-light.bs-popover-bottom .arrow::after, +.popover-light.bs-popover-auto[x-placement^="bottom"] .arrow::after { + border-bottom-color: #adb5bd; +} + +.popover-light.bs-popover-left .arrow::after, +.popover-light.bs-popover-auto[x-placement^="left"] .arrow::after { + border-left-color: #adb5bd; +} + +.popover-dark { + background-color: #212529; +} + +.popover-dark .popover-header { + background-color: #212529; + color: #fff; +} + +.popover-dark .popover-body { + color: #fff; +} + +.popover-dark .popover-header { + border-color: rgba(255, 255, 255, 0.2); +} + +.popover-dark.bs-popover-top .arrow::after, +.popover-dark.bs-popover-auto[x-placement^="top"] .arrow::after { + border-top-color: #212529; +} + +.popover-dark.bs-popover-right .arrow::after, +.popover-dark.bs-popover-auto[x-placement^="right"] .arrow::after { + border-right-color: #212529; +} + +.popover-dark.bs-popover-bottom .arrow::after, +.popover-dark.bs-popover-auto[x-placement^="bottom"] .arrow::after { + border-bottom-color: #212529; +} + +.popover-dark.bs-popover-left .arrow::after, +.popover-dark.bs-popover-auto[x-placement^="left"] .arrow::after { + border-left-color: #212529; +} + +.popover-default { + background-color: #172b4d; +} + +.popover-default .popover-header { + background-color: #172b4d; + color: #fff; +} + +.popover-default .popover-body { + color: #fff; +} + +.popover-default .popover-header { + border-color: rgba(255, 255, 255, 0.2); +} + +.popover-default.bs-popover-top .arrow::after, +.popover-default.bs-popover-auto[x-placement^="top"] .arrow::after { + border-top-color: #172b4d; +} + +.popover-default.bs-popover-right .arrow::after, +.popover-default.bs-popover-auto[x-placement^="right"] .arrow::after { + border-right-color: #172b4d; +} + +.popover-default.bs-popover-bottom .arrow::after, +.popover-default.bs-popover-auto[x-placement^="bottom"] .arrow::after { + border-bottom-color: #172b4d; +} + +.popover-default.bs-popover-left .arrow::after, +.popover-default.bs-popover-auto[x-placement^="left"] .arrow::after { + border-left-color: #172b4d; +} + +.popover-white { + background-color: #fff; +} + +.popover-white .popover-header { + background-color: #fff; + color: #212529; +} + +.popover-white .popover-body { + color: #212529; +} + +.popover-white .popover-header { + border-color: rgba(33, 37, 41, 0.2); +} + +.popover-white.bs-popover-top .arrow::after, +.popover-white.bs-popover-auto[x-placement^="top"] .arrow::after { + border-top-color: #fff; +} + +.popover-white.bs-popover-right .arrow::after, +.popover-white.bs-popover-auto[x-placement^="right"] .arrow::after { + border-right-color: #fff; +} + +.popover-white.bs-popover-bottom .arrow::after, +.popover-white.bs-popover-auto[x-placement^="bottom"] .arrow::after { + border-bottom-color: #fff; +} + +.popover-white.bs-popover-left .arrow::after, +.popover-white.bs-popover-auto[x-placement^="left"] .arrow::after { + border-left-color: #fff; +} + +.popover-neutral { + background-color: #fff; +} + +.popover-neutral .popover-header { + background-color: #fff; + color: #212529; +} + +.popover-neutral .popover-body { + color: #212529; +} + +.popover-neutral .popover-header { + border-color: rgba(33, 37, 41, 0.2); +} + +.popover-neutral.bs-popover-top .arrow::after, +.popover-neutral.bs-popover-auto[x-placement^="top"] .arrow::after { + border-top-color: #fff; +} + +.popover-neutral.bs-popover-right .arrow::after, +.popover-neutral.bs-popover-auto[x-placement^="right"] .arrow::after { + border-right-color: #fff; +} + +.popover-neutral.bs-popover-bottom .arrow::after, +.popover-neutral.bs-popover-auto[x-placement^="bottom"] .arrow::after { + border-bottom-color: #fff; +} + +.popover-neutral.bs-popover-left .arrow::after, +.popover-neutral.bs-popover-auto[x-placement^="left"] .arrow::after { + border-left-color: #fff; +} + +.popover-darker { + background-color: black; +} + +.popover-darker .popover-header { + background-color: black; + color: #fff; +} + +.popover-darker .popover-body { + color: #fff; +} + +.popover-darker .popover-header { + border-color: rgba(255, 255, 255, 0.2); +} + +.popover-darker.bs-popover-top .arrow::after, +.popover-darker.bs-popover-auto[x-placement^="top"] .arrow::after { + border-top-color: black; +} + +.popover-darker.bs-popover-right .arrow::after, +.popover-darker.bs-popover-auto[x-placement^="right"] .arrow::after { + border-right-color: black; +} + +.popover-darker.bs-popover-bottom .arrow::after, +.popover-darker.bs-popover-auto[x-placement^="bottom"] .arrow::after { + border-bottom-color: black; +} + +.popover-darker.bs-popover-left .arrow::after, +.popover-darker.bs-popover-auto[x-placement^="left"] .arrow::after { + border-left-color: black; +} + +.progress-wrapper { + position: relative; + padding-top: 1.5rem; +} + +.progress { + height: 8px; + margin-bottom: 1rem; + overflow: hidden; + border-radius: 0.2rem; + background-color: #e9ecef; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.progress .sr-only { + width: auto; + height: 20px; + margin: 0 0 0 30px; + left: 0; + clip: auto; + line-height: 20px; + font-size: 13px; +} + +.progress-heading { + font-size: 14px; + font-weight: 500; + margin: 0 0 2px; + padding: 0; +} + +.progress-bar { + box-shadow: none; + border-radius: 0; + height: auto; +} + +.progress-label span { + display: inline-block; + color: #172b4d; + font-size: .625rem; + font-weight: 600; + text-transform: uppercase; + padding: .25rem 0rem; +} + +.progress-percentage { + text-align: right; +} + +.progress-percentage span { + display: inline-block; + color: #8898aa; + font-size: .875rem; + font-weight: 600; +} + +.index-page .progress-wrapper { + padding-top: 1rem; +} + +.index-page .progress-wrapper .progress-label { + position: absolute; + top: auto; + bottom: 10px; +} + +.index-page .progress-wrapper .progress { + margin-bottom: 0; +} + +.section { + position: relative; + padding-top: 4rem; + padding-bottom: 4rem; +} + +.section-xl { + padding-top: 8rem; + padding-bottom: 8rem; +} + +.section-lg { + padding-top: 6rem; + padding-bottom: 6rem; +} + +.section-sm { + padding-top: 2rem; + padding-bottom: 2rem; +} + +@media (min-width: 768px) { + .section-hero { + min-height: 500px; + } +} + +.section-shaped { + position: relative; + overflow: hidden; +} + +.section-shaped.section-hero:before { + top: 680px; +} + +.section-shaped .stars-and-coded { + margin-top: 8rem; +} + +.section-shaped .shape { + position: absolute; + top: 0; + z-index: -1; + width: 100%; + height: 100%; +} + +.section-shaped .shape span { + position: absolute; +} + +.section-shaped .shape+.container { + position: relative; + height: 100%; +} + +.section-shaped .shape.shape-skew+.container { + padding-top: 0; +} + +.section-shaped .shape.shape-skew+.container .col { + margin-top: -100px; +} + +.section-shaped .shape.shape-skew+.shape-container { + padding-top: 18rem; + padding-bottom: 19rem; +} + +.section-shaped .shape-skew { + transform: skewY(-4deg); + transform-origin: 0; +} + +.section-shaped .shape-skew span { + transform: skew(4deg); +} + +.section-shaped .shape-primary { + background: linear-gradient(150deg, #281483 15%, #8f6ed5 70%, #d782d9 94%); +} + +.section-shaped .shape-primary :nth-child(1) { + background: #53f; +} + +.section-shaped .shape-primary :nth-child(2) { + background: #4553ff; +} + +.section-shaped .shape-primary :nth-child(3) { + background: #4f40ff; +} + +.section-shaped .shape-primary :nth-child(4) { + background: #25ddf5; +} + +.section-shaped .shape-primary :nth-child(5) { + background: #1fa2ff; +} + +.section-shaped .shape-default { + background: linear-gradient(150deg, #7795f8 15%, #6772e5 70%, #555abf 94%); +} + +.section-shaped .shape-default :nth-child(1) { + background: #7795f8; +} + +.section-shaped .shape-default :nth-child(2) { + background: #7b9aff; +} + +.section-shaped .shape-default :nth-child(3) { + background: #6f8ff8; +} + +.section-shaped .shape-default :nth-child(4) { + background: #76eea7; +} + +.section-shaped .shape-default :nth-child(5) { + background: #6adaff; +} + +.section-shaped .shape-light { + background: linear-gradient(150deg, shapes-light-color("step-1-gradient-bg") 15%, shapes-light-color("step-2-gradient-bg") 70%, shapes-light-color("step-3-gradient-bg") 94%); +} + +.section-shaped .shape-light :nth-child(1) { + background: shapes-light-color("span-1-bg"); +} + +.section-shaped .shape-light :nth-child(2) { + background: shapes-light-color("span-2-bg"); +} + +.section-shaped .shape-light :nth-child(3) { + background: shapes-light-color("span-3-bg"); +} + +.section-shaped .shape-light :nth-child(4) { + background: shapes-light-color("span-4-bg"); +} + +.section-shaped .shape-light :nth-child(5) { + background: shapes-light-color("span-5-bg"); +} + +.section-shaped .shape-dark { + background: linear-gradient(150deg, #32325d 15%, #32325d 70%, #32325d 94%); +} + +.section-shaped .shape-dark :nth-child(1) { + background: #2e2e57; +} + +.section-shaped .shape-dark :nth-child(2) { + background: #2b2b58; +} + +.section-shaped .shape-dark :nth-child(3) { + background: #25254d; +} + +.section-shaped .shape-dark :nth-child(4) { + background: #d782d9; +} + +.section-shaped .shape-dark :nth-child(5) { + background: #008169; +} + +.section-shaped .shape-style-1 span { + height: 120px; + width: 120px; + border-radius: 50%; +} + +.section-shaped .shape-style-1 .span-200 { + height: 200px; + width: 200px; +} + +.section-shaped .shape-style-1 .span-150 { + height: 150px; + width: 150px; +} + +.section-shaped .shape-style-1 .span-100 { + height: 100px; + width: 100px; +} + +.section-shaped .shape-style-1 .span-75 { + height: 75px; + width: 75px; +} + +.section-shaped .shape-style-1 .span-50 { + height: 50px; + width: 50px; +} + +.section-shaped .shape-style-1 :nth-child(1) { + left: -4%; + bottom: auto; + background: rgba(255, 255, 255, 0.1); +} + +.section-shaped .shape-style-1 :nth-child(2) { + right: 4%; + top: 10%; + background: rgba(255, 255, 255, 0.1); +} + +.section-shaped .shape-style-1 :nth-child(3) { + top: 280px; + right: 5.66666%; + background: rgba(255, 255, 255, 0.3); +} + +.section-shaped .shape-style-1 :nth-child(4) { + top: 320px; + right: 7%; + background: rgba(255, 255, 255, 0.15); +} + +.section-shaped .shape-style-1 :nth-child(5) { + top: 38%; + left: 1%; + right: auto; + background: rgba(255, 255, 255, 0.05); +} + +.section-shaped .shape-style-1 :nth-child(6) { + width: 200px; + height: 200px; + top: 44%; + left: 10%; + right: auto; + background: rgba(255, 255, 255, 0.15); +} + +.section-shaped .shape-style-1 :nth-child(7) { + bottom: 50%; + right: 36%; + background: rgba(255, 255, 255, 0.04); +} + +.section-shaped .shape-style-1 :nth-child(8) { + bottom: 70px; + right: 2%; + background: rgba(255, 255, 255, 0.2); +} + +.section-shaped .shape-style-1 :nth-child(9) { + bottom: 1%; + right: 2%; + background: rgba(255, 255, 255, 0.1); +} + +.section-shaped .shape-style-1 :nth-child(10) { + bottom: 1%; + left: 1%; + right: auto; + background: rgba(255, 255, 255, 0.05); +} + +@media (max-width: 991.98px) { + .section-shaped .shape-style-1 span { + height: 120px; + } +} + +@media (max-width: 767.98px) { + .section-shaped .shape-style-1 span { + height: 90px; + } +} + +.section-shaped .shape-style-1.shape-primary { + background: linear-gradient(150deg, #281483 15%, #8f6ed5 70%, #d782d9 94%); +} + +.section-shaped .shape-style-1.shape-default { + background: linear-gradient(150deg, #7795f8 15%, #6772e5 70%, #555abf 94%); +} + +.section-shaped .shape-style-1.shape-light { + background: linear-gradient(150deg, shapes-light-color("step-1-gradient-bg") 15%, shapes-light-color("step-2-gradient-bg") 70%, shapes-light-color("step-3-gradient-bg") 94%); +} + +.section-shaped .shape-style-1.shape-dark { + background: linear-gradient(150deg, #32325d 15%, #32325d 70%, #32325d 94%); +} + +.section-shaped .shape-style-2 span { + height: 190px; +} + +.section-shaped .shape-style-2 .span-sm { + height: 100px; +} + +.section-shaped .shape-style-2 :nth-child(1) { + width: 33.33333%; + top: 0; + left: -16.66666%; +} + +.section-shaped .shape-style-2 :nth-child(2) { + width: 33.33333%; + top: 0; + left: 16.66666%; + right: auto; +} + +.section-shaped .shape-style-2 :nth-child(3) { + width: 33.33333%; + left: 49.99999%; + bottom: auto; +} + +.section-shaped .shape-style-2 :nth-child(4) { + width: 33.33333%; + top: 55%; + right: -16.66666%; +} + +.section-shaped .shape-style-2 :nth-child(5) { + width: 33.33333%; + bottom: 0; +} + +@media (max-width: 991.98px) { + .section-shaped .shape-style-2 span { + height: 120px; + } +} + +@media (max-width: 767.98px) { + .section-shaped .shape-style-2 span { + height: 90px; + } +} + +.section-shaped .shape-style-3 span { + height: 140px; +} + +.section-shaped .shape-style-3 .span-sm { + height: 100px; +} + +.section-shaped .shape-style-3 :nth-child(1) { + width: 66%; + left: -16.66666%; + bottom: auto; +} + +.section-shaped .shape-style-3 :nth-child(2) { + width: 40%; + top: 54%; + right: -16.66666%; +} + +.section-shaped .shape-style-3 :nth-child(3) { + width: 33.33333%; + top: 34%; + left: -16.66666%; + right: auto; +} + +.section-shaped .shape-style-3 :nth-child(4) { + width: 60%; + bottom: 0; + right: -16.66666%; + opacity: .6; +} + +.section-shaped .shape-style-3 :nth-child(5) { + width: 33.33333%; + bottom: 0; +} + +@media (max-width: 991.98px) { + .section-shaped .shape-style-3 span { + height: 120px; + } +} + +@media (max-width: 767.98px) { + .section-shaped .shape-style-3 span { + height: 90px; + } +} + +.device-ill { + pointer-events: none; + position: absolute; + display: flex; + width: 1287px; + left: 50%; + margin-left: -644px; + transform: scale(0.5) rotate(-12deg) translateX(50px); + transform-origin: 50% 20%; + will-change: transform; +} + +.device-ill div { + display: flex; + justify-content: center; + align-items: center; + border-radius: 0.25rem; + padding: .875rem; + background: #fff; + box-shadow: inset 0 4px 7px 1px #fff, inset 0 -5px 20px rgba(173, 186, 204, 0.25), 0 2px 6px rgba(0, 21, 64, 0.14), 0 10px 20px rgba(0, 21, 64, 0.05); +} + +.device-ill .tablet-landscape { + width: 512px; + height: 352px; + margin: 115px 50px 0; +} + +@media (min-width: 670px) { + .device-ill { + flex-wrap: wrap; + width: 512px; + margin-left: -50px; + top: 215px; + transform: rotate(-12deg); + transform-origin: 100% 0; + } + + .device-ill [class^=tablet] { + margin: 0; + } + + .device-ill .tablet-landscape { + width: 512px; + height: 352px; + } +} + +@media (min-width: 880px) { + .device-ill { + width: 829px; + margin-left: -10px; + top: 20px; + } + + .device-ill .tablet-landscape { + align-self: flex-end; + margin-right: 50px; + } + + .device-ill .phone-big { + display: flex; + width: 267px; + height: 553px; + } +} + +.section-profile-cover { + height: 580px; + background-size: cover; + background-position: center center; +} + +@media (max-width: 991.98px) { + .section-profile-cover { + height: 400px; + } +} + +.section-components>.form-control+.form-control { + margin-top: .5rem; +} + +.section-components>.nav+.nav, +.section-components>.alert+.alert, +.section-components>.navbar+.navbar, +.section-components>.progress+.progress, +.section-components>.progress+.btn, +.section-components .badge, +.section-components .btn { + margin-top: .5rem; + margin-bottom: .5rem; +} + +.section-components .btn-group { + margin-top: .5rem; + margin-bottom: .5rem; +} + +.section-components .btn-group .btn { + margin: 0; +} + +.section-components .alert { + margin: 0; +} + +.section-components .alert+.alert { + margin-top: 1.25rem; +} + +.section-components .badge { + margin-right: .1rem; +} + +.section-components .modal-footer .btn { + margin: 0; +} + +/* .floating-cards { + perspective:1500px; + position:relative; + align-items:center +} + +.floating-cards > div { + position:absolute; + -ms-flex-negative:0; + flex-shrink:0; + border-radius:8px; + overflow:hidden +} +.floating-cards .shine { + position:absolute; + left:0; + right:0; + top:0; + bottom:0; + pointer-events:none +} +*/ +.separator { + position: absolute; + top: auto; + left: 0; + right: 0; + width: 100%; + height: 150px; + z-index: 1; + transform: translateZ(0); + overflow: hidden; + pointer-events: none; +} + +.separator svg { + position: absolute; + pointer-events: none; +} + +.separator-top { + top: 0; + bottom: auto; +} + +.separator-top svg { + top: 0; +} + +.separator-bottom { + top: auto; + bottom: 0; +} + +.separator-bottom svg { + bottom: 0; +} + +.separator-inverse { + transform: rotate(180deg); +} + +.separator-skew { + height: 80px; +} + +@media (max-width: 991.98px) { + .separator-skew { + z-index: 0; + } +} + +.mt-md, +.my-md { + margin-top: 4rem !important; +} + +.mr-md, +.mx-md { + margin-right: 4rem !important; +} + +.mb-md, +.my-md { + margin-bottom: 4rem !important; +} + +.ml-md, +.mx-md { + margin-left: 4rem !important; +} + +.m-lg { + margin: 6rem !important; +} + +.mt-lg, +.my-lg { + margin-top: 6rem !important; +} + +.mr-lg, +.mx-lg { + margin-right: 6rem !important; +} + +.mb-lg, +.my-lg { + margin-bottom: 6rem !important; +} + +.ml-lg, +.mx-lg { + margin-left: 6rem !important; +} + +.m-xl { + margin: 8rem !important; +} + +.mt-xl, +.my-xl { + margin-top: 8rem !important; +} + +.mr-xl, +.mx-xl { + margin-right: 8rem !important; +} + +.mb-xl, +.my-xl { + margin-bottom: 8rem !important; +} + +.ml-xl, +.mx-xl { + margin-left: 8rem !important; +} + +.pt-lg, +.py-lg { + padding-top: 6rem !important; +} + +.pr-lg, +.px-lg { + padding-right: 6rem !important; +} + +.pb-lg, +.py-lg { + padding-bottom: 6rem !important; +} + +.pl-lg, +.px-lg { + padding-left: 6rem !important; +} + +.p-xl { + padding: 8rem !important; +} + +.pt-xl, +.py-xl { + padding-top: 8rem !important; +} + +.pr-xl, +.px-xl { + padding-right: 8rem !important; +} + +.pb-xl, +.py-xl { + padding-bottom: 8rem !important; +} + +.pl-xl, +.px-xl { + padding-left: 8rem !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; +} + +p { + font-size: 1rem; + font-weight: 300; + line-height: 1.7; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; + line-height: 1.7; + margin-top: 1.5rem; +} + +.lead+.btn-wrapper { + margin-top: 3rem; +} + +.description { + font-size: 0.875rem; +} + +.heading { + letter-spacing: 0.025em; + font-size: 0.95rem; + text-transform: uppercase; + font-weight: 400; +} + +.heading-title { + letter-spacing: 0.025em; + font-size: 1.375rem; + font-weight: 600; + text-transform: uppercase; +} + +.heading-section { + letter-spacing: 0.025em; + font-size: 1.375rem; + font-weight: 600; + text-transform: uppercase; +} + +.heading-section img { + display: block; + width: 72px; + height: 72px; + margin-bottom: 1.5rem; +} + +.heading-section.text-center img { + margin-left: auto; + margin-right: auto; +} + +.display-1 span, +.display-2 span, +.display-3 span, +.display-4 span { + display: block; + font-weight: 300; +} + +article h4:not(:first-child), +article h5:not(:first-child) { + margin-top: 3rem; +} + +article h4, +article h5 { + margin-bottom: 1.5rem; +} + +article figure { + margin: 3rem 0; +} + +article h5+figure { + margin-top: 0; +} + +/* flatpickr v4.5.7, @license MIT */ +.flatpickr-calendar { + background: transparent; + opacity: 0; + display: none; + text-align: center; + visibility: hidden; + padding: 0; + -webkit-animation: none; + animation: none; + direction: ltr; + border: 0; + font-size: 14px; + line-height: 24px; + border-radius: 5px; + position: absolute; + width: 307.875px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -ms-touch-action: manipulation; + touch-action: manipulation; + background: #fff; + -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); + box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); +} + +.flatpickr-calendar.open, +.flatpickr-calendar.inline { + opacity: 1; + max-height: 640px; + visibility: visible; +} + +.flatpickr-calendar.open { + display: inline-block; + z-index: 99999; +} + +.flatpickr-calendar.animate.open { + -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); + animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.flatpickr-calendar.inline { + display: block; + position: relative; + top: 2px; +} + +.flatpickr-calendar.static { + position: absolute; + top: calc(100% + 2px); +} + +.flatpickr-calendar.static.open { + z-index: 999; + display: block; +} + +.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { + -webkit-box-shadow: none !important; + box-shadow: none !important; +} + +.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { + -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; + box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; +} + +.flatpickr-calendar .hasWeeks .dayContainer, +.flatpickr-calendar .hasTime .dayContainer { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.flatpickr-calendar .hasWeeks .dayContainer { + border-left: 0; +} + +.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { + height: 40px; + border-top: 1px solid #e6e6e6; +} + +.flatpickr-calendar.noCalendar.hasTime .flatpickr-time { + height: auto; +} + +.flatpickr-calendar:before { + background: #fff; + box-shadow: none; + content: ""; + display: block; + height: 16px; + width: 16px; + left: 5px; + position: absolute; + bottom: 100%; + transform: rotate(-45deg) translateY(1rem); + z-index: -5; + border-radius: .2rem; +} + +.flatpickr-calendar.rightMost:before, +.flatpickr-calendar.rightMost:after { + left: auto; + right: 22px; +} + +.flatpickr-calendar:before { + border-width: 5px; + margin: 0 -5px; +} + +.flatpickr-calendar:after { + border-width: 4px; + margin: 0 -4px; +} + +.flatpickr-calendar.arrowTop:before, +.flatpickr-calendar.arrowTop:after { + bottom: 100%; +} + +.flatpickr-calendar.arrowTop:before { + border-bottom-color: #e6e6e6; +} + +.flatpickr-calendar.arrowTop:after { + border-bottom-color: #fff; +} + +.flatpickr-calendar.arrowBottom:before, +.flatpickr-calendar.arrowBottom:after { + top: 100%; +} + +.flatpickr-calendar.arrowBottom:before { + border-top-color: #e6e6e6; +} + +.flatpickr-calendar.arrowBottom:after { + border-top-color: #fff; +} + +.flatpickr-calendar:focus { + outline: 0; +} + +.flatpickr-wrapper { + position: relative; + display: inline-block; +} + +.flatpickr-months { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.flatpickr-months .flatpickr-month { + background: transparent; + color: rgba(0, 0, 0, 0.9); + fill: rgba(0, 0, 0, 0.9); + height: 28px; + line-height: 1; + text-align: center; + position: relative; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + overflow: hidden; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.flatpickr-months .flatpickr-prev-month, +.flatpickr-months .flatpickr-next-month { + text-decoration: none; + cursor: pointer; + position: absolute; + top: 0px; + line-height: 16px; + height: 28px; + padding: 10px; + z-index: 3; + color: rgba(0, 0, 0, 0.9); + fill: rgba(0, 0, 0, 0.9); +} + +.flatpickr-months .flatpickr-prev-month.disabled, +.flatpickr-months .flatpickr-next-month.disabled { + display: none; +} + +.flatpickr-months .flatpickr-prev-month i, +.flatpickr-months .flatpickr-next-month i { + position: relative; +} + +.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, +.flatpickr-months .flatpickr-next-month.flatpickr-prev-month { + /* + /*rtl:begin:ignore*/ + /* + */ + left: 0; + /* + /*rtl:end:ignore*/ + /* + */ +} + +/* + /*rtl:begin:ignore*/ +/* + /*rtl:end:ignore*/ +.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, +.flatpickr-months .flatpickr-next-month.flatpickr-next-month { + /* + /*rtl:begin:ignore*/ + /* + */ + right: 0; + /* + /*rtl:end:ignore*/ + /* + */ +} + +/* + /*rtl:begin:ignore*/ +/* + /*rtl:end:ignore*/ +.flatpickr-months .flatpickr-prev-month:hover, +.flatpickr-months .flatpickr-next-month:hover { + color: #959ea9; +} + +.flatpickr-months .flatpickr-prev-month:hover svg, +.flatpickr-months .flatpickr-next-month:hover svg { + fill: #f64747; +} + +.flatpickr-months .flatpickr-prev-month svg, +.flatpickr-months .flatpickr-next-month svg { + width: 14px; + height: 14px; +} + +.flatpickr-months .flatpickr-prev-month svg path, +.flatpickr-months .flatpickr-next-month svg path { + -webkit-transition: fill 0.1s; + transition: fill 0.1s; + fill: inherit; +} + +.numInputWrapper { + position: relative; + height: auto; +} + +.numInputWrapper input, +.numInputWrapper span { + display: inline-block; +} + +.numInputWrapper input { + width: 100%; +} + +.numInputWrapper input::-ms-clear { + display: none; +} + +.numInputWrapper input::-webkit-outer-spin-button, +.numInputWrapper input::-webkit-inner-spin-button { + margin: 0; + -webkit-appearance: none; +} + +.numInputWrapper span { + position: absolute; + right: 0; + width: 14px; + padding: 0 4px 0 2px; + height: 50%; + line-height: 50%; + opacity: 0; + cursor: pointer; + border: 1px solid rgba(57, 57, 57, 0.15); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.numInputWrapper span:hover { + background: rgba(0, 0, 0, 0.1); +} + +.numInputWrapper span:active { + background: rgba(0, 0, 0, 0.2); +} + +.numInputWrapper span:after { + display: block; + content: ""; + position: absolute; +} + +.numInputWrapper span.arrowUp { + top: -3px; + border-bottom: 0; +} + +.numInputWrapper span.arrowUp:after { + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-bottom: 4px solid rgba(57, 57, 57, 0.6); + top: 26%; +} + +.numInputWrapper span.arrowDown { + top: 37%; +} + +.numInputWrapper span.arrowDown:after { + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 4px solid rgba(57, 57, 57, 0.6); + top: 40%; +} + +.numInputWrapper span svg { + width: inherit; + height: auto; +} + +.numInputWrapper span svg path { + fill: rgba(0, 0, 0, 0.5); +} + +.numInputWrapper:hover { + background: rgba(0, 0, 0, 0.05); +} + +.numInputWrapper:hover span { + opacity: 1; +} + +.flatpickr-current-month { + font-size: 135%; + line-height: inherit; + font-weight: 300; + color: inherit; + position: absolute; + width: 75%; + left: 12.5%; + padding: 6.16px 0 0 0; + line-height: 1; + height: 28px; + display: inline-block; + text-align: center; + -webkit-transform: translate3d(0px, 0px, 0px); + transform: translate3d(0px, 0px, 0px); + line-height: 20px; +} + +.flatpickr-current-month span.cur-month { + font-family: inherit; + font-weight: 700; + color: inherit; + display: inline-block; + margin-left: 0.5ch; + padding: 0; +} + +.flatpickr-current-month span.cur-month:hover { + background: rgba(0, 0, 0, 0.05); +} + +.flatpickr-current-month .numInputWrapper { + width: 6ch; + width: 7ch\0; + display: inline-block; +} + +.flatpickr-current-month .numInputWrapper span.arrowUp:after { + border-bottom-color: rgba(0, 0, 0, 0.9); +} + +.flatpickr-current-month .numInputWrapper span.arrowDown:after { + border-top-color: rgba(0, 0, 0, 0.9); +} + +.flatpickr-current-month input.cur-year { + background: transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: inherit; + cursor: text; + padding: 0 0 0 0.5ch; + margin: 0; + display: inline-block; + font-size: inherit; + font-family: inherit; + font-weight: 300; + line-height: inherit; + height: auto; + border: 0; + border-radius: 0; + vertical-align: initial; + -webkit-appearance: textfield; + -moz-appearance: textfield; + appearance: textfield; +} + +.flatpickr-current-month input.cur-year:focus { + outline: 0; +} + +.flatpickr-current-month input.cur-year[disabled], +.flatpickr-current-month input.cur-year[disabled]:hover { + font-size: 100%; + color: rgba(0, 0, 0, 0.5); + background: transparent; + pointer-events: none; +} + +.flatpickr-weekdays { + background: transparent; + text-align: center; + overflow: hidden; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 28px; +} + +.flatpickr-weekdays .flatpickr-weekdaycontainer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +span.flatpickr-weekday { + cursor: default; + font-size: 90%; + background: transparent; + color: rgba(0, 0, 0, 0.54); + line-height: 1; + margin: 0; + text-align: center; + display: block; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-weight: bolder; +} + +.dayContainer, +.flatpickr-weeks { + padding: 1px 0 0 0; +} + +.flatpickr-days { + position: relative; + overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + width: 307.875px; +} + +.flatpickr-days:focus { + outline: 0; +} + +.dayContainer { + padding: 0; + outline: 0; + text-align: left; + width: 307.875px; + min-width: 307.875px; + max-width: 307.875px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: inline-block; + display: -ms-flexbox; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-wrap: wrap; + -ms-flex-pack: justify; + -webkit-justify-content: space-around; + justify-content: space-around; + -webkit-transform: translate3d(0px, 0px, 0px); + transform: translate3d(0px, 0px, 0px); + opacity: 1; +} + +.dayContainer+.dayContainer { + -webkit-box-shadow: -1px 0 0 #e6e6e6; + box-shadow: -1px 0 0 #e6e6e6; +} + +.flatpickr-day { + background: none; + border: 1px solid transparent; + border-radius: 150px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #393939; + cursor: pointer; + font-weight: 400; + width: 14.2857143%; + -webkit-flex-basis: 14.2857143%; + -ms-flex-preferred-size: 14.2857143%; + flex-basis: 14.2857143%; + max-width: 39px; + height: 39px; + line-height: 39px; + margin: 0; + display: inline-block; + position: relative; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + +.flatpickr-day.inRange, +.flatpickr-day.prevMonthDay.inRange, +.flatpickr-day.nextMonthDay.inRange, +.flatpickr-day.today.inRange, +.flatpickr-day.prevMonthDay.today.inRange, +.flatpickr-day.nextMonthDay.today.inRange, +.flatpickr-day:hover, +.flatpickr-day.prevMonthDay:hover, +.flatpickr-day.nextMonthDay:hover, +.flatpickr-day:focus, +.flatpickr-day.prevMonthDay:focus, +.flatpickr-day.nextMonthDay:focus { + cursor: pointer; + outline: 0; + background: #e6e6e6; + border-color: #e6e6e6; +} + +.flatpickr-day.today { + border-color: #959ea9; + box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); +} + +.flatpickr-day.today:hover, +.flatpickr-day.today:focus { + border-color: #959ea9; + background: #959ea9; + color: #fff; +} + +.flatpickr-day.selected, +.flatpickr-day.startRange, +.flatpickr-day.endRange, +.flatpickr-day.selected.inRange, +.flatpickr-day.startRange.inRange, +.flatpickr-day.endRange.inRange, +.flatpickr-day.selected:focus, +.flatpickr-day.startRange:focus, +.flatpickr-day.endRange:focus, +.flatpickr-day.selected:hover, +.flatpickr-day.startRange:hover, +.flatpickr-day.endRange:hover, +.flatpickr-day.selected.prevMonthDay, +.flatpickr-day.startRange.prevMonthDay, +.flatpickr-day.endRange.prevMonthDay, +.flatpickr-day.selected.nextMonthDay, +.flatpickr-day.startRange.nextMonthDay, +.flatpickr-day.endRange.nextMonthDay { + background: #569ff7; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; + border-color: #569ff7; +} + +.flatpickr-day.selected.startRange, +.flatpickr-day.startRange.startRange, +.flatpickr-day.endRange.startRange { + border-radius: 50px 0 0 50px; +} + +.flatpickr-day.selected.endRange, +.flatpickr-day.startRange.endRange, +.flatpickr-day.endRange.endRange { + border-radius: 0 50px 50px 0; +} + +.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)), +.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)), +.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) { + -webkit-box-shadow: -10px 0 0 #569ff7; + box-shadow: -10px 0 0 #569ff7; +} + +.flatpickr-day.selected.startRange.endRange, +.flatpickr-day.startRange.startRange.endRange, +.flatpickr-day.endRange.startRange.endRange { + border-radius: 50px; +} + +.flatpickr-day.inRange { + border-radius: 0; + -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; + box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; +} + +.flatpickr-day.disabled, +.flatpickr-day.disabled:hover, +.flatpickr-day.prevMonthDay, +.flatpickr-day.nextMonthDay, +.flatpickr-day.notAllowed, +.flatpickr-day.notAllowed.prevMonthDay, +.flatpickr-day.notAllowed.nextMonthDay { + color: rgba(57, 57, 57, 0.3); + background: transparent; + border-color: transparent; + cursor: default; +} + +.flatpickr-day.disabled, +.flatpickr-day.disabled:hover { + cursor: not-allowed; + color: rgba(57, 57, 57, 0.1); +} + +.flatpickr-day.week.selected { + border-radius: 0; + -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; + box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; +} + +.flatpickr-day.hidden { + visibility: hidden; +} + +.rangeMode .flatpickr-day { + margin-top: 1px; +} + +.flatpickr-weekwrapper { + display: inline-block; + float: left; +} + +.flatpickr-weekwrapper .flatpickr-weeks { + padding: 0 12px; + -webkit-box-shadow: 1px 0 0 #e6e6e6; + box-shadow: 1px 0 0 #e6e6e6; +} + +.flatpickr-weekwrapper .flatpickr-weekday { + float: none; + width: 100%; + line-height: 28px; +} + +.flatpickr-weekwrapper span.flatpickr-day, +.flatpickr-weekwrapper span.flatpickr-day:hover { + display: block; + width: 100%; + max-width: none; + color: rgba(57, 57, 57, 0.3); + background: transparent; + cursor: default; + border: none; +} + +.flatpickr-innerContainer { + display: block; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; + overflow: hidden; +} + +.flatpickr-rContainer { + display: inline-block; + padding: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.flatpickr-time { + text-align: center; + outline: 0; + display: block; + height: 0; + line-height: 40px; + max-height: 40px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.flatpickr-time:after { + content: ""; + display: table; + clear: both; +} + +.flatpickr-time .numInputWrapper { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 40%; + height: 40px; + float: left; +} + +.flatpickr-time .numInputWrapper span.arrowUp:after { + border-bottom-color: #393939; +} + +.flatpickr-time .numInputWrapper span.arrowDown:after { + border-top-color: #393939; +} + +.flatpickr-time.hasSeconds .numInputWrapper { + width: 26%; +} + +.flatpickr-time.time24hr .numInputWrapper { + width: 49%; +} + +.flatpickr-time input { + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + border: 0; + border-radius: 0; + text-align: center; + margin: 0; + padding: 0; + height: inherit; + line-height: inherit; + color: #393939; + font-size: 14px; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-appearance: textfield; + -moz-appearance: textfield; + appearance: textfield; +} + +.flatpickr-time input.flatpickr-hour { + font-weight: bold; +} + +.flatpickr-time input.flatpickr-minute, +.flatpickr-time input.flatpickr-second { + font-weight: 400; +} + +.flatpickr-time input:focus { + outline: 0; + border: 0; +} + +.flatpickr-time .flatpickr-time-separator, +.flatpickr-time .flatpickr-am-pm { + height: inherit; + display: inline-block; + float: left; + line-height: inherit; + color: #393939; + font-weight: bold; + width: 2%; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} + +.flatpickr-time .flatpickr-am-pm { + outline: 0; + width: 18%; + cursor: pointer; + text-align: center; + font-weight: 400; +} + +.flatpickr-time input:hover, +.flatpickr-time .flatpickr-am-pm:hover, +.flatpickr-time input:focus, +.flatpickr-time .flatpickr-am-pm:focus { + background: #eee; +} + +.flatpickr-input[readonly] { + cursor: pointer; +} + +.flatpickr-calendar.open { + margin-left: -38px; + margin-top: 4px; +} + +.flatpickr-calendar.arrowBottom { + margin-top: -20px; +} + +.flatpickr-calendar .flatpickr-innerContainer { + margin-top: 15px !important; +} + +.flatpickr-calendar .numInputWrapper span { + border: none; + border-bottom: 1px solid rgba(57, 57, 57, 0.15); +} + +.flatpickr-calendar .numInputWrapper:hover .arrowUp, +.flatpickr-calendar .numInputWrapper:hover .arrowDown { + margin-top: 3px; +} + +.flatpickr-calendar .flatpickr-day.today, +.flatpickr-calendar .flatpickr-day.selected, +.flatpickr-calendar .flatpickr-day.startRange, +.flatpickr-calendar .flatpickr-day.endRange { + background: #5e72e4 !important; + color: #fff; + border: none; +} + +.flatpickr-calendar .flatpickr-day.inRange { + background: rgba(94, 114, 228, 0.28); + border: none; + -webkit-box-shadow: -5px 0 0 #D7DCF8, 5px 0 0 #D7DCF8; + box-shadow: -5px 0 0 #D7DCF8, 5px 0 0 #D7DCF8; +} + +.flatpickr-calendar .flatpickr-day:not(.selected):hover, +.flatpickr-calendar .flatpickr-day:not(.selected):focus { + background: rgba(94, 114, 228, 0.28); + border: none; +} + +.flatpickr-calendar .flatpickr-time input:hover, +.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover, +.flatpickr-calendar .flatpickr-time input:focus, +.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:focus { + background: rgba(94, 114, 228, 0.28); +} + +.flatpickr.form-control { + background: #fff; +} + +@-webkit-keyframes fpFadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fpFadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.datepicker { + border-radius: 0.25rem; + direction: ltr; +} + +.datepicker-inline { + width: 220px; +} + +.datepicker-rtl { + direction: rtl; +} + +.datepicker-rtl.dropdown-menu { + left: auto; +} + +.datepicker-rtl table tr td span { + float: right; +} + +.datepicker-dropdown { + top: 0; + left: 0; + padding: 20px 22px; + box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1); +} + +.datepicker-dropdown.datepicker-orient-left:before { + left: 6px; +} + +.datepicker-dropdown.datepicker-orient-left:after { + left: 7px; +} + +.datepicker-dropdown.datepicker-orient-right:before { + right: 6px; +} + +.datepicker-dropdown.datepicker-orient-right:after { + right: 7px; +} + +.datepicker-dropdown.datepicker-orient-bottom:before { + top: -7px; +} + +.datepicker-dropdown.datepicker-orient-bottom:after { + top: -6px; +} + +.datepicker-dropdown.datepicker-orient-top:before { + bottom: -7px; + border-bottom: 0; + border-top: 7px solid white; +} + +.datepicker-dropdown.datepicker-orient-top:after { + bottom: -6px; + border-bottom: 0; + border-top: 6px solid #fff; +} + +.datepicker table { + margin: 0; + -webkit-touch-callout: none; + user-select: none; +} + +.datepicker table tr td { + border-radius: 50%; +} + +.datepicker table tr th { + border-radius: 0.25rem; + font-weight: 500; +} + +.datepicker table tr td, +.datepicker table tr th { + transition: all 0.15s ease; + width: 36px; + height: 36px; + border: none; + text-align: center; + font-size: 0.875rem; +} + +.table-striped .datepicker table tr td, +.table-striped .datepicker table tr th { + background-color: transparent; +} + +.datepicker table tr td.old, +.datepicker table tr td.new { + color: #adb5bd; +} + +.datepicker table tr td.day:hover, +.datepicker table tr td.focused { + background: white; + cursor: pointer; +} + +.datepicker table tr td.disabled, +.datepicker table tr td.disabled:hover { + background: none; + color: #dee2e6; + cursor: default; +} + +.datepicker table tr td.highlighted { + border-radius: 0; +} + +.datepicker table tr td.highlighted.focused { + background: #5e72e4; +} + +.datepicker table tr td.highlighted.disabled, +.datepicker table tr td.highlighted.disabled:active { + background: #5e72e4; + color: #ced4da; +} + +.datepicker table tr td.today { + background: white; +} + +.datepicker table tr td.today.focused { + background: white; +} + +.datepicker table tr td.today.disabled, +.datepicker table tr td.today.disabled:active { + background: white; + color: #8898aa; +} + +.datepicker table tr td.range { + background: #5e72e4; + color: #fff; + border-radius: 0; +} + +.datepicker table tr td.range.focused { + background: #3b53de; +} + +.datepicker table tr td.range.disabled, +.datepicker table tr td.range.disabled:active, +.datepicker table tr td.range.day.disabled:hover { + background: #324cdd; + color: #8a98eb; +} + +.datepicker table tr td.range.highlighted.focused { + background: #cbd3da; +} + +.datepicker table tr td.range.highlighted.disabled, +.datepicker table tr td.range.highlighted.disabled:active { + background: #e9ecef; + color: #dee2e6; +} + +.datepicker table tr td.range.today.disabled, +.datepicker table tr td.range.today.disabled:active { + background: #5e72e4; + color: #fff; +} + +.datepicker table tr td.day.range-start { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.datepicker table tr td.day.range-end { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.datepicker table tr td.day.range-start.range-end { + border-radius: 50%; +} + +.datepicker table tr td.selected, +.datepicker table tr td.selected.highlighted, +.datepicker table tr td.selected:hover, +.datepicker table tr td.selected.highlighted:hover, +.datepicker table tr td.day.range:hover { + background: #5e72e4; + color: #fff; +} + +.datepicker table tr td.active, +.datepicker table tr td.active.highlighted, +.datepicker table tr td.active:hover, +.datepicker table tr td.active.highlighted:hover { + background: #5e72e4; + color: #fff; + box-shadow: none; +} + +.datepicker table tr td span { + display: block; + width: 23%; + height: 54px; + line-height: 54px; + float: left; + margin: 1%; + cursor: pointer; + border-radius: 4px; +} + +.datepicker table tr td span:hover, +.datepicker table tr td span.focused { + background: #e9ecef; +} + +.datepicker table tr td span.disabled, +.datepicker table tr td span.disabled:hover { + background: none; + color: #dee2e6; + cursor: default; +} + +.datepicker table tr td span.active, +.datepicker table tr td span.active:hover, +.datepicker table tr td span.active.disabled, +.datepicker table tr td span.active.disabled:hover { + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} + +.datepicker table tr td span.old, +.datepicker table tr td span.new { + color: #8898aa; +} + +.datepicker .datepicker-switch { + width: 145px; +} + +.datepicker .datepicker-switch, +.datepicker .prev, +.datepicker .next, +.datepicker tfoot tr th { + cursor: pointer; +} + +.datepicker .datepicker-switch:hover, +.datepicker .prev:hover, +.datepicker .next:hover, +.datepicker tfoot tr th:hover { + background: #e9ecef; +} + +.datepicker .prev.disabled, +.datepicker .next.disabled { + visibility: hidden; +} + +.datepicker .cw { + font-size: 10px; + width: 12px; + padding: 0 2px 0 5px; + vertical-align: middle; +} + +.noUi-target, +.noUi-target * { + -webkit-touch-callout: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-user-select: none; + touch-action: none; + user-select: none; + box-sizing: border-box; +} + +.noUi-target { + position: relative; + direction: ltr; +} + +.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; + left: 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%; +} + +html:not([dir="rtl"]) .noUi-horizontal .noUi-origin { + left: auto; + right: 0; +} + +.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; +} + +.noUi-horizontal { + height: 5px; +} + +.noUi-horizontal .noUi-handle { + width: 34px; + height: 28px; + left: -17px; + top: -6px; +} + +.noUi-vertical { + width: 5px; +} + +.noUi-vertical .noUi-handle { + width: 28px; + height: 34px; + left: -6px; + top: -17px; +} + +html:not([dir="rtl"]) .noUi-horizontal .noUi-handle { + right: -17px; + left: auto; +} + +.noUi-connects { + border-radius: 3px; +} + +.noUi-connect { + background: #5e72e4; +} + +.noUi-draggable { + cursor: ew-resize; +} + +.noUi-vertical .noUi-draggable { + cursor: ns-resize; +} + +.noUi-handle { + border: 1px solid #D9D9D9; + border-radius: 3px; + background: #FFF; + cursor: default; + box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; + outline: none; +} + +.noUi-active { + outline: none; +} + +/* 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%, 0); + 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%; +} + +.noUi-target { + background: #eceeef; + border-radius: 5px; + border: 0; + box-shadow: inset 0 1px 2px rgba(90, 97, 105, 0.1); + margin: 15px 0; + cursor: pointer; +} + +.noUi-horizontal { + height: 5px; +} + +html:not([dir="rtl"]) .noUi-horizontal .noUi-handle { + right: -10px; +} + +.noUi-vertical { + width: 5px; +} + +.noUi-connect { + background: #5e72e4; + box-shadow: none; +} + +.noUi-horizontal .noUi-handle, +.noUi-vertical .noUi-handle { + top: -5px; + width: 15px; + height: 15px; + border-radius: 100%; + box-shadow: none; + cursor: pointer; + background-color: #5e72e4; + border: 0; + transition: box-shadow .15s, transform .15s; +} + +.noUi-horizontal .noUi-handle.noUi-active, +.noUi-vertical .noUi-handle.noUi-active { + transform: scale(1.2); +} + +.input-slider--cyan .noUi-connect { + background: #2bffc6; +} + +.input-slider--cyan.noUi-horizontal .noUi-handle, +.input-slider--cyan.noUi-vertical .noUi-handle { + background-color: #2bffc6; +} + +.input-slider--red .noUi-connect { + background: #f5365c; +} + +.input-slider--red.noUi-horizontal .noUi-handle, +.input-slider--red.noUi-vertical .noUi-handle { + background-color: #f5365c; +} + +.input-slider--green .noUi-connect { + background: #2dce89; +} + +.input-slider--green.noUi-horizontal .noUi-handle, +.input-slider--green.noUi-vertical .noUi-handle { + background-color: #2dce89; +} + +.input-slider--yellow .noUi-connect { + background: #ffd600; +} + +.input-slider--yellow.noUi-horizontal .noUi-handle, +.input-slider--yellow.noUi-vertical .noUi-handle { + background-color: #ffd600; +} + +.input-slider--pink .noUi-connect { + background: #f3a4b5; +} + +.input-slider--pink.noUi-horizontal .noUi-handle, +.input-slider--pink.noUi-vertical .noUi-handle { + background-color: #f3a4b5; +} + +/* Disabled state */ +[disabled] .noUi-connect, +[disabled].noUi-connect { + background: #b2b2b2; +} + +[disabled] .noUi-handle, +[disabled].noUi-origin { + cursor: not-allowed; +} + +/* Range slider value labels */ +.range-slider-value { + font-size: 0.75rem; + font-weight: 500; + background-color: rgba(33, 37, 41, 0.7); + color: #fff; + border-radius: 10px; + padding: .4em .8em .3em .85em; +} + +.range-slider-wrapper .upper-info { + font-weight: 400; + margin-bottom: 5px; +} + +.input-slider-value-output { + background: #333; + color: #fff; + padding: 4px 8px; + position: relative; + top: 12px; + font-size: 11px; + border-radius: 2px; +} + +.input-slider-value-output:after { + bottom: 100%; + left: 10px; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-color: rgba(136, 183, 213, 0); + border-bottom-color: #333; + border-width: 4px; + margin-left: -4px; +} + +.input-slider-value-output.left:after { + left: 10px; + right: auto; +} + +.input-slider-value-output.right:after { + right: 10px; + left: auto; +} + +.headroom { + will-change: transform; + background-color: inherit; + transition: all 0.15s ease; +} + +@media (prefers-reduced-motion: reduce) { + .headroom { + transition: none; + } +} + +.headroom--pinned { + transform: translateY(0%); +} + +.headroom--unpinned { + transform: translateY(-100%); +} + +.headroom--not-top { + padding-top: .5rem; + padding-bottom: .5rem; + background-color: #172b4d !important; + box-shadow: 0 1px 10px rgba(130, 130, 134, 0.1); +} + +.ct-clipboard { + position: relative; + display: none; + float: right; +} + +.ct-clipboard+.highlight { + margin-top: 0; +} + +.btn-clipboard { + position: absolute; + top: 1rem; + right: 1rem; + z-index: 10; + display: block; + padding: .25rem .5rem; + font-size: 75%; + cursor: pointer; + background-color: transparent; + border: 0; + border-radius: .25rem; + color: #fff; + background-color: #5e72e4; +} + +.btn-clipboard:hover { + color: #fff; + background-color: #324cdd; +} + +@media (min-width: 768px) { + .ct-clipboard { + display: block; + } +} + +.ct-example-row .row>.col span, +.ct-example-row .row>[class^="col-"] span { + display: block; + padding: .75rem; + color: #393f49; + background-color: white; + box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 16px; + font-size: 0.875rem; + border-radius: .25rem; + margin: 1rem 0; +} + +.ct-example-row .no-gutters>.col span, +.ct-example-row .no-gutters>[class^="col-"] span { + border-radius: 0; +} + +.ct-example-row .flex-items-top, +.ct-example-row .flex-items-middle, +.ct-example-row .flex-items-bottom { + min-height: 6rem; + background-color: rgba(255, 0, 0, 0.1); +} + +.ct-example-row-flex-cols .row { + min-height: 10rem; + background-color: rgba(255, 0, 0, 0.1); +} + +.ct-example-row-flex-cols .row+.row { + margin-top: 1rem; +} + +.ct-highlight { + background-color: rgba(94, 114, 228, 0.15); + border: 1px solid rgba(94, 114, 228, 0.15); +} + +.example-container { + width: 800px; + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +.example-row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.example-content-main { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +@media (min-width: 576px) { + .example-content-main { + flex: 0 0 50%; + max-width: 50%; + } +} + +@media (min-width: 992px) { + .example-content-main { + flex: 0 0 66.666667%; + max-width: 66.666667%; + } +} + +.example-content-secondary { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +@media (min-width: 576px) { + .example-content-secondary { + flex: 0 0 50%; + max-width: 50%; + } +} + +@media (min-width: 992px) { + .example-content-secondary { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } +} + +.ct-example-container { + min-width: 16rem; + max-width: 25rem; + margin-right: auto; + margin-left: auto; +} + +.ct-example-container-header { + height: 3rem; + margin-bottom: .5rem; + background-color: white; + border-radius: .25rem; +} + +.ct-example-container-sidebar { + float: right; + width: 4rem; + height: 8rem; + background-color: #cbd2f6; + border-radius: .25rem; +} + +.ct-example-container-body { + height: 8rem; + margin-right: 4.5rem; + background-color: #cbd2f6; + border-radius: .25rem; +} + +.ct-example-container-fluid { + max-width: none; +} + +.ct-example { + position: relative; + margin: 1rem -15px 0; +} + +.ct-example::after { + display: block; + clear: both; + content: ""; +} + +@media (min-width: 576px) { + .ct-example { + margin-right: 0; + margin-left: 0; + } +} + +.ct-example+.highlight, +.ct-example+.clipboard+.highlight { + margin-top: 0; +} + +.ct-example+p { + margin-top: 2rem; +} + +.ct-example .pos-f-t { + position: relative; + margin: -1rem; +} + +@media (min-width: 576px) { + .ct-example .pos-f-t { + margin: -1.5rem; + } +} + +.ct-example .custom-file-input:lang(es)~.custom-file-label::after { + content: "Elegir"; +} + +.ct-example>.form-control+.form-control { + margin-top: .5rem; +} + +.ct-example>.nav+.nav, +.ct-example>.alert+.alert, +.ct-example>.navbar+.navbar, +.ct-example>.progress+.progress, +.ct-example>.progress+.btn, +.ct-example .badge, +.ct-example .btn { + margin-top: .5rem; + margin-bottom: .5rem; +} + +.ct-example .btn-group { + margin-top: .5rem; + margin-bottom: .5rem; +} + +.ct-example .btn-group .btn { + margin: 0; +} + +.ct-example .alert { + margin: 0; +} + +.ct-example .alert+.alert { + margin-top: 1.25rem; +} + +.ct-example .badge { + margin-right: .5rem; +} + +.ct-example>.dropdown-menu:first-child { + position: static; + display: block; +} + +.ct-example>.form-group:last-child { + margin-bottom: 0; +} + +.ct-example>.close { + float: none; +} + +.ct-example-type .table .type-info { + color: #999; + vertical-align: middle; +} + +.ct-example-type .table td { + padding: 1rem 0; + border-color: #eee; +} + +.ct-example-type .table tr:first-child td { + border-top: 0; +} + +.ct-example-type h1, +.ct-example-type h2, +.ct-example-type h3, +.ct-example-type h4, +.ct-example-type h5, +.ct-example-type h6 { + margin-top: 0; + margin-bottom: 0; +} + +.ct-example-bg-classes p { + padding: 1rem; +} + +.ct-example>img+img { + margin-left: .5rem; +} + +.ct-example>.btn-group { + margin-top: .25rem; + margin-bottom: .25rem; +} + +.ct-example>.btn-toolbar+.btn-toolbar { + margin-top: .5rem; +} + +.ct-example-control-sizing select, +.ct-example-control-sizing input[type="text"]+input[type="text"] { + margin-top: .5rem; +} + +.ct-example-form .input-group { + margin-bottom: .5rem; +} + +.ct-example>textarea.form-control { + resize: vertical; +} + +.ct-example>.list-group { + max-width: 400px; +} + +.ct-example .fixed-top, +.ct-example .sticky-top { + position: static; + margin: -1rem -1rem 1rem; +} + +.ct-example .fixed-bottom { + position: static; + margin: 1rem -1rem -1rem; +} + +@media (min-width: 576px) { + + .ct-example .fixed-top, + .ct-example .sticky-top { + margin: -1.5rem -1.5rem 1rem; + } + + .ct-example .fixed-bottom { + margin: 1rem -1.5rem -1.5rem; + } +} + +.ct-example .pagination { + margin-top: .5rem; + margin-bottom: .5rem; +} + +.modal { + z-index: 1072; +} + +.modal .tooltip, +.modal .popover { + z-index: 1073; +} + +.modal-backdrop { + z-index: 1071; +} + +.ct-example-modal { + background-color: #fafafa; +} + +.ct-example-modal .modal { + position: relative; + top: auto; + right: auto; + bottom: auto; + left: auto; + z-index: 1; + display: block; +} + +.ct-example-modal .modal-dialog { + left: auto; + margin-right: auto; + margin-left: auto; +} + +.ct-example-tabs .nav-tabs { + margin-bottom: 1rem; +} + +.ct-example-popover-static { + padding-bottom: 1.5rem; + background-color: #f9f9f9; +} + +.ct-example-popover-static .popover { + position: relative; + display: block; + float: left; + width: 260px; + margin: 1.25rem; +} + +.tooltip-demo a { + white-space: nowrap; +} + +.ct-example-tooltip-static .tooltip { + position: relative; + display: inline-block; + margin: 10px 20px; + opacity: 1; +} + +.scrollspy-example { + position: relative; + height: 200px; + margin-top: .5rem; + overflow: auto; +} + +.scrollspy-example-2 { + position: relative; + height: 350px; + overflow: auto; +} + +.ct-example-border-utils [class^="border"] { + display: inline-block; + width: 5rem; + height: 5rem; + margin: .25rem; + background-color: #f5f5f5; +} + +.ct-example-border-utils-0 [class^="border"] { + border: 1px solid #e9ecef; +} + +.highlight { + padding: 0; + margin-top: 1rem; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +@media (min-width: 576px) { + .highlight { + padding: 0; + } +} + +.ct-content .highlight { + margin-right: -15px; + margin-left: -15px; +} + +@media (min-width: 576px) { + .ct-content .highlight { + margin-right: 0; + margin-left: 0; + } +} + +.ct-example { + margin-bottom: 2rem; + padding-bottom: 2rem; + border-bottom: 1px solid #e9ecef; +} + +.ct-example .tab-content .tab-example-result { + background-color: #f5f7f9; + border: 1px solid #e6ecf1; + padding: 1.25rem; + border-radius: .25rem; +} + +.ct-example .nav-tabs-code { + margin-bottom: .375rem; +} + +.ct-example .nav-tabs-code .nav-link { + font-size: .875rem; +} + +.ct-example .nav-tabs-code .nav-link:active, +.ct-example .nav-tabs-code .nav-link.active { + color: #5e72e4; +} + +.icon-examples { + margin-top: 1rem; +} + +.btn-icon-clipboard { + margin: 0px; + padding: 24px; + font-size: 16px; + font-weight: 400; + line-height: 1.25; + color: #393f49; + background-color: #f8f9fa; + border-radius: 4px; + border: 0px none; + text-align: left; + font-family: inherit; + display: inline-block; + vertical-align: middle; + text-decoration: none; + -moz-appearance: none; + cursor: pointer; + width: 100%; + margin: .5rem 0; +} + +.btn-icon-clipboard:hover { + background-color: white; + box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 16px; +} + +.btn-icon-clipboard>div { + align-items: center; + display: flex; +} + +.btn-icon-clipboard i { + box-sizing: content-box; + color: #393f49; + vertical-align: middle; + font-size: 1.5rem; +} + +.btn-icon-clipboard span { + display: inline-block; + font-size: .875rem; + line-height: 1.5; + color: #393f49; + margin-left: 16px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + vertical-align: middle; +} + +.docs { + background: #FFF; +} + +.docs h6 { + font-size: 1rem; + font-weight: 600; +} + +.ct-content { + order: 1; +} + +.ct-content>h2[id], +.ct-content>h3[id], +.ct-content>h4[id] { + pointer-events: none; +} + +.ct-content>h2[id]>div, +.ct-content>h2[id]>a, +.ct-content>h3[id]>div, +.ct-content>h3[id]>a, +.ct-content>h4[id]>div, +.ct-content>h4[id]>a { + pointer-events: auto; +} + +.ct-content>h2[id]::before, +.ct-content>h3[id]::before, +.ct-content>h4[id]::before { + display: block; + height: 6rem; + margin-top: -6rem; + visibility: hidden; + content: ""; +} + +.ct-content>table { + width: 100%; + max-width: 100%; + margin-bottom: 1rem; +} + +@media (max-width: 991.98px) { + .ct-content>table { + display: block; + overflow-x: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + + .ct-content>table.table-bordered { + border: 0; + } +} + +.ct-content>table>thead>tr>th, +.ct-content>table>thead>tr>td, +.ct-content>table>tbody>tr>th, +.ct-content>table>tbody>tr>td, +.ct-content>table>tfoot>tr>th, +.ct-content>table>tfoot>tr>td { + padding: 1rem; + vertical-align: top; + border: 1px solid #dee2e6; +} + +.ct-content>table>thead>tr>th>p:last-child, +.ct-content>table>thead>tr>td>p:last-child, +.ct-content>table>tbody>tr>th>p:last-child, +.ct-content>table>tbody>tr>td>p:last-child, +.ct-content>table>tfoot>tr>th>p:last-child, +.ct-content>table>tfoot>tr>td>p:last-child { + margin-bottom: 0; +} + +.ct-content>table td:first-child>code { + white-space: nowrap; +} + +.ct-content>h2:not(:first-child) { + margin-top: 3rem; + font-size: 1.5rem; + font-weight: 600; +} + +.ct-content>h3 { + margin-top: 2.5rem; + font-size: 1.25rem; + font-weight: 600; +} + +.ct-content>ul li, +.ct-content>ol li { + margin-bottom: .25rem; +} + +@media (min-width: 992px) { + + .ct-content>ul, + .ct-content>ol, + .ct-content>p { + max-width: 80%; + } +} + +.ct-page-title { + padding-left: 1.25rem; + border-left: 2px solid #5e72e4; + margin-bottom: 1.5rem; +} + +.ct-title { + margin-top: 1rem; + margin-bottom: .5rem; + font-weight: 300; +} + +@media (min-width: 576px) { + .ct-title { + font-size: 1.5rem; + font-weight: 600; + } +} + +.ct-lead { + color: #3b454e; + font-weight: 500; +} + +@media (min-width: 576px) { + .ct-lead { + max-width: 80%; + margin-bottom: 1rem; + font-size: .875rem; + } +} + +.ct-text-purple { + color: #5e72e4; +} + +.ct-text-purple-bright { + color: #9da9f2; +} + +.ct-tabs-example .nav-link i { + margin-right: 5px; +} + +.color-swatch { + margin: 1rem 0; + border-radius: .25rem; + background-color: #F4F5F7; +} + +.color-swatch:after { + content: " "; + display: table; + clear: both; +} + +.color-swatch-header { + position: relative; + height: 0; + padding-bottom: 50%; + border-radius: .25rem .25rem 0 0; + border: 1px solid transparent; +} + +.color-swatch-header.is-light { + border-color: #C1C7D0; +} + +.color-swatch-header .pass-fail { + position: absolute; + width: 100%; + bottom: 0; +} + +.color-swatch-header .pass-fail-item-wrap { + position: relative; + float: left; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.color-swatch-header .pass-fail-item-group { + display: inline-block; + padding: 0 5px; +} + +.color-swatch-header .pass-fail-item { + float: left; + display: inline-block; + text-align: center; + padding: 2px; +} + +.color-swatch-header .pass-fail-item.white .example { + color: #fff; +} + +.color-swatch-header .pass-fail-item.small .example { + font-size: 10px; +} + +.color-swatch-header .pass-fail-item .lozenge { + font-size: 11px; + text-transform: uppercase; + font-weight: 600; + background: #000; + color: #fff; + padding: 2px 4px; + line-height: 10px; + border-radius: 4px; + letter-spacing: 0.05em; +} + +.color-swatch-body { + position: relative; + left: 50%; + float: left; + padding: 10px 0; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.color-swatch-body .prop-item-wrap { + float: left; + padding: 0 15px; + min-width: 65px; +} + +.color-swatch-body .prop-item { + padding: 15px 0; +} + +.color-swatch-body .prop-item .label { + font-size: 11px; + color: #62748C; + text-transform: uppercase; + line-height: 16px; +} + +.color-swatch-body .prop-item .value { + font-size: 14px; +} + +.table-colors { + font-weight: 600; + font-size: 16px; + width: 100%; +} + +.table-colors td, +.table-colors:first-child td, +.table-colors td:first-child, +.table-colors:first-child td:first-child, +.table-colors td:last-child, +.table-colors:first-child td:last-child { + background: rgba(255, 255, 255, 0.9); + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + padding: 10px; +} + +.table-colors tr:last-child td, +.table-colors:first-child tr:last-child td { + border-bottom: none; +} + +.table-colors td:nth-child(1), +.table-colors:first-child td:nth-child(1) { + line-height: 40px; +} + +.table-colors .swatch, +.table-colors:first-child .swatch { + float: left; + height: 40px; + width: 40px; + margin-right: 20px; + display: inline-block; + border-radius: 4px; + border: 1px solid transparent; +} + +.table-colors .swatch.is-light, +.table-colors:first-child .swatch.is-light { + border-color: #C1C7D0; +} + +.table-colors .lozenge, +.table-colors:first-child .lozenge { + float: left; + margin: 5px 10px 0 0; + font-size: 10px; + display: inline-block; + text-transform: uppercase; + font-weight: 600; + background: #97A0AF; + color: #042A53; + padding: 2px 4px; + line-height: 10px; + border-radius: 4px; + letter-spacing: 0.05em; +} + +#tags-component.tab-pane .choices__inner { + height: 60px; +} + +.highlight pre { + overflow: auto; + margin: 0; + padding: 1.25rem; + font-family: Consolas, Menlo, Monaco, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', 'Courier New', Courier, monospace; + font-size: 14px; + line-height: 1.375; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + hyphens: none; + color: #5e6687; + border-radius: .25rem; + background: #f5f7ff; + direction: ltr; + -ms-hyphens: none; +} + +.highlight pre code { + font-size: 87.5%; + word-break: break-word; + color: #5e6687; +} + +.highlight pre pre code { + font-size: inherit; + word-break: normal; + color: inherit; +} + +.highlight pre code, +.highlight pre kbd, +.highlight pre pre, +.highlight pre samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; + font-size: 1em; +} + +.highlight pre .nt { + color: #3d8fd1; +} + +.highlight pre .na { + color: #c76b29; +} + +.highlight pre .s, +.highlight pre .token.control, +.highlight pre .token.directive, +.highlight pre .token.keyword, +.highlight pre .token.unit { + color: #ac9739; +} + +.highlight pre .token.punctuation { + color: #5e6687; +} + +.btn-clipboard { + top: 3.5rem; +} + +.offline-doc .page-header { + height: 100vh; + display: flex; + justify-content: center; + align-items: center; +} + +.ct-footer { + font-size: 85%; + text-align: center; + background-color: #f7f7f7; +} + +.ct-footer a { + font-weight: 500; + color: #525f7f; +} + +.ct-footer a:hover, +.ct-footer a:focus { + color: #5e72e4; +} + +.ct-footer p { + margin-bottom: 0; +} + +@media (min-width: 576px) { + .ct-footer { + text-align: left; + } +} + +.ct-footer-links { + padding-left: 0; + margin-bottom: 1rem; +} + +.ct-footer-links li { + display: inline-block; +} + +.ct-footer-links li+li { + margin-left: 1rem; +} + +.ct-navbar { + background-color: #5e72e4; + box-shadow: rgba(116, 129, 141, 0.1) 0px 1px 1px 0px; + padding-top: .5rem; + padding-bottom: .5rem; +} + +@media (max-width: 991.98px) { + .ct-navbar { + padding-right: .5rem; + padding-left: .5rem; + } + + .ct-navbar .navbar-nav-scroll { + max-width: 100%; + height: 2.5rem; + margin-top: .25rem; + overflow: hidden; + font-size: .875rem; + } + + .ct-navbar .navbar-nav-scroll .navbar-nav { + padding-bottom: 2rem; + overflow-x: auto; + white-space: nowrap; + -webkit-overflow-scrolling: touch; + } +} + +@media (min-width: 768px) { + @supports (position: sticky) { + .ct-navbar { + position: sticky; + top: 0; + z-index: 1071; + } + } +} + +.ct-navbar .navbar-nav .nav-link { + padding-right: .5rem; + padding-left: .5rem; + color: rgba(255, 255, 255, 0.9) !important; +} + +.ct-navbar .navbar-nav .nav-link.active, +.ct-navbar .navbar-nav .nav-link:hover { + color: #fff !important; + background-color: transparent !important; +} + +.ct-navbar .navbar-nav .nav-link.active { + font-weight: 500; +} + +.ct-navbar .navbar-nav-svg { + display: inline-block; + width: 1rem; + height: 1rem; + vertical-align: text-top; +} + +.ct-navbar .dropdown-menu { + font-size: .875rem; +} + +.ct-navbar .dropdown-item.active { + font-weight: 500; + color: #212529; + background-color: transparent; + 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='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: .4rem .87rem; + background-size: .75rem .75rem; + padding-left: 25px; +} + +.github-corner { + position: fixed; + right: 0; + z-index: 1080; +} + +.github-corner:hover .octo-arm { + animation: octocat-wave 560ms ease-in-out; +} + +.github-corner svg { + fill: #fff; + color: #5e72e4; +} + +@keyframes octocat-wave { + + 0%, + 100% { + transform: rotate(0); + } + + 20%, + 60% { + transform: rotate(-25deg); + } + + 40%, + 80% { + transform: rotate(10deg); + } +} + +code[class*="language-"], +pre[class*="language-"] { + font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace; + font-size: 14px; + line-height: 1.375; + direction: ltr; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; + background: #f5f7ff; + color: #5e6687; + border-radius: .25rem; +} + +pre[class*="language-"]::-moz-selection, +pre[class*="language-"] ::-moz-selection, +code[class*="language-"]::-moz-selection, +code[class*="language-"] ::-moz-selection { + text-shadow: none; + background: #dfe2f1; +} + +pre[class*="language-"]::selection, +pre[class*="language-"] ::selection, +code[class*="language-"]::selection, +code[class*="language-"] ::selection { + text-shadow: none; + background: #dfe2f1; +} + +/* Code blocks */ +pre[class*="language-"] { + padding: 1.25rem; + margin: 0; + overflow: auto; +} + +/* Inline code */ +:not(pre)>code[class*="language-"] { + padding: .1em; + border-radius: .3em; +} + +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #898ea4; +} + +.token.punctuation { + color: #5e6687; +} + +.token.namespace { + opacity: .7; +} + +.token.operator, +.token.boolean, +.token.number { + color: #c76b29; +} + +.token.property { + color: #c08b30; +} + +.token.tag { + color: #3d8fd1; +} + +.token.string { + color: #22a2c9; +} + +.token.selector { + color: #6679cc; +} + +.token.attr-name { + color: #c76b29; +} + +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string { + color: #22a2c9; +} + +.token.attr-value, +.token.keyword, +.token.control, +.token.directive, +.token.unit { + color: #ac9739; +} + +.token.statement, +.token.regex, +.token.atrule { + color: #22a2c9; +} + +.token.placeholder, +.token.variable { + color: #3d8fd1; +} + +.token.deleted { + text-decoration: line-through; +} + +.token.inserted { + border-bottom: 1px dotted #202746; + text-decoration: none; +} + +.token.italic { + font-style: italic; +} + +.token.important, +.token.bold { + font-weight: bold; +} + +.token.important { + color: #c94922; +} + +.token.entity { + cursor: help; +} + +pre>code.highlight { + outline: 0.4em solid #c94922; + outline-offset: .4em; +} + +/* overrides color-values for the Line Numbers plugin + * http://prismjs.com/plugins/line-numbers/ + */ +.line-numbers .line-numbers-rows { + border-right-color: #dfe2f1; +} + +.line-numbers-rows>span:before { + color: #979db4; +} + +/* overrides color-values for the Line Highlight plugin + * http://prismjs.com/plugins/line-highlight/ + */ +.line-highlight { + background: rgba(107, 115, 148, 0.2); + background: -webkit-linear-gradient(left, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0)); + background: linear-gradient(to right, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0)); +} + +.ct-toc { + order: 2; + padding-top: 2rem; + padding-bottom: 1.5rem; + font-size: .875rem; +} + +@supports (position: sticky) { + .ct-toc { + position: sticky; + top: 4rem; + height: calc(100vh - 4rem); + overflow-y: auto; + } +} + +.section-nav { + padding-left: 0; + border-left: 1px solid #eee; +} + +.section-nav ul { + padding-left: 1rem; +} + +.section-nav ul ul { + display: none; +} + +.toc-entry { + display: block; + font-size: 1rem; +} + +.toc-entry a { + display: block; + padding: .125rem 1.5rem; + color: #99979c; + font-size: 90%; +} + +.toc-entry a:hover { + color: #5e72e4; + text-decoration: none; +} + +.ct-sidebar { + order: 0; + border-bottom: 1px solid #e6ecf1; + background-color: #f5f7f9; +} + +@media (min-width: 768px) { + .ct-sidebar { + border-right: 1px solid #e6ecf1; + } + + @supports (position: sticky) { + .ct-sidebar { + position: sticky; + top: 4rem; + z-index: 1000; + height: calc(100vh - 4rem); + } + } +} + +@media (min-width: 1200px) { + .ct-sidebar { + flex: 0 1 320px; + } +} + +.ct-links { + padding-top: 2rem; + padding-bottom: 1rem; + margin-right: -15px; + margin-left: -15px; +} + +@media (min-width: 768px) { + @supports (position: sticky) { + .ct-links { + max-height: calc(100vh - 5rem); + overflow-y: auto; + } + } +} + +@media (min-width: 768px) { + .ct-links { + display: block !important; + } +} + +.ct-search { + position: relative; + padding: 1rem 15px; + margin-right: -15px; + margin-left: -15px; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.ct-search .form-control:focus { + border-color: #9da9f2; + box-shadow: 0 0 0 3px rgba(157, 169, 242, 0.25); +} + +.ct-search-docs-toggle { + line-height: 1; + color: #212529; +} + +.ct-sidenav { + display: none; +} + +.ct-toc-link { + display: block; + padding: .25rem 1.5rem; + font-weight: 600; + font-size: .875rem; + color: #0d2b3e; +} + +.ct-toc-link:hover { + color: rgba(0, 0, 0, 0.85); + text-decoration: none; +} + +.ct-toc-item.active { + margin-bottom: 1rem; +} + +.ct-toc-item.active:not(:first-child) { + margin-top: 1rem; +} + +.ct-toc-item.active>.ct-toc-link { + color: rgba(0, 0, 0, 0.85); +} + +.ct-toc-item.active>.ct-toc-link:hover { + background-color: transparent; +} + +.ct-toc-item.active>.ct-sidenav { + display: block; +} + +.ct-sidebar .nav>li>a { + display: block; + padding: .25rem 1.5rem; + font-size: 84%; + color: #4c555a; +} + +.ct-sidebar .nav>li>a:hover { + color: rgba(0, 0, 0, 0.85); + text-decoration: none; + background-color: transparent; +} + +.ct-sidebar .nav>.active>a { + font-weight: 500; + color: #0099e5; + background-color: transparent; + padding-left: 2rem; + position: relative; +} + +.ct-sidebar .nav>.active>a:before { + content: ''; + position: absolute; + height: 16px; + width: 2px; + background-color: #0099e5; + top: 50%; + left: 1.5rem; + transform: translateY(-50%); +} + +.ct-sidebar .nav>.active:hover>a { + color: #0099e5; +} + +.scrollbar-inner { + height: 100%; +} + +.scrollbar-inner:not(:hover) .scroll-element { + opacity: 0; +} + +.scrollbar-inner .scroll-element { + transition: opacity 300ms; + margin-right: 2px; +} + +.scrollbar-inner .scroll-element .scroll-bar, +.scrollbar-inner .scroll-element .scroll-element_track { + transition: background-color 300ms; +} + +.scrollbar-inner .scroll-element .scroll-element_track { + background-color: transparent; +} + +.scrollbar-inner .scroll-element.scroll-y { + width: 3px; + right: 0; +} + +.scrollbar-inner .scroll-element.scroll-x { + height: 3px; + bottom: 0; +} + +/*# sourceMappingURL=kit-free.css.map */ \ No newline at end of file diff --git a/assets/css/argon-design-system.css.map b/assets/css/argon-design-system.css.map new file mode 100644 index 0000000..36a4e6c --- /dev/null +++ b/assets/css/argon-design-system.css.map @@ -0,0 +1,316 @@ +{ + "version": 3, + "file": "kit-free.css", + "sources": [ + "../scss/kit-free.scss", + "../scss/bootstrap/_functions.scss", + "../scss/variables.scss", + "../scss/bootstrap/bootstrap.scss", + "../scss/bootstrap/_functions.scss", + "../scss/bootstrap/_variables.scss", + "../scss/bootstrap/_mixins.scss", + "../scss/bootstrap/vendor/_rfs.scss", + "../scss/bootstrap/mixins/_deprecate.scss", + "../scss/bootstrap/mixins/_breakpoints.scss", + "../scss/bootstrap/mixins/_hover.scss", + "../scss/bootstrap/mixins/_image.scss", + "../scss/bootstrap/mixins/_badge.scss", + "../scss/bootstrap/mixins/_resize.scss", + "../scss/bootstrap/mixins/_screen-reader.scss", + "../scss/bootstrap/mixins/_size.scss", + "../scss/bootstrap/mixins/_reset-text.scss", + "../scss/bootstrap/mixins/_text-emphasis.scss", + "../scss/bootstrap/mixins/_text-hide.scss", + "../scss/bootstrap/mixins/_text-truncate.scss", + "../scss/bootstrap/mixins/_visibility.scss", + "../scss/bootstrap/mixins/_alert.scss", + "../scss/bootstrap/mixins/_buttons.scss", + "../scss/bootstrap/mixins/_caret.scss", + "../scss/bootstrap/mixins/_pagination.scss", + "../scss/bootstrap/mixins/_lists.scss", + "../scss/bootstrap/mixins/_list-group.scss", + "../scss/bootstrap/mixins/_nav-divider.scss", + "../scss/bootstrap/mixins/_forms.scss", + "../scss/bootstrap/mixins/_table-row.scss", + "../scss/bootstrap/mixins/_background-variant.scss", + "../scss/bootstrap/mixins/_border-radius.scss", + "../scss/bootstrap/mixins/_box-shadow.scss", + "../scss/bootstrap/mixins/_gradients.scss", + "../scss/bootstrap/mixins/_transition.scss", + "../scss/bootstrap/mixins/_clearfix.scss", + "../scss/bootstrap/mixins/_grid-framework.scss", + "../scss/bootstrap/mixins/_grid.scss", + "../scss/bootstrap/mixins/_float.scss", + "../scss/bootstrap/_root.scss", + "../scss/bootstrap/_reboot.scss", + "../scss/bootstrap/_type.scss", + "../scss/bootstrap/_images.scss", + "../scss/bootstrap/_code.scss", + "../scss/bootstrap/_grid.scss", + "../scss/bootstrap/_tables.scss", + "../scss/bootstrap/_forms.scss", + "../scss/bootstrap/_buttons.scss", + "../scss/bootstrap/_transitions.scss", + "../scss/bootstrap/_dropdown.scss", + "../scss/bootstrap/_button-group.scss", + "../scss/bootstrap/_input-group.scss", + "../scss/bootstrap/_custom-forms.scss", + "../scss/bootstrap/_nav.scss", + "../scss/bootstrap/_navbar.scss", + "../scss/bootstrap/_card.scss", + "../scss/bootstrap/_breadcrumb.scss", + "../scss/bootstrap/_pagination.scss", + "../scss/bootstrap/_badge.scss", + "../scss/bootstrap/_jumbotron.scss", + "../scss/bootstrap/_alert.scss", + "../scss/bootstrap/_progress.scss", + "../scss/bootstrap/_media.scss", + "../scss/bootstrap/_list-group.scss", + "../scss/bootstrap/_close.scss", + "../scss/bootstrap/_toasts.scss", + "../scss/bootstrap/_modal.scss", + "../scss/bootstrap/_tooltip.scss", + "../scss/bootstrap/_popover.scss", + "../scss/bootstrap/_carousel.scss", + "../scss/bootstrap/_spinners.scss", + "../scss/bootstrap/_utilities.scss", + "../scss/bootstrap/utilities/_align.scss", + "../scss/bootstrap/utilities/_background.scss", + "../scss/bootstrap/utilities/_borders.scss", + "../scss/bootstrap/utilities/_clearfix.scss", + "../scss/bootstrap/utilities/_display.scss", + "../scss/bootstrap/utilities/_embed.scss", + "../scss/bootstrap/utilities/_flex.scss", + "../scss/bootstrap/utilities/_float.scss", + "../scss/bootstrap/utilities/_overflow.scss", + "../scss/bootstrap/utilities/_position.scss", + "../scss/bootstrap/utilities/_screenreaders.scss", + "../scss/bootstrap/utilities/_shadows.scss", + "../scss/bootstrap/utilities/_sizing.scss", + "../scss/bootstrap/utilities/_stretched-link.scss", + "../scss/bootstrap/utilities/_spacing.scss", + "../scss/bootstrap/utilities/_text.scss", + "../scss/bootstrap/utilities/_visibility.scss", + "../scss/bootstrap/_print.scss", + "../scss/theme.scss", + "../scss/functions.scss", + "../scss/mixins.scss", + "../scss/mixins/alert.scss", + "../scss/mixins/badge.scss", + "../scss/mixins/background-variant.scss", + "../scss/mixins/buttons.scss", + "../scss/mixins/forms.scss", + "../scss/mixins/icon.scss", + "../scss/mixins/modals.scss", + "../scss/mixins/popover.scss", + "../scss/reboot.scss", + "../scss/global.scss", + "../scss/utilities.scss", + "../scss/utilities/backgrounds.scss", + "../scss/utilities/floating.scss", + "../scss/utilities/helper.scss", + "../scss/utilities/position.scss", + "../scss/utilities/sizing.scss", + "../scss/utilities/spacing.scss", + "../scss/utilities/shadows.scss", + "../scss/utilities/text.scss", + "../scss/utilities/transform.scss", + "../scss/accordion.scss", + "../scss/alert.scss", + "../scss/avatar.scss", + "../scss/badge.scss", + "../scss/buttons.scss", + "../scss/card.scss", + "../scss/carousel.scss", + "../scss/close.scss", + "../scss/content.scss", + "../scss/custom-forms.scss", + "../scss/dropdown.scss", + "../scss/footer.scss", + "../scss/forms.scss", + "../scss/grid.scss", + "../scss/icons.scss", + "../scss/input-group.scss", + "../scss/list-group.scss", + "../scss/modal.scss", + "../scss/nav.scss", + "../scss/navbar.scss", + "../scss/pagination.scss", + "../scss/popover.scss", + "../scss/progress.scss", + "../scss/section.scss", + "../scss/separator.scss", + "../scss/type.scss", + "../scss/vendors.scss", + "../scss/vendor/datetimepicker.scss", + "../scss/vendor/_bootstrap-datepicker.scss", + "../scss/vendor/nouislider.scss", + "../scss/vendor/headroom.scss", + "../scss/docs.scss", + "../scss/docs/variables.scss", + "../scss/docs/clipboard-js.scss", + "../scss/docs/component-examples.scss", + "../scss/docs/content.scss", + "../scss/docs/footer.scss", + "../scss/docs/nav.scss", + "../scss/docs/prism.scss", + "../scss/docs/sidebar.scss" + ], + "sourcesContent": [ + "/*!\n=========================================================\n* Argon Design System - v 1.2.2\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-design-system\n* Copyright 2020 Creative Tim (http://www.creative-tim.com)\n\nCoded by 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// Bootstrap Functions\n@import \"bootstrap/functions\";\n\n// Theme Variables\n@import \"variables\";\n\n// Bootstrap Core\n@import \"bootstrap/bootstrap\";\n\n// Theme Core\n@import \"theme\";\n", + "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating 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 or unit($num) == \"%\" {\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// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} 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, $dark: $yiq-text-dark, $light: $yiq-text-light) {\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 $dark;\n } @else {\n @return $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, $black, $white);\n $level: abs($level);\n\n @return mix($color-base, $color, $level * $theme-color-interval);\n}\n", + "\n// Global settings\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: true !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-grid-classes: true !default;\n$enable-print-styles: true !default;\n\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f6f9fc !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #8898aa !default; // Line footer color\n$gray-700: #525f7f !default; // Line p color\n$gray-800: #32325d !default; // Line heading color\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: #5e72e4 !default;\n$indigo: #5603ad !default;\n$purple: #8965e0 !default;\n$pink: #f3a4b5 !default;\n$red: #f5365c !default;\n$orange: #fb6340 !default;\n$yellow: #ffd600 !default;\n$green: #2dce89 !default;\n$teal: #11cdef !default;\n$cyan: #2bffc6 !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 \"light\": $gray-400,\n \"lighter\": $gray-200,\n \"gray-dark\": $gray-800\n), $colors);\n\n$default: #172b4d !default;\n$primary: #5e72e4 !default;\n$secondary: #f4f5f7 !default;\n$success: $green !default;\n$info: $teal !default;\n$warning: $orange !default;\n$danger: $red !default;\n$light: $gray-500 !default;\n$dark: $gray-900 !default;\n$darker: darken($gray-900, 15%) !default;\n\n$facebook: #3b5999 !default;\n$twitter: #1da1f2 !default;\n$google-plus: #dd4b39 !default;\n$instagram: #e4405f !default;\n$pinterest: #bd081c !default;\n$youtube: #cd201f !default;\n$slack: #3aaf85 !default;\n$dribbble: #ea4c89 !default;\n$github: #222222 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge((\n \"default\": $default,\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"white\": $white,\n \"neutral\": $white,\n \"dark\": $dark,\n \"darker\": $darker\n), $theme-colors);\n\n$brand-colors: () !default;\n$brand-colors: map-merge((\n \"facebook\": $facebook,\n \"twitter\": $twitter,\n \"google-plus\": $google-plus,\n \"instagram\": $instagram,\n \"pinterest\": $pinterest,\n \"youtube\": $youtube,\n \"slack\": $slack,\n \"dribbble\": $dribbble,\n \"github\": $github\n), $brand-colors);\n\n$shape-colors: () !default;\n$shape-colors: map-merge((\n \"default\": #32325d,\n \"primary\": #5533ff,\n \"secondary\": #24b47e,\n \"neutral\": #e9ecef,\n \"blue-gray\": #b2cbe1,\n\n), $shape-colors);\n\n$shapes-primary-colors: () !default;\n$shapes-primary-colors: map-merge((\n \"step-1-gradient-bg\": #281483,\n \"step-2-gradient-bg\": #8f6ed5,\n \"step-3-gradient-bg\": #d782d9,\n \"span-1-bg\": #53f,\n \"span-2-bg\": #4553ff,\n \"span-3-bg\": #4f40ff,\n \"span-4-bg\": #25ddf5,\n \"span-5-bg\": #1fa2ff\n), $shapes-primary-colors);\n\n$shapes-default-colors: () !default;\n$shapes-default-colors: map-merge((\n \"step-1-gradient-bg\": #7795f8,\n \"step-2-gradient-bg\": #6772e5,\n \"step-3-gradient-bg\": #555abf,\n \"span-1-bg\": #7795f8,\n \"span-2-bg\": #7b9aff,\n \"span-3-bg\": #6f8ff8,\n \"span-4-bg\": #76eea7,\n \"span-5-bg\": #6adaff\n), $shapes-default-colors);\n\n$shapes-light-colors: () !default;\n$shapes-light-colors: map-merge((\n \"step-1-gradient-bg\": #b2cbe1,\n \"step-2-gradient-bg\": #f6f9fc,\n \"step-3-gradient-bg\": #f6f9fc,\n \"span-1-bg\": #b4cce1,\n \"span-2-bg\": #c5dbef,\n \"span-3-bg\": #b9d5ed,\n \"span-4-bg\": #74e4a2,\n \"span-5-bg\": #008169\n), $shapes-light-colors);\n\n$shapes-dark-colors: () !default;\n$shapes-dark-colors: map-merge((\n \"step-1-gradient-bg\": #32325d,\n \"step-2-gradient-bg\": #32325d,\n \"step-3-gradient-bg\": #32325d,\n \"span-1-bg\": #2e2e57,\n \"span-2-bg\": #2b2b58,\n \"span-3-bg\": #25254d,\n \"span-4-bg\": #d782d9,\n \"span-5-bg\": #008169\n), $shapes-dark-colors);\n\n\n// Translucent color variations\n$translucent-color-opacity: .6;\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: 200 !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// Action colors\n\n$star-rating-color: $gray-400 !default;\n$star-rating-color-active: $yellow !default;\n\n$favorite-color: $yellow !default;\n$like-color: $blue !default;\n$love-color: $red !default;\n\n\n// Body\n\n$body-bg: $white !default;\n$body-color: $gray-700 !default;\n\n\n// Sections\n\n$section-colors: () !default;\n$section-colors: map-merge((\n \"primary\": $body-bg,\n \"secondary\": $secondary,\n \"light\": $gray-400,\n \"dark\": $dark,\n \"darker\": $darker\n), $section-colors);\n\n// Links\n\n$link-color: $primary !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%);\n$link-hover-decoration: none !default;\n\n// Grid breakpoints\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n);\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: 1040px\n);\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Spacing\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge((\n -9: -($spacer * 10),\n -8: -($spacer * 8),\n -7: -($spacer * 6),\n -6: -($spacer * 4.5),\n -5: -($spacer * 3),\n -4: -($spacer * 1.5),\n -3: -$spacer,\n -2: -($spacer * .5),\n -1: -($spacer * .25),\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3),\n 6: ($spacer * 4.5),\n 7: ($spacer * 6),\n 8: ($spacer * 8),\n 9: ($spacer * 10)\n), $spacers);\n\n\n// This variable affects the `.h-*` and `.w-*` classes.\n\n$sizes: () !default;\n$sizes: map-merge((\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%\n), $sizes);\n\n// Components\n\n$shape-height-xl: 1.5 !default;\n$shape-height-lg: 1.5 !default;\n$shape-height-sm: 1.5 !default;\n\n$border-width: .0625rem !default;\n$border-color: $gray-200 !default;\n\n$border-radius: .25rem !default;\n$border-radius-xl: .35rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075);\n$box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175);\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n$component-active-border-color: theme-color(\"primary\") !default;\n\n$component-hover-color: $gray-300 !default;\n$component-hover-bg: $gray-300 !default;\n$component-hover-border-color: $gray-300 !default;\n\n$caret-width: .3em !default;\n\n$transition-base: all .15s ease !default;\n$btn-transition: $transition-base !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n\n// Fonts\n\n$font-family-base: 'Open Sans', sans-serif !default;\n$font-family-alt: 'Open Sans', sans-serif !default;\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-xl: ($font-size-base * 1.5);\n$font-size-lg: ($font-size-base * 1.25);\n$font-size-sm: ($font-size-base * .875);\n$font-size-xs: ($font-size-base * .75);\n\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 600 !default;\n$font-weight-extra-bold: 700 !default;\n\n$font-weight-base: $font-weight-normal !default;\n$shape-height-base: 1.5 !default;\n\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\n$headings-margin-bottom: ($spacer / 2);\n$headings-font-family: inherit !default;\n$headings-font-weight: $font-weight-normal !default;\n$headings-line-height: 1.5 !default;\n$headings-color: $gray-800 !default;\n\n$heading-letter-spacing: .025em !default;\n$heading-font-size: .95rem !default;\n$heading-text-transform: uppercase !default;\n$heading-font-weight: $headings-font-weight !default;\n\n$heading-title-letter-spacing: .025em !default;\n$heading-title-font-size: 1.375rem !default;\n$heading-title-font-weight: $font-weight-bold !default;\n$heading-title-text-transform: uppercase !default;\n\n$heading-section-letter-spacing: .025em !default;\n$heading-section-font-size: 1.375rem !default;\n$heading-section-font-weight: $font-weight-bold !default;\n$heading-section-text-transform: uppercase !default;\n\n$display1-size: 3.3rem !default;\n$display2-size: 2.75rem !default;\n$display3-size: 2.1875rem !default;\n$display4-size: 1.6275rem !default;\n\n$display1-weight: $font-weight-bold !default;\n$display2-weight: $font-weight-bold !default;\n$display3-weight: $font-weight-bold !default;\n$display4-weight: $font-weight-bold !default;\n$display-line-height: $headings-line-height !default;\n\n$paragraph-font-size: 1rem !default;\n$paragraph-font-weight: 300 !default;\n$paragraph-line-height: 1.7 !default;\n\n$lead-font-size: ($paragraph-font-size * 1.25);\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);\n\n$hr-border-color: rgba($black, .1);\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-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 * 2 !default;\n\n\n// Icons\n\n$icon-size: 3rem !default;\n$icon-size-xl: 5rem !default;\n$icon-size-lg: 4rem !default;\n$icon-size-sm: 2rem !default;\n$icon-size-xs: 1.25rem !default;\n\n\n// Tables\n\n$table-cell-padding: 1rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-bg: transparent !default;\n$table-accent-bg: rgba($black, .05);\n$table-hover-bg: rgba($black, .075);\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);\n$table-dark-hover-bg: rgba($white, .075);\n$table-dark-border-color: lighten($gray-900, 7.5%);\n$table-dark-color: $body-bg !default;\n\n\n// Buttons + Forms\n\n$input-btn-padding-y: .625rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-line-height: $shape-height-base !default;\n\n$input-btn-focus-width: 0 !default;\n$input-btn-focus-color: rgba($component-active-bg, 1);\n//$input-btn-focus-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.04);\n$input-btn-focus-box-shadow: none !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-line-height-sm: $shape-height-sm !default;\n\n$input-btn-padding-y-lg: .875rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-line-height-lg: $shape-height-lg !default;\n\n$input-btn-border-width: 1px !default;\n\n$input-btn-font-size-sm: .75rem !default;\n$input-btn-font-size: .875rem !default;\n$input-btn-font-size-lg: .875rem !default;\n\n// Buttons\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x + 0.5 !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: 600 !default;\n$btn-text-transform: uppercase !default;\n$btn-letter-spacing: .025em !default;\n$btn-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);\n$btn-hover-box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);\n$btn-focus-box-shadow: $btn-hover-box-shadow !default;\n$btn-focus-width: $input-btn-focus-width !default;\n\n\n$btn-active-box-shadow: none !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-border-radius: $border-radius !default;\n$input-border-radius-xl: $border-radius-xl !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-muted-bg: #EDF0F5 !default;\n\n$input-alternative-box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02);\n$input-focus-alternative-box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);\n\n$input-color: $gray-600 !default;\n$input-border-color: #cad1d7 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: none !default; // 0 1px 3px 0 $gray-400 !default;\n\n$input-focus-bg: $white !default;\n$input-focus-border-color: rgba(50,151,211,.25);\n$input-focus-color: $input-color !default;\n$input-focus-width: 0 !default;\n$input-focus-box-shadow: none !default; //0 1px 3px 0 $gray-500 !default;\n\n$input-placeholder-color: $gray-500 !default;\n$input-focus-placeholder-color: $gray-500 !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-transition: all .2s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n\n\n// Input groups\n\n$input-group-addon-color: $input-placeholder-color !default;\n$input-group-addon-bg: $input-bg !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$input-group-addon-focus-color: $input-focus-color !default;\n$input-group-addon-focus-bg: $input-focus-bg !default;\n$input-group-addon-focus-border-color: $input-focus-border-color !default;\n\n\n// Custom forms\n\n$custom-control-gutter: 1.75rem !default;\n$custom-control-spacer-x: 1rem !default;\n$custom-control-indicator-size: 1.25rem !default;\n\n$custom-control-indicator-bg: $input-bg !default;\n$custom-control-indicator-border-width: 1px !default;\n$custom-control-indicator-border-color: $input-border-color !default;\n$custom-control-indicator-box-shadow: none !default;\n\n$custom-control-indicator-focus-box-shadow: $custom-control-indicator-box-shadow !default;\n\n$custom-control-indicator-hover-color: $component-hover-color !default;\n$custom-control-indicator-hover-bg: $component-hover-bg !default;\n$custom-control-indicator-hover-border-color: $component-hover-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: $component-active-bg !default;\n$custom-control-indicator-active-border-color: $component-active-border-color !default;\n$custom-control-indicator-active-box-shadow: $custom-control-indicator-box-shadow !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-border-color: $component-active-border-color !default;\n$custom-control-indicator-checked-box-shadow: $custom-control-indicator-box-shadow !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5);\n\n$custom-control-indicator-disabled-bg: $gray-200 !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius-sm !default;\n//$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml !default;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\"), \"#\", \"%23\") !default;\n\n$custom-toggle-slider-bg: #ddd !default;\n$custom-toggle-checked-bg: theme-color(\"primary\") !default;\n\n// Form validation\n\n$form-feedback-valid-bg: lighten($success, 15%);\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-bg: lighten($warning, 15%);\n$form-feedback-invalid-color: theme-color(\"warning\") !default;\n\n\n// Allows for customizing button radius independently from global border radius\n\n$btn-border-radius: $input-border-radius !default;\n$btn-border-radius-xl: $input-border-radius-xl !default;\n$btn-border-radius-lg: $input-border-radius-lg !default;\n$btn-border-radius-sm: $input-border-radius !default;\n\n\n// No UI Slider\n\n$noui-target-bg: #eceeef !default;\n$noui-target-thickness: 5px !default;\n$noui-target-border-radius: 5px !default;\n$noui-target-border-color: 0 !default;\n$noui-target-box-shadow: inset 0 1px 2px rgba(90,97,105,.1);\n\n$noui-slider-connect-bg: $primary !default;\n$noui-slider-connect-disabled-bg: #b2b2b2 !default;\n\n$noui-handle-width: 15px !default;\n$noui-handle-bg: theme-color(\"primary\") !default;\n$noui-handle-border: 0 !default;\n$noui-handle-border-radius: 100% !default;\n\n$noui-origin-border-radius: 2px !default;\n\n\n// Dropdown\n\n$dropdown-bg: $white !default;\n$dropdown-border-width: 0 !default;\n$dropdown-border-color: rgba($black, .15);\n$dropdown-border-radius: $border-radius-lg !default;\n$dropdown-box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n// Navs\n\n$nav-link-padding-y: .25rem !default;\n$nav-link-padding-x: .75rem !default;\n$nav-link-color: $gray-700 !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-pills-padding-y: .75rem !default;\n$nav-pills-padding-x: 1rem !default;\n\n$nav-pills-space-x: 1rem !default;\n\n$nav-pills-bg: $white;\n$nav-pills-border-width: 1px !default;\n$nav-pills-border-color: theme-color(\"primary\") !default;\n$nav-pills-border-radius: $border-radius !default;\n\n$nav-pills-link-color: theme-color(\"primary\") !default;\n$nav-pills-link-hover-color: darken(theme-color(\"primary\"), 5%);\n$nav-pills-link-active-color: color-yiq(theme-color(\"primary\"));\n$nav-pills-link-active-bg: theme-color(\"primary\") !default;\n$nav-pills-box-shadow: $btn-box-shadow !default;\n\n// Navbar\n\n$navbar-transition: all .15s linear !default;\n$navbar-padding-y: 1rem !default;\n$navbar-padding-x: 1rem !default;\n\n$navbar-nav-link-padding-x: 1rem !default;\n$navbar-nav-link-padding-y: 1rem !default;\n\n$navbar-nav-link-font-family: $font-family-alt !default;\n$navbar-nav-link-font-size: .9rem !default;\n$navbar-nav-link-font-weight: 400 !default;\n$navbar-nav-link-text-transform: normal !default;\n$navbar-nav-link-letter-spacing: 0 !default;\n$navbar-nav-link-border-radius: $border-radius !default;\n\n$navbar-dark-bg: transparent !default;\n$navbar-dark-hover-bg: rgba(255, 255, 255, .1);\n$navbar-dark-active-bg: rgba(255, 255, 255, .1);\n$navbar-dark-color: rgba($white, .95);\n$navbar-dark-hover-color: rgba($white, .65);\n$navbar-dark-active-color: rgba($white, .65);\n$navbar-dark-disabled-color: rgba($white, .25);\n$navbar-dark-toggler-border-color: transparent !default;\n\n$navbar-light-bg: transparent !default;\n$navbar-light-hover-bg: rgba(0, 0, 0, .1);\n$navbar-light-active-bg: rgba(0, 0, 0, .1);\n$navbar-light-border-color: #f3f3f3;\n$navbar-light-color: rgba($black, .5);\n$navbar-light-hover-color: rgba($black, .7);\n$navbar-light-active-color: rgba($black, .9);\n$navbar-light-disabled-color: rgba($black, .3);\n//$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml !default;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: transparent !default;\n\n// Alerts\n\n$alert-padding-y: 1rem !default;\n$alert-padding-x: 1.5rem !default;\n$alert-border-radius: $border-radius !default;\n\n$alert-bg-level: -2 !default;\n$alert-border-level: -2 !default;\n$alert-color-level: 0 !default;\n\n\n// List group\n\n$list-group-bg: $white !default;\n$list-group-border-color: $border-color !default; //rgba($black, .125);\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: 1rem !default;\n$list-group-item-padding-x: 1rem !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: $list-group-action-color !default;\n$list-group-action-active-bg: $gray-200 !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-bg: transparent !default;\n$close-hover-bg: transparent !default;\n$close-color: rgba(0, 0, 0, .6);\n$close-hover-color: rgba(0, 0, 0, .9);\n$close-text-shadow: none !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: 1px !default;\n$popover-border-color: rgba($black, .05);\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0px .5rem 2rem 0px rgba($black, .2);\n\n$popover-header-bg: $popover-bg !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .75rem !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: 1.5rem !default;\n$popover-arrow-height: .75rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: transparent !default;\n\n\n// Badges\n\n$badge-font-size: 66% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .35rem !default;\n$badge-padding-x: .375rem !default;\n$badge-border-radius: $border-radius !default;\n$badge-text-transfom: uppercase;\n\n$badge-pill-padding-x: .875em !default;\n$badge-pill-border-radius: 10rem !default;\n\n$badge-circle-size: 2rem;\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: $gray-600 !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: $btn-hover-box-shadow !default;\n\n$pagination-hover-color: $gray-600 !default;\n$pagination-hover-bg: $gray-300 !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$pagination-active-box-shadow: $btn-hover-box-shadow !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// Cards\n\n$card-spacer-y: 1.25rem !default;\n$card-spacer-x: 1.5rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .05);\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width});\n$card-cap-bg: $gray-100 !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n//$card-group-margin: ($grid-gutter-width / 2);\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// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n\n// Modals\n\n$modal-inner-padding: 1.5rem !default;\n\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 380px !default;\n\n$modal-title-line-height: 1.1;\n\n//$modal-title-line-height: $shape-height-base !default;\n\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2);\n$modal-content-border-width: 1px !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 15px 35px rgba(50,50,93,.2), 0 5px 15px rgba(0,0,0,.17);\n$modal-content-box-shadow-sm-up: 0 15px 35px rgba(50,50,93,.2), 0 5px 15px rgba(0,0,0,.17);\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .16 !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: 1.25rem !default;\n\n// Datepicker\n\n$datepicker-border-radius: $card-border-radius !default;\n$datepicker-dropdown-padding: 20px 22px !default;\n\n$datepicker-cell-transition: $transition-base !default;\n$datepicker-cell-hover-background: lighten($gray-400, 55%);\n$datepicker-cell-border-radius: 50% !default;\n$datepicker-cell-width: 36px !default;\n$datepicker-cell-height: 36px !default;\n\n$datepicker-disabled-cell-color: $gray-300 !default;\n$datepicker-disabled-old-new-color: $gray-500 !default;\n\n$datepicker-header-cell-border-radius: $border-radius !default;\n\n$datepicker-active-color: $white !default;\n$datepicker-active-background: theme-color(\"primary\") !default;\n$datepicker-active-box-shadow: none !default;\n\n$datepicker-range-background: theme-color(\"primary\") !default;\n$datepicker-range-cell-focused-background: darken($datepicker-range-background, 5%);\n$datepicker-range-color: $white !default;\n$datepicker-range-highlighted-bg: $gray-200 !default;\n\n$datepicker-dropdown-border: lighten($gray-400, 40%);\n$datepicker-dropdown-bg: $white !default;\n$datepicker-highlighted-bg: $datepicker-active-background !default;\n\n\n// Footer\n\n$footer-link-font-size: .85rem !default;\n$footer-bg: theme-color(\"secondary\") !default;\n$footer-color: $gray-600 !default;\n$footer-link-color: $gray-600 !default;\n$footer-link-hover-color: $gray-700 !default;\n$footer-heading-color: $gray-600 !default;\n$footer-heading-font-size: $font-size-sm !default;\n", + "/*!\n * Bootstrap v4.3.1 (https://getbootstrap.com/)\n * Copyright 2011-2020 The Bootstrap Authors\n * Copyright 2011-2020 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"utilities\";\n@import \"print\";\n", + "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating 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 or unit($num) == \"%\" {\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// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} 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, $dark: $yiq-text-dark, $light: $yiq-text-light) {\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 $dark;\n } @else {\n @return $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, $black, $white);\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// Color system\n\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// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\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 ),\n $grays\n);\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// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\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 ),\n $colors\n);\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// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\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 ),\n $theme-colors\n);\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\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-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: 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$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\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// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !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, \"$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\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$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !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$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\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, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !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-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !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: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !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-small-font-size: $small-font-size !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-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !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: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !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-font-family: null !default;\n$input-btn-font-size: $font-size-base !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-font-size-sm: $font-size-sm !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-font-size-lg: $font-size-lg !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-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !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-font-size-sm: $input-btn-font-size-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-font-size-lg: $input-btn-font-size-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$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !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-font-size-sm: $input-btn-font-size-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-font-size-lg: $input-btn-font-size-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$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$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-grid-gutter-width: 10px !default;\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-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !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$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !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$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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,%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$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !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-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !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,%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-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-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\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$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\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\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$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\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,%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,%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$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !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-font-size: $font-size-base !default;\n$dropdown-color: $body-color !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-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !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// 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$pagination-focus-outline: 0 !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-color: null !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-cap-color: null !default;\n$card-color: null !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// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !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// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .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-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !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-color: null !default;\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-border-radius: $border-radius-lg !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: $border-color !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-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\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\n// List group\n\n$list-group-color: null !default;\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: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !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$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !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,%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,%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-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !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\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// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\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// Vendor\n@import \"vendor/rfs\";\n\n// Deprecate\n@import \"mixins/deprecate\";\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/grid-framework\";\n@import \"mixins/grid\";\n@import \"mixins/float\";\n", + "// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n", + "// Deprecate mixin\n//\n// This mixin can be used to deprecate mixins or functions.\n// `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to\n// some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap)\n@mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) {\n @if ($enable-deprecation-messages != false and $ignore-warning != true) {\n @warn \"#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}.\";\n }\n}\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 != null and $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) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\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", + "// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally 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 pseudo-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@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 @include deprecate(\"`img-retina()`\", \"v4.3.0\", \"v5\");\n}\n", + "@mixin badge-variant($bg) {\n color: color-yiq($bg);\n background-color: $bg;\n\n @at-root a#{&} {\n @include hover-focus {\n color: color-yiq($bg);\n background-color: darken($bg, 10%);\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\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: https://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 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 }\n}\n", + "// Sizing shortcuts\n\n@mixin size($width, $height: $width) {\n width: $width;\n height: $height;\n @include deprecate(\"`size()`\", \"v4.3.0\", \"v5\");\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;\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 @if $emphasized-link-hover-darken-percentage != 0 {\n a#{$parent} {\n @include hover-focus {\n color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n }\n }\n }\n}\n", + "// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\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 @include deprecate(\"`text-hide()`\", \"v4.1.0\", \"v5\", $ignore-warning);\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 @include deprecate(\"`invisible()`\", \"v4.3.0\", \"v5\");\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(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .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 // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\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 and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .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 border-color: $color;\n\n @include 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 @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\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-right: 0;\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 margin-left: $caret-spacing;\n vertical-align: $caret-vertical-align;\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 margin-right: $caret-spacing;\n vertical-align: $caret-vertical-align;\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 @include 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: $white;\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: $nav-divider-color, $margin-y: $nav-divider-margin-y) {\n height: 0;\n margin: $margin-y 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, $icon) {\n .#{$state}-feedback {\n display: none;\n width: 100%;\n margin-top: $form-feedback-margin-top;\n @include 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: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n margin-top: .1rem;\n @include font-size($form-feedback-tooltip-font-size);\n line-height: $form-feedback-tooltip-line-height;\n color: color-yiq($color);\n background-color: rgba($color, $form-feedback-tooltip-opacity);\n @include border-radius($form-feedback-tooltip-border-radius);\n }\n\n .form-control {\n .was-validated &:#{$state},\n &.is-#{$state} {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-image: $icon;\n background-repeat: no-repeat;\n background-position: center right $input-height-inner-quarter;\n background-size: $input-height-inner-half $input-height-inner-half;\n }\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 // stylelint-disable-next-line selector-no-qualifying-type\n textarea.form-control {\n .was-validated &:#{$state},\n &.is-#{$state} {\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n }\n }\n }\n\n .custom-select {\n .was-validated &:#{$state},\n &.is-#{$state} {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $custom-select-feedback-icon-padding-right;\n background: $custom-select-background, $icon $custom-select-bg no-repeat $custom-select-feedback-icon-position / $custom-select-feedback-icon-size;\n }\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\n .form-control-file {\n .was-validated &:#{$state},\n &.is-#{$state} {\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 border-color: $color;\n }\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:checked {\n ~ .custom-control-label::before {\n border-color: lighten($color, 10%);\n @include gradient-bg(lighten($color, 10%));\n }\n }\n\n &:focus {\n ~ .custom-control-label::before {\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n &:not(:checked) ~ .custom-control-label::before {\n border-color: $color;\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\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:focus {\n ~ .custom-file-label {\n border-color: $color;\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, $border: null) {\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 @if $border != null {\n th,\n td,\n thead th,\n tbody + tbody {\n border-color: $border;\n }\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", + "// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-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\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n", + "@mixin box-shadow($shadow...) {\n @if $enable-shadows {\n $result: ();\n\n @if (length($shadow) == 1) {\n // We can pass `@include box-shadow(none);`\n $result: $shadow;\n } @else {\n // Filter to avoid invalid properties for example `box-shadow: none, 1px 1px black;`\n @for $i from 1 through length($shadow) {\n @if nth($shadow, $i) != \"none\" {\n $result: append($result, nth($shadow, $i), \"comma\");\n }\n }\n }\n @if (length($result) > 0) {\n box-shadow: $result;\n }\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: $gray-700, $end-color: $gray-800, $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: $gray-700, $end-color: $gray-800, $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: $gray-700, $end-color: $gray-800, $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: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\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: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\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: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n", + "// stylelint-disable property-blacklist\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 @if $enable-prefers-reduced-motion-media-query {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\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 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: 100%; // 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($gutter: $grid-gutter-width) {\n width: 100%;\n padding-right: $gutter / 2;\n padding-left: $gutter / 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($gutter: $grid-gutter-width) {\n display: flex;\n flex-wrap: wrap;\n margin-right: -$gutter / 2;\n margin-left: -$gutter / 2;\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\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 padding-right: $gutter / 2;\n padding-left: $gutter / 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 @include deprecate(\"The `float-left` mixin\", \"v4.3.0\", \"v5\");\n}\n@mixin float-right {\n float: right !important;\n @include deprecate(\"The `float-right` mixin\", \"v4.3.0\", \"v5\");\n}\n@mixin float-none {\n float: none !important;\n @include deprecate(\"The `float-none` mixin\", \"v4.3.0\", \"v5\");\n}\n", + ":root {\n // Custom variable values only support SassScript inside `#{}`.\n @each $color, $value in $colors {\n --#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors {\n --#{$color}: #{$value};\n }\n\n @each $bp, $value in $grid-breakpoints {\n --breakpoint-#{$bp}: #{$value};\n }\n\n // Use `inspect` for lists so that quoted items keep the quotes.\n // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n --font-family-monospace: #{inspect($font-family-monospace)};\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. 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 -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\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\n// the `inherit` value on things like `` elements.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n @include 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-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: $headings-margin-bottom;\n}\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. Duplicate behavior to the data-* attribute for our tooltip plugin\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. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 4\n text-decoration-skip-ink: none; // 5\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\nb,\nstrong {\n font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n @include 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 @include 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\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\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-monospace;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\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}\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 {\n // Workaround for the SVG overflow bug in IE10/11 is still required.\n // See https://github.com/twbs/bootstrap/issues/26878\n overflow: hidden;\n vertical-align: middle;\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: $table-caption-color;\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: $label-margin-bottom;\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 // stylelint-disable-next-line property-blacklist\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 @include 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// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n word-wrap: normal;\n}\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,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n &:not(:disabled) {\n cursor: pointer;\n }\n }\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/59\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 @include 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 in Chrome and Safari on macOS.\n//\n\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 { @include font-size($h1-font-size); }\nh2, .h2 { @include font-size($h2-font-size); }\nh3, .h3 { @include font-size($h3-font-size); }\nh4, .h4 { @include font-size($h4-font-size); }\nh5, .h5 { @include font-size($h5-font-size); }\nh6, .h6 { @include font-size($h6-font-size); }\n\n.lead {\n @include font-size($lead-font-size);\n font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n @include font-size($display1-size);\n font-weight: $display1-weight;\n line-height: $display-line-height;\n}\n.display-2 {\n @include font-size($display2-size);\n font-weight: $display2-weight;\n line-height: $display-line-height;\n}\n.display-3 {\n @include font-size($display3-size);\n font-weight: $display3-weight;\n line-height: $display-line-height;\n}\n.display-4 {\n @include 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 @include 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 @include font-size(90%);\n text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n margin-bottom: $spacer;\n @include font-size($blockquote-font-size);\n}\n\n.blockquote-footer {\n display: block;\n @include font-size($blockquote-small-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 @include font-size($figure-caption-font-size);\n color: $figure-caption-color;\n}\n", + "// Inline code\ncode {\n @include 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 @include 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 @include 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 @include 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 @include 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 margin-bottom: $spacer;\n color: $table-color;\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\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// Border versions\n//\n// Add or remove 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.table-borderless {\n th,\n td,\n thead th,\n tbody + tbody {\n border: 0;\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(#{$table-striped-order}) {\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 color: $table-hover-color;\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, $table-bg-level), theme-color-level($color, $table-border-level));\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 color: $table-dark-hover-color;\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\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 height: $input-height;\n padding: $input-padding-y $input-padding-x;\n font-family: $input-font-family;\n @include font-size($input-font-size);\n font-weight: $input-font-weight;\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 @include border-radius($input-border-radius, 0);\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 `
+ + +
+
+
+ + 5 +
+
+ + 4 +
+
+
+ + + + + +{{ yield }} + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/templates/pages/home.html b/templates/pages/home.html new file mode 100644 index 0000000..88886df --- /dev/null +++ b/templates/pages/home.html @@ -0,0 +1,188 @@ +{{ define "home" }} +
+
+
+
+
+ +
+
+ + +
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
Schnelles Versenden
+

+ All Ihre Sachen werden Schnell versendet, besser als bei Michael Brauer +

+
+
+
+
+
+
+ +
+
+
Online Payment
+

+ All you have to do is to bring your passion. We take care of the rest. +

+
+
+
+
+
+
+ +
+
+
Free Return
+

+ All you have to do is to bring your passion. We take care of the rest. +

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

Tolle Sachen

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

Cool & Awesome Item

+
+ $57.00 +
+
+
+
+
+
+
+ + + +
+
+

Cool & Awesome Item

+
+ $57.00 +
+
+
+
+
+
+
+ + + +
+
+

Cool & Awesome Item

+
+ $57.00 +
+
+
+
+
+
+
+ + + +
+
+

Cool & Awesome Item

+
+ $57.00 +
+
+
+
+
+
+
+ + + +{{ end }} \ No newline at end of file