From d9cab2ed739fee9f8f636f6fd859f9627dd49f46 Mon Sep 17 00:00:00 2001 From: Daniele Guido Date: Sat, 11 Jan 2025 15:52:27 +0100 Subject: [PATCH] Feature/change plan service (#1420) * share login token from other apps if there is a feathers jwt token in LocalStorage * Update .env, add VITE_TERMS_OF_USE_MD_URL * add Modals component containing all modals and handling all the logic (db connection, store etc...) * update generic modal vue Modal.vue * Create views.ts * Create TermsOfUseModal.vue * Replace terms of use page with modal when requested. They both share a TermsOfUse content component * Create LinkToModal.vue: use a common link component to trigger a modal dialog on the Modals Component * rfix header Logout link (not working) * remove temporarily automatic terms of use popup, to be fixed in anther PR * Create MarkdownContent.vue to print out any content given an URL * Create ChangePlanModal.vue * Update CookieDisclaimer.vue to vue3 * Update types.ts in services with UserChangeRequest interface * Update UserArea.vue * Update storybook TermsOfUseModal.stories.ts * Create TermsOfUseStatus.vue * remove redundant refineProps * Create UserChangePlanRequestLabel.vue to present the related DB item in a unique way * add missing icons in Alert component and in Icon component * complete restyle of the changeplanModal and form, add more info when a requested has been accepted or rejected * Create LoadingBlock.vue * add basic css vars in `style.css` --- .env | 1 + package-lock.json | 48 +- src/App.vue | 18 +- .../legacy/bootstrap-impresso-theme.css | 8809 +++++++++++------ src/components/AcceptTermsOfUse.vue | 62 + src/components/Alert.vue | 70 + src/components/ChangePlanForm.vue | 143 + src/components/ChangePlanModal.vue | 117 + src/components/ComposeSearchQuery.vue | 2 +- src/components/FeathersErrorManager.vue | 50 + src/components/HomePage2020.vue | 5 +- src/components/LinkToModal.vue | 36 + src/components/LoadingBlock.vue | 66 + src/components/MarkdownContent.vue | 42 + src/components/Modals.vue | 124 + src/components/TermsOfUseModal.vue | 77 + src/components/TermsOfUsePage.vue | 38 - src/components/TermsOfUseStatus.vue | 33 + src/components/TextReuseClusterMonitor.vue | 2 +- src/components/TheHeader.vue | 1 + src/components/UserArea.vue | 29 +- src/components/UserChangePlanRequestLabel.vue | 34 + src/components/base/Icon.vue | 60 + src/components/base/Modal.vue | 28 +- src/components/modals/CookieDisclaimer.vue | 42 +- src/components/modals/DisclaimerNotice.vue | 51 - .../stories/ChangePlanModal.stories.ts | 101 + .../stories/TermsOfUseModal.stories.ts | 30 + .../stories/TermsOfUseStatus.stories.ts | 43 + src/constants.ts | 26 + src/i18n/messages.js | 3 + src/init.ts | 226 +- src/pages/TermsOfUse.vue | 37 + src/router/index.ts | 18 +- src/services/index.ts | 1 + src/services/types.ts | 24 + src/stores/settings.ts | 25 +- src/stores/user.ts | 40 +- src/stores/views.ts | 16 + src/styles/style.css | 33 +- 40 files changed, 7159 insertions(+), 3452 deletions(-) create mode 100644 src/components/AcceptTermsOfUse.vue create mode 100644 src/components/Alert.vue create mode 100644 src/components/ChangePlanForm.vue create mode 100644 src/components/ChangePlanModal.vue create mode 100644 src/components/FeathersErrorManager.vue create mode 100644 src/components/LinkToModal.vue create mode 100644 src/components/LoadingBlock.vue create mode 100644 src/components/MarkdownContent.vue create mode 100644 src/components/Modals.vue create mode 100644 src/components/TermsOfUseModal.vue delete mode 100644 src/components/TermsOfUsePage.vue create mode 100644 src/components/TermsOfUseStatus.vue create mode 100644 src/components/UserChangePlanRequestLabel.vue delete mode 100644 src/components/modals/DisclaimerNotice.vue create mode 100644 src/components/stories/ChangePlanModal.stories.ts create mode 100644 src/components/stories/TermsOfUseModal.stories.ts create mode 100644 src/components/stories/TermsOfUseStatus.stories.ts create mode 100644 src/constants.ts create mode 100644 src/pages/TermsOfUse.vue create mode 100644 src/stores/views.ts diff --git a/.env b/.env index 832a4d84d..2bb58bd54 100644 --- a/.env +++ b/.env @@ -9,3 +9,4 @@ VITE_WIDGET_BASE_URL="/widget" VITE_MAINTENANCE= VITE_GIT_REPO="https://github.com/impresso/impresso-frontend" VITE_MIDDLE_LAYER_GIT_REPO="https://github.com/impresso/impresso-middle-layer" +VITE_TERMS_OF_USE_MD_URL="https://raw.githubusercontent.com/impresso/impresso-datalab/refs/heads/main/src/content/pagesContents/terms-of-use.md" \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 58c351ac4..19b02f2fa 100644 --- a/package-lock.json +++ b/package-lock.json @@ -626,19 +626,21 @@ } }, "node_modules/@bundled-es-modules/cookie": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@bundled-es-modules/cookie/-/cookie-2.0.0.tgz", - "integrity": "sha512-Or6YHg/kamKHpxULAdSqhGqnWFneIXu1NKvvfBBzKGwpVsYuFIQ5aBPHDnnoR3ghW1nvSkALd+EF9iMtY7Vjxw==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@bundled-es-modules/cookie/-/cookie-2.0.1.tgz", + "integrity": "sha512-8o+5fRPLNbjbdGRRmJj3h6Hh1AQJf2dk3qQ/5ZFb+PXkRNiSoMGGUKlsgLfrxneb72axVJyIYji64E2+nNfYyw==", "dev": true, + "license": "ISC", "dependencies": { - "cookie": "^0.5.0" + "cookie": "^0.7.2" } }, "node_modules/@bundled-es-modules/cookie/node_modules/cookie": { - "version": "0.5.0", - "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz", - "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==", + "version": "0.7.2", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz", + "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==", "dev": true, + "license": "MIT", "engines": { "node": ">= 0.6" } @@ -5713,10 +5715,11 @@ } }, "node_modules/cross-spawn": { - "version": "7.0.3", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", - "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", + "version": "7.0.6", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz", + "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==", "dev": true, + "license": "MIT", "dependencies": { "path-key": "^3.1.0", "shebang-command": "^2.0.0", @@ -7288,9 +7291,9 @@ } }, "node_modules/express": { - "version": "4.21.1", - "resolved": "https://registry.npmjs.org/express/-/express-4.21.1.tgz", - "integrity": "sha512-YSFlK1Ee0/GC8QaO91tHcDxJiE/X4FbpAyQWkxAvG6AXCuR65YzK8ua6D9hvi/TzUfZMpc+BwuM1IPw8fmQBiQ==", + "version": "4.21.2", + "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz", + "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==", "dev": true, "license": "MIT", "dependencies": { @@ -7313,7 +7316,7 @@ "methods": "~1.1.2", "on-finished": "2.4.1", "parseurl": "~1.3.3", - "path-to-regexp": "0.1.10", + "path-to-regexp": "0.1.12", "proxy-addr": "~2.0.7", "qs": "6.13.0", "range-parser": "~1.2.1", @@ -7328,6 +7331,10 @@ }, "engines": { "node": ">= 0.10.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/express" } }, "node_modules/express/node_modules/debug": { @@ -9448,15 +9455,16 @@ } }, "node_modules/nanoid": { - "version": "3.3.7", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", - "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==", + "version": "3.3.8", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz", + "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==", "funding": [ { "type": "github", "url": "https://github.com/sponsors/ai" } ], + "license": "MIT", "bin": { "nanoid": "bin/nanoid.cjs" }, @@ -9877,9 +9885,9 @@ } }, "node_modules/path-to-regexp": { - "version": "0.1.10", - "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.10.tgz", - "integrity": "sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w==", + "version": "0.1.12", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz", + "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==", "dev": true, "license": "MIT" }, diff --git a/src/App.vue b/src/App.vue index 8a80d7f58..f43c5083d 100644 --- a/src/App.vue +++ b/src/App.vue @@ -17,15 +17,13 @@ :endYear="endYear" /> -
- -
+ @@ -34,7 +32,6 @@ import WebFontLoader from 'webfontloader' import TheHeader from '@/components/TheHeader.vue' import Monitor from '@/components/Monitor.vue' import SelectionMonitor from '@/components/SelectionMonitor.vue' -import DisclaimerNotice from '@/components/modals/DisclaimerNotice.vue' import StatusIndicator from '@/components/modals/StatusIndicator.vue' import CookieDisclaimer from '@/components/modals/CookieDisclaimer.vue' import TroublesAhead from '@/components/modals/TroublesAhead.vue' @@ -48,6 +45,7 @@ import { useSettingsStore } from '@/stores/settings' import { useUserStore } from '@/stores/user' import { useNotificationsStore } from '@/stores/notifications' import { Navigation } from './plugins/Navigation' +import Modals from './components/Modals.vue' export default { name: 'app', @@ -55,11 +53,11 @@ export default { TheHeader, Monitor, SelectionMonitor, - DisclaimerNotice, StatusIndicator, CookieDisclaimer, TroublesAhead, - Toaster + Toaster, + Modals }, data: () => ({ filtersWithItems: [], @@ -85,13 +83,7 @@ export default { // filter by type return this.searchQuery.filters }, - termsAgreed() { - console.info('Terms agreement:', this.settingsStore.termsAgreed) - if (this.userStore.userData) { - return true - } - return this.settingsStore.termsAgreed - }, + is_locked() { return this.notificationsStore.processingLocked }, diff --git a/src/assets/legacy/bootstrap-impresso-theme.css b/src/assets/legacy/bootstrap-impresso-theme.css index 97b3d828e..793630484 100644 --- a/src/assets/legacy/bootstrap-impresso-theme.css +++ b/src/assets/legacy/bootstrap-impresso-theme.css @@ -25,48 +25,72 @@ --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; - --font-family-sans-serif: "questa-sans", sans-serif; - --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } + --font-family-sans-serif: 'questa-sans', sans-serif; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', + monospace; +} *, *::before, *::after { - box-sizing: border-box; } + 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; } + -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: "questa-sans", sans-serif; + font-family: 'questa-sans', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; - background-color: #fff; } + background-color: #fff; +} -[tabindex="-1"]:focus:not(:focus-visible) { - outline: 0 !important; } +[tabindex='-1']:focus:not(:focus-visible) { + outline: 0 !important; +} hr { box-sizing: content-box; height: 0; - overflow: visible; } - -h1, h2, h3, h4, h5, h6 { + overflow: visible; +} + +h1, +h2, +h3, +h4, +h5, +h6 { margin-top: 0; - margin-bottom: 0.5rem; } + margin-bottom: 0.5rem; +} p { margin-top: 0; - margin-bottom: 1rem; } + margin-bottom: 1rem; +} abbr[title], abbr[data-original-title] { @@ -74,116 +98,143 @@ abbr[data-original-title] { text-decoration: underline dotted; cursor: help; border-bottom: 0; - text-decoration-skip-ink: none; } + text-decoration-skip-ink: none; +} address { margin-bottom: 1rem; font-style: normal; - line-height: inherit; } + line-height: inherit; +} ol, ul, dl { margin-top: 0; - margin-bottom: 1rem; } + margin-bottom: 1rem; +} ol ol, ul ul, ol ul, ul ol { - margin-bottom: 0; } + margin-bottom: 0; +} dt { - font-weight: 700; } + font-weight: 700; +} dd { - margin-bottom: .5rem; - margin-left: 0; } + margin-bottom: 0.5rem; + margin-left: 0; +} blockquote { - margin: 0 0 1rem; } + margin: 0 0 1rem; +} b, strong { - font-weight: bolder; } + font-weight: bolder; +} small { - font-size: 80%; } + font-size: 80%; +} sub, sup { position: relative; font-size: 75%; line-height: 0; - vertical-align: baseline; } + vertical-align: baseline; +} sub { - bottom: -.25em; } + bottom: -0.25em; +} sup { - top: -.5em; } + top: -0.5em; +} a { color: #111; text-decoration: none; - background-color: transparent; } - a:hover { - color: #111; - text-decoration: underline; } + background-color: transparent; +} +a:hover { + color: #111; + text-decoration: underline; +} a:not([href]) { color: inherit; - text-decoration: none; } - a:not([href]):hover { - color: inherit; - text-decoration: none; } + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} pre, code, kbd, samp { - font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - font-size: 1em; } + font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; + font-size: 1em; +} pre { margin-top: 0; margin-bottom: 1rem; - overflow: auto; } + overflow: auto; +} figure { - margin: 0 0 1rem; } + margin: 0 0 1rem; +} img { vertical-align: middle; - border-style: none; } + border-style: none; +} svg { overflow: hidden; - vertical-align: middle; } + vertical-align: middle; +} table { - border-collapse: collapse; } + border-collapse: collapse; +} caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; - caption-side: bottom; } + caption-side: bottom; +} th { - text-align: inherit; } + text-align: inherit; +} label { display: inline-block; - margin-bottom: 0.5rem; } + margin-bottom: 0.5rem; +} button { - border-radius: 0; } + border-radius: 0; +} button:focus { outline: 1px dotted; - outline: 5px auto -webkit-focus-ring-color; } + outline: 5px auto -webkit-focus-ring-color; +} input, button, @@ -193,1202 +244,1679 @@ textarea { margin: 0; font-family: inherit; font-size: inherit; - line-height: inherit; } + line-height: inherit; +} button, input { - overflow: visible; } + overflow: visible; +} button, select { - text-transform: none; } + text-transform: none; +} select { - word-wrap: normal; } + word-wrap: normal; +} button, -[type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: 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; } +[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 { +[type='button']::-moz-focus-inner, +[type='reset']::-moz-focus-inner, +[type='submit']::-moz-focus-inner { padding: 0; - border-style: none; } + border-style: none; +} -input[type="radio"], -input[type="checkbox"] { +input[type='radio'], +input[type='checkbox'] { box-sizing: border-box; - padding: 0; } + padding: 0; +} -input[type="date"], -input[type="time"], -input[type="datetime-local"], -input[type="month"] { - -webkit-appearance: listbox; } +input[type='date'], +input[type='time'], +input[type='datetime-local'], +input[type='month'] { + -webkit-appearance: listbox; +} textarea { overflow: auto; - resize: vertical; } + resize: vertical; +} fieldset { min-width: 0; padding: 0; margin: 0; - border: 0; } + border: 0; +} legend { display: block; width: 100%; max-width: 100%; padding: 0; - margin-bottom: .5rem; + margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; - white-space: normal; } + white-space: normal; +} progress { - vertical-align: baseline; } + vertical-align: baseline; +} -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; } +[type='number']::-webkit-inner-spin-button, +[type='number']::-webkit-outer-spin-button { + height: auto; +} -[type="search"] { +[type='search'] { outline-offset: -2px; - -webkit-appearance: none; } + -webkit-appearance: none; +} -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } +[type='search']::-webkit-search-decoration { + -webkit-appearance: none; +} ::-webkit-file-upload-button { font: inherit; - -webkit-appearance: button; } + -webkit-appearance: button; +} output { - display: inline-block; } + display: inline-block; +} summary { display: list-item; - cursor: pointer; } + cursor: pointer; +} template { - display: none; } + display: none; +} [hidden] { - display: none !important; } - -h1, h2, h3, h4, h5, h6, -.h1, .h2, .h3, .h4, .h5, .h6 { + display: none !important; +} + +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { margin-bottom: 0.5rem; - font-family: "questa", serif; + font-family: 'questa', serif; font-weight: 500; line-height: 1.2; - color: #111; } + color: #111; +} -h1, .h1 { - font-size: 2.5rem; } +h1, +.h1 { + font-size: 2.5rem; +} -h2, .h2 { - font-size: 2rem; } +h2, +.h2 { + font-size: 2rem; +} -h3, .h3 { - font-size: 1.75rem; } +h3, +.h3 { + font-size: 1.75rem; +} -h4, .h4 { - font-size: 1.5rem; } +h4, +.h4 { + font-size: 1.5rem; +} -h5, .h5 { - font-size: 1.25rem; } +h5, +.h5 { + font-size: 1.25rem; +} -h6, .h6 { - font-size: 1rem; } +h6, +.h6 { + font-size: 1rem; +} .lead { font-size: 1.25rem; - font-weight: 300; } + font-weight: 300; +} .display-1 { font-size: 6rem; font-weight: 300; - line-height: 1.2; } + line-height: 1.2; +} .display-2 { font-size: 5.5rem; font-weight: 300; - line-height: 1.2; } + line-height: 1.2; +} .display-3 { font-size: 4.5rem; font-weight: 300; - line-height: 1.2; } + line-height: 1.2; +} .display-4 { font-size: 3.5rem; font-weight: 300; - line-height: 1.2; } + line-height: 1.2; +} hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; - border-top: 1px solid rgba(0, 0, 0, 0.1); } + border-top: 1px solid rgba(0, 0, 0, 0.1); +} small, .small { font-size: 80%; - font-weight: 400; } + font-weight: 400; +} mark, .mark { padding: 0.2em; - background-color: #fcf8e3; } + background-color: #fcf8e3; +} .list-unstyled { padding-left: 0; - list-style: none; } + list-style: none; +} .list-inline { padding-left: 0; - list-style: none; } + list-style: none; +} .list-inline-item { - display: inline-block; } - .list-inline-item:not(:last-child) { - margin-right: 0.5rem; } + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} .initialism { font-size: 90%; - text-transform: uppercase; } + text-transform: uppercase; +} .blockquote { margin-bottom: 1rem; - font-size: 1.25rem; } + font-size: 1.25rem; +} .blockquote-footer { display: block; font-size: 80%; - color: #6c757d; } - .blockquote-footer::before { - content: "\2014\00A0"; } + color: #6c757d; +} +.blockquote-footer::before { + content: '\2014\00A0'; +} .img-fluid { max-width: 100%; - height: auto; } + height: auto; +} .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; max-width: 100%; - height: auto; } + height: auto; +} .figure { - display: inline-block; } + display: inline-block; +} .figure-img { margin-bottom: 0.5rem; - line-height: 1; } + line-height: 1; +} .figure-caption { font-size: 90%; - color: #6c757d; } + color: #6c757d; +} code { font-size: 87.5%; color: #0d7ea3; - word-wrap: break-word; } - a > code { - color: inherit; } + word-wrap: break-word; +} +a > code { + color: inherit; +} kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; - background-color: #212529; } - kbd kbd { - padding: 0; - font-size: 100%; - font-weight: 700; } + background-color: #212529; +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} pre { display: block; font-size: 87.5%; - color: #212529; } - pre code { - font-size: inherit; - color: inherit; - word-break: normal; } + color: #212529; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} .pre-scrollable { max-height: 340px; - overflow-y: scroll; } + overflow-y: scroll; +} .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; - margin-left: auto; } - @media (min-width: 576px) { - .container { - max-width: 540px; } } - @media (min-width: 768px) { - .container { - max-width: 720px; } } - @media (min-width: 992px) { - .container { - max-width: 960px; } } - @media (min-width: 1200px) { - .container { - max-width: 1140px; } } - -.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, +.container-sm, +.container-md, +.container-lg, +.container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; - margin-left: auto; } + margin-left: auto; +} @media (min-width: 576px) { - .container, .container-sm { - max-width: 540px; } } + .container, + .container-sm { + max-width: 540px; + } +} @media (min-width: 768px) { - .container, .container-sm, .container-md { - max-width: 720px; } } + .container, + .container-sm, + .container-md { + max-width: 720px; + } +} @media (min-width: 992px) { - .container, .container-sm, .container-md, .container-lg { - max-width: 960px; } } + .container, + .container-sm, + .container-md, + .container-lg { + max-width: 960px; + } +} @media (min-width: 1200px) { - .container, .container-sm, .container-md, .container-lg, .container-xl { - max-width: 1140px; } } + .container, + .container-sm, + .container-md, + .container-lg, + .container-xl { + max-width: 1140px; + } +} .row { display: flex; flex-wrap: wrap; margin-right: -15px; - margin-left: -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, + 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; } + padding-left: 15px; +} .col { flex-basis: 0; flex-grow: 1; - max-width: 100%; } + max-width: 100%; +} .row-cols-1 > * { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; +} .row-cols-2 > * { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; +} .row-cols-3 > * { flex: 0 0 33.33333%; - max-width: 33.33333%; } + max-width: 33.33333%; +} .row-cols-4 > * { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; +} .row-cols-5 > * { flex: 0 0 20%; - max-width: 20%; } + max-width: 20%; +} .row-cols-6 > * { flex: 0 0 16.66667%; - max-width: 16.66667%; } + max-width: 16.66667%; +} .col-auto { flex: 0 0 auto; width: auto; - max-width: 100%; } + max-width: 100%; +} .col-1 { flex: 0 0 8.33333%; - max-width: 8.33333%; } + max-width: 8.33333%; +} .col-2 { flex: 0 0 16.66667%; - max-width: 16.66667%; } + max-width: 16.66667%; +} .col-3 { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; +} .col-4 { flex: 0 0 33.33333%; - max-width: 33.33333%; } + max-width: 33.33333%; +} .col-5 { flex: 0 0 41.66667%; - max-width: 41.66667%; } + max-width: 41.66667%; +} .col-6 { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; +} .col-7 { flex: 0 0 58.33333%; - max-width: 58.33333%; } + max-width: 58.33333%; +} .col-8 { flex: 0 0 66.66667%; - max-width: 66.66667%; } + max-width: 66.66667%; +} .col-9 { flex: 0 0 75%; - max-width: 75%; } + max-width: 75%; +} .col-10 { flex: 0 0 83.33333%; - max-width: 83.33333%; } + max-width: 83.33333%; +} .col-11 { flex: 0 0 91.66667%; - max-width: 91.66667%; } + max-width: 91.66667%; +} .col-12 { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; +} .order-first { - order: -1; } + order: -1; +} .order-last { - order: 13; } + order: 13; +} .order-0 { - order: 0; } + order: 0; +} .order-1 { - order: 1; } + order: 1; +} .order-2 { - order: 2; } + order: 2; +} .order-3 { - order: 3; } + order: 3; +} .order-4 { - order: 4; } + order: 4; +} .order-5 { - order: 5; } + order: 5; +} .order-6 { - order: 6; } + order: 6; +} .order-7 { - order: 7; } + order: 7; +} .order-8 { - order: 8; } + order: 8; +} .order-9 { - order: 9; } + order: 9; +} .order-10 { - order: 10; } + order: 10; +} .order-11 { - order: 11; } + order: 11; +} .order-12 { - order: 12; } + order: 12; +} .offset-1 { - margin-left: 8.33333%; } + margin-left: 8.33333%; +} .offset-2 { - margin-left: 16.66667%; } + margin-left: 16.66667%; +} .offset-3 { - margin-left: 25%; } + margin-left: 25%; +} .offset-4 { - margin-left: 33.33333%; } + margin-left: 33.33333%; +} .offset-5 { - margin-left: 41.66667%; } + margin-left: 41.66667%; +} .offset-6 { - margin-left: 50%; } + margin-left: 50%; +} .offset-7 { - margin-left: 58.33333%; } + margin-left: 58.33333%; +} .offset-8 { - margin-left: 66.66667%; } + margin-left: 66.66667%; +} .offset-9 { - margin-left: 75%; } + margin-left: 75%; +} .offset-10 { - margin-left: 83.33333%; } + margin-left: 83.33333%; +} .offset-11 { - margin-left: 91.66667%; } + margin-left: 91.66667%; +} @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; - max-width: 100%; } + max-width: 100%; + } .row-cols-sm-1 > * { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } .row-cols-sm-2 > * { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } .row-cols-sm-3 > * { flex: 0 0 33.33333%; - max-width: 33.33333%; } + max-width: 33.33333%; + } .row-cols-sm-4 > * { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } .row-cols-sm-5 > * { flex: 0 0 20%; - max-width: 20%; } + max-width: 20%; + } .row-cols-sm-6 > * { flex: 0 0 16.66667%; - max-width: 16.66667%; } + max-width: 16.66667%; + } .col-sm-auto { flex: 0 0 auto; width: auto; - max-width: 100%; } + max-width: 100%; + } .col-sm-1 { flex: 0 0 8.33333%; - max-width: 8.33333%; } + max-width: 8.33333%; + } .col-sm-2 { flex: 0 0 16.66667%; - max-width: 16.66667%; } + max-width: 16.66667%; + } .col-sm-3 { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } .col-sm-4 { flex: 0 0 33.33333%; - max-width: 33.33333%; } + max-width: 33.33333%; + } .col-sm-5 { flex: 0 0 41.66667%; - max-width: 41.66667%; } + max-width: 41.66667%; + } .col-sm-6 { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } .col-sm-7 { flex: 0 0 58.33333%; - max-width: 58.33333%; } + max-width: 58.33333%; + } .col-sm-8 { flex: 0 0 66.66667%; - max-width: 66.66667%; } + max-width: 66.66667%; + } .col-sm-9 { flex: 0 0 75%; - max-width: 75%; } + max-width: 75%; + } .col-sm-10 { flex: 0 0 83.33333%; - max-width: 83.33333%; } + max-width: 83.33333%; + } .col-sm-11 { flex: 0 0 91.66667%; - max-width: 91.66667%; } + max-width: 91.66667%; + } .col-sm-12 { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } .order-sm-first { - order: -1; } + order: -1; + } .order-sm-last { - order: 13; } + order: 13; + } .order-sm-0 { - order: 0; } + order: 0; + } .order-sm-1 { - order: 1; } + order: 1; + } .order-sm-2 { - order: 2; } + order: 2; + } .order-sm-3 { - order: 3; } + order: 3; + } .order-sm-4 { - order: 4; } + order: 4; + } .order-sm-5 { - order: 5; } + order: 5; + } .order-sm-6 { - order: 6; } + order: 6; + } .order-sm-7 { - order: 7; } + order: 7; + } .order-sm-8 { - order: 8; } + order: 8; + } .order-sm-9 { - order: 9; } + order: 9; + } .order-sm-10 { - order: 10; } + order: 10; + } .order-sm-11 { - order: 11; } + order: 11; + } .order-sm-12 { - order: 12; } + order: 12; + } .offset-sm-0 { - margin-left: 0; } + margin-left: 0; + } .offset-sm-1 { - margin-left: 8.33333%; } + margin-left: 8.33333%; + } .offset-sm-2 { - margin-left: 16.66667%; } + margin-left: 16.66667%; + } .offset-sm-3 { - margin-left: 25%; } + margin-left: 25%; + } .offset-sm-4 { - margin-left: 33.33333%; } + margin-left: 33.33333%; + } .offset-sm-5 { - margin-left: 41.66667%; } + margin-left: 41.66667%; + } .offset-sm-6 { - margin-left: 50%; } + margin-left: 50%; + } .offset-sm-7 { - margin-left: 58.33333%; } + margin-left: 58.33333%; + } .offset-sm-8 { - margin-left: 66.66667%; } + margin-left: 66.66667%; + } .offset-sm-9 { - margin-left: 75%; } + margin-left: 75%; + } .offset-sm-10 { - margin-left: 83.33333%; } + margin-left: 83.33333%; + } .offset-sm-11 { - margin-left: 91.66667%; } } + margin-left: 91.66667%; + } +} @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; - max-width: 100%; } + max-width: 100%; + } .row-cols-md-1 > * { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } .row-cols-md-2 > * { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } .row-cols-md-3 > * { flex: 0 0 33.33333%; - max-width: 33.33333%; } + max-width: 33.33333%; + } .row-cols-md-4 > * { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } .row-cols-md-5 > * { flex: 0 0 20%; - max-width: 20%; } + max-width: 20%; + } .row-cols-md-6 > * { flex: 0 0 16.66667%; - max-width: 16.66667%; } + max-width: 16.66667%; + } .col-md-auto { flex: 0 0 auto; width: auto; - max-width: 100%; } + max-width: 100%; + } .col-md-1 { flex: 0 0 8.33333%; - max-width: 8.33333%; } + max-width: 8.33333%; + } .col-md-2 { flex: 0 0 16.66667%; - max-width: 16.66667%; } + max-width: 16.66667%; + } .col-md-3 { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } .col-md-4 { flex: 0 0 33.33333%; - max-width: 33.33333%; } + max-width: 33.33333%; + } .col-md-5 { flex: 0 0 41.66667%; - max-width: 41.66667%; } + max-width: 41.66667%; + } .col-md-6 { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } .col-md-7 { flex: 0 0 58.33333%; - max-width: 58.33333%; } + max-width: 58.33333%; + } .col-md-8 { flex: 0 0 66.66667%; - max-width: 66.66667%; } + max-width: 66.66667%; + } .col-md-9 { flex: 0 0 75%; - max-width: 75%; } + max-width: 75%; + } .col-md-10 { flex: 0 0 83.33333%; - max-width: 83.33333%; } + max-width: 83.33333%; + } .col-md-11 { flex: 0 0 91.66667%; - max-width: 91.66667%; } + max-width: 91.66667%; + } .col-md-12 { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } .order-md-first { - order: -1; } + order: -1; + } .order-md-last { - order: 13; } + order: 13; + } .order-md-0 { - order: 0; } + order: 0; + } .order-md-1 { - order: 1; } + order: 1; + } .order-md-2 { - order: 2; } + order: 2; + } .order-md-3 { - order: 3; } + order: 3; + } .order-md-4 { - order: 4; } + order: 4; + } .order-md-5 { - order: 5; } + order: 5; + } .order-md-6 { - order: 6; } + order: 6; + } .order-md-7 { - order: 7; } + order: 7; + } .order-md-8 { - order: 8; } + order: 8; + } .order-md-9 { - order: 9; } + order: 9; + } .order-md-10 { - order: 10; } + order: 10; + } .order-md-11 { - order: 11; } + order: 11; + } .order-md-12 { - order: 12; } + order: 12; + } .offset-md-0 { - margin-left: 0; } + margin-left: 0; + } .offset-md-1 { - margin-left: 8.33333%; } + margin-left: 8.33333%; + } .offset-md-2 { - margin-left: 16.66667%; } + margin-left: 16.66667%; + } .offset-md-3 { - margin-left: 25%; } + margin-left: 25%; + } .offset-md-4 { - margin-left: 33.33333%; } + margin-left: 33.33333%; + } .offset-md-5 { - margin-left: 41.66667%; } + margin-left: 41.66667%; + } .offset-md-6 { - margin-left: 50%; } + margin-left: 50%; + } .offset-md-7 { - margin-left: 58.33333%; } + margin-left: 58.33333%; + } .offset-md-8 { - margin-left: 66.66667%; } + margin-left: 66.66667%; + } .offset-md-9 { - margin-left: 75%; } + margin-left: 75%; + } .offset-md-10 { - margin-left: 83.33333%; } + margin-left: 83.33333%; + } .offset-md-11 { - margin-left: 91.66667%; } } + margin-left: 91.66667%; + } +} @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; - max-width: 100%; } + max-width: 100%; + } .row-cols-lg-1 > * { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } .row-cols-lg-2 > * { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } .row-cols-lg-3 > * { flex: 0 0 33.33333%; - max-width: 33.33333%; } + max-width: 33.33333%; + } .row-cols-lg-4 > * { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } .row-cols-lg-5 > * { flex: 0 0 20%; - max-width: 20%; } + max-width: 20%; + } .row-cols-lg-6 > * { flex: 0 0 16.66667%; - max-width: 16.66667%; } + max-width: 16.66667%; + } .col-lg-auto { flex: 0 0 auto; width: auto; - max-width: 100%; } + max-width: 100%; + } .col-lg-1 { flex: 0 0 8.33333%; - max-width: 8.33333%; } + max-width: 8.33333%; + } .col-lg-2 { flex: 0 0 16.66667%; - max-width: 16.66667%; } + max-width: 16.66667%; + } .col-lg-3 { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } .col-lg-4 { flex: 0 0 33.33333%; - max-width: 33.33333%; } + max-width: 33.33333%; + } .col-lg-5 { flex: 0 0 41.66667%; - max-width: 41.66667%; } + max-width: 41.66667%; + } .col-lg-6 { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } .col-lg-7 { flex: 0 0 58.33333%; - max-width: 58.33333%; } + max-width: 58.33333%; + } .col-lg-8 { flex: 0 0 66.66667%; - max-width: 66.66667%; } + max-width: 66.66667%; + } .col-lg-9 { flex: 0 0 75%; - max-width: 75%; } + max-width: 75%; + } .col-lg-10 { flex: 0 0 83.33333%; - max-width: 83.33333%; } + max-width: 83.33333%; + } .col-lg-11 { flex: 0 0 91.66667%; - max-width: 91.66667%; } + max-width: 91.66667%; + } .col-lg-12 { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } .order-lg-first { - order: -1; } + order: -1; + } .order-lg-last { - order: 13; } + order: 13; + } .order-lg-0 { - order: 0; } + order: 0; + } .order-lg-1 { - order: 1; } + order: 1; + } .order-lg-2 { - order: 2; } + order: 2; + } .order-lg-3 { - order: 3; } + order: 3; + } .order-lg-4 { - order: 4; } + order: 4; + } .order-lg-5 { - order: 5; } + order: 5; + } .order-lg-6 { - order: 6; } + order: 6; + } .order-lg-7 { - order: 7; } + order: 7; + } .order-lg-8 { - order: 8; } + order: 8; + } .order-lg-9 { - order: 9; } + order: 9; + } .order-lg-10 { - order: 10; } + order: 10; + } .order-lg-11 { - order: 11; } + order: 11; + } .order-lg-12 { - order: 12; } + order: 12; + } .offset-lg-0 { - margin-left: 0; } + margin-left: 0; + } .offset-lg-1 { - margin-left: 8.33333%; } + margin-left: 8.33333%; + } .offset-lg-2 { - margin-left: 16.66667%; } + margin-left: 16.66667%; + } .offset-lg-3 { - margin-left: 25%; } + margin-left: 25%; + } .offset-lg-4 { - margin-left: 33.33333%; } + margin-left: 33.33333%; + } .offset-lg-5 { - margin-left: 41.66667%; } + margin-left: 41.66667%; + } .offset-lg-6 { - margin-left: 50%; } + margin-left: 50%; + } .offset-lg-7 { - margin-left: 58.33333%; } + margin-left: 58.33333%; + } .offset-lg-8 { - margin-left: 66.66667%; } + margin-left: 66.66667%; + } .offset-lg-9 { - margin-left: 75%; } + margin-left: 75%; + } .offset-lg-10 { - margin-left: 83.33333%; } + margin-left: 83.33333%; + } .offset-lg-11 { - margin-left: 91.66667%; } } + margin-left: 91.66667%; + } +} @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; - max-width: 100%; } + max-width: 100%; + } .row-cols-xl-1 > * { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } .row-cols-xl-2 > * { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } .row-cols-xl-3 > * { flex: 0 0 33.33333%; - max-width: 33.33333%; } + max-width: 33.33333%; + } .row-cols-xl-4 > * { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } .row-cols-xl-5 > * { flex: 0 0 20%; - max-width: 20%; } + max-width: 20%; + } .row-cols-xl-6 > * { flex: 0 0 16.66667%; - max-width: 16.66667%; } + max-width: 16.66667%; + } .col-xl-auto { flex: 0 0 auto; width: auto; - max-width: 100%; } + max-width: 100%; + } .col-xl-1 { flex: 0 0 8.33333%; - max-width: 8.33333%; } + max-width: 8.33333%; + } .col-xl-2 { flex: 0 0 16.66667%; - max-width: 16.66667%; } + max-width: 16.66667%; + } .col-xl-3 { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } .col-xl-4 { flex: 0 0 33.33333%; - max-width: 33.33333%; } + max-width: 33.33333%; + } .col-xl-5 { flex: 0 0 41.66667%; - max-width: 41.66667%; } + max-width: 41.66667%; + } .col-xl-6 { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } .col-xl-7 { flex: 0 0 58.33333%; - max-width: 58.33333%; } + max-width: 58.33333%; + } .col-xl-8 { flex: 0 0 66.66667%; - max-width: 66.66667%; } + max-width: 66.66667%; + } .col-xl-9 { flex: 0 0 75%; - max-width: 75%; } + max-width: 75%; + } .col-xl-10 { flex: 0 0 83.33333%; - max-width: 83.33333%; } + max-width: 83.33333%; + } .col-xl-11 { flex: 0 0 91.66667%; - max-width: 91.66667%; } + max-width: 91.66667%; + } .col-xl-12 { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } .order-xl-first { - order: -1; } + order: -1; + } .order-xl-last { - order: 13; } + order: 13; + } .order-xl-0 { - order: 0; } + order: 0; + } .order-xl-1 { - order: 1; } + order: 1; + } .order-xl-2 { - order: 2; } + order: 2; + } .order-xl-3 { - order: 3; } + order: 3; + } .order-xl-4 { - order: 4; } + order: 4; + } .order-xl-5 { - order: 5; } + order: 5; + } .order-xl-6 { - order: 6; } + order: 6; + } .order-xl-7 { - order: 7; } + order: 7; + } .order-xl-8 { - order: 8; } + order: 8; + } .order-xl-9 { - order: 9; } + order: 9; + } .order-xl-10 { - order: 10; } + order: 10; + } .order-xl-11 { - order: 11; } + order: 11; + } .order-xl-12 { - order: 12; } + order: 12; + } .offset-xl-0 { - margin-left: 0; } + margin-left: 0; + } .offset-xl-1 { - margin-left: 8.33333%; } + margin-left: 8.33333%; + } .offset-xl-2 { - margin-left: 16.66667%; } + margin-left: 16.66667%; + } .offset-xl-3 { - margin-left: 25%; } + margin-left: 25%; + } .offset-xl-4 { - margin-left: 33.33333%; } + margin-left: 33.33333%; + } .offset-xl-5 { - margin-left: 41.66667%; } + margin-left: 41.66667%; + } .offset-xl-6 { - margin-left: 50%; } + margin-left: 50%; + } .offset-xl-7 { - margin-left: 58.33333%; } + margin-left: 58.33333%; + } .offset-xl-8 { - margin-left: 66.66667%; } + margin-left: 66.66667%; + } .offset-xl-9 { - margin-left: 75%; } + margin-left: 75%; + } .offset-xl-10 { - margin-left: 83.33333%; } + margin-left: 83.33333%; + } .offset-xl-11 { - margin-left: 91.66667%; } } + margin-left: 91.66667%; + } +} .table { width: 100%; margin-bottom: 1rem; - color: #212529; } - .table th, - .table td { - padding: 0.75rem; - vertical-align: top; - border-top: 1px solid #dee2e6; } - .table thead th { - vertical-align: bottom; - border-bottom: 2px solid #dee2e6; } - .table tbody + tbody { - border-top: 2px solid #dee2e6; } + color: #212529; +} +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #dee2e6; +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #dee2e6; +} +.table tbody + tbody { + border-top: 2px solid #dee2e6; +} .table-sm th, .table-sm td { - padding: 0.3rem; } + padding: 0.3rem; +} .table-bordered { - border: 1px solid #dee2e6; } - .table-bordered th, - .table-bordered td { - border: 1px solid #dee2e6; } - .table-bordered thead th, - .table-bordered thead td { - border-bottom-width: 2px; } + border: 1px solid #dee2e6; +} +.table-bordered th, +.table-bordered td { + border: 1px solid #dee2e6; +} +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { - border: 0; } + border: 0; +} .table-striped tbody tr:nth-of-type(odd) { - background-color: rgba(0, 0, 0, 0.05); } + background-color: rgba(0, 0, 0, 0.05); +} .table-hover tbody tr:hover { color: #212529; - background-color: rgba(0, 0, 0, 0.075); } + background-color: rgba(0, 0, 0, 0.075); +} .table-primary, .table-primary > th, .table-primary > td { - background-color: #bcbcbc; } + background-color: #bcbcbc; +} .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { - border-color: #838383; } + border-color: #838383; +} .table-hover .table-primary:hover { - background-color: #afafaf; } - .table-hover .table-primary:hover > td, - .table-hover .table-primary:hover > th { - background-color: #afafaf; } + background-color: #afafaf; +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #afafaf; +} .table-secondary, .table-secondary > th, .table-secondary > td { - background-color: #cecece; } + background-color: #cecece; +} .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { - border-color: #a4a4a4; } + border-color: #a4a4a4; +} .table-hover .table-secondary:hover { - background-color: #c1c1c1; } - .table-hover .table-secondary:hover > td, - .table-hover .table-secondary:hover > th { - background-color: #c1c1c1; } + background-color: #c1c1c1; +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #c1c1c1; +} .table-success, .table-success > th, .table-success > td { - background-color: #c3e6cb; } + background-color: #c3e6cb; +} .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { - border-color: #8fd19e; } + border-color: #8fd19e; +} .table-hover .table-success:hover { - background-color: #b1dfbb; } - .table-hover .table-success:hover > td, - .table-hover .table-success:hover > th { - background-color: #b1dfbb; } + background-color: #b1dfbb; +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #b1dfbb; +} .table-info, .table-info > th, .table-info > td { - background-color: #bee5eb; } + background-color: #bee5eb; +} .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { - border-color: #86cfda; } + border-color: #86cfda; +} .table-hover .table-info:hover { - background-color: #abdde5; } - .table-hover .table-info:hover > td, - .table-hover .table-info:hover > th { - background-color: #abdde5; } + background-color: #abdde5; +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #abdde5; +} .table-warning, .table-warning > th, .table-warning > td { - background-color: #ffeeba; } + background-color: #ffeeba; +} .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { - border-color: #ffdf7e; } + border-color: #ffdf7e; +} .table-hover .table-warning:hover { - background-color: #ffe8a1; } - .table-hover .table-warning:hover > td, - .table-hover .table-warning:hover > th { - background-color: #ffe8a1; } + background-color: #ffe8a1; +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ffe8a1; +} .table-danger, .table-danger > th, .table-danger > td { - background-color: #f5c6cb; } + background-color: #f5c6cb; +} .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { - border-color: #ed969e; } + border-color: #ed969e; +} .table-hover .table-danger:hover { - background-color: #f1b0b7; } - .table-hover .table-danger:hover > td, - .table-hover .table-danger:hover > th { - background-color: #f1b0b7; } + background-color: #f1b0b7; +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #f1b0b7; +} .table-light, .table-light > th, .table-light > td { - background-color: #fdfdfe; } + background-color: #fdfdfe; +} .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { - border-color: #fbfcfc; } + border-color: #fbfcfc; +} .table-hover .table-light:hover { - background-color: #ececf6; } - .table-hover .table-light:hover > td, - .table-hover .table-light:hover > th { - background-color: #ececf6; } + background-color: #ececf6; +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ececf6; +} .table-dark, .table-dark > th, .table-dark > td { - background-color: #c6c8ca; } + background-color: #c6c8ca; +} .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { - border-color: #95999c; } + border-color: #95999c; +} .table-hover .table-dark:hover { - background-color: #b9bbbe; } - .table-hover .table-dark:hover > td, - .table-hover .table-dark:hover > th { - background-color: #b9bbbe; } + background-color: #b9bbbe; +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b9bbbe; +} .table-active, .table-active > th, .table-active > td { - background-color: rgba(0, 0, 0, 0.075); } + 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); } + 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: #343a40; - border-color: #454d55; } + border-color: #454d55; +} .table .thead-light th { color: #495057; background-color: #e9ecef; - border-color: #dee2e6; } + border-color: #dee2e6; +} .table-dark { color: #fff; - background-color: #343a40; } - .table-dark th, - .table-dark td, - .table-dark thead th { - border-color: #454d55; } - .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); } + background-color: #343a40; +} +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #454d55; +} +.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; } } + -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; } } + -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; } } + -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; } } + -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; } + -webkit-overflow-scrolling: touch; +} +.table-responsive > .table-bordered { + border: 0; +} .form-control { display: block; @@ -1403,56 +1931,72 @@ pre { background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0; - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .form-control { - transition: none; } } - .form-control::-ms-expand { - background-color: transparent; - border: 0; } - .form-control:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 #495057; } - .form-control:focus { - color: #495057; - background-color: #fff; - border-color: #f2f2f2; - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(17, 17, 17, 0.25); } - .form-control::placeholder { - color: #6c757d; - opacity: 1; } - .form-control:disabled, .form-control[readonly] { - background-color: #e9ecef; - opacity: 1; } + transition: + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} +.form-control:focus { + color: #495057; + background-color: #fff; + border-color: #f2f2f2; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(17, 17, 17, 0.25); +} +.form-control::placeholder { + color: #6c757d; + opacity: 1; +} +.form-control:disabled, +.form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} select.form-control:focus::-ms-value { color: #495057; - background-color: #fff; } + background-color: #fff; +} .form-control-file, .form-control-range { display: block; - width: 100%; } + width: 100%; +} .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; - line-height: 1.5; } + line-height: 1.5; +} .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; - line-height: 1.5; } + line-height: 1.5; +} .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; - line-height: 1.5; } + line-height: 1.5; +} .form-control-plaintext { display: block; @@ -1464,79 +2008,98 @@ select.form-control:focus::-ms-value { color: #212529; 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; } + 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.875rem; - line-height: 1.5; } + line-height: 1.5; +} .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; - line-height: 1.5; } + line-height: 1.5; +} -select.form-control[size], select.form-control[multiple] { - height: auto; } +select.form-control[size], +select.form-control[multiple] { + height: auto; +} textarea.form-control { - height: auto; } + height: auto; +} .form-group { - margin-bottom: 1rem; } + margin-bottom: 1rem; +} .form-text { display: block; - margin-top: 0.25rem; } + 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; } + 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; } + padding-left: 1.25rem; +} .form-check-input { position: absolute; margin-top: 0.3rem; - margin-left: -1.25rem; } - .form-check-input[disabled] ~ .form-check-label, - .form-check-input:disabled ~ .form-check-label { - color: #6c757d; } + margin-left: -1.25rem; +} +.form-check-input[disabled] ~ .form-check-label, +.form-check-input:disabled ~ .form-check-label { + color: #6c757d; +} .form-check-label { - margin-bottom: 0; } + 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; } + 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: #28a745; } + color: #28a745; +} .valid-tooltip { position: absolute; @@ -1545,77 +2108,112 @@ textarea.form-control { display: none; max-width: 100%; padding: 0.25rem 0.5rem; - margin-top: .1rem; + margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; - background-color: rgba(40, 167, 69, 0.9); } + background-color: rgba(40, 167, 69, 0.9); +} .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { - display: block; } + display: block; +} -.was-validated .form-control:valid, .form-control.is-valid { +.was-validated .form-control:valid, +.form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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: right calc(0.375em + 0.1875rem) center; - background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } - .was-validated .form-control:valid:focus, .form-control.is-valid:focus { - border-color: #28a745; - box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, +.form-control.is-valid:focus { + border-color: #28a745; + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +} -.was-validated textarea.form-control:valid, textarea.form-control.is-valid { +.was-validated textarea.form-control:valid, +textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); - background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} -.was-validated .custom-select:valid, .custom-select.is-valid { +.was-validated .custom-select:valid, +.custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 2.3125rem); - background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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.375rem) calc(0.75em + 0.375rem); } - .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { - border-color: #28a745; - box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } + background: + url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") + no-repeat right 0.75rem center/8px 10px, + url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, +.custom-select.is-valid:focus { + border-color: #28a745; + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +} -.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { - color: #28a745; } +.was-validated .form-check-input:valid ~ .form-check-label, +.form-check-input.is-valid ~ .form-check-label { + color: #28a745; +} .was-validated .form-check-input:valid ~ .valid-feedback, -.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-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; } + display: block; +} -.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { - color: #28a745; } - .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { - border-color: #28a745; } +.was-validated .custom-control-input:valid ~ .custom-control-label, +.custom-control-input.is-valid ~ .custom-control-label { + color: #28a745; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, +.custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #28a745; +} -.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, +.custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; - background-color: #34ce57; } + background-color: #34ce57; +} -.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.2rem rgba(40, 167, 69, 0.25); } +.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.2rem rgba(40, 167, 69, 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: #28a745; } +.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: #28a745; +} -.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { - border-color: #28a745; } +.was-validated .custom-file-input:valid ~ .custom-file-label, +.custom-file-input.is-valid ~ .custom-file-label { + border-color: #28a745; +} -.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, +.custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; - box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +} .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; - color: #dc3545; } + color: #dc3545; +} .invalid-tooltip { position: absolute; @@ -1624,115 +2222,161 @@ textarea.form-control { display: none; max-width: 100%; padding: 0.25rem 0.5rem; - margin-top: .1rem; + margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; - background-color: rgba(220, 53, 69, 0.9); } + background-color: rgba(220, 53, 69, 0.9); +} .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { - display: block; } + display: block; +} -.was-validated .form-control:invalid, .form-control.is-invalid { +.was-validated .form-control:invalid, +.form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; - background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } - .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { - border-color: #dc3545; - box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, +.form-control.is-invalid:focus { + border-color: #dc3545; + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +} -.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { +.was-validated textarea.form-control:invalid, +textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); - background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} -.was-validated .custom-select:invalid, .custom-select.is-invalid { +.was-validated .custom-select:invalid, +.custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem); - background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } - .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { - border-color: #dc3545; - box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } + background: + url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") + no-repeat right 0.75rem center/8px 10px, + url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") + #fff no-repeat center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, +.custom-select.is-invalid:focus { + border-color: #dc3545; + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +} -.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { - color: #dc3545; } +.was-validated .form-check-input:invalid ~ .form-check-label, +.form-check-input.is-invalid ~ .form-check-label { + color: #dc3545; +} .was-validated .form-check-input:invalid ~ .invalid-feedback, -.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-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; } + display: block; +} -.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { - color: #dc3545; } - .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { - border-color: #dc3545; } +.was-validated .custom-control-input:invalid ~ .custom-control-label, +.custom-control-input.is-invalid ~ .custom-control-label { + color: #dc3545; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, +.custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #dc3545; +} -.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, +.custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; - background-color: #e4606d; } + background-color: #e4606d; +} -.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.2rem rgba(220, 53, 69, 0.25); } +.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.2rem rgba(220, 53, 69, 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: #dc3545; } +.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: #dc3545; +} -.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { - border-color: #dc3545; } +.was-validated .custom-file-input:invalid ~ .custom-file-label, +.custom-file-input.is-invalid ~ .custom-file-label { + border-color: #dc3545; +} -.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, +.custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; - box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +} .form-inline { display: flex; flex-flow: row wrap; - align-items: center; } + 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 { - 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; } } + 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; @@ -1748,475 +2392,673 @@ textarea.form-control { font-size: 1rem; line-height: 1.5; border-radius: 0; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .btn { - transition: none; } } - .btn:hover { - color: #212529; - text-decoration: none; } - .btn:focus, .btn.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(17, 17, 17, 0.25); } - .btn.disabled, .btn:disabled { - opacity: 0.65; } + transition: + color 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } +} +.btn:hover { + color: #212529; + text-decoration: none; +} +.btn:focus, +.btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(17, 17, 17, 0.25); +} +.btn.disabled, +.btn:disabled { + opacity: 0.65; +} a.btn.disabled, fieldset:disabled a.btn { - pointer-events: none; } + pointer-events: none; +} .btn-primary { color: #fff; background-color: #111; - border-color: #111; } - .btn-primary:hover { - color: #fff; - background-color: black; - border-color: black; } - .btn-primary:focus, .btn-primary.focus { - color: #fff; - background-color: black; - border-color: black; - box-shadow: 0 0 0 0.2rem rgba(53, 53, 53, 0.5); } - .btn-primary.disabled, .btn-primary:disabled { - color: #fff; - background-color: #111; - border-color: #111; } - .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, - .show > .btn-primary.dropdown-toggle { - color: #fff; - background-color: black; - border-color: black; } - .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.2rem rgba(53, 53, 53, 0.5); } + border-color: #111; +} +.btn-primary:hover { + color: #fff; + background-color: black; + border-color: black; +} +.btn-primary:focus, +.btn-primary.focus { + color: #fff; + background-color: black; + border-color: black; + box-shadow: 0 0 0 0.2rem rgba(53, 53, 53, 0.5); +} +.btn-primary.disabled, +.btn-primary:disabled { + color: #fff; + background-color: #111; + border-color: #111; +} +.btn-primary:not(:disabled):not(.disabled):active, +.btn-primary:not(:disabled):not(.disabled).active, +.show > .btn-primary.dropdown-toggle { + color: #fff; + background-color: black; + border-color: black; +} +.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.2rem rgba(53, 53, 53, 0.5); +} .btn-secondary { color: #fff; background-color: #515151; - border-color: #515151; } - .btn-secondary:hover { - color: #fff; - background-color: #3e3e3e; - border-color: #373737; } - .btn-secondary:focus, .btn-secondary.focus { - color: #fff; - background-color: #3e3e3e; - border-color: #373737; - box-shadow: 0 0 0 0.2rem rgba(107, 107, 107, 0.5); } - .btn-secondary.disabled, .btn-secondary:disabled { - color: #fff; - background-color: #515151; - border-color: #515151; } - .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, - .show > .btn-secondary.dropdown-toggle { - color: #fff; - background-color: #373737; - border-color: #313131; } - .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.2rem rgba(107, 107, 107, 0.5); } + border-color: #515151; +} +.btn-secondary:hover { + color: #fff; + background-color: #3e3e3e; + border-color: #373737; +} +.btn-secondary:focus, +.btn-secondary.focus { + color: #fff; + background-color: #3e3e3e; + border-color: #373737; + box-shadow: 0 0 0 0.2rem rgba(107, 107, 107, 0.5); +} +.btn-secondary.disabled, +.btn-secondary:disabled { + color: #fff; + background-color: #515151; + border-color: #515151; +} +.btn-secondary:not(:disabled):not(.disabled):active, +.btn-secondary:not(:disabled):not(.disabled).active, +.show > .btn-secondary.dropdown-toggle { + color: #fff; + background-color: #373737; + border-color: #313131; +} +.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.2rem rgba(107, 107, 107, 0.5); +} .btn-success { color: #fff; background-color: #28a745; - border-color: #28a745; } - .btn-success:hover { - color: #fff; - background-color: #218838; - border-color: #1e7e34; } - .btn-success:focus, .btn-success.focus { - color: #fff; - background-color: #218838; - border-color: #1e7e34; - box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } - .btn-success.disabled, .btn-success:disabled { - color: #fff; - background-color: #28a745; - border-color: #28a745; } - .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, - .show > .btn-success.dropdown-toggle { - color: #fff; - background-color: #1e7e34; - border-color: #1c7430; } - .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.2rem rgba(72, 180, 97, 0.5); } + border-color: #28a745; +} +.btn-success:hover { + color: #fff; + background-color: #218838; + border-color: #1e7e34; +} +.btn-success:focus, +.btn-success.focus { + color: #fff; + background-color: #218838; + border-color: #1e7e34; + box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); +} +.btn-success.disabled, +.btn-success:disabled { + color: #fff; + background-color: #28a745; + border-color: #28a745; +} +.btn-success:not(:disabled):not(.disabled):active, +.btn-success:not(:disabled):not(.disabled).active, +.show > .btn-success.dropdown-toggle { + color: #fff; + background-color: #1e7e34; + border-color: #1c7430; +} +.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.2rem rgba(72, 180, 97, 0.5); +} .btn-info { color: #fff; background-color: #17a2b8; - border-color: #17a2b8; } - .btn-info:hover { - color: #fff; - background-color: #138496; - border-color: #117a8b; } - .btn-info:focus, .btn-info.focus { - color: #fff; - background-color: #138496; - border-color: #117a8b; - box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } - .btn-info.disabled, .btn-info:disabled { - color: #fff; - background-color: #17a2b8; - border-color: #17a2b8; } - .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, - .show > .btn-info.dropdown-toggle { - color: #fff; - background-color: #117a8b; - border-color: #10707f; } - .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.2rem rgba(58, 176, 195, 0.5); } + border-color: #17a2b8; +} +.btn-info:hover { + color: #fff; + background-color: #138496; + border-color: #117a8b; +} +.btn-info:focus, +.btn-info.focus { + color: #fff; + background-color: #138496; + border-color: #117a8b; + box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); +} +.btn-info.disabled, +.btn-info:disabled { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; +} +.btn-info:not(:disabled):not(.disabled):active, +.btn-info:not(:disabled):not(.disabled).active, +.show > .btn-info.dropdown-toggle { + color: #fff; + background-color: #117a8b; + border-color: #10707f; +} +.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.2rem rgba(58, 176, 195, 0.5); +} .btn-warning { color: #212529; background-color: #ffc107; - border-color: #ffc107; } - .btn-warning:hover { - color: #212529; - background-color: #e0a800; - border-color: #d39e00; } - .btn-warning:focus, .btn-warning.focus { - color: #212529; - background-color: #e0a800; - border-color: #d39e00; - box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } - .btn-warning.disabled, .btn-warning:disabled { - color: #212529; - background-color: #ffc107; - border-color: #ffc107; } - .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, - .show > .btn-warning.dropdown-toggle { - color: #212529; - background-color: #d39e00; - border-color: #c69500; } - .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.2rem rgba(222, 170, 12, 0.5); } + border-color: #ffc107; +} +.btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; +} +.btn-warning:focus, +.btn-warning.focus { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} +.btn-warning.disabled, +.btn-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:not(:disabled):not(.disabled):active, +.btn-warning:not(:disabled):not(.disabled).active, +.show > .btn-warning.dropdown-toggle { + color: #212529; + background-color: #d39e00; + border-color: #c69500; +} +.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.2rem rgba(222, 170, 12, 0.5); +} .btn-danger { color: #fff; background-color: #dc3545; - border-color: #dc3545; } - .btn-danger:hover { - color: #fff; - background-color: #c82333; - border-color: #bd2130; } - .btn-danger:focus, .btn-danger.focus { - color: #fff; - background-color: #c82333; - border-color: #bd2130; - box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } - .btn-danger.disabled, .btn-danger:disabled { - color: #fff; - background-color: #dc3545; - border-color: #dc3545; } - .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, - .show > .btn-danger.dropdown-toggle { - color: #fff; - background-color: #bd2130; - border-color: #b21f2d; } - .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.2rem rgba(225, 83, 97, 0.5); } + border-color: #dc3545; +} +.btn-danger:hover { + color: #fff; + background-color: #c82333; + border-color: #bd2130; +} +.btn-danger:focus, +.btn-danger.focus { + color: #fff; + background-color: #c82333; + border-color: #bd2130; + box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); +} +.btn-danger.disabled, +.btn-danger:disabled { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} +.btn-danger:not(:disabled):not(.disabled):active, +.btn-danger:not(:disabled):not(.disabled).active, +.show > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #bd2130; + border-color: #b21f2d; +} +.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.2rem rgba(225, 83, 97, 0.5); +} .btn-light { color: #212529; background-color: #f8f9fa; - border-color: #f8f9fa; } - .btn-light:hover { - color: #212529; - background-color: #e2e6ea; - border-color: #dae0e5; } - .btn-light:focus, .btn-light.focus { - color: #212529; - background-color: #e2e6ea; - border-color: #dae0e5; - box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } - .btn-light.disabled, .btn-light:disabled { - color: #212529; - background-color: #f8f9fa; - border-color: #f8f9fa; } - .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, - .show > .btn-light.dropdown-toggle { - color: #212529; - background-color: #dae0e5; - border-color: #d3d9df; } - .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, - .show > .btn-light.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } + border-color: #f8f9fa; +} +.btn-light:hover { + color: #212529; + background-color: #e2e6ea; + border-color: #dae0e5; +} +.btn-light:focus, +.btn-light.focus { + color: #212529; + background-color: #e2e6ea; + border-color: #dae0e5; + box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); +} +.btn-light.disabled, +.btn-light:disabled { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} +.btn-light:not(:disabled):not(.disabled):active, +.btn-light:not(:disabled):not(.disabled).active, +.show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #dae0e5; + border-color: #d3d9df; +} +.btn-light:not(:disabled):not(.disabled):active:focus, +.btn-light:not(:disabled):not(.disabled).active:focus, +.show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); +} .btn-dark { color: #fff; background-color: #343a40; - border-color: #343a40; } - .btn-dark:hover { - color: #fff; - background-color: #23272b; - border-color: #1d2124; } - .btn-dark:focus, .btn-dark.focus { - color: #fff; - background-color: #23272b; - border-color: #1d2124; - box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } - .btn-dark.disabled, .btn-dark:disabled { - color: #fff; - background-color: #343a40; - border-color: #343a40; } - .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, - .show > .btn-dark.dropdown-toggle { - color: #fff; - background-color: #1d2124; - border-color: #171a1d; } - .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, - .show > .btn-dark.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } + border-color: #343a40; +} +.btn-dark:hover { + color: #fff; + background-color: #23272b; + border-color: #1d2124; +} +.btn-dark:focus, +.btn-dark.focus { + color: #fff; + background-color: #23272b; + border-color: #1d2124; + box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); +} +.btn-dark.disabled, +.btn-dark:disabled { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} +.btn-dark:not(:disabled):not(.disabled):active, +.btn-dark:not(:disabled):not(.disabled).active, +.show > .btn-dark.dropdown-toggle { + color: #fff; + background-color: #1d2124; + border-color: #171a1d; +} +.btn-dark:not(:disabled):not(.disabled):active:focus, +.btn-dark:not(:disabled):not(.disabled).active:focus, +.show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); +} .btn-outline-primary { color: #111; - border-color: #111; } - .btn-outline-primary:hover { - color: #fff; - background-color: #111; - border-color: #111; } - .btn-outline-primary:focus, .btn-outline-primary.focus { - box-shadow: 0 0 0 0.2rem rgba(17, 17, 17, 0.5); } - .btn-outline-primary.disabled, .btn-outline-primary:disabled { - color: #111; - 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: #111; - border-color: #111; } - .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(17, 17, 17, 0.5); } + border-color: #111; +} +.btn-outline-primary:hover { + color: #fff; + background-color: #111; + border-color: #111; +} +.btn-outline-primary:focus, +.btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(17, 17, 17, 0.5); +} +.btn-outline-primary.disabled, +.btn-outline-primary:disabled { + color: #111; + 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: #111; + border-color: #111; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, +.btn-outline-primary:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(17, 17, 17, 0.5); +} .btn-outline-secondary { color: #515151; - border-color: #515151; } - .btn-outline-secondary:hover { - color: #fff; - background-color: #515151; - border-color: #515151; } - .btn-outline-secondary:focus, .btn-outline-secondary.focus { - box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); } - .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { - color: #515151; - background-color: transparent; } - .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, - .show > .btn-outline-secondary.dropdown-toggle { - color: #fff; - background-color: #515151; - border-color: #515151; } - .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); } + border-color: #515151; +} +.btn-outline-secondary:hover { + color: #fff; + background-color: #515151; + border-color: #515151; +} +.btn-outline-secondary:focus, +.btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} +.btn-outline-secondary.disabled, +.btn-outline-secondary:disabled { + color: #515151; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, +.btn-outline-secondary:not(:disabled):not(.disabled).active, +.show > .btn-outline-secondary.dropdown-toggle { + color: #fff; + background-color: #515151; + border-color: #515151; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, +.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} .btn-outline-success { color: #28a745; - border-color: #28a745; } - .btn-outline-success:hover { - color: #fff; - background-color: #28a745; - border-color: #28a745; } - .btn-outline-success:focus, .btn-outline-success.focus { - box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } - .btn-outline-success.disabled, .btn-outline-success:disabled { - color: #28a745; - 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: #28a745; - border-color: #28a745; } - .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-success.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } + border-color: #28a745; +} +.btn-outline-success:hover { + color: #fff; + background-color: #28a745; + border-color: #28a745; +} +.btn-outline-success:focus, +.btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); +} +.btn-outline-success.disabled, +.btn-outline-success:disabled { + color: #28a745; + 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: #28a745; + border-color: #28a745; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, +.btn-outline-success:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); +} .btn-outline-info { color: #17a2b8; - border-color: #17a2b8; } - .btn-outline-info:hover { - color: #fff; - background-color: #17a2b8; - border-color: #17a2b8; } - .btn-outline-info:focus, .btn-outline-info.focus { - box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } - .btn-outline-info.disabled, .btn-outline-info:disabled { - color: #17a2b8; - 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: #17a2b8; - border-color: #17a2b8; } - .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-info.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } + border-color: #17a2b8; +} +.btn-outline-info:hover { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; +} +.btn-outline-info:focus, +.btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); +} +.btn-outline-info.disabled, +.btn-outline-info:disabled { + color: #17a2b8; + 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: #17a2b8; + border-color: #17a2b8; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, +.btn-outline-info:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); +} .btn-outline-warning { color: #ffc107; - border-color: #ffc107; } - .btn-outline-warning:hover { - color: #212529; - background-color: #ffc107; - border-color: #ffc107; } - .btn-outline-warning:focus, .btn-outline-warning.focus { - box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } - .btn-outline-warning.disabled, .btn-outline-warning:disabled { - color: #ffc107; - background-color: transparent; } - .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, - .show > .btn-outline-warning.dropdown-toggle { - color: #212529; - background-color: #ffc107; - border-color: #ffc107; } - .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-warning.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:focus, +.btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.btn-outline-warning.disabled, +.btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, +.btn-outline-warning:not(:disabled):not(.disabled).active, +.show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, +.btn-outline-warning:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} .btn-outline-danger { color: #dc3545; - border-color: #dc3545; } - .btn-outline-danger:hover { - color: #fff; - background-color: #dc3545; - border-color: #dc3545; } - .btn-outline-danger:focus, .btn-outline-danger.focus { - box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } - .btn-outline-danger.disabled, .btn-outline-danger:disabled { - color: #dc3545; - 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: #dc3545; - border-color: #dc3545; } - .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-danger.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } + border-color: #dc3545; +} +.btn-outline-danger:hover { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} +.btn-outline-danger:focus, +.btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); +} +.btn-outline-danger.disabled, +.btn-outline-danger:disabled { + color: #dc3545; + 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: #dc3545; + border-color: #dc3545; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, +.btn-outline-danger:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); +} .btn-outline-light { color: #f8f9fa; - border-color: #f8f9fa; } - .btn-outline-light:hover { - color: #212529; - background-color: #f8f9fa; - border-color: #f8f9fa; } - .btn-outline-light:focus, .btn-outline-light.focus { - box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } - .btn-outline-light.disabled, .btn-outline-light:disabled { - color: #f8f9fa; - background-color: transparent; } - .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, - .show > .btn-outline-light.dropdown-toggle { - color: #212529; - background-color: #f8f9fa; - border-color: #f8f9fa; } - .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-light.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } + border-color: #f8f9fa; +} +.btn-outline-light:hover { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} +.btn-outline-light:focus, +.btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} +.btn-outline-light.disabled, +.btn-outline-light:disabled { + color: #f8f9fa; + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled):active, +.btn-outline-light:not(:disabled):not(.disabled).active, +.show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} +.btn-outline-light:not(:disabled):not(.disabled):active:focus, +.btn-outline-light:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} .btn-outline-dark { color: #343a40; - border-color: #343a40; } - .btn-outline-dark:hover { - color: #fff; - background-color: #343a40; - border-color: #343a40; } - .btn-outline-dark:focus, .btn-outline-dark.focus { - box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } - .btn-outline-dark.disabled, .btn-outline-dark:disabled { - color: #343a40; - background-color: transparent; } - .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, - .show > .btn-outline-dark.dropdown-toggle { - color: #fff; - background-color: #343a40; - border-color: #343a40; } - .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-dark.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } + border-color: #343a40; +} +.btn-outline-dark:hover { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} +.btn-outline-dark:focus, +.btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} +.btn-outline-dark.disabled, +.btn-outline-dark:disabled { + color: #343a40; + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled):active, +.btn-outline-dark:not(:disabled):not(.disabled).active, +.show > .btn-outline-dark.dropdown-toggle { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, +.btn-outline-dark:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} .btn-link { font-weight: 400; color: #111; - text-decoration: none; } - .btn-link:hover { - color: #111; - text-decoration: underline; } - .btn-link:focus, .btn-link.focus { - text-decoration: underline; - box-shadow: none; } - .btn-link:disabled, .btn-link.disabled { - color: #6c757d; - pointer-events: none; } + text-decoration: none; +} +.btn-link:hover { + color: #111; + text-decoration: underline; +} +.btn-link:focus, +.btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, +.btn-link.disabled { + color: #6c757d; + pointer-events: none; +} -.btn-lg, .btn-group-lg > .btn { +.btn-lg, +.btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; - border-radius: 0; } + border-radius: 0; +} -.btn-sm, .btn-group-sm > .btn { +.btn-sm, +.btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; - border-radius: 0; } + border-radius: 0; +} .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%; } + 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; } + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} .collapse:not(.show) { - display: none; } + display: none; +} .collapsing { position: relative; height: 0; overflow: hidden; - transition: height 0.35s ease; } - @media (prefers-reduced-motion: reduce) { - .collapsing { - transition: none; } } + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} .dropup, .dropright, .dropdown, .dropleft { - position: relative; } + 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; } + 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; @@ -2234,130 +3076,163 @@ input[type="button"].btn-block { list-style: none; background-color: #fff; background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.15); } + border: 1px solid rgba(0, 0, 0, 0.15); +} .dropdown-menu-left { right: auto; - left: 0; } + left: 0; +} .dropdown-menu-right { right: 0; - left: auto; } + left: auto; +} @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; - left: 0; } + left: 0; + } .dropdown-menu-sm-right { right: 0; - left: auto; } } + left: auto; + } +} @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; - left: 0; } + left: 0; + } .dropdown-menu-md-right { right: 0; - left: auto; } } + left: auto; + } +} @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; - left: 0; } + left: 0; + } .dropdown-menu-lg-right { right: 0; - left: auto; } } + left: auto; + } +} @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; - left: 0; } + left: 0; + } .dropdown-menu-xl-right { right: 0; - left: auto; } } + left: auto; + } +} .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; - margin-bottom: 0.125rem; } + margin-bottom: 0.125rem; +} .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; - content: ""; + content: ''; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; - border-left: 0.3em solid transparent; } + border-left: 0.3em solid transparent; +} .dropup .dropdown-toggle:empty::after { - margin-left: 0; } + margin-left: 0; +} .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; - margin-left: 0.125rem; } + margin-left: 0.125rem; +} .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; - content: ""; + content: ''; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; - border-left: 0.3em solid; } + border-left: 0.3em solid; +} .dropright .dropdown-toggle:empty::after { - margin-left: 0; } + margin-left: 0; +} .dropright .dropdown-toggle::after { - vertical-align: 0; } + vertical-align: 0; +} .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; - margin-right: 0.125rem; } + margin-right: 0.125rem; +} .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; - content: ""; } + content: ''; +} .dropleft .dropdown-toggle::after { - display: none; } + display: none; +} .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; - content: ""; + content: ''; border-top: 0.3em solid transparent; border-right: 0.3em solid; - border-bottom: 0.3em solid transparent; } + border-bottom: 0.3em solid transparent; +} .dropleft .dropdown-toggle:empty::after { - margin-left: 0; } + margin-left: 0; +} .dropleft .dropdown-toggle::before { - vertical-align: 0; } + vertical-align: 0; +} -.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { +.dropdown-menu[x-placement^='top'], +.dropdown-menu[x-placement^='right'], +.dropdown-menu[x-placement^='bottom'], +.dropdown-menu[x-placement^='left'] { right: auto; - bottom: auto; } + bottom: auto; +} .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; - border-top: 1px solid #e9ecef; } + border-top: 1px solid #e9ecef; +} .dropdown-item { display: block; @@ -2369,22 +3244,30 @@ input[type="button"].btn-block { text-align: inherit; white-space: nowrap; background-color: transparent; - border: 0; } - .dropdown-item:hover, .dropdown-item:focus { - color: #111; - text-decoration: none; - background-color: rgba(86, 204, 242, 0.4); } - .dropdown-item.active, .dropdown-item:active { - color: #111; - text-decoration: none; - background-color: #56CCF2; } - .dropdown-item.disabled, .dropdown-item:disabled { - color: #6c757d; - pointer-events: none; - background-color: transparent; } + border: 0; +} +.dropdown-item:hover, +.dropdown-item:focus { + color: #111; + text-decoration: none; + background-color: rgba(86, 204, 242, 0.4); +} +.dropdown-item.active, +.dropdown-item:active { + color: #111; + text-decoration: none; + background-color: #56ccf2; +} +.dropdown-item.disabled, +.dropdown-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: transparent; +} .dropdown-menu.show { - display: block; } + display: block; +} .dropdown-header { display: block; @@ -2392,144 +3275,179 @@ input[type="button"].btn-block { margin-bottom: 0; font-size: 0.875rem; color: #6c757d; - white-space: nowrap; } + white-space: nowrap; +} .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; - color: #212529; } + 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; } + 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; } + 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; } + margin-left: -1px; +} .dropdown-toggle-split { padding-right: 0.5625rem; - padding-left: 0.5625rem; } - .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-left: 0.5625rem; +} +.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; } + padding-left: 0.375rem; +} -.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { +.btn-lg + .dropdown-toggle-split, +.btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; - padding-left: 0.75rem; } + padding-left: 0.75rem; +} .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; } + 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-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; } + 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 0%; - min-width: 0; - 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 > .custom-file { - display: flex; - align-items: center; } + width: 100%; +} +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + 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 > .custom-file { + display: flex; + align-items: center; +} .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; } + 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; } + margin-right: -1px; +} .input-group-append { - margin-left: -1px; } + margin-left: -1px; +} .input-group-text { display: flex; @@ -2543,14 +3461,17 @@ input[type="button"].btn-block { text-align: center; white-space: nowrap; background-color: #e9ecef; - border: 1px solid #ced4da; } - .input-group-text input[type="radio"], - .input-group-text input[type="checkbox"] { - margin-top: 0; } + border: 1px solid #ced4da; +} +.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 + 1rem + 2px); } + height: calc(1.5em + 1rem + 2px); +} .input-group-lg > .form-control, .input-group-lg > .custom-select, @@ -2560,11 +3481,13 @@ input[type="button"].btn-block { .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; - line-height: 1.5; } + line-height: 1.5; +} .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { - height: calc(1.5em + 0.5rem + 2px); } + height: calc(1.5em + 0.5rem + 2px); +} .input-group-sm > .form-control, .input-group-sm > .custom-select, @@ -2574,21 +3497,25 @@ input[type="button"].btn-block { .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; - line-height: 1.5; } + line-height: 1.5; +} .input-group-lg > .custom-select, .input-group-sm > .custom-select { - padding-right: 1.75rem; } + padding-right: 1.75rem; +} .custom-control { position: relative; display: block; min-height: 1.5rem; - padding-left: 1.5rem; } + padding-left: 1.5rem; +} .custom-control-inline { display: inline-flex; - margin-right: 1rem; } + margin-right: 1rem; +} .custom-control-input { position: absolute; @@ -2596,97 +3523,128 @@ input[type="button"].btn-block { z-index: -1; width: 1rem; height: 1.25rem; - opacity: 0; } - .custom-control-input:checked ~ .custom-control-label::before { - color: #fff; - border-color: #111; - background-color: #111; } - .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 0.2rem rgba(17, 17, 17, 0.25); } - .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { - border-color: #f2f2f2; } - .custom-control-input:not(:disabled):active ~ .custom-control-label::before { - color: #fff; - background-color: #6a6a6a; - border-color: #6a6a6a; } - .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { - color: #6c757d; } - .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { - background-color: #e9ecef; } + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #fff; + border-color: #111; + background-color: #111; +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(17, 17, 17, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f2f2f2; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #fff; + background-color: #6a6a6a; + border-color: #6a6a6a; +} +.custom-control-input[disabled] ~ .custom-control-label, +.custom-control-input:disabled ~ .custom-control-label { + color: #6c757d; +} +.custom-control-input[disabled] ~ .custom-control-label::before, +.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.25rem; - left: -1.5rem; - display: block; - width: 1rem; - height: 1rem; - pointer-events: none; - content: ""; - background-color: #fff; - border: #adb5bd solid 1px; } - .custom-control-label::after { - position: absolute; - top: 0.25rem; - left: -1.5rem; - display: block; - width: 1rem; - height: 1rem; - content: ""; - background: no-repeat 50% / 50% 50%; } + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ''; + background-color: #fff; + border: #adb5bd solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ''; + background: no-repeat 50% / 50% 50%; +} .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' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #111; - background-color: #111; } + background-color: #111; +} .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' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' 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(17, 17, 17, 0.5); } + background-color: rgba(17, 17, 17, 0.5); +} .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { - background-color: rgba(17, 17, 17, 0.5); } + background-color: rgba(17, 17, 17, 0.5); +} .custom-radio .custom-control-label::before { - border-radius: 50%; } + 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' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' 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(17, 17, 17, 0.5); } + background-color: rgba(17, 17, 17, 0.5); +} .custom-switch { - padding-left: 2.25rem; } - .custom-switch .custom-control-label::before { - left: -2.25rem; - width: 1.75rem; - pointer-events: all; - border-radius: 0.5rem; } + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #adb5bd; + border-radius: 0.5rem; + 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 { - top: calc(0.25rem + 2px); - left: calc(-2.25rem + 2px); - width: calc(1rem - 4px); - height: calc(1rem - 4px); - background-color: #adb5bd; - border-radius: 0.5rem; - 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.75rem); } - .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { - background-color: rgba(17, 17, 17, 0.5); } + transition: none; + } +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(17, 17, 17, 0.5); +} .custom-select { display: inline-block; @@ -2698,50 +3656,63 @@ input[type="button"].btn-block { line-height: 1.5; color: #495057; vertical-align: middle; - background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + background: #fff + url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") + no-repeat right 0.75rem center/8px 10px; border: 1px solid #ced4da; border-radius: 0; - appearance: none; } - .custom-select:focus { - border-color: #f2f2f2; - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(17, 17, 17, 0.25); } - .custom-select:focus::-ms-value { - color: #495057; - 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: #6c757d; - background-color: #e9ecef; } - .custom-select::-ms-expand { - display: none; } - .custom-select:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 #495057; } + appearance: none; +} +.custom-select:focus { + border-color: #f2f2f2; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(17, 17, 17, 0.25); +} +.custom-select:focus::-ms-value { + color: #495057; + 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: #6c757d; + background-color: #e9ecef; +} +.custom-select::-ms-expand { + display: none; +} +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} .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.875rem; } + font-size: 0.875rem; +} .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; - font-size: 1.25rem; } + font-size: 1.25rem; +} .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); - margin-bottom: 0; } + margin-bottom: 0; +} .custom-file-input { position: relative; @@ -2749,17 +3720,22 @@ input[type="button"].btn-block { width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; - opacity: 0; } - .custom-file-input:focus ~ .custom-file-label { - border-color: #f2f2f2; - box-shadow: 0 0 0 0.2rem rgba(17, 17, 17, 0.25); } - .custom-file-input[disabled] ~ .custom-file-label, - .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); } + opacity: 0; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: #f2f2f2; + box-shadow: 0 0 0 0.2rem rgba(17, 17, 17, 0.25); +} +.custom-file-input[disabled] ~ .custom-file-label, +.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; @@ -2773,182 +3749,251 @@ input[type="button"].btn-block { line-height: 1.5; color: #495057; background-color: #fff; - border: 1px solid #ced4da; } - .custom-file-label::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - z-index: 3; - display: block; - height: calc(1.5em + 0.75rem); - padding: 0.375rem 0.75rem; - line-height: 1.5; - color: #495057; - content: "Browse"; - background-color: #e9ecef; - border-left: inherit; } + border: 1px solid #ced4da; +} +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: 'Browse'; + background-color: #e9ecef; + border-left: inherit; +} .custom-range { width: 100%; height: 1.4rem; 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, 0 0 0 0.2rem rgba(17, 17, 17, 0.25); } - .custom-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(17, 17, 17, 0.25); } - .custom-range:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(17, 17, 17, 0.25); } - .custom-range::-moz-focus-outer { - border: 0; } + appearance: none; +} +.custom-range:focus { + outline: none; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: + 0 0 0 1px #fff, + 0 0 0 0.2rem rgba(17, 17, 17, 0.25); +} +.custom-range:focus::-moz-range-thumb { + box-shadow: + 0 0 0 1px #fff, + 0 0 0 0.2rem rgba(17, 17, 17, 0.25); +} +.custom-range:focus::-ms-thumb { + box-shadow: + 0 0 0 1px #fff, + 0 0 0 0.2rem rgba(17, 17, 17, 0.25); +} +.custom-range::-moz-focus-outer { + border: 0; +} +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #111; + border: 0; + 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 { - width: 1rem; - height: 1rem; - margin-top: -0.25rem; - background-color: #111; - border: 0; - 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: #6a6a6a; } - .custom-range::-webkit-slider-runnable-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #dee2e6; - border-color: transparent; } + transition: none; + } +} +.custom-range::-webkit-slider-thumb:active { + background-color: #6a6a6a; +} +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; +} +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #111; + border: 0; + 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 { - width: 1rem; - height: 1rem; - background-color: #111; - border: 0; - 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: #6a6a6a; } - .custom-range::-moz-range-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #dee2e6; - border-color: transparent; } + transition: none; + } +} +.custom-range::-moz-range-thumb:active { + background-color: #6a6a6a; +} +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; +} +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #111; + border: 0; + 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 { - width: 1rem; - height: 1rem; - margin-top: 0; - margin-right: 0.2rem; - margin-left: 0.2rem; - background-color: #111; - border: 0; - 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: #6a6a6a; } - .custom-range::-ms-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: transparent; - border-color: transparent; - border-width: 0.5rem; } - .custom-range::-ms-fill-lower { - background-color: #dee2e6; } - .custom-range::-ms-fill-upper { - margin-right: 15px; - background-color: #dee2e6; } - .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; } + transition: none; + } +} +.custom-range::-ms-thumb:active { + background-color: #6a6a6a; +} +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.custom-range::-ms-fill-lower { + background-color: #dee2e6; +} +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #dee2e6; +} +.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; } } + 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; } + list-style: none; +} .nav-link { display: block; - padding: 0.5rem 1rem; } - .nav-link:hover, .nav-link:focus { - text-decoration: none; } - .nav-link.disabled { - color: #6c757d; - pointer-events: none; - cursor: default; } + padding: 0.5rem 1rem; +} +.nav-link:hover, +.nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #6c757d; + pointer-events: none; + cursor: default; +} .nav-tabs { - border-bottom: 1px solid #dee2e6; } - .nav-tabs .nav-item { - margin-bottom: -1px; } - .nav-tabs .nav-link { - border: 1px solid transparent; } - .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { - border-color: #e9ecef #e9ecef #dee2e6; } - .nav-tabs .nav-link.disabled { - color: #6c757d; - background-color: transparent; - border-color: transparent; } - .nav-tabs .nav-link.active, - .nav-tabs .nav-item.show .nav-link { - color: #495057; - background-color: #fff; - border-color: #dee2e6 #dee2e6 #fff; } - .nav-tabs .dropdown-menu { - margin-top: -1px; } + border-bottom: 1px solid #dee2e6; +} +.nav-tabs .nav-item { + margin-bottom: -1px; +} +.nav-tabs .nav-link { + border: 1px solid transparent; +} +.nav-tabs .nav-link:hover, +.nav-tabs .nav-link:focus { + border-color: #e9ecef #e9ecef #dee2e6; +} +.nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #fff; + border-color: #dee2e6 #dee2e6 #fff; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; +} .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; - background-color: #111; } + background-color: #111; +} .nav-fill .nav-item { flex: 1 1 auto; - text-align: center; } + text-align: center; +} .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; - text-align: center; } + text-align: center; +} .tab-content > .tab-pane { - display: none; } + display: none; +} .tab-content > .active { - display: block; } + display: block; +} .navbar { position: relative; @@ -2956,13 +4001,19 @@ input[type="button"].btn-block { flex-wrap: wrap; align-items: center; justify-content: space-between; - padding: 0.5rem 1rem; } - .navbar .container, - .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; } + padding: 0.5rem 1rem; +} +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} .navbar-brand { display: inline-block; @@ -2971,241 +4022,369 @@ input[type="button"].btn-block { margin-right: 1rem; font-size: 1.25rem; line-height: inherit; - white-space: nowrap; } - .navbar-brand:hover, .navbar-brand:focus { - text-decoration: none; } + white-space: nowrap; +} +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; - list-style: none; } - .navbar-nav .nav-link { - padding-right: 0; - padding-left: 0; } - .navbar-nav .dropdown-menu { - position: static; - float: none; } + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; + float: none; +} .navbar-text { display: inline-block; padding-top: 0.5rem; - padding-bottom: 0.5rem; } + padding-bottom: 0.5rem; +} .navbar-collapse { flex-basis: 100%; flex-grow: 1; - align-items: center; } + align-items: center; +} .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; - border: 1px solid transparent; } - .navbar-toggler:hover, .navbar-toggler:focus { - text-decoration: none; } + border: 1px solid transparent; +} +.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: ""; + content: ''; background: no-repeat center center; - background-size: 100% 100%; } + background-size: 100% 100%; +} @media (max-width: 575.98px) { .navbar-expand-sm > .container, - .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { + .navbar-expand-sm > .container-fluid, + .navbar-expand-sm > .container-sm, + .navbar-expand-sm > .container-md, + .navbar-expand-sm > .container-lg, + .navbar-expand-sm > .container-xl { padding-right: 0; - padding-left: 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: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand-sm > .container, - .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { - flex-wrap: nowrap; } - .navbar-expand-sm .navbar-collapse { - display: flex !important; - flex-basis: auto; } - .navbar-expand-sm .navbar-toggler { - display: none; } } + 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: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, + .navbar-expand-sm > .container-fluid, + .navbar-expand-sm > .container-sm, + .navbar-expand-sm > .container-md, + .navbar-expand-sm > .container-lg, + .navbar-expand-sm > .container-xl { + 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, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { + .navbar-expand-md > .container-fluid, + .navbar-expand-md > .container-sm, + .navbar-expand-md > .container-md, + .navbar-expand-md > .container-lg, + .navbar-expand-md > .container-xl { padding-right: 0; - padding-left: 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: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand-md > .container, - .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { - flex-wrap: nowrap; } - .navbar-expand-md .navbar-collapse { - display: flex !important; - flex-basis: auto; } - .navbar-expand-md .navbar-toggler { - display: none; } } + 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: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid, + .navbar-expand-md > .container-sm, + .navbar-expand-md > .container-md, + .navbar-expand-md > .container-lg, + .navbar-expand-md > .container-xl { + 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, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { + .navbar-expand-lg > .container-fluid, + .navbar-expand-lg > .container-sm, + .navbar-expand-lg > .container-md, + .navbar-expand-lg > .container-lg, + .navbar-expand-lg > .container-xl { padding-right: 0; - padding-left: 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: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand-lg > .container, - .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { - flex-wrap: nowrap; } - .navbar-expand-lg .navbar-collapse { - display: flex !important; - flex-basis: auto; } - .navbar-expand-lg .navbar-toggler { - display: none; } } + 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: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid, + .navbar-expand-lg > .container-sm, + .navbar-expand-lg > .container-md, + .navbar-expand-lg > .container-lg, + .navbar-expand-lg > .container-xl { + 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, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { + .navbar-expand-xl > .container-fluid, + .navbar-expand-xl > .container-sm, + .navbar-expand-xl > .container-md, + .navbar-expand-xl > .container-lg, + .navbar-expand-xl > .container-xl { padding-right: 0; - padding-left: 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: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand-xl > .container, - .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { - flex-wrap: nowrap; } - .navbar-expand-xl .navbar-collapse { - display: flex !important; - flex-basis: auto; } - .navbar-expand-xl .navbar-toggler { - display: none; } } + 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: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid, + .navbar-expand-xl > .container-sm, + .navbar-expand-xl > .container-md, + .navbar-expand-xl > .container-lg, + .navbar-expand-xl > .container-xl { + 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, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { - 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: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand > .container, - .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { - flex-wrap: nowrap; } - .navbar-expand .navbar-collapse { - display: flex !important; - flex-basis: auto; } - .navbar-expand .navbar-toggler { - display: none; } + justify-content: flex-start; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + 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: 0.5rem; + padding-left: 0.5rem; +} +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-sm, +.navbar-expand > .container-md, +.navbar-expand > .container-lg, +.navbar-expand > .container-xl { + 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); } + 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); } + 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); } + color: rgba(0, 0, 0, 0.9); +} .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.1); } + border-color: rgba(0, 0, 0, 0.1); +} .navbar-light .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' 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); } + color: rgba(0, 0, 0, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(0, 0, 0, 0.9); +} +.navbar-light .navbar-text a:hover, +.navbar-light .navbar-text a:focus { + color: rgba(0, 0, 0, 0.9); +} .navbar-dark .navbar-brand { - color: #fff; } - .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { - color: #fff; } + color: #fff; +} +.navbar-dark .navbar-brand:hover, +.navbar-dark .navbar-brand:focus { + color: #fff; +} .navbar-dark .navbar-nav .nav-link { - color: rgba(255, 255, 255, 0.5); } - .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { - color: rgba(255, 255, 255, 0.75); } - .navbar-dark .navbar-nav .nav-link.disabled { - color: rgba(255, 255, 255, 0.25); } + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-nav .nav-link:hover, +.navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { - color: #fff; } + color: #fff; +} .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.1); } + border-color: rgba(255, 255, 255, 0.1); +} .navbar-dark .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} .navbar-dark .navbar-text { - color: rgba(255, 255, 255, 0.5); } - .navbar-dark .navbar-text a { - color: #fff; } - .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { - color: #fff; } + color: rgba(255, 255, 255, 0.5); +} +.navbar-dark .navbar-text a { + color: #fff; +} +.navbar-dark .navbar-text a:hover, +.navbar-dark .navbar-text a:focus { + color: #fff; +} .card { position: relative; @@ -3215,54 +4394,67 @@ input[type="button"].btn-block { word-wrap: break-word; background-color: #fff; background-clip: border-box; - border: 1px solid rgba(0, 0, 0, 0.125); } - .card > hr { - margin-right: 0; - margin-left: 0; } + border: 1px solid rgba(0, 0, 0, 0.125); +} +.card > hr { + margin-right: 0; + margin-left: 0; +} .card-body { flex: 1 1 auto; min-height: 1px; - padding: 1.25rem; } + padding: 1.25rem; +} .card-title { - margin-bottom: 0.75rem; } + margin-bottom: 0.75rem; +} .card-subtitle { margin-top: -0.375rem; - margin-bottom: 0; } + margin-bottom: 0; +} .card-text:last-child { - margin-bottom: 0; } + margin-bottom: 0; +} .card-link:hover { - text-decoration: none; } + text-decoration: none; +} .card-link + .card-link { - margin-left: 1.25rem; } + margin-left: 1.25rem; +} .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); - border-bottom: 1px solid rgba(0, 0, 0, 0.125); } - .card-header + .list-group .list-group-item:first-child { - border-top: 0; } + border-bottom: 1px solid rgba(0, 0, 0, 0.125); +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); - border-top: 1px solid rgba(0, 0, 0, 0.125); } + border-top: 1px solid rgba(0, 0, 0, 0.125); +} .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; - border-bottom: 0; } + border-bottom: 0; +} .card-header-pills { margin-right: -0.625rem; - margin-left: -0.625rem; } + margin-left: -0.625rem; +} .card-img-overlay { position: absolute; @@ -3270,62 +4462,80 @@ input[type="button"].btn-block { right: 0; bottom: 0; left: 0; - padding: 1.25rem; } + padding: 1.25rem; +} .card-img, .card-img-top, .card-img-bottom { flex-shrink: 0; - width: 100%; } + width: 100%; +} .card-deck .card { - margin-bottom: 15px; } + margin-bottom: 15px; +} @media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; - margin-left: -15px; } - .card-deck .card { - flex: 1 0 0%; - margin-right: 15px; - margin-bottom: 0; - margin-left: 15px; } } + margin-left: -15px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} .card-group > .card { - margin-bottom: 15px; } + margin-bottom: 15px; +} @media (min-width: 576px) { .card-group { display: flex; - flex-flow: row wrap; } - .card-group > .card { - flex: 1 0 0%; - margin-bottom: 0; } - .card-group > .card + .card { - margin-left: 0; - border-left: 0; } } + 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-columns .card { - margin-bottom: 0.75rem; } + margin-bottom: 0.75rem; +} @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%; } } + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} .accordion > .card { - overflow: hidden; } - .accordion > .card:not(:last-of-type) { - border-bottom: 0; } - .accordion > .card > .card-header { - margin-bottom: -1px; } + overflow: hidden; +} +.accordion > .card:not(:last-of-type) { + border-bottom: 0; +} +.accordion > .card > .card-header { + margin-bottom: -1px; +} .breadcrumb { display: flex; @@ -3333,29 +4543,36 @@ input[type="button"].btn-block { padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; - background-color: #e9ecef; } + background-color: #e9ecef; +} .breadcrumb-item + .breadcrumb-item { - padding-left: 0.5rem; } - .breadcrumb-item + .breadcrumb-item::before { - display: inline-block; - padding-right: 0.5rem; - color: #6c757d; - content: "/"; } + padding-left: 0.5rem; +} +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #6c757d; + content: '/'; +} .breadcrumb-item + .breadcrumb-item:hover::before { - text-decoration: underline; } + text-decoration: underline; +} .breadcrumb-item + .breadcrumb-item:hover::before { - text-decoration: none; } + text-decoration: none; +} .breadcrumb-item.active { - color: #6c757d; } + color: #6c757d; +} .pagination { display: flex; padding-left: 0; - list-style: none; } + list-style: none; +} .page-link { position: relative; @@ -3365,43 +4582,51 @@ input[type="button"].btn-block { line-height: 1.25; color: #111; background-color: #fff; - border: 1px solid #dee2e6; } - .page-link:hover { - z-index: 2; - color: #111; - text-decoration: none; - background-color: #e9ecef; - border-color: #dee2e6; } - .page-link:focus { - z-index: 3; - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(17, 17, 17, 0.25); } + border: 1px solid #dee2e6; +} +.page-link:hover { + z-index: 2; + color: #111; + text-decoration: none; + background-color: #e9ecef; + border-color: #dee2e6; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(17, 17, 17, 0.25); +} .page-item:first-child .page-link { - margin-left: 0; } + margin-left: 0; +} .page-item.active .page-link { z-index: 3; color: #fff; background-color: #111; - border-color: #111; } + border-color: #111; +} .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; - border-color: #dee2e6; } + border-color: #dee2e6; +} .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; - line-height: 1.5; } + line-height: 1.5; +} .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; - line-height: 1.5; } + line-height: 1.5; +} .badge { display: inline-block; @@ -3412,220 +4637,309 @@ input[type="button"].btn-block { text-align: center; white-space: nowrap; vertical-align: baseline; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .badge { - transition: none; } } - a.badge:hover, a.badge:focus { - text-decoration: none; } - .badge:empty { - display: none; } + transition: + color 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out; +} +@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; } + top: -1px; +} .badge-pill { padding-right: 0.6em; - padding-left: 0.6em; } + padding-left: 0.6em; +} .badge-primary { color: #fff; - background-color: #111; } - a.badge-primary:hover, a.badge-primary:focus { - color: #fff; - background-color: black; } - a.badge-primary:focus, a.badge-primary.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(17, 17, 17, 0.5); } + background-color: #111; +} +a.badge-primary:hover, +a.badge-primary:focus { + color: #fff; + background-color: black; +} +a.badge-primary:focus, +a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(17, 17, 17, 0.5); +} .badge-secondary { color: #fff; - background-color: #515151; } - a.badge-secondary:hover, a.badge-secondary:focus { - color: #fff; - background-color: #373737; } - a.badge-secondary:focus, a.badge-secondary.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); } + background-color: #515151; +} +a.badge-secondary:hover, +a.badge-secondary:focus { + color: #fff; + background-color: #373737; +} +a.badge-secondary:focus, +a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.5); +} .badge-success { color: #fff; - background-color: #28a745; } - a.badge-success:hover, a.badge-success:focus { - color: #fff; - background-color: #1e7e34; } - a.badge-success:focus, a.badge-success.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } + background-color: #28a745; +} +a.badge-success:hover, +a.badge-success:focus { + color: #fff; + background-color: #1e7e34; +} +a.badge-success:focus, +a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); +} .badge-info { color: #fff; - background-color: #17a2b8; } - a.badge-info:hover, a.badge-info:focus { - color: #fff; - background-color: #117a8b; } - a.badge-info:focus, a.badge-info.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } + background-color: #17a2b8; +} +a.badge-info:hover, +a.badge-info:focus { + color: #fff; + background-color: #117a8b; +} +a.badge-info:focus, +a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); +} .badge-warning { color: #212529; - background-color: #ffc107; } - a.badge-warning:hover, a.badge-warning:focus { - color: #212529; - background-color: #d39e00; } - a.badge-warning:focus, a.badge-warning.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } + background-color: #ffc107; +} +a.badge-warning:hover, +a.badge-warning:focus { + color: #212529; + background-color: #d39e00; +} +a.badge-warning:focus, +a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} .badge-danger { color: #fff; - background-color: #dc3545; } - a.badge-danger:hover, a.badge-danger:focus { - color: #fff; - background-color: #bd2130; } - a.badge-danger:focus, a.badge-danger.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } + background-color: #dc3545; +} +a.badge-danger:hover, +a.badge-danger:focus { + color: #fff; + background-color: #bd2130; +} +a.badge-danger:focus, +a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); +} .badge-light { color: #212529; - background-color: #f8f9fa; } - a.badge-light:hover, a.badge-light:focus { - color: #212529; - background-color: #dae0e5; } - a.badge-light:focus, a.badge-light.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } + background-color: #f8f9fa; +} +a.badge-light:hover, +a.badge-light:focus { + color: #212529; + background-color: #dae0e5; +} +a.badge-light:focus, +a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} .badge-dark { color: #fff; - background-color: #343a40; } - a.badge-dark:hover, a.badge-dark:focus { - color: #fff; - background-color: #1d2124; } - a.badge-dark:focus, a.badge-dark.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } + background-color: #343a40; +} +a.badge-dark:hover, +a.badge-dark:focus { + color: #fff; + background-color: #1d2124; +} +a.badge-dark:focus, +a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; - background-color: #e9ecef; } - @media (min-width: 576px) { - .jumbotron { - padding: 4rem 2rem; } } + background-color: #e9ecef; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} .jumbotron-fluid { padding-right: 0; - padding-left: 0; } + padding-left: 0; +} .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; - border: 1px solid transparent; } + border: 1px solid transparent; +} .alert-heading { - color: inherit; } + color: inherit; +} .alert-link { - font-weight: 700; } + font-weight: 700; +} .alert-dismissible { - padding-right: 4rem; } - .alert-dismissible .close { - position: absolute; - top: 0; - right: 0; - padding: 0.75rem 1.25rem; - color: inherit; } + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} .alert-primary { color: #090909; background-color: #cfcfcf; - border-color: #bcbcbc; } - .alert-primary hr { - border-top-color: #afafaf; } - .alert-primary .alert-link { - color: black; } + border-color: #bcbcbc; +} +.alert-primary hr { + border-top-color: #afafaf; +} +.alert-primary .alert-link { + color: black; +} .alert-secondary { color: #2a2a2a; background-color: gainsboro; - border-color: #cecece; } - .alert-secondary hr { - border-top-color: #c1c1c1; } - .alert-secondary .alert-link { - color: #111111; } + border-color: #cecece; +} +.alert-secondary hr { + border-top-color: #c1c1c1; +} +.alert-secondary .alert-link { + color: #111111; +} .alert-success { color: #155724; background-color: #d4edda; - border-color: #c3e6cb; } - .alert-success hr { - border-top-color: #b1dfbb; } - .alert-success .alert-link { - color: #0b2e13; } + border-color: #c3e6cb; +} +.alert-success hr { + border-top-color: #b1dfbb; +} +.alert-success .alert-link { + color: #0b2e13; +} .alert-info { color: #0c5460; background-color: #d1ecf1; - border-color: #bee5eb; } - .alert-info hr { - border-top-color: #abdde5; } - .alert-info .alert-link { - color: #062c33; } + border-color: #bee5eb; +} +.alert-info hr { + border-top-color: #abdde5; +} +.alert-info .alert-link { + color: #062c33; +} .alert-warning { color: #856404; background-color: #fff3cd; - border-color: #ffeeba; } - .alert-warning hr { - border-top-color: #ffe8a1; } - .alert-warning .alert-link { - color: #533f03; } + border-color: #ffeeba; +} +.alert-warning hr { + border-top-color: #ffe8a1; +} +.alert-warning .alert-link { + color: #533f03; +} .alert-danger { color: #721c24; background-color: #f8d7da; - border-color: #f5c6cb; } - .alert-danger hr { - border-top-color: #f1b0b7; } - .alert-danger .alert-link { - color: #491217; } + border-color: #f5c6cb; +} +.alert-danger hr { + border-top-color: #f1b0b7; +} +.alert-danger .alert-link { + color: #491217; +} .alert-light { color: #818182; background-color: #fefefe; - border-color: #fdfdfe; } - .alert-light hr { - border-top-color: #ececf6; } - .alert-light .alert-link { - color: #686868; } + border-color: #fdfdfe; +} +.alert-light hr { + border-top-color: #ececf6; +} +.alert-light .alert-link { + color: #686868; +} .alert-dark { color: #1b1e21; background-color: #d6d8d9; - border-color: #c6c8ca; } - .alert-dark hr { - border-top-color: #b9bbbe; } - .alert-dark .alert-link { - color: #040505; } + border-color: #c6c8ca; +} +.alert-dark hr { + border-top-color: #b9bbbe; +} +.alert-dark .alert-link { + color: #040505; +} @keyframes progress-bar-stripes { from { - background-position: 1rem 0; } + background-position: 1rem 0; + } to { - background-position: 0 0; } } + background-position: 0 0; + } +} .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; - background-color: #e9ecef; } + background-color: #e9ecef; +} .progress-bar { display: flex; @@ -3636,223 +4950,311 @@ input[type="button"].btn-block { text-align: center; white-space: nowrap; background-color: #111; - transition: width 0.6s ease; } - @media (prefers-reduced-motion: reduce) { - .progress-bar { - transition: none; } } + 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; } + 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; } } + animation: progress-bar-stripes 1s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} .media { display: flex; - align-items: flex-start; } + align-items: flex-start; +} .media-body { - flex: 1; } + flex: 1; +} .list-group { display: flex; flex-direction: column; padding-left: 0; - margin-bottom: 0; } + margin-bottom: 0; +} .list-group-item-action { width: 100%; color: #495057; - text-align: inherit; } - .list-group-item-action:hover, .list-group-item-action:focus { - z-index: 1; - color: #495057; - text-decoration: none; - background-color: #f8f9fa; } - .list-group-item-action:active { - color: #212529; - background-color: #e9ecef; } + text-align: inherit; +} +.list-group-item-action:hover, +.list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #f8f9fa; +} +.list-group-item-action:active { + color: #212529; + background-color: #e9ecef; +} .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; - border: 1px solid rgba(0, 0, 0, 0.125); } - .list-group-item.disabled, .list-group-item:disabled { - color: #6c757d; - pointer-events: none; - background-color: #fff; } - .list-group-item.active { - z-index: 2; - color: #fff; - background-color: #111; - border-color: #111; } - .list-group-item + .list-group-item { - border-top-width: 0; } - .list-group-item + .list-group-item.active { - margin-top: -1px; - border-top-width: 1px; } + border: 1px solid rgba(0, 0, 0, 0.125); +} +.list-group-item.disabled, +.list-group-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: #fff; +} +.list-group-item.active { + z-index: 2; + color: #fff; + background-color: #111; + border-color: #111; +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} .list-group-horizontal { - flex-direction: row; } - .list-group-horizontal .list-group-item.active { - margin-top: 0; } - .list-group-horizontal .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; } - .list-group-horizontal .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; } + flex-direction: row; +} +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} @media (min-width: 576px) { .list-group-horizontal-sm { - flex-direction: row; } - .list-group-horizontal-sm .list-group-item.active { - margin-top: 0; } - .list-group-horizontal-sm .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; } - .list-group-horizontal-sm .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; } } + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} @media (min-width: 768px) { .list-group-horizontal-md { - flex-direction: row; } - .list-group-horizontal-md .list-group-item.active { - margin-top: 0; } - .list-group-horizontal-md .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; } - .list-group-horizontal-md .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; } } + flex-direction: row; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} @media (min-width: 992px) { .list-group-horizontal-lg { - flex-direction: row; } - .list-group-horizontal-lg .list-group-item.active { - margin-top: 0; } - .list-group-horizontal-lg .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; } - .list-group-horizontal-lg .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; } } + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} @media (min-width: 1200px) { .list-group-horizontal-xl { - flex-direction: row; } - .list-group-horizontal-xl .list-group-item.active { - margin-top: 0; } - .list-group-horizontal-xl .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; } - .list-group-horizontal-xl .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; } } + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} .list-group-flush .list-group-item { border-right-width: 0; - border-left-width: 0; } - .list-group-flush .list-group-item:first-child { - border-top-width: 0; } + border-left-width: 0; +} +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} .list-group-flush:last-child .list-group-item:last-child { - border-bottom-width: 0; } + border-bottom-width: 0; +} .list-group-item-primary { color: #090909; - background-color: #bcbcbc; } - .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { - color: #090909; - background-color: #afafaf; } - .list-group-item-primary.list-group-item-action.active { - color: #fff; - background-color: #090909; - border-color: #090909; } + background-color: #bcbcbc; +} +.list-group-item-primary.list-group-item-action:hover, +.list-group-item-primary.list-group-item-action:focus { + color: #090909; + background-color: #afafaf; +} +.list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #090909; + border-color: #090909; +} .list-group-item-secondary { color: #2a2a2a; - background-color: #cecece; } - .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { - color: #2a2a2a; - background-color: #c1c1c1; } - .list-group-item-secondary.list-group-item-action.active { - color: #fff; - background-color: #2a2a2a; - border-color: #2a2a2a; } + background-color: #cecece; +} +.list-group-item-secondary.list-group-item-action:hover, +.list-group-item-secondary.list-group-item-action:focus { + color: #2a2a2a; + background-color: #c1c1c1; +} +.list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #2a2a2a; + border-color: #2a2a2a; +} .list-group-item-success { color: #155724; - background-color: #c3e6cb; } - .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { - color: #155724; - background-color: #b1dfbb; } - .list-group-item-success.list-group-item-action.active { - color: #fff; - background-color: #155724; - border-color: #155724; } + background-color: #c3e6cb; +} +.list-group-item-success.list-group-item-action:hover, +.list-group-item-success.list-group-item-action:focus { + color: #155724; + background-color: #b1dfbb; +} +.list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #155724; + border-color: #155724; +} .list-group-item-info { color: #0c5460; - background-color: #bee5eb; } - .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { - color: #0c5460; - background-color: #abdde5; } - .list-group-item-info.list-group-item-action.active { - color: #fff; - background-color: #0c5460; - border-color: #0c5460; } + background-color: #bee5eb; +} +.list-group-item-info.list-group-item-action:hover, +.list-group-item-info.list-group-item-action:focus { + color: #0c5460; + background-color: #abdde5; +} +.list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #0c5460; + border-color: #0c5460; +} .list-group-item-warning { color: #856404; - background-color: #ffeeba; } - .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { - color: #856404; - background-color: #ffe8a1; } - .list-group-item-warning.list-group-item-action.active { - color: #fff; - background-color: #856404; - border-color: #856404; } + background-color: #ffeeba; +} +.list-group-item-warning.list-group-item-action:hover, +.list-group-item-warning.list-group-item-action:focus { + color: #856404; + background-color: #ffe8a1; +} +.list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #856404; + border-color: #856404; +} .list-group-item-danger { color: #721c24; - background-color: #f5c6cb; } - .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { - color: #721c24; - background-color: #f1b0b7; } - .list-group-item-danger.list-group-item-action.active { - color: #fff; - background-color: #721c24; - border-color: #721c24; } + background-color: #f5c6cb; +} +.list-group-item-danger.list-group-item-action:hover, +.list-group-item-danger.list-group-item-action:focus { + color: #721c24; + background-color: #f1b0b7; +} +.list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #721c24; + border-color: #721c24; +} .list-group-item-light { color: #818182; - background-color: #fdfdfe; } - .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { - color: #818182; - background-color: #ececf6; } - .list-group-item-light.list-group-item-action.active { - color: #fff; - background-color: #818182; - border-color: #818182; } + background-color: #fdfdfe; +} +.list-group-item-light.list-group-item-action:hover, +.list-group-item-light.list-group-item-action:focus { + color: #818182; + background-color: #ececf6; +} +.list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #818182; + border-color: #818182; +} .list-group-item-dark { color: #1b1e21; - background-color: #c6c8ca; } - .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { - color: #1b1e21; - background-color: #b9bbbe; } - .list-group-item-dark.list-group-item-action.active { - color: #fff; - background-color: #1b1e21; - border-color: #1b1e21; } + background-color: #c6c8ca; +} +.list-group-item-dark.list-group-item-action:hover, +.list-group-item-dark.list-group-item-action:focus { + color: #1b1e21; + background-color: #b9bbbe; +} +.list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #1b1e21; + border-color: #1b1e21; +} .close { float: right; @@ -3861,27 +5263,35 @@ input[type="button"].btn-block { line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; - opacity: .5; } - .close:hover { - color: #000; - text-decoration: none; } - .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { - opacity: .75; } + opacity: 0.5; +} +.close:hover { + color: #000; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, +.close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} button.close { padding: 0; background-color: transparent; border: 0; - appearance: none; } + appearance: none; +} a.close.disabled { - pointer-events: none; } + pointer-events: none; +} .modal-open { - overflow: hidden; } - .modal-open .modal { - overflow-x: hidden; - overflow-y: auto; } + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} .modal { position: fixed; @@ -3892,52 +5302,68 @@ a.close.disabled { width: 100%; height: 100%; overflow: hidden; - outline: 0; } + outline: 0; +} .modal-dialog { position: relative; width: auto; margin: 0.5rem; - pointer-events: none; } + 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: 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.modal-static .modal-dialog { - transform: scale(1.02); } + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} .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; } + 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; } + 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; @@ -3948,7 +5374,8 @@ a.close.disabled { background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); - outline: 0; } + outline: 0; +} .modal-backdrop { position: fixed; @@ -3957,30 +5384,37 @@ a.close.disabled { z-index: 1040; width: 100vw; height: 100vh; - background-color: #000; } - .modal-backdrop.fade { - opacity: 0; } - .modal-backdrop.show { - opacity: 0.5; } + background-color: #000; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; - border-bottom: 1px solid #dee2e6; } - .modal-header .close { - padding: 1rem 1rem; - margin: -1rem -1rem -1rem auto; } + border-bottom: 1px solid #dee2e6; +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} .modal-title { margin-bottom: 0; - line-height: 1.5; } + line-height: 1.5; +} .modal-body { position: relative; flex: 1 1 auto; - padding: 1rem; } + padding: 1rem; +} .modal-footer { display: flex; @@ -3988,47 +5422,61 @@ a.close.disabled { align-items: center; justify-content: flex-end; padding: 0.75rem; - border-top: 1px solid #dee2e6; } - .modal-footer > * { - margin: 0.25rem; } + border-top: 1px solid #dee2e6; +} +.modal-footer > * { + margin: 0.25rem; +} .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; - overflow: scroll; } + overflow: scroll; +} @media (min-width: 576px) { .modal-dialog { max-width: 500px; - margin: 1.75rem auto; } + margin: 1.75rem auto; + } .modal-dialog-scrollable { - max-height: calc(100% - 3.5rem); } - .modal-dialog-scrollable .modal-content { - max-height: calc(100vh - 3.5rem); } + 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); } + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } .modal-sm { - max-width: 300px; } } + max-width: 300px; + } +} @media (min-width: 992px) { .modal-lg, .modal-xl { - max-width: 800px; } } + max-width: 800px; + } +} @media (min-width: 1200px) { .modal-xl { - max-width: 1140px; } } + max-width: 1140px; + } +} .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; - font-family: "questa-sans", sans-serif; + font-family: 'questa-sans', sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; @@ -4044,66 +5492,95 @@ a.close.disabled { 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; } + 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; } + background-color: #000; +} .popover { position: absolute; @@ -4112,7 +5589,7 @@ a.close.disabled { z-index: 1060; display: block; max-width: 276px; - font-family: "questa-sans", sans-serif; + font-family: 'questa-sans', sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; @@ -4130,86 +5607,124 @@ a.close.disabled { word-wrap: break-word; background-color: #fff; background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.2); } - .popover .arrow { - position: absolute; - display: block; - width: 1rem; - height: 0.5rem; - margin: 0 0.3rem; } - .popover .arrow::before, .popover .arrow::after { - position: absolute; - display: block; - content: ""; - border-color: transparent; - border-style: solid; } - -.bs-popover-top, .bs-popover-auto[x-placement^="top"] { - margin-bottom: 0.5rem; } - .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { - bottom: calc(-0.5rem - 1px); } - .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { - bottom: 0; - border-width: 0.5rem 0.5rem 0; - border-top-color: rgba(0, 0, 0, 0.25); } - .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { - bottom: 1px; - border-width: 0.5rem 0.5rem 0; - border-top-color: #fff; } - -.bs-popover-right, .bs-popover-auto[x-placement^="right"] { - margin-left: 0.5rem; } - .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { - left: calc(-0.5rem - 1px); - width: 0.5rem; - height: 1rem; - margin: 0.3rem 0; } - .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { - left: 0; - border-width: 0.5rem 0.5rem 0.5rem 0; - border-right-color: rgba(0, 0, 0, 0.25); } - .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { - left: 1px; - border-width: 0.5rem 0.5rem 0.5rem 0; - border-right-color: #fff; } - -.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { - margin-top: 0.5rem; } - .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { - top: calc(-0.5rem - 1px); } - .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { - top: 0; - border-width: 0 0.5rem 0.5rem 0.5rem; - border-bottom-color: rgba(0, 0, 0, 0.25); } - .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { - top: 1px; - border-width: 0 0.5rem 0.5rem 0.5rem; - border-bottom-color: #fff; } - .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { - position: absolute; - top: 0; - left: 50%; - display: block; - width: 1rem; - margin-left: -0.5rem; - content: ""; - border-bottom: 1px solid #f7f7f7; } - -.bs-popover-left, .bs-popover-auto[x-placement^="left"] { - margin-right: 0.5rem; } - .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { - right: calc(-0.5rem - 1px); - width: 0.5rem; - height: 1rem; - margin: 0.3rem 0; } - .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { - right: 0; - border-width: 0.5rem 0 0.5rem 0.5rem; - border-left-color: rgba(0, 0, 0, 0.25); } - .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { - right: 1px; - border-width: 0.5rem 0 0.5rem 0.5rem; - border-left-color: #fff; } + border: 1px solid rgba(0, 0, 0, 0.2); +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, +.popover .arrow::after { + position: absolute; + display: block; + content: ''; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, +.bs-popover-auto[x-placement^='top'] { + margin-bottom: 0.5rem; +} +.bs-popover-top > .arrow, +.bs-popover-auto[x-placement^='top'] > .arrow { + bottom: calc(-0.5rem - 1px); +} +.bs-popover-top > .arrow::before, +.bs-popover-auto[x-placement^='top'] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(0, 0, 0, 0.25); +} +.bs-popover-top > .arrow::after, +.bs-popover-auto[x-placement^='top'] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #fff; +} + +.bs-popover-right, +.bs-popover-auto[x-placement^='right'] { + margin-left: 0.5rem; +} +.bs-popover-right > .arrow, +.bs-popover-auto[x-placement^='right'] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-right > .arrow::before, +.bs-popover-auto[x-placement^='right'] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(0, 0, 0, 0.25); +} +.bs-popover-right > .arrow::after, +.bs-popover-auto[x-placement^='right'] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #fff; +} + +.bs-popover-bottom, +.bs-popover-auto[x-placement^='bottom'] { + margin-top: 0.5rem; +} +.bs-popover-bottom > .arrow, +.bs-popover-auto[x-placement^='bottom'] > .arrow { + top: calc(-0.5rem - 1px); +} +.bs-popover-bottom > .arrow::before, +.bs-popover-auto[x-placement^='bottom'] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(0, 0, 0, 0.25); +} +.bs-popover-bottom > .arrow::after, +.bs-popover-auto[x-placement^='bottom'] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #fff; +} +.bs-popover-bottom .popover-header::before, +.bs-popover-auto[x-placement^='bottom'] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ''; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, +.bs-popover-auto[x-placement^='left'] { + margin-right: 0.5rem; +} +.bs-popover-left > .arrow, +.bs-popover-auto[x-placement^='left'] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.bs-popover-left > .arrow::before, +.bs-popover-auto[x-placement^='left'] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(0, 0, 0, 0.25); +} +.bs-popover-left > .arrow::after, +.bs-popover-auto[x-placement^='left'] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #fff; +} .popover-header { padding: 0.5rem 0.75rem; @@ -4217,28 +5732,35 @@ a.close.disabled { font-size: 1rem; color: #111; background-color: #f7f7f7; - border-bottom: 1px solid #ebebeb; } - .popover-header:empty { - display: none; } + border-bottom: 1px solid #ebebeb; +} +.popover-header:empty { + display: none; +} .popover-body { padding: 0.5rem 0.75rem; - color: #212529; } + color: #212529; +} .carousel { - position: relative; } + position: relative; +} .carousel.pointer-event { - touch-action: pan-y; } + touch-action: pan-y; +} .carousel-inner { position: relative; width: 100%; - overflow: hidden; } - .carousel-inner::after { - display: block; - clear: both; - content: ""; } + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ''; +} .carousel-item { position: relative; @@ -4247,44 +5769,55 @@ a.close.disabled { width: 100%; margin-right: -100%; backface-visibility: hidden; - transition: transform 0.6s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .carousel-item { - transition: none; } } + 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; } + display: block; +} .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { - transform: translateX(100%); } + transform: translateX(100%); +} .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { - transform: translateX(-100%); } + transform: translateX(-100%); +} .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; - transform: none; } + 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; } + opacity: 1; +} .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; - transition: opacity 0s 0.6s; } - @media (prefers-reduced-motion: reduce) { - .carousel-fade .active.carousel-item-left, - .carousel-fade .active.carousel-item-right { - transition: none; } } + transition: opacity 0s 0.6s; +} +@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 { @@ -4299,37 +5832,47 @@ a.close.disabled { 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; } + 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; } + left: 0; +} .carousel-control-next { - right: 0; } + right: 0; +} .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; - background: no-repeat 50% / 100% 100%; } + 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' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%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' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} .carousel-indicators { position: absolute; @@ -4342,27 +5885,32 @@ a.close.disabled { padding-left: 0; margin-right: 15%; margin-left: 15%; - list-style: none; } + 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: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { .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; } + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} .carousel-caption { position: absolute; @@ -4373,816 +5921,1149 @@ a.close.disabled { padding-top: 20px; padding-bottom: 20px; color: #fff; - text-align: center; } + text-align: center; +} .align-baseline { - vertical-align: baseline !important; } + vertical-align: baseline !important; +} .align-top { - vertical-align: top !important; } + vertical-align: top !important; +} .align-middle { - vertical-align: middle !important; } + vertical-align: middle !important; +} .align-bottom { - vertical-align: bottom !important; } + vertical-align: bottom !important; +} .align-text-bottom { - vertical-align: text-bottom !important; } + vertical-align: text-bottom !important; +} .align-text-top { - vertical-align: text-top !important; } + vertical-align: text-top !important; +} .bg-primary { - background-color: #111 !important; } + background-color: #111 !important; +} -a.bg-primary:hover, a.bg-primary:focus, +a.bg-primary:hover, +a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { - background-color: black !important; } + background-color: black !important; +} .bg-secondary { - background-color: #515151 !important; } + background-color: #515151 !important; +} -a.bg-secondary:hover, a.bg-secondary:focus, +a.bg-secondary:hover, +a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { - background-color: #373737 !important; } + background-color: #373737 !important; +} .bg-success { - background-color: #28a745 !important; } + background-color: #28a745 !important; +} -a.bg-success:hover, a.bg-success:focus, +a.bg-success:hover, +a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { - background-color: #1e7e34 !important; } + background-color: #1e7e34 !important; +} .bg-info { - background-color: #17a2b8 !important; } + background-color: #97e7f5 !important; +} -a.bg-info:hover, a.bg-info:focus, +a.bg-info:hover, +a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { - background-color: #117a8b !important; } + background-color: #117a8b !important; +} .bg-warning { - background-color: #ffc107 !important; } + background-color: #ffc107 !important; +} -a.bg-warning:hover, a.bg-warning:focus, +a.bg-warning:hover, +a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { - background-color: #d39e00 !important; } + background-color: #d39e00 !important; +} .bg-danger { - background-color: #dc3545 !important; } + background-color: #dc3545 !important; +} -a.bg-danger:hover, a.bg-danger:focus, +a.bg-danger:hover, +a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { - background-color: #bd2130 !important; } + background-color: #bd2130 !important; +} .bg-light { - background-color: #f8f9fa !important; } + background-color: #f8f9fa !important; +} -a.bg-light:hover, a.bg-light:focus, +a.bg-light:hover, +a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { - background-color: #dae0e5 !important; } + background-color: #dae0e5 !important; +} .bg-dark { - background-color: #343a40 !important; } + background-color: #343a40 !important; +} -a.bg-dark:hover, a.bg-dark:focus, +a.bg-dark:hover, +a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { - background-color: #1d2124 !important; } + background-color: #1d2124 !important; +} .bg-white { - background-color: #fff !important; } + background-color: #fff !important; +} .bg-transparent { - background-color: transparent !important; } + background-color: transparent !important; +} .border { - border: 1px solid #dee2e6 !important; } + border: 1px solid #dee2e6 !important; +} .border-top { - border-top: 1px solid #dee2e6 !important; } + border-top: 1px solid #dee2e6 !important; +} .border-right { - border-right: 1px solid #dee2e6 !important; } + border-right: 1px solid #dee2e6 !important; +} .border-bottom { - border-bottom: 1px solid #dee2e6 !important; } + border-bottom: 1px solid #dee2e6 !important; +} .border-left { - border-left: 1px solid #dee2e6 !important; } + border-left: 1px solid #dee2e6 !important; +} .border-0 { - border: 0 !important; } + border: 0 !important; +} .border-top-0 { - border-top: 0 !important; } + border-top: 0 !important; +} .border-right-0 { - border-right: 0 !important; } + border-right: 0 !important; +} .border-bottom-0 { - border-bottom: 0 !important; } + border-bottom: 0 !important; +} .border-left-0 { - border-left: 0 !important; } + border-left: 0 !important; +} .border-primary { - border-color: #111 !important; } + border-color: #111 !important; +} .border-secondary { - border-color: #515151 !important; } + border-color: #515151 !important; +} .border-success { - border-color: #28a745 !important; } + border-color: #28a745 !important; +} .border-info { - border-color: #17a2b8 !important; } + border-color: #17a2b8 !important; +} .border-warning { - border-color: #ffc107 !important; } + border-color: #ffc107 !important; +} .border-danger { - border-color: #dc3545 !important; } + border-color: #dc3545 !important; +} .border-light { - border-color: #f8f9fa !important; } + border-color: #f8f9fa !important; +} .border-dark { - border-color: #343a40 !important; } + border-color: #343a40 !important; +} .border-white { - border-color: #fff !important; } + border-color: #fff !important; +} .rounded-sm { - border-radius: 0.2rem !important; } + border-radius: 0.2rem !important; +} .rounded { - border-radius: 0.25rem !important; } + border-radius: 0.25rem !important; +} .rounded-top { border-top-left-radius: 0.25rem !important; - border-top-right-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; } + border-bottom-right-radius: 0.25rem !important; +} .rounded-bottom { border-bottom-right-radius: 0.25rem !important; - border-bottom-left-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; } + border-bottom-left-radius: 0.25rem !important; +} .rounded-lg { - border-radius: 0.3rem !important; } + border-radius: 0.3rem !important; +} .rounded-circle { - border-radius: 50% !important; } + border-radius: 50% !important; +} .rounded-pill { - border-radius: 50rem !important; } + border-radius: 50rem !important; +} .rounded-0 { - border-radius: 0 !important; } + border-radius: 0 !important; +} .clearfix::after { display: block; clear: both; - content: ""; } + content: ''; +} .d-none { - display: none !important; } + display: none !important; +} .d-inline { - display: inline !important; } + display: inline !important; +} .d-inline-block { - display: inline-block !important; } + display: inline-block !important; +} .d-block { - display: block !important; } + display: block !important; +} .d-table { - display: table !important; } + display: table !important; +} .d-table-row { - display: table-row !important; } + display: table-row !important; +} .d-table-cell { - display: table-cell !important; } + display: table-cell !important; +} .d-flex { - display: flex !important; } + display: flex !important; +} .d-inline-flex { - display: inline-flex !important; } + display: inline-flex !important; +} @media (min-width: 576px) { .d-sm-none { - display: none !important; } + display: none !important; + } .d-sm-inline { - display: inline !important; } + display: inline !important; + } .d-sm-inline-block { - display: inline-block !important; } + display: inline-block !important; + } .d-sm-block { - display: block !important; } + display: block !important; + } .d-sm-table { - display: table !important; } + display: table !important; + } .d-sm-table-row { - display: table-row !important; } + display: table-row !important; + } .d-sm-table-cell { - display: table-cell !important; } + display: table-cell !important; + } .d-sm-flex { - display: flex !important; } + display: flex !important; + } .d-sm-inline-flex { - display: inline-flex !important; } } + display: inline-flex !important; + } +} @media (min-width: 768px) { .d-md-none { - display: none !important; } + display: none !important; + } .d-md-inline { - display: inline !important; } + display: inline !important; + } .d-md-inline-block { - display: inline-block !important; } + display: inline-block !important; + } .d-md-block { - display: block !important; } + display: block !important; + } .d-md-table { - display: table !important; } + display: table !important; + } .d-md-table-row { - display: table-row !important; } + display: table-row !important; + } .d-md-table-cell { - display: table-cell !important; } + display: table-cell !important; + } .d-md-flex { - display: flex !important; } + display: flex !important; + } .d-md-inline-flex { - display: inline-flex !important; } } + display: inline-flex !important; + } +} @media (min-width: 992px) { .d-lg-none { - display: none !important; } + display: none !important; + } .d-lg-inline { - display: inline !important; } + display: inline !important; + } .d-lg-inline-block { - display: inline-block !important; } + display: inline-block !important; + } .d-lg-block { - display: block !important; } + display: block !important; + } .d-lg-table { - display: table !important; } + display: table !important; + } .d-lg-table-row { - display: table-row !important; } + display: table-row !important; + } .d-lg-table-cell { - display: table-cell !important; } + display: table-cell !important; + } .d-lg-flex { - display: flex !important; } + display: flex !important; + } .d-lg-inline-flex { - display: inline-flex !important; } } + display: inline-flex !important; + } +} @media (min-width: 1200px) { .d-xl-none { - display: none !important; } + display: none !important; + } .d-xl-inline { - display: inline !important; } + display: inline !important; + } .d-xl-inline-block { - display: inline-block !important; } + display: inline-block !important; + } .d-xl-block { - display: block !important; } + display: block !important; + } .d-xl-table { - display: table !important; } + display: table !important; + } .d-xl-table-row { - display: table-row !important; } + display: table-row !important; + } .d-xl-table-cell { - display: table-cell !important; } + display: table-cell !important; + } .d-xl-flex { - display: flex !important; } + display: flex !important; + } .d-xl-inline-flex { - display: inline-flex !important; } } + display: inline-flex !important; + } +} @media print { .d-print-none { - display: none !important; } + display: none !important; + } .d-print-inline { - display: inline !important; } + display: inline !important; + } .d-print-inline-block { - display: inline-block !important; } + display: inline-block !important; + } .d-print-block { - display: block !important; } + display: block !important; + } .d-print-table { - display: table !important; } + display: table !important; + } .d-print-table-row { - display: table-row !important; } + display: table-row !important; + } .d-print-table-cell { - display: table-cell !important; } + display: table-cell !important; + } .d-print-flex { - display: flex !important; } + display: flex !important; + } .d-print-inline-flex { - display: inline-flex !important; } } + 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; } + 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.85714%; } + padding-top: 42.85714%; +} .embed-responsive-16by9::before { - padding-top: 56.25%; } + padding-top: 56.25%; +} .embed-responsive-4by3::before { - padding-top: 75%; } + padding-top: 75%; +} .embed-responsive-1by1::before { - padding-top: 100%; } + padding-top: 100%; +} .flex-row { - flex-direction: row !important; } + flex-direction: row !important; +} .flex-column { - flex-direction: column !important; } + flex-direction: column !important; +} .flex-row-reverse { - flex-direction: row-reverse !important; } + flex-direction: row-reverse !important; +} .flex-column-reverse { - flex-direction: column-reverse !important; } + flex-direction: column-reverse !important; +} .flex-wrap { - flex-wrap: wrap !important; } + flex-wrap: wrap !important; +} .flex-nowrap { - flex-wrap: nowrap !important; } + flex-wrap: nowrap !important; +} .flex-wrap-reverse { - flex-wrap: wrap-reverse !important; } + flex-wrap: wrap-reverse !important; +} .flex-fill { - flex: 1 1 auto !important; } + flex: 1 1 auto !important; +} .flex-grow-0 { - flex-grow: 0 !important; } + flex-grow: 0 !important; +} .flex-grow-1 { - flex-grow: 1 !important; } + flex-grow: 1 !important; +} .flex-shrink-0 { - flex-shrink: 0 !important; } + flex-shrink: 0 !important; +} .flex-shrink-1 { - flex-shrink: 1 !important; } + flex-shrink: 1 !important; +} .justify-content-start { - justify-content: flex-start !important; } + justify-content: flex-start !important; +} .justify-content-end { - justify-content: flex-end !important; } + justify-content: flex-end !important; +} .justify-content-center { - justify-content: center !important; } + justify-content: center !important; +} .justify-content-between { - justify-content: space-between !important; } + justify-content: space-between !important; +} .justify-content-around { - justify-content: space-around !important; } + justify-content: space-around !important; +} .align-items-start { - align-items: flex-start !important; } + align-items: flex-start !important; +} .align-items-end { - align-items: flex-end !important; } + align-items: flex-end !important; +} .align-items-center { - align-items: center !important; } + align-items: center !important; +} .align-items-baseline { - align-items: baseline !important; } + align-items: baseline !important; +} .align-items-stretch { - align-items: stretch !important; } + align-items: stretch !important; +} .align-content-start { - align-content: flex-start !important; } + align-content: flex-start !important; +} .align-content-end { - align-content: flex-end !important; } + align-content: flex-end !important; +} .align-content-center { - align-content: center !important; } + align-content: center !important; +} .align-content-between { - align-content: space-between !important; } + align-content: space-between !important; +} .align-content-around { - align-content: space-around !important; } + align-content: space-around !important; +} .align-content-stretch { - align-content: stretch !important; } + align-content: stretch !important; +} .align-self-auto { - align-self: auto !important; } + align-self: auto !important; +} .align-self-start { - align-self: flex-start !important; } + align-self: flex-start !important; +} .align-self-end { - align-self: flex-end !important; } + align-self: flex-end !important; +} .align-self-center { - align-self: center !important; } + align-self: center !important; +} .align-self-baseline { - align-self: baseline !important; } + align-self: baseline !important; +} .align-self-stretch { - align-self: stretch !important; } + align-self: stretch !important; +} @media (min-width: 576px) { .flex-sm-row { - flex-direction: row !important; } + flex-direction: row !important; + } .flex-sm-column { - flex-direction: column !important; } + flex-direction: column !important; + } .flex-sm-row-reverse { - flex-direction: row-reverse !important; } + flex-direction: row-reverse !important; + } .flex-sm-column-reverse { - flex-direction: column-reverse !important; } + flex-direction: column-reverse !important; + } .flex-sm-wrap { - flex-wrap: wrap !important; } + flex-wrap: wrap !important; + } .flex-sm-nowrap { - flex-wrap: nowrap !important; } + flex-wrap: nowrap !important; + } .flex-sm-wrap-reverse { - flex-wrap: wrap-reverse !important; } + flex-wrap: wrap-reverse !important; + } .flex-sm-fill { - flex: 1 1 auto !important; } + flex: 1 1 auto !important; + } .flex-sm-grow-0 { - flex-grow: 0 !important; } + flex-grow: 0 !important; + } .flex-sm-grow-1 { - flex-grow: 1 !important; } + flex-grow: 1 !important; + } .flex-sm-shrink-0 { - flex-shrink: 0 !important; } + flex-shrink: 0 !important; + } .flex-sm-shrink-1 { - flex-shrink: 1 !important; } + flex-shrink: 1 !important; + } .justify-content-sm-start { - justify-content: flex-start !important; } + justify-content: flex-start !important; + } .justify-content-sm-end { - justify-content: flex-end !important; } + justify-content: flex-end !important; + } .justify-content-sm-center { - justify-content: center !important; } + justify-content: center !important; + } .justify-content-sm-between { - justify-content: space-between !important; } + justify-content: space-between !important; + } .justify-content-sm-around { - justify-content: space-around !important; } + justify-content: space-around !important; + } .align-items-sm-start { - align-items: flex-start !important; } + align-items: flex-start !important; + } .align-items-sm-end { - align-items: flex-end !important; } + align-items: flex-end !important; + } .align-items-sm-center { - align-items: center !important; } + align-items: center !important; + } .align-items-sm-baseline { - align-items: baseline !important; } + align-items: baseline !important; + } .align-items-sm-stretch { - align-items: stretch !important; } + align-items: stretch !important; + } .align-content-sm-start { - align-content: flex-start !important; } + align-content: flex-start !important; + } .align-content-sm-end { - align-content: flex-end !important; } + align-content: flex-end !important; + } .align-content-sm-center { - align-content: center !important; } + align-content: center !important; + } .align-content-sm-between { - align-content: space-between !important; } + align-content: space-between !important; + } .align-content-sm-around { - align-content: space-around !important; } + align-content: space-around !important; + } .align-content-sm-stretch { - align-content: stretch !important; } + align-content: stretch !important; + } .align-self-sm-auto { - align-self: auto !important; } + align-self: auto !important; + } .align-self-sm-start { - align-self: flex-start !important; } + align-self: flex-start !important; + } .align-self-sm-end { - align-self: flex-end !important; } + align-self: flex-end !important; + } .align-self-sm-center { - align-self: center !important; } + align-self: center !important; + } .align-self-sm-baseline { - align-self: baseline !important; } + align-self: baseline !important; + } .align-self-sm-stretch { - align-self: stretch !important; } } + align-self: stretch !important; + } +} @media (min-width: 768px) { .flex-md-row { - flex-direction: row !important; } + flex-direction: row !important; + } .flex-md-column { - flex-direction: column !important; } + flex-direction: column !important; + } .flex-md-row-reverse { - flex-direction: row-reverse !important; } + flex-direction: row-reverse !important; + } .flex-md-column-reverse { - flex-direction: column-reverse !important; } + flex-direction: column-reverse !important; + } .flex-md-wrap { - flex-wrap: wrap !important; } + flex-wrap: wrap !important; + } .flex-md-nowrap { - flex-wrap: nowrap !important; } + flex-wrap: nowrap !important; + } .flex-md-wrap-reverse { - flex-wrap: wrap-reverse !important; } + flex-wrap: wrap-reverse !important; + } .flex-md-fill { - flex: 1 1 auto !important; } + flex: 1 1 auto !important; + } .flex-md-grow-0 { - flex-grow: 0 !important; } + flex-grow: 0 !important; + } .flex-md-grow-1 { - flex-grow: 1 !important; } + flex-grow: 1 !important; + } .flex-md-shrink-0 { - flex-shrink: 0 !important; } + flex-shrink: 0 !important; + } .flex-md-shrink-1 { - flex-shrink: 1 !important; } + flex-shrink: 1 !important; + } .justify-content-md-start { - justify-content: flex-start !important; } + justify-content: flex-start !important; + } .justify-content-md-end { - justify-content: flex-end !important; } + justify-content: flex-end !important; + } .justify-content-md-center { - justify-content: center !important; } + justify-content: center !important; + } .justify-content-md-between { - justify-content: space-between !important; } + justify-content: space-between !important; + } .justify-content-md-around { - justify-content: space-around !important; } + justify-content: space-around !important; + } .align-items-md-start { - align-items: flex-start !important; } + align-items: flex-start !important; + } .align-items-md-end { - align-items: flex-end !important; } + align-items: flex-end !important; + } .align-items-md-center { - align-items: center !important; } + align-items: center !important; + } .align-items-md-baseline { - align-items: baseline !important; } + align-items: baseline !important; + } .align-items-md-stretch { - align-items: stretch !important; } + align-items: stretch !important; + } .align-content-md-start { - align-content: flex-start !important; } + align-content: flex-start !important; + } .align-content-md-end { - align-content: flex-end !important; } + align-content: flex-end !important; + } .align-content-md-center { - align-content: center !important; } + align-content: center !important; + } .align-content-md-between { - align-content: space-between !important; } + align-content: space-between !important; + } .align-content-md-around { - align-content: space-around !important; } + align-content: space-around !important; + } .align-content-md-stretch { - align-content: stretch !important; } + align-content: stretch !important; + } .align-self-md-auto { - align-self: auto !important; } + align-self: auto !important; + } .align-self-md-start { - align-self: flex-start !important; } + align-self: flex-start !important; + } .align-self-md-end { - align-self: flex-end !important; } + align-self: flex-end !important; + } .align-self-md-center { - align-self: center !important; } + align-self: center !important; + } .align-self-md-baseline { - align-self: baseline !important; } + align-self: baseline !important; + } .align-self-md-stretch { - align-self: stretch !important; } } + align-self: stretch !important; + } +} @media (min-width: 992px) { .flex-lg-row { - flex-direction: row !important; } + flex-direction: row !important; + } .flex-lg-column { - flex-direction: column !important; } + flex-direction: column !important; + } .flex-lg-row-reverse { - flex-direction: row-reverse !important; } + flex-direction: row-reverse !important; + } .flex-lg-column-reverse { - flex-direction: column-reverse !important; } + flex-direction: column-reverse !important; + } .flex-lg-wrap { - flex-wrap: wrap !important; } + flex-wrap: wrap !important; + } .flex-lg-nowrap { - flex-wrap: nowrap !important; } + flex-wrap: nowrap !important; + } .flex-lg-wrap-reverse { - flex-wrap: wrap-reverse !important; } + flex-wrap: wrap-reverse !important; + } .flex-lg-fill { - flex: 1 1 auto !important; } + flex: 1 1 auto !important; + } .flex-lg-grow-0 { - flex-grow: 0 !important; } + flex-grow: 0 !important; + } .flex-lg-grow-1 { - flex-grow: 1 !important; } + flex-grow: 1 !important; + } .flex-lg-shrink-0 { - flex-shrink: 0 !important; } + flex-shrink: 0 !important; + } .flex-lg-shrink-1 { - flex-shrink: 1 !important; } + flex-shrink: 1 !important; + } .justify-content-lg-start { - justify-content: flex-start !important; } + justify-content: flex-start !important; + } .justify-content-lg-end { - justify-content: flex-end !important; } + justify-content: flex-end !important; + } .justify-content-lg-center { - justify-content: center !important; } + justify-content: center !important; + } .justify-content-lg-between { - justify-content: space-between !important; } + justify-content: space-between !important; + } .justify-content-lg-around { - justify-content: space-around !important; } + justify-content: space-around !important; + } .align-items-lg-start { - align-items: flex-start !important; } + align-items: flex-start !important; + } .align-items-lg-end { - align-items: flex-end !important; } + align-items: flex-end !important; + } .align-items-lg-center { - align-items: center !important; } + align-items: center !important; + } .align-items-lg-baseline { - align-items: baseline !important; } + align-items: baseline !important; + } .align-items-lg-stretch { - align-items: stretch !important; } + align-items: stretch !important; + } .align-content-lg-start { - align-content: flex-start !important; } + align-content: flex-start !important; + } .align-content-lg-end { - align-content: flex-end !important; } + align-content: flex-end !important; + } .align-content-lg-center { - align-content: center !important; } + align-content: center !important; + } .align-content-lg-between { - align-content: space-between !important; } + align-content: space-between !important; + } .align-content-lg-around { - align-content: space-around !important; } + align-content: space-around !important; + } .align-content-lg-stretch { - align-content: stretch !important; } + align-content: stretch !important; + } .align-self-lg-auto { - align-self: auto !important; } + align-self: auto !important; + } .align-self-lg-start { - align-self: flex-start !important; } + align-self: flex-start !important; + } .align-self-lg-end { - align-self: flex-end !important; } + align-self: flex-end !important; + } .align-self-lg-center { - align-self: center !important; } + align-self: center !important; + } .align-self-lg-baseline { - align-self: baseline !important; } + align-self: baseline !important; + } .align-self-lg-stretch { - align-self: stretch !important; } } + align-self: stretch !important; + } +} @media (min-width: 1200px) { .flex-xl-row { - flex-direction: row !important; } + flex-direction: row !important; + } .flex-xl-column { - flex-direction: column !important; } + flex-direction: column !important; + } .flex-xl-row-reverse { - flex-direction: row-reverse !important; } + flex-direction: row-reverse !important; + } .flex-xl-column-reverse { - flex-direction: column-reverse !important; } + flex-direction: column-reverse !important; + } .flex-xl-wrap { - flex-wrap: wrap !important; } + flex-wrap: wrap !important; + } .flex-xl-nowrap { - flex-wrap: nowrap !important; } + flex-wrap: nowrap !important; + } .flex-xl-wrap-reverse { - flex-wrap: wrap-reverse !important; } + flex-wrap: wrap-reverse !important; + } .flex-xl-fill { - flex: 1 1 auto !important; } + flex: 1 1 auto !important; + } .flex-xl-grow-0 { - flex-grow: 0 !important; } + flex-grow: 0 !important; + } .flex-xl-grow-1 { - flex-grow: 1 !important; } + flex-grow: 1 !important; + } .flex-xl-shrink-0 { - flex-shrink: 0 !important; } + flex-shrink: 0 !important; + } .flex-xl-shrink-1 { - flex-shrink: 1 !important; } + flex-shrink: 1 !important; + } .justify-content-xl-start { - justify-content: flex-start !important; } + justify-content: flex-start !important; + } .justify-content-xl-end { - justify-content: flex-end !important; } + justify-content: flex-end !important; + } .justify-content-xl-center { - justify-content: center !important; } + justify-content: center !important; + } .justify-content-xl-between { - justify-content: space-between !important; } + justify-content: space-between !important; + } .justify-content-xl-around { - justify-content: space-around !important; } + justify-content: space-around !important; + } .align-items-xl-start { - align-items: flex-start !important; } + align-items: flex-start !important; + } .align-items-xl-end { - align-items: flex-end !important; } + align-items: flex-end !important; + } .align-items-xl-center { - align-items: center !important; } + align-items: center !important; + } .align-items-xl-baseline { - align-items: baseline !important; } + align-items: baseline !important; + } .align-items-xl-stretch { - align-items: stretch !important; } + align-items: stretch !important; + } .align-content-xl-start { - align-content: flex-start !important; } + align-content: flex-start !important; + } .align-content-xl-end { - align-content: flex-end !important; } + align-content: flex-end !important; + } .align-content-xl-center { - align-content: center !important; } + align-content: center !important; + } .align-content-xl-between { - align-content: space-between !important; } + align-content: space-between !important; + } .align-content-xl-around { - align-content: space-around !important; } + align-content: space-around !important; + } .align-content-xl-stretch { - align-content: stretch !important; } + align-content: stretch !important; + } .align-self-xl-auto { - align-self: auto !important; } + align-self: auto !important; + } .align-self-xl-start { - align-self: flex-start !important; } + align-self: flex-start !important; + } .align-self-xl-end { - align-self: flex-end !important; } + align-self: flex-end !important; + } .align-self-xl-center { - align-self: center !important; } + align-self: center !important; + } .align-self-xl-baseline { - align-self: baseline !important; } + align-self: baseline !important; + } .align-self-xl-stretch { - align-self: stretch !important; } } + align-self: stretch !important; + } +} .float-left { - float: left !important; } + float: left !important; +} .float-right { - float: right !important; } + float: right !important; +} .float-none { - float: none !important; } + float: none !important; +} @media (min-width: 576px) { .float-sm-left { - float: left !important; } + float: left !important; + } .float-sm-right { - float: right !important; } + float: right !important; + } .float-sm-none { - float: none !important; } } + float: none !important; + } +} @media (min-width: 768px) { .float-md-left { - float: left !important; } + float: left !important; + } .float-md-right { - float: right !important; } + float: right !important; + } .float-md-none { - float: none !important; } } + float: none !important; + } +} @media (min-width: 992px) { .float-lg-left { - float: left !important; } + float: left !important; + } .float-lg-right { - float: right !important; } + float: right !important; + } .float-lg-none { - float: none !important; } } + float: none !important; + } +} @media (min-width: 1200px) { .float-xl-left { - float: left !important; } + float: left !important; + } .float-xl-right { - float: right !important; } + float: right !important; + } .float-xl-none { - float: none !important; } } + float: none !important; + } +} .overflow-auto { - overflow: auto !important; } + overflow: auto !important; +} .overflow-hidden { - overflow: hidden !important; } + overflow: hidden !important; +} .position-static { - position: static !important; } + position: static !important; +} .position-relative { - position: relative !important; } + position: relative !important; +} .position-absolute { - position: absolute !important; } + position: absolute !important; +} .position-fixed { - position: fixed !important; } + position: fixed !important; +} .position-sticky { - position: sticky !important; } + position: sticky !important; +} .fixed-top { position: fixed; top: 0; right: 0; left: 0; - z-index: 1030; } + z-index: 1030; +} .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; - z-index: 1030; } + z-index: 1030; +} @supports (position: sticky) { .sticky-top { position: sticky; top: 0; - z-index: 1020; } } + z-index: 1020; + } +} .sr-only { position: absolute; @@ -5193,75 +7074,98 @@ button.bg-dark:focus { overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; - border: 0; } + border: 0; +} -.sr-only-focusable:active, .sr-only-focusable:focus { +.sr-only-focusable:active, +.sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; - white-space: normal; } + white-space: normal; +} .shadow-sm { - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} .shadow { - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +} .shadow-lg { - box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +} .shadow-none { - box-shadow: none !important; } + box-shadow: none !important; +} .w-25 { - width: 25% !important; } + width: 25% !important; +} .w-50 { - width: 50% !important; } + width: 50% !important; +} .w-75 { - width: 75% !important; } + width: 75% !important; +} .w-100 { - width: 100% !important; } + width: 100% !important; +} .w-auto { - width: auto !important; } + width: auto !important; +} .h-25 { - height: 25% !important; } + height: 25% !important; +} .h-50 { - height: 50% !important; } + height: 50% !important; +} .h-75 { - height: 75% !important; } + height: 75% !important; +} .h-100 { - height: 100% !important; } + height: 100% !important; +} .h-auto { - height: auto !important; } + height: auto !important; +} .mw-100 { - max-width: 100% !important; } + max-width: 100% !important; +} .mh-100 { - max-height: 100% !important; } + max-height: 100% !important; +} .min-vw-100 { - min-width: 100vw !important; } + min-width: 100vw !important; +} .min-vh-100 { - min-height: 100vh !important; } + min-height: 100vh !important; +} .vw-100 { - width: 100vw !important; } + width: 100vw !important; +} .vh-100 { - height: 100vh !important; } + height: 100vh !important; +} .stretched-link::after { position: absolute; @@ -5271,1644 +7175,2207 @@ button.bg-dark:focus { left: 0; z-index: 1; pointer-events: auto; - content: ""; - background-color: rgba(0, 0, 0, 0); } + content: ''; + background-color: rgba(0, 0, 0, 0); +} .m-0 { - margin: 0 !important; } + margin: 0 !important; +} .mt-0, .my-0 { - margin-top: 0 !important; } + margin-top: 0 !important; +} .mr-0, .mx-0 { - margin-right: 0 !important; } + margin-right: 0 !important; +} .mb-0, .my-0 { - margin-bottom: 0 !important; } + margin-bottom: 0 !important; +} .ml-0, .mx-0 { - margin-left: 0 !important; } + margin-left: 0 !important; +} .m-1 { - margin: 0.25rem !important; } + margin: 0.25rem !important; +} .mt-1, .my-1 { - margin-top: 0.25rem !important; } + margin-top: 0.25rem !important; +} .mr-1, .mx-1 { - margin-right: 0.25rem !important; } + margin-right: 0.25rem !important; +} .mb-1, .my-1 { - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; +} .ml-1, .mx-1 { - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; +} .m-2 { - margin: 0.5rem !important; } + margin: 0.5rem !important; +} .mt-2, .my-2 { - margin-top: 0.5rem !important; } + margin-top: 0.5rem !important; +} .mr-2, .mx-2 { - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; +} .mb-2, .my-2 { - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; +} .ml-2, .mx-2 { - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; +} .m-3 { - margin: 1rem !important; } + margin: 1rem !important; +} .mt-3, .my-3 { - margin-top: 1rem !important; } + margin-top: 1rem !important; +} .mr-3, .mx-3 { - margin-right: 1rem !important; } + margin-right: 1rem !important; +} .mb-3, .my-3 { - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; +} .ml-3, .mx-3 { - margin-left: 1rem !important; } + margin-left: 1rem !important; +} .m-4 { - margin: 1.5rem !important; } + margin: 1.5rem !important; +} .mt-4, .my-4 { - margin-top: 1.5rem !important; } + margin-top: 1.5rem !important; +} .mr-4, .mx-4 { - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; +} .mb-4, .my-4 { - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; +} .ml-4, .mx-4 { - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; +} .m-5 { - margin: 3rem !important; } + margin: 3rem !important; +} .mt-5, .my-5 { - margin-top: 3rem !important; } + margin-top: 3rem !important; +} .mr-5, .mx-5 { - margin-right: 3rem !important; } + margin-right: 3rem !important; +} .mb-5, .my-5 { - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; +} .ml-5, .mx-5 { - margin-left: 3rem !important; } + margin-left: 3rem !important; +} .p-0 { - padding: 0 !important; } + padding: 0 !important; +} .pt-0, .py-0 { - padding-top: 0 !important; } + padding-top: 0 !important; +} .pr-0, .px-0 { - padding-right: 0 !important; } + padding-right: 0 !important; +} .pb-0, .py-0 { - padding-bottom: 0 !important; } + padding-bottom: 0 !important; +} .pl-0, .px-0 { - padding-left: 0 !important; } + padding-left: 0 !important; +} .p-1 { - padding: 0.25rem !important; } + padding: 0.25rem !important; +} .pt-1, .py-1 { - padding-top: 0.25rem !important; } + padding-top: 0.25rem !important; +} .pr-1, .px-1 { - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; +} .pb-1, .py-1 { - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; +} .pl-1, .px-1 { - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; +} .p-2 { - padding: 0.5rem !important; } + padding: 0.5rem !important; +} .pt-2, .py-2 { - padding-top: 0.5rem !important; } + padding-top: 0.5rem !important; +} .pr-2, .px-2 { - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; +} .pb-2, .py-2 { - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; +} .pl-2, .px-2 { - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; +} .p-3 { - padding: 1rem !important; } + padding: 1rem !important; +} .pt-3, .py-3 { - padding-top: 1rem !important; } + padding-top: 1rem !important; +} .pr-3, .px-3 { - padding-right: 1rem !important; } + padding-right: 1rem !important; +} .pb-3, .py-3 { - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; +} .pl-3, .px-3 { - padding-left: 1rem !important; } + padding-left: 1rem !important; +} .p-4 { - padding: 1.5rem !important; } + padding: 1.5rem !important; +} .pt-4, .py-4 { - padding-top: 1.5rem !important; } + padding-top: 1.5rem !important; +} .pr-4, .px-4 { - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; +} .pb-4, .py-4 { - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; +} .pl-4, .px-4 { - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; +} .p-5 { - padding: 3rem !important; } + padding: 3rem !important; +} .pt-5, .py-5 { - padding-top: 3rem !important; } + padding-top: 3rem !important; +} .pr-5, .px-5 { - padding-right: 3rem !important; } + padding-right: 3rem !important; +} .pb-5, .py-5 { - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; +} .pl-5, .px-5 { - padding-left: 3rem !important; } + padding-left: 3rem !important; +} .m-n1 { - margin: -0.25rem !important; } + margin: -0.25rem !important; +} .mt-n1, .my-n1 { - margin-top: -0.25rem !important; } + margin-top: -0.25rem !important; +} .mr-n1, .mx-n1 { - margin-right: -0.25rem !important; } + margin-right: -0.25rem !important; +} .mb-n1, .my-n1 { - margin-bottom: -0.25rem !important; } + margin-bottom: -0.25rem !important; +} .ml-n1, .mx-n1 { - margin-left: -0.25rem !important; } + margin-left: -0.25rem !important; +} .m-n2 { - margin: -0.5rem !important; } + margin: -0.5rem !important; +} .mt-n2, .my-n2 { - margin-top: -0.5rem !important; } + margin-top: -0.5rem !important; +} .mr-n2, .mx-n2 { - margin-right: -0.5rem !important; } + margin-right: -0.5rem !important; +} .mb-n2, .my-n2 { - margin-bottom: -0.5rem !important; } + margin-bottom: -0.5rem !important; +} .ml-n2, .mx-n2 { - margin-left: -0.5rem !important; } + margin-left: -0.5rem !important; +} .m-n3 { - margin: -1rem !important; } + margin: -1rem !important; +} .mt-n3, .my-n3 { - margin-top: -1rem !important; } + margin-top: -1rem !important; +} .mr-n3, .mx-n3 { - margin-right: -1rem !important; } + margin-right: -1rem !important; +} .mb-n3, .my-n3 { - margin-bottom: -1rem !important; } + margin-bottom: -1rem !important; +} .ml-n3, .mx-n3 { - margin-left: -1rem !important; } + margin-left: -1rem !important; +} .m-n4 { - margin: -1.5rem !important; } + margin: -1.5rem !important; +} .mt-n4, .my-n4 { - margin-top: -1.5rem !important; } + margin-top: -1.5rem !important; +} .mr-n4, .mx-n4 { - margin-right: -1.5rem !important; } + margin-right: -1.5rem !important; +} .mb-n4, .my-n4 { - margin-bottom: -1.5rem !important; } + margin-bottom: -1.5rem !important; +} .ml-n4, .mx-n4 { - margin-left: -1.5rem !important; } + margin-left: -1.5rem !important; +} .m-n5 { - margin: -3rem !important; } + margin: -3rem !important; +} .mt-n5, .my-n5 { - margin-top: -3rem !important; } + margin-top: -3rem !important; +} .mr-n5, .mx-n5 { - margin-right: -3rem !important; } + margin-right: -3rem !important; +} .mb-n5, .my-n5 { - margin-bottom: -3rem !important; } + margin-bottom: -3rem !important; +} .ml-n5, .mx-n5 { - margin-left: -3rem !important; } + margin-left: -3rem !important; +} .m-auto { - margin: auto !important; } + margin: auto !important; +} .mt-auto, .my-auto { - margin-top: auto !important; } + margin-top: auto !important; +} .mr-auto, .mx-auto { - margin-right: auto !important; } + margin-right: auto !important; +} .mb-auto, .my-auto { - margin-bottom: auto !important; } + margin-bottom: auto !important; +} .ml-auto, .mx-auto { - margin-left: auto !important; } + margin-left: auto !important; +} @media (min-width: 576px) { .m-sm-0 { - margin: 0 !important; } + margin: 0 !important; + } .mt-sm-0, .my-sm-0 { - margin-top: 0 !important; } + margin-top: 0 !important; + } .mr-sm-0, .mx-sm-0 { - margin-right: 0 !important; } + margin-right: 0 !important; + } .mb-sm-0, .my-sm-0 { - margin-bottom: 0 !important; } + margin-bottom: 0 !important; + } .ml-sm-0, .mx-sm-0 { - margin-left: 0 !important; } + margin-left: 0 !important; + } .m-sm-1 { - margin: 0.25rem !important; } + margin: 0.25rem !important; + } .mt-sm-1, .my-sm-1 { - margin-top: 0.25rem !important; } + margin-top: 0.25rem !important; + } .mr-sm-1, .mx-sm-1 { - margin-right: 0.25rem !important; } + margin-right: 0.25rem !important; + } .mb-sm-1, .my-sm-1 { - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; + } .ml-sm-1, .mx-sm-1 { - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } .m-sm-2 { - margin: 0.5rem !important; } + margin: 0.5rem !important; + } .mt-sm-2, .my-sm-2 { - margin-top: 0.5rem !important; } + margin-top: 0.5rem !important; + } .mr-sm-2, .mx-sm-2 { - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; + } .mb-sm-2, .my-sm-2 { - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; + } .ml-sm-2, .mx-sm-2 { - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } .m-sm-3 { - margin: 1rem !important; } + margin: 1rem !important; + } .mt-sm-3, .my-sm-3 { - margin-top: 1rem !important; } + margin-top: 1rem !important; + } .mr-sm-3, .mx-sm-3 { - margin-right: 1rem !important; } + margin-right: 1rem !important; + } .mb-sm-3, .my-sm-3 { - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; + } .ml-sm-3, .mx-sm-3 { - margin-left: 1rem !important; } + margin-left: 1rem !important; + } .m-sm-4 { - margin: 1.5rem !important; } + margin: 1.5rem !important; + } .mt-sm-4, .my-sm-4 { - margin-top: 1.5rem !important; } + margin-top: 1.5rem !important; + } .mr-sm-4, .mx-sm-4 { - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; + } .mb-sm-4, .my-sm-4 { - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; + } .ml-sm-4, .mx-sm-4 { - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } .m-sm-5 { - margin: 3rem !important; } + margin: 3rem !important; + } .mt-sm-5, .my-sm-5 { - margin-top: 3rem !important; } + margin-top: 3rem !important; + } .mr-sm-5, .mx-sm-5 { - margin-right: 3rem !important; } + margin-right: 3rem !important; + } .mb-sm-5, .my-sm-5 { - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; + } .ml-sm-5, .mx-sm-5 { - margin-left: 3rem !important; } + margin-left: 3rem !important; + } .p-sm-0 { - padding: 0 !important; } + padding: 0 !important; + } .pt-sm-0, .py-sm-0 { - padding-top: 0 !important; } + padding-top: 0 !important; + } .pr-sm-0, .px-sm-0 { - padding-right: 0 !important; } + padding-right: 0 !important; + } .pb-sm-0, .py-sm-0 { - padding-bottom: 0 !important; } + padding-bottom: 0 !important; + } .pl-sm-0, .px-sm-0 { - padding-left: 0 !important; } + padding-left: 0 !important; + } .p-sm-1 { - padding: 0.25rem !important; } + padding: 0.25rem !important; + } .pt-sm-1, .py-sm-1 { - padding-top: 0.25rem !important; } + padding-top: 0.25rem !important; + } .pr-sm-1, .px-sm-1 { - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; + } .pb-sm-1, .py-sm-1 { - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; + } .pl-sm-1, .px-sm-1 { - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } .p-sm-2 { - padding: 0.5rem !important; } + padding: 0.5rem !important; + } .pt-sm-2, .py-sm-2 { - padding-top: 0.5rem !important; } + padding-top: 0.5rem !important; + } .pr-sm-2, .px-sm-2 { - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; + } .pb-sm-2, .py-sm-2 { - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; + } .pl-sm-2, .px-sm-2 { - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } .p-sm-3 { - padding: 1rem !important; } + padding: 1rem !important; + } .pt-sm-3, .py-sm-3 { - padding-top: 1rem !important; } + padding-top: 1rem !important; + } .pr-sm-3, .px-sm-3 { - padding-right: 1rem !important; } + padding-right: 1rem !important; + } .pb-sm-3, .py-sm-3 { - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; + } .pl-sm-3, .px-sm-3 { - padding-left: 1rem !important; } + padding-left: 1rem !important; + } .p-sm-4 { - padding: 1.5rem !important; } + padding: 1.5rem !important; + } .pt-sm-4, .py-sm-4 { - padding-top: 1.5rem !important; } + padding-top: 1.5rem !important; + } .pr-sm-4, .px-sm-4 { - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; + } .pb-sm-4, .py-sm-4 { - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; + } .pl-sm-4, .px-sm-4 { - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } .p-sm-5 { - padding: 3rem !important; } + padding: 3rem !important; + } .pt-sm-5, .py-sm-5 { - padding-top: 3rem !important; } + padding-top: 3rem !important; + } .pr-sm-5, .px-sm-5 { - padding-right: 3rem !important; } + padding-right: 3rem !important; + } .pb-sm-5, .py-sm-5 { - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; + } .pl-sm-5, .px-sm-5 { - padding-left: 3rem !important; } + padding-left: 3rem !important; + } .m-sm-n1 { - margin: -0.25rem !important; } + margin: -0.25rem !important; + } .mt-sm-n1, .my-sm-n1 { - margin-top: -0.25rem !important; } + margin-top: -0.25rem !important; + } .mr-sm-n1, .mx-sm-n1 { - margin-right: -0.25rem !important; } + margin-right: -0.25rem !important; + } .mb-sm-n1, .my-sm-n1 { - margin-bottom: -0.25rem !important; } + margin-bottom: -0.25rem !important; + } .ml-sm-n1, .mx-sm-n1 { - margin-left: -0.25rem !important; } + margin-left: -0.25rem !important; + } .m-sm-n2 { - margin: -0.5rem !important; } + margin: -0.5rem !important; + } .mt-sm-n2, .my-sm-n2 { - margin-top: -0.5rem !important; } + margin-top: -0.5rem !important; + } .mr-sm-n2, .mx-sm-n2 { - margin-right: -0.5rem !important; } + margin-right: -0.5rem !important; + } .mb-sm-n2, .my-sm-n2 { - margin-bottom: -0.5rem !important; } + margin-bottom: -0.5rem !important; + } .ml-sm-n2, .mx-sm-n2 { - margin-left: -0.5rem !important; } + margin-left: -0.5rem !important; + } .m-sm-n3 { - margin: -1rem !important; } + margin: -1rem !important; + } .mt-sm-n3, .my-sm-n3 { - margin-top: -1rem !important; } + margin-top: -1rem !important; + } .mr-sm-n3, .mx-sm-n3 { - margin-right: -1rem !important; } + margin-right: -1rem !important; + } .mb-sm-n3, .my-sm-n3 { - margin-bottom: -1rem !important; } + margin-bottom: -1rem !important; + } .ml-sm-n3, .mx-sm-n3 { - margin-left: -1rem !important; } + margin-left: -1rem !important; + } .m-sm-n4 { - margin: -1.5rem !important; } + margin: -1.5rem !important; + } .mt-sm-n4, .my-sm-n4 { - margin-top: -1.5rem !important; } + margin-top: -1.5rem !important; + } .mr-sm-n4, .mx-sm-n4 { - margin-right: -1.5rem !important; } + margin-right: -1.5rem !important; + } .mb-sm-n4, .my-sm-n4 { - margin-bottom: -1.5rem !important; } + margin-bottom: -1.5rem !important; + } .ml-sm-n4, .mx-sm-n4 { - margin-left: -1.5rem !important; } + margin-left: -1.5rem !important; + } .m-sm-n5 { - margin: -3rem !important; } + margin: -3rem !important; + } .mt-sm-n5, .my-sm-n5 { - margin-top: -3rem !important; } + margin-top: -3rem !important; + } .mr-sm-n5, .mx-sm-n5 { - margin-right: -3rem !important; } + margin-right: -3rem !important; + } .mb-sm-n5, .my-sm-n5 { - margin-bottom: -3rem !important; } + margin-bottom: -3rem !important; + } .ml-sm-n5, .mx-sm-n5 { - margin-left: -3rem !important; } + margin-left: -3rem !important; + } .m-sm-auto { - margin: auto !important; } + margin: auto !important; + } .mt-sm-auto, .my-sm-auto { - margin-top: auto !important; } + margin-top: auto !important; + } .mr-sm-auto, .mx-sm-auto { - margin-right: auto !important; } + margin-right: auto !important; + } .mb-sm-auto, .my-sm-auto { - margin-bottom: auto !important; } + margin-bottom: auto !important; + } .ml-sm-auto, .mx-sm-auto { - margin-left: auto !important; } } + margin-left: auto !important; + } +} @media (min-width: 768px) { .m-md-0 { - margin: 0 !important; } + margin: 0 !important; + } .mt-md-0, .my-md-0 { - margin-top: 0 !important; } + margin-top: 0 !important; + } .mr-md-0, .mx-md-0 { - margin-right: 0 !important; } + margin-right: 0 !important; + } .mb-md-0, .my-md-0 { - margin-bottom: 0 !important; } + margin-bottom: 0 !important; + } .ml-md-0, .mx-md-0 { - margin-left: 0 !important; } + margin-left: 0 !important; + } .m-md-1 { - margin: 0.25rem !important; } + margin: 0.25rem !important; + } .mt-md-1, .my-md-1 { - margin-top: 0.25rem !important; } + margin-top: 0.25rem !important; + } .mr-md-1, .mx-md-1 { - margin-right: 0.25rem !important; } + margin-right: 0.25rem !important; + } .mb-md-1, .my-md-1 { - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; + } .ml-md-1, .mx-md-1 { - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } .m-md-2 { - margin: 0.5rem !important; } + margin: 0.5rem !important; + } .mt-md-2, .my-md-2 { - margin-top: 0.5rem !important; } + margin-top: 0.5rem !important; + } .mr-md-2, .mx-md-2 { - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; + } .mb-md-2, .my-md-2 { - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; + } .ml-md-2, .mx-md-2 { - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } .m-md-3 { - margin: 1rem !important; } + margin: 1rem !important; + } .mt-md-3, .my-md-3 { - margin-top: 1rem !important; } + margin-top: 1rem !important; + } .mr-md-3, .mx-md-3 { - margin-right: 1rem !important; } + margin-right: 1rem !important; + } .mb-md-3, .my-md-3 { - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; + } .ml-md-3, .mx-md-3 { - margin-left: 1rem !important; } + margin-left: 1rem !important; + } .m-md-4 { - margin: 1.5rem !important; } + margin: 1.5rem !important; + } .mt-md-4, .my-md-4 { - margin-top: 1.5rem !important; } + margin-top: 1.5rem !important; + } .mr-md-4, .mx-md-4 { - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; + } .mb-md-4, .my-md-4 { - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; + } .ml-md-4, .mx-md-4 { - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } .m-md-5 { - margin: 3rem !important; } + margin: 3rem !important; + } .mt-md-5, .my-md-5 { - margin-top: 3rem !important; } + margin-top: 3rem !important; + } .mr-md-5, .mx-md-5 { - margin-right: 3rem !important; } + margin-right: 3rem !important; + } .mb-md-5, .my-md-5 { - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; + } .ml-md-5, .mx-md-5 { - margin-left: 3rem !important; } + margin-left: 3rem !important; + } .p-md-0 { - padding: 0 !important; } + padding: 0 !important; + } .pt-md-0, .py-md-0 { - padding-top: 0 !important; } + padding-top: 0 !important; + } .pr-md-0, .px-md-0 { - padding-right: 0 !important; } + padding-right: 0 !important; + } .pb-md-0, .py-md-0 { - padding-bottom: 0 !important; } + padding-bottom: 0 !important; + } .pl-md-0, .px-md-0 { - padding-left: 0 !important; } + padding-left: 0 !important; + } .p-md-1 { - padding: 0.25rem !important; } + padding: 0.25rem !important; + } .pt-md-1, .py-md-1 { - padding-top: 0.25rem !important; } + padding-top: 0.25rem !important; + } .pr-md-1, .px-md-1 { - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; + } .pb-md-1, .py-md-1 { - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; + } .pl-md-1, .px-md-1 { - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } .p-md-2 { - padding: 0.5rem !important; } + padding: 0.5rem !important; + } .pt-md-2, .py-md-2 { - padding-top: 0.5rem !important; } + padding-top: 0.5rem !important; + } .pr-md-2, .px-md-2 { - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; + } .pb-md-2, .py-md-2 { - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; + } .pl-md-2, .px-md-2 { - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } .p-md-3 { - padding: 1rem !important; } + padding: 1rem !important; + } .pt-md-3, .py-md-3 { - padding-top: 1rem !important; } + padding-top: 1rem !important; + } .pr-md-3, .px-md-3 { - padding-right: 1rem !important; } + padding-right: 1rem !important; + } .pb-md-3, .py-md-3 { - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; + } .pl-md-3, .px-md-3 { - padding-left: 1rem !important; } + padding-left: 1rem !important; + } .p-md-4 { - padding: 1.5rem !important; } + padding: 1.5rem !important; + } .pt-md-4, .py-md-4 { - padding-top: 1.5rem !important; } + padding-top: 1.5rem !important; + } .pr-md-4, .px-md-4 { - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; + } .pb-md-4, .py-md-4 { - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; + } .pl-md-4, .px-md-4 { - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } .p-md-5 { - padding: 3rem !important; } + padding: 3rem !important; + } .pt-md-5, .py-md-5 { - padding-top: 3rem !important; } + padding-top: 3rem !important; + } .pr-md-5, .px-md-5 { - padding-right: 3rem !important; } + padding-right: 3rem !important; + } .pb-md-5, .py-md-5 { - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; + } .pl-md-5, .px-md-5 { - padding-left: 3rem !important; } + padding-left: 3rem !important; + } .m-md-n1 { - margin: -0.25rem !important; } + margin: -0.25rem !important; + } .mt-md-n1, .my-md-n1 { - margin-top: -0.25rem !important; } + margin-top: -0.25rem !important; + } .mr-md-n1, .mx-md-n1 { - margin-right: -0.25rem !important; } + margin-right: -0.25rem !important; + } .mb-md-n1, .my-md-n1 { - margin-bottom: -0.25rem !important; } + margin-bottom: -0.25rem !important; + } .ml-md-n1, .mx-md-n1 { - margin-left: -0.25rem !important; } + margin-left: -0.25rem !important; + } .m-md-n2 { - margin: -0.5rem !important; } + margin: -0.5rem !important; + } .mt-md-n2, .my-md-n2 { - margin-top: -0.5rem !important; } + margin-top: -0.5rem !important; + } .mr-md-n2, .mx-md-n2 { - margin-right: -0.5rem !important; } + margin-right: -0.5rem !important; + } .mb-md-n2, .my-md-n2 { - margin-bottom: -0.5rem !important; } + margin-bottom: -0.5rem !important; + } .ml-md-n2, .mx-md-n2 { - margin-left: -0.5rem !important; } + margin-left: -0.5rem !important; + } .m-md-n3 { - margin: -1rem !important; } + margin: -1rem !important; + } .mt-md-n3, .my-md-n3 { - margin-top: -1rem !important; } + margin-top: -1rem !important; + } .mr-md-n3, .mx-md-n3 { - margin-right: -1rem !important; } + margin-right: -1rem !important; + } .mb-md-n3, .my-md-n3 { - margin-bottom: -1rem !important; } + margin-bottom: -1rem !important; + } .ml-md-n3, .mx-md-n3 { - margin-left: -1rem !important; } + margin-left: -1rem !important; + } .m-md-n4 { - margin: -1.5rem !important; } + margin: -1.5rem !important; + } .mt-md-n4, .my-md-n4 { - margin-top: -1.5rem !important; } + margin-top: -1.5rem !important; + } .mr-md-n4, .mx-md-n4 { - margin-right: -1.5rem !important; } + margin-right: -1.5rem !important; + } .mb-md-n4, .my-md-n4 { - margin-bottom: -1.5rem !important; } + margin-bottom: -1.5rem !important; + } .ml-md-n4, .mx-md-n4 { - margin-left: -1.5rem !important; } + margin-left: -1.5rem !important; + } .m-md-n5 { - margin: -3rem !important; } + margin: -3rem !important; + } .mt-md-n5, .my-md-n5 { - margin-top: -3rem !important; } + margin-top: -3rem !important; + } .mr-md-n5, .mx-md-n5 { - margin-right: -3rem !important; } + margin-right: -3rem !important; + } .mb-md-n5, .my-md-n5 { - margin-bottom: -3rem !important; } + margin-bottom: -3rem !important; + } .ml-md-n5, .mx-md-n5 { - margin-left: -3rem !important; } + margin-left: -3rem !important; + } .m-md-auto { - margin: auto !important; } + margin: auto !important; + } .mt-md-auto, .my-md-auto { - margin-top: auto !important; } + margin-top: auto !important; + } .mr-md-auto, .mx-md-auto { - margin-right: auto !important; } + margin-right: auto !important; + } .mb-md-auto, .my-md-auto { - margin-bottom: auto !important; } + margin-bottom: auto !important; + } .ml-md-auto, .mx-md-auto { - margin-left: auto !important; } } + margin-left: auto !important; + } +} @media (min-width: 992px) { .m-lg-0 { - margin: 0 !important; } + margin: 0 !important; + } .mt-lg-0, .my-lg-0 { - margin-top: 0 !important; } + margin-top: 0 !important; + } .mr-lg-0, .mx-lg-0 { - margin-right: 0 !important; } + margin-right: 0 !important; + } .mb-lg-0, .my-lg-0 { - margin-bottom: 0 !important; } + margin-bottom: 0 !important; + } .ml-lg-0, .mx-lg-0 { - margin-left: 0 !important; } + margin-left: 0 !important; + } .m-lg-1 { - margin: 0.25rem !important; } + margin: 0.25rem !important; + } .mt-lg-1, .my-lg-1 { - margin-top: 0.25rem !important; } + margin-top: 0.25rem !important; + } .mr-lg-1, .mx-lg-1 { - margin-right: 0.25rem !important; } + margin-right: 0.25rem !important; + } .mb-lg-1, .my-lg-1 { - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; + } .ml-lg-1, .mx-lg-1 { - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } .m-lg-2 { - margin: 0.5rem !important; } + margin: 0.5rem !important; + } .mt-lg-2, .my-lg-2 { - margin-top: 0.5rem !important; } + margin-top: 0.5rem !important; + } .mr-lg-2, .mx-lg-2 { - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; + } .mb-lg-2, .my-lg-2 { - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; + } .ml-lg-2, .mx-lg-2 { - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } .m-lg-3 { - margin: 1rem !important; } + margin: 1rem !important; + } .mt-lg-3, .my-lg-3 { - margin-top: 1rem !important; } + margin-top: 1rem !important; + } .mr-lg-3, .mx-lg-3 { - margin-right: 1rem !important; } + margin-right: 1rem !important; + } .mb-lg-3, .my-lg-3 { - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; + } .ml-lg-3, .mx-lg-3 { - margin-left: 1rem !important; } + margin-left: 1rem !important; + } .m-lg-4 { - margin: 1.5rem !important; } + margin: 1.5rem !important; + } .mt-lg-4, .my-lg-4 { - margin-top: 1.5rem !important; } + margin-top: 1.5rem !important; + } .mr-lg-4, .mx-lg-4 { - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; + } .mb-lg-4, .my-lg-4 { - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; + } .ml-lg-4, .mx-lg-4 { - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } .m-lg-5 { - margin: 3rem !important; } + margin: 3rem !important; + } .mt-lg-5, .my-lg-5 { - margin-top: 3rem !important; } + margin-top: 3rem !important; + } .mr-lg-5, .mx-lg-5 { - margin-right: 3rem !important; } + margin-right: 3rem !important; + } .mb-lg-5, .my-lg-5 { - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; + } .ml-lg-5, .mx-lg-5 { - margin-left: 3rem !important; } + margin-left: 3rem !important; + } .p-lg-0 { - padding: 0 !important; } + padding: 0 !important; + } .pt-lg-0, .py-lg-0 { - padding-top: 0 !important; } + padding-top: 0 !important; + } .pr-lg-0, .px-lg-0 { - padding-right: 0 !important; } + padding-right: 0 !important; + } .pb-lg-0, .py-lg-0 { - padding-bottom: 0 !important; } + padding-bottom: 0 !important; + } .pl-lg-0, .px-lg-0 { - padding-left: 0 !important; } + padding-left: 0 !important; + } .p-lg-1 { - padding: 0.25rem !important; } + padding: 0.25rem !important; + } .pt-lg-1, .py-lg-1 { - padding-top: 0.25rem !important; } + padding-top: 0.25rem !important; + } .pr-lg-1, .px-lg-1 { - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; + } .pb-lg-1, .py-lg-1 { - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; + } .pl-lg-1, .px-lg-1 { - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } .p-lg-2 { - padding: 0.5rem !important; } + padding: 0.5rem !important; + } .pt-lg-2, .py-lg-2 { - padding-top: 0.5rem !important; } + padding-top: 0.5rem !important; + } .pr-lg-2, .px-lg-2 { - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; + } .pb-lg-2, .py-lg-2 { - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; + } .pl-lg-2, .px-lg-2 { - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } .p-lg-3 { - padding: 1rem !important; } + padding: 1rem !important; + } .pt-lg-3, .py-lg-3 { - padding-top: 1rem !important; } + padding-top: 1rem !important; + } .pr-lg-3, .px-lg-3 { - padding-right: 1rem !important; } + padding-right: 1rem !important; + } .pb-lg-3, .py-lg-3 { - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; + } .pl-lg-3, .px-lg-3 { - padding-left: 1rem !important; } + padding-left: 1rem !important; + } .p-lg-4 { - padding: 1.5rem !important; } + padding: 1.5rem !important; + } .pt-lg-4, .py-lg-4 { - padding-top: 1.5rem !important; } + padding-top: 1.5rem !important; + } .pr-lg-4, .px-lg-4 { - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; + } .pb-lg-4, .py-lg-4 { - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; + } .pl-lg-4, .px-lg-4 { - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } .p-lg-5 { - padding: 3rem !important; } + padding: 3rem !important; + } .pt-lg-5, .py-lg-5 { - padding-top: 3rem !important; } + padding-top: 3rem !important; + } .pr-lg-5, .px-lg-5 { - padding-right: 3rem !important; } + padding-right: 3rem !important; + } .pb-lg-5, .py-lg-5 { - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; + } .pl-lg-5, .px-lg-5 { - padding-left: 3rem !important; } + padding-left: 3rem !important; + } .m-lg-n1 { - margin: -0.25rem !important; } + margin: -0.25rem !important; + } .mt-lg-n1, .my-lg-n1 { - margin-top: -0.25rem !important; } + margin-top: -0.25rem !important; + } .mr-lg-n1, .mx-lg-n1 { - margin-right: -0.25rem !important; } + margin-right: -0.25rem !important; + } .mb-lg-n1, .my-lg-n1 { - margin-bottom: -0.25rem !important; } + margin-bottom: -0.25rem !important; + } .ml-lg-n1, .mx-lg-n1 { - margin-left: -0.25rem !important; } + margin-left: -0.25rem !important; + } .m-lg-n2 { - margin: -0.5rem !important; } + margin: -0.5rem !important; + } .mt-lg-n2, .my-lg-n2 { - margin-top: -0.5rem !important; } + margin-top: -0.5rem !important; + } .mr-lg-n2, .mx-lg-n2 { - margin-right: -0.5rem !important; } + margin-right: -0.5rem !important; + } .mb-lg-n2, .my-lg-n2 { - margin-bottom: -0.5rem !important; } + margin-bottom: -0.5rem !important; + } .ml-lg-n2, .mx-lg-n2 { - margin-left: -0.5rem !important; } + margin-left: -0.5rem !important; + } .m-lg-n3 { - margin: -1rem !important; } + margin: -1rem !important; + } .mt-lg-n3, .my-lg-n3 { - margin-top: -1rem !important; } + margin-top: -1rem !important; + } .mr-lg-n3, .mx-lg-n3 { - margin-right: -1rem !important; } + margin-right: -1rem !important; + } .mb-lg-n3, .my-lg-n3 { - margin-bottom: -1rem !important; } + margin-bottom: -1rem !important; + } .ml-lg-n3, .mx-lg-n3 { - margin-left: -1rem !important; } + margin-left: -1rem !important; + } .m-lg-n4 { - margin: -1.5rem !important; } + margin: -1.5rem !important; + } .mt-lg-n4, .my-lg-n4 { - margin-top: -1.5rem !important; } + margin-top: -1.5rem !important; + } .mr-lg-n4, .mx-lg-n4 { - margin-right: -1.5rem !important; } + margin-right: -1.5rem !important; + } .mb-lg-n4, .my-lg-n4 { - margin-bottom: -1.5rem !important; } + margin-bottom: -1.5rem !important; + } .ml-lg-n4, .mx-lg-n4 { - margin-left: -1.5rem !important; } + margin-left: -1.5rem !important; + } .m-lg-n5 { - margin: -3rem !important; } + margin: -3rem !important; + } .mt-lg-n5, .my-lg-n5 { - margin-top: -3rem !important; } + margin-top: -3rem !important; + } .mr-lg-n5, .mx-lg-n5 { - margin-right: -3rem !important; } + margin-right: -3rem !important; + } .mb-lg-n5, .my-lg-n5 { - margin-bottom: -3rem !important; } + margin-bottom: -3rem !important; + } .ml-lg-n5, .mx-lg-n5 { - margin-left: -3rem !important; } + margin-left: -3rem !important; + } .m-lg-auto { - margin: auto !important; } + margin: auto !important; + } .mt-lg-auto, .my-lg-auto { - margin-top: auto !important; } + margin-top: auto !important; + } .mr-lg-auto, .mx-lg-auto { - margin-right: auto !important; } + margin-right: auto !important; + } .mb-lg-auto, .my-lg-auto { - margin-bottom: auto !important; } + margin-bottom: auto !important; + } .ml-lg-auto, .mx-lg-auto { - margin-left: auto !important; } } + margin-left: auto !important; + } +} @media (min-width: 1200px) { .m-xl-0 { - margin: 0 !important; } + margin: 0 !important; + } .mt-xl-0, .my-xl-0 { - margin-top: 0 !important; } + margin-top: 0 !important; + } .mr-xl-0, .mx-xl-0 { - margin-right: 0 !important; } + margin-right: 0 !important; + } .mb-xl-0, .my-xl-0 { - margin-bottom: 0 !important; } + margin-bottom: 0 !important; + } .ml-xl-0, .mx-xl-0 { - margin-left: 0 !important; } + margin-left: 0 !important; + } .m-xl-1 { - margin: 0.25rem !important; } + margin: 0.25rem !important; + } .mt-xl-1, .my-xl-1 { - margin-top: 0.25rem !important; } + margin-top: 0.25rem !important; + } .mr-xl-1, .mx-xl-1 { - margin-right: 0.25rem !important; } + margin-right: 0.25rem !important; + } .mb-xl-1, .my-xl-1 { - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; + } .ml-xl-1, .mx-xl-1 { - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } .m-xl-2 { - margin: 0.5rem !important; } + margin: 0.5rem !important; + } .mt-xl-2, .my-xl-2 { - margin-top: 0.5rem !important; } + margin-top: 0.5rem !important; + } .mr-xl-2, .mx-xl-2 { - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; + } .mb-xl-2, .my-xl-2 { - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; + } .ml-xl-2, .mx-xl-2 { - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } .m-xl-3 { - margin: 1rem !important; } + margin: 1rem !important; + } .mt-xl-3, .my-xl-3 { - margin-top: 1rem !important; } + margin-top: 1rem !important; + } .mr-xl-3, .mx-xl-3 { - margin-right: 1rem !important; } + margin-right: 1rem !important; + } .mb-xl-3, .my-xl-3 { - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; + } .ml-xl-3, .mx-xl-3 { - margin-left: 1rem !important; } + margin-left: 1rem !important; + } .m-xl-4 { - margin: 1.5rem !important; } + margin: 1.5rem !important; + } .mt-xl-4, .my-xl-4 { - margin-top: 1.5rem !important; } + margin-top: 1.5rem !important; + } .mr-xl-4, .mx-xl-4 { - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; + } .mb-xl-4, .my-xl-4 { - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; + } .ml-xl-4, .mx-xl-4 { - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } .m-xl-5 { - margin: 3rem !important; } + margin: 3rem !important; + } .mt-xl-5, .my-xl-5 { - margin-top: 3rem !important; } + margin-top: 3rem !important; + } .mr-xl-5, .mx-xl-5 { - margin-right: 3rem !important; } + margin-right: 3rem !important; + } .mb-xl-5, .my-xl-5 { - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; + } .ml-xl-5, .mx-xl-5 { - margin-left: 3rem !important; } + margin-left: 3rem !important; + } .p-xl-0 { - padding: 0 !important; } + padding: 0 !important; + } .pt-xl-0, .py-xl-0 { - padding-top: 0 !important; } + padding-top: 0 !important; + } .pr-xl-0, .px-xl-0 { - padding-right: 0 !important; } + padding-right: 0 !important; + } .pb-xl-0, .py-xl-0 { - padding-bottom: 0 !important; } + padding-bottom: 0 !important; + } .pl-xl-0, .px-xl-0 { - padding-left: 0 !important; } + padding-left: 0 !important; + } .p-xl-1 { - padding: 0.25rem !important; } + padding: 0.25rem !important; + } .pt-xl-1, .py-xl-1 { - padding-top: 0.25rem !important; } + padding-top: 0.25rem !important; + } .pr-xl-1, .px-xl-1 { - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; + } .pb-xl-1, .py-xl-1 { - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; + } .pl-xl-1, .px-xl-1 { - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } .p-xl-2 { - padding: 0.5rem !important; } + padding: 0.5rem !important; + } .pt-xl-2, .py-xl-2 { - padding-top: 0.5rem !important; } + padding-top: 0.5rem !important; + } .pr-xl-2, .px-xl-2 { - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; + } .pb-xl-2, .py-xl-2 { - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; + } .pl-xl-2, .px-xl-2 { - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } .p-xl-3 { - padding: 1rem !important; } + padding: 1rem !important; + } .pt-xl-3, .py-xl-3 { - padding-top: 1rem !important; } + padding-top: 1rem !important; + } .pr-xl-3, .px-xl-3 { - padding-right: 1rem !important; } + padding-right: 1rem !important; + } .pb-xl-3, .py-xl-3 { - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; + } .pl-xl-3, .px-xl-3 { - padding-left: 1rem !important; } + padding-left: 1rem !important; + } .p-xl-4 { - padding: 1.5rem !important; } + padding: 1.5rem !important; + } .pt-xl-4, .py-xl-4 { - padding-top: 1.5rem !important; } + padding-top: 1.5rem !important; + } .pr-xl-4, .px-xl-4 { - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; + } .pb-xl-4, .py-xl-4 { - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; + } .pl-xl-4, .px-xl-4 { - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } .p-xl-5 { - padding: 3rem !important; } + padding: 3rem !important; + } .pt-xl-5, .py-xl-5 { - padding-top: 3rem !important; } + padding-top: 3rem !important; + } .pr-xl-5, .px-xl-5 { - padding-right: 3rem !important; } + padding-right: 3rem !important; + } .pb-xl-5, .py-xl-5 { - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; + } .pl-xl-5, .px-xl-5 { - padding-left: 3rem !important; } + padding-left: 3rem !important; + } .m-xl-n1 { - margin: -0.25rem !important; } + margin: -0.25rem !important; + } .mt-xl-n1, .my-xl-n1 { - margin-top: -0.25rem !important; } + margin-top: -0.25rem !important; + } .mr-xl-n1, .mx-xl-n1 { - margin-right: -0.25rem !important; } + margin-right: -0.25rem !important; + } .mb-xl-n1, .my-xl-n1 { - margin-bottom: -0.25rem !important; } + margin-bottom: -0.25rem !important; + } .ml-xl-n1, .mx-xl-n1 { - margin-left: -0.25rem !important; } + margin-left: -0.25rem !important; + } .m-xl-n2 { - margin: -0.5rem !important; } + margin: -0.5rem !important; + } .mt-xl-n2, .my-xl-n2 { - margin-top: -0.5rem !important; } + margin-top: -0.5rem !important; + } .mr-xl-n2, .mx-xl-n2 { - margin-right: -0.5rem !important; } + margin-right: -0.5rem !important; + } .mb-xl-n2, .my-xl-n2 { - margin-bottom: -0.5rem !important; } + margin-bottom: -0.5rem !important; + } .ml-xl-n2, .mx-xl-n2 { - margin-left: -0.5rem !important; } + margin-left: -0.5rem !important; + } .m-xl-n3 { - margin: -1rem !important; } + margin: -1rem !important; + } .mt-xl-n3, .my-xl-n3 { - margin-top: -1rem !important; } + margin-top: -1rem !important; + } .mr-xl-n3, .mx-xl-n3 { - margin-right: -1rem !important; } + margin-right: -1rem !important; + } .mb-xl-n3, .my-xl-n3 { - margin-bottom: -1rem !important; } + margin-bottom: -1rem !important; + } .ml-xl-n3, .mx-xl-n3 { - margin-left: -1rem !important; } + margin-left: -1rem !important; + } .m-xl-n4 { - margin: -1.5rem !important; } + margin: -1.5rem !important; + } .mt-xl-n4, .my-xl-n4 { - margin-top: -1.5rem !important; } + margin-top: -1.5rem !important; + } .mr-xl-n4, .mx-xl-n4 { - margin-right: -1.5rem !important; } + margin-right: -1.5rem !important; + } .mb-xl-n4, .my-xl-n4 { - margin-bottom: -1.5rem !important; } + margin-bottom: -1.5rem !important; + } .ml-xl-n4, .mx-xl-n4 { - margin-left: -1.5rem !important; } + margin-left: -1.5rem !important; + } .m-xl-n5 { - margin: -3rem !important; } + margin: -3rem !important; + } .mt-xl-n5, .my-xl-n5 { - margin-top: -3rem !important; } + margin-top: -3rem !important; + } .mr-xl-n5, .mx-xl-n5 { - margin-right: -3rem !important; } + margin-right: -3rem !important; + } .mb-xl-n5, .my-xl-n5 { - margin-bottom: -3rem !important; } + margin-bottom: -3rem !important; + } .ml-xl-n5, .mx-xl-n5 { - margin-left: -3rem !important; } + margin-left: -3rem !important; + } .m-xl-auto { - margin: auto !important; } + margin: auto !important; + } .mt-xl-auto, .my-xl-auto { - margin-top: auto !important; } + margin-top: auto !important; + } .mr-xl-auto, .mx-xl-auto { - margin-right: auto !important; } + margin-right: auto !important; + } .mb-xl-auto, .my-xl-auto { - margin-bottom: auto !important; } + margin-bottom: auto !important; + } .ml-xl-auto, .mx-xl-auto { - margin-left: auto !important; } } + margin-left: auto !important; + } +} .text-monospace { - font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } + font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !important; +} .text-justify { - text-align: justify !important; } + text-align: justify !important; +} .text-wrap { - white-space: normal !important; } + white-space: normal !important; +} .text-nowrap { - white-space: nowrap !important; } + white-space: nowrap !important; +} .text-truncate { overflow: hidden; text-overflow: ellipsis; - white-space: nowrap; } + white-space: nowrap; +} .text-left { - text-align: left !important; } + text-align: left !important; +} .text-right { - text-align: right !important; } + text-align: right !important; +} .text-center { - text-align: center !important; } + text-align: center !important; +} @media (min-width: 576px) { .text-sm-left { - text-align: left !important; } + text-align: left !important; + } .text-sm-right { - text-align: right !important; } + text-align: right !important; + } .text-sm-center { - text-align: center !important; } } + text-align: center !important; + } +} @media (min-width: 768px) { .text-md-left { - text-align: left !important; } + text-align: left !important; + } .text-md-right { - text-align: right !important; } + text-align: right !important; + } .text-md-center { - text-align: center !important; } } + text-align: center !important; + } +} @media (min-width: 992px) { .text-lg-left { - text-align: left !important; } + text-align: left !important; + } .text-lg-right { - text-align: right !important; } + text-align: right !important; + } .text-lg-center { - text-align: center !important; } } + text-align: center !important; + } +} @media (min-width: 1200px) { .text-xl-left { - text-align: left !important; } + text-align: left !important; + } .text-xl-right { - text-align: right !important; } + text-align: right !important; + } .text-xl-center { - text-align: center !important; } } + text-align: center !important; + } +} .text-lowercase { - text-transform: lowercase !important; } + text-transform: lowercase !important; +} .text-uppercase { - text-transform: uppercase !important; } + text-transform: uppercase !important; +} .text-capitalize { - text-transform: capitalize !important; } + text-transform: capitalize !important; +} .font-weight-light { - font-weight: 300 !important; } + font-weight: 300 !important; +} .font-weight-lighter { - font-weight: lighter !important; } + font-weight: lighter !important; +} .font-weight-normal { - font-weight: 400 !important; } + font-weight: 400 !important; +} .font-weight-bold { - font-weight: 700 !important; } + font-weight: 700 !important; +} .font-weight-bolder { - font-weight: bolder !important; } + font-weight: bolder !important; +} .font-italic { - font-style: italic !important; } + font-style: italic !important; +} .text-white { - color: #fff !important; } + color: #fff !important; +} .text-primary { - color: #111 !important; } + color: #111 !important; +} -a.text-primary:hover, a.text-primary:focus { - color: black !important; } +a.text-primary:hover, +a.text-primary:focus { + color: black !important; +} .text-secondary { - color: #515151 !important; } + color: #515151 !important; +} -a.text-secondary:hover, a.text-secondary:focus { - color: #2b2b2b !important; } +a.text-secondary:hover, +a.text-secondary:focus { + color: #2b2b2b !important; +} .text-success { - color: #28a745 !important; } + color: #28a745 !important; +} -a.text-success:hover, a.text-success:focus { - color: #19692c !important; } +a.text-success:hover, +a.text-success:focus { + color: #19692c !important; +} .text-info { - color: #17a2b8 !important; } + color: #17a2b8 !important; +} -a.text-info:hover, a.text-info:focus { - color: #0f6674 !important; } +a.text-info:hover, +a.text-info:focus { + color: #0f6674 !important; +} .text-warning { - color: #ffc107 !important; } + color: #ffc107 !important; +} -a.text-warning:hover, a.text-warning:focus { - color: #ba8b00 !important; } +a.text-warning:hover, +a.text-warning:focus { + color: #ba8b00 !important; +} .text-danger { - color: #dc3545 !important; } + color: #dc3545 !important; +} -a.text-danger:hover, a.text-danger:focus { - color: #a71d2a !important; } +a.text-danger:hover, +a.text-danger:focus { + color: #a71d2a !important; +} .text-light { - color: #f8f9fa !important; } + color: #f8f9fa !important; +} -a.text-light:hover, a.text-light:focus { - color: #cbd3da !important; } +a.text-light:hover, +a.text-light:focus { + color: #cbd3da !important; +} .text-dark { - color: #343a40 !important; } + color: #343a40 !important; +} -a.text-dark:hover, a.text-dark:focus { - color: #121416 !important; } +a.text-dark:hover, +a.text-dark:focus { + color: #121416 !important; +} .text-body { - color: #212529 !important; } + color: #212529 !important; +} .text-muted { - color: #6c757d !important; } + color: #6c757d !important; +} .text-black-50 { - color: rgba(0, 0, 0, 0.5) !important; } + color: rgba(0, 0, 0, 0.5) !important; +} .text-white-50 { - color: rgba(255, 255, 255, 0.5) !important; } + color: rgba(255, 255, 255, 0.5) !important; +} .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; - border: 0; } + border: 0; +} .text-decoration-none { - text-decoration: none !important; } + text-decoration: none !important; +} .text-break { word-break: break-word !important; - overflow-wrap: break-word !important; } + overflow-wrap: break-word !important; +} .text-reset { - color: inherit !important; } + color: inherit !important; +} .visible { - visibility: visible !important; } + visibility: visible !important; +} .invisible { - visibility: hidden !important; } + visibility: hidden !important; +} @media print { *, *::before, *::after { text-shadow: none !important; - box-shadow: none !important; } + box-shadow: none !important; + } a:not(.btn) { - text-decoration: underline; } + text-decoration: underline; + } abbr[title]::after { - content: " (" attr(title) ")"; } + content: ' (' attr(title) ')'; + } pre { - white-space: pre-wrap !important; } + white-space: pre-wrap !important; + } pre, blockquote { border: 1px solid #adb5bd; - page-break-inside: avoid; } + page-break-inside: avoid; + } thead { - display: table-header-group; } + display: table-header-group; + } tr, img { - page-break-inside: avoid; } + page-break-inside: avoid; + } p, h2, h3 { orphans: 3; - widows: 3; } + widows: 3; + } h2, h3 { - page-break-after: avoid; } + page-break-after: avoid; + } @page { - size: a3; } + size: a3; + } body { - min-width: 992px !important; } + min-width: 992px !important; + } .container { - min-width: 992px !important; } + min-width: 992px !important; + } .navbar { - display: none; } + display: none; + } .badge { - border: 1px solid #000; } + border: 1px solid #000; + } .table { - border-collapse: collapse !important; } - .table td, - .table th { - background-color: #fff !important; } + border-collapse: collapse !important; + } + .table td, + .table th { + background-color: #fff !important; + } .table-bordered th, .table-bordered td { - border: 1px solid #dee2e6 !important; } + 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; } + 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; } } + border-color: #dee2e6; + } +} label, -legend, .small-caps, .textbox-fancy .label, .heading-top, .btn-sm, .btn-group-sm > .btn, h6.dropdown-header { +legend, +.small-caps, +.textbox-fancy .label, +.heading-top, +.btn-sm, +.btn-group-sm > .btn, +h6.dropdown-header { font-variant: all-small-caps; font-weight: 400; - font-size: 14px; } + font-size: 14px; +} *:focus { - outline: none !important; } + outline: none !important; +} *::selection { - background: #56CCF2; } + background: #56ccf2; +} body { -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } + -moz-osx-font-smoothing: grayscale; +} a { transition: all 0.3s; - cursor: pointer; } + cursor: pointer; +} a:hover { - background: rgba(86, 204, 242, 0.4); } + background: rgba(86, 204, 242, 0.4); +} a:active { - background: #56CCF2; } + background: #56ccf2; +} p > a { text-decoration: underline; text-decoration-color: #dddddd; padding-left: 1px; - padding-right: 1px; } + padding-right: 1px; +} P > a:hover { - text-decoration-color: transparent; } + text-decoration-color: transparent; +} code { padding: 0.2em 0.4em; - border: 1px solid #d9d9d9; } + border: 1px solid #d9d9d9; +} .textbox-fancy { - font-size: 1.2em; } - .textbox-fancy .label { - font-weight: bold; - color: #aaaaaa; } + font-size: 1.2em; +} +.textbox-fancy .label { + font-weight: bold; + color: #aaaaaa; +} .text-serif, .serif { - font-family: "questa", serif; } + font-family: 'questa', serif; +} .text-sans, .sans, @@ -6920,91 +9387,116 @@ legend, .btn-sm, .btn-group-sm > .btn, h6.dropdown-header { - font-family: "questa-sans", sans-serif; } + font-family: 'questa-sans', sans-serif; +} .article-matches em, .highlight { background: rgba(244, 208, 98, 0.7); - outline: 1px solid #F4D062; - padding: 0 0.2em; } + outline: 1px solid #f4d062; + padding: 0 0.2em; +} .text-tertiary { - color: #aaaaaa; } + color: #aaaaaa; +} .text-quaternary { - color: #dddddd; } + color: #dddddd; +} .text-accent { - color: #F4D062; } + color: #f4d062; +} .text-accent-secondary { - color: #56CCF2; } + color: #56ccf2; +} .bg-tertiary { - background-color: #aaaaaa; } + background-color: #aaaaaa; +} .bg-quaternary { - background-color: #dddddd; } + background-color: #dddddd; +} .bg-accent { - background-color: #F4D062; } + background-color: #f4d062; +} .bg-accent-secondary { - background-color: #56CCF2; } + background-color: #56ccf2; +} .heading-top { font-weight: normal; color: #aaaaaa; - margin-bottom: 0.5em; } + margin-bottom: 0.5em; +} .heading-wrapper { position: relative; border-bottom: 1px solid #111; padding-top: 0em; - margin-bottom: 1em; } + margin-bottom: 1em; +} .heading-top { border-bottom: 1px solid #aaaaaa; padding-bottom: 0.5em; - margin-bottom: 1px; } + margin-bottom: 1px; +} -.drop-shadow, .dropdown-menu { - box-shadow: 0.3em 0.3em 0 rgba(17, 17, 17, 0.2); } +.drop-shadow, +.dropdown-menu { + box-shadow: 0.3em 0.3em 0 rgba(17, 17, 17, 0.2); +} .custom-control-label::before { border: 1px solid white; - outline: 1px solid #aaaaaa; } + outline: 1px solid #aaaaaa; +} .badge > a.dripicons { - vertical-align: middle; } + vertical-align: middle; +} -.btn-sm, .btn-group-sm > .btn { - padding: 0.15em 0.6em 0.2em 0.6em; } +.btn-sm, +.btn-group-sm > .btn { + padding: 0.15em 0.6em 0.2em 0.6em; +} -.btn.dropdown-toggle[aria-expanded=true] { +.btn.dropdown-toggle[aria-expanded='true'] { box-shadow: none !important; background-color: #fff; - color: inherit; } + color: inherit; +} .btn.dropdown-toggle:not(.disabled):hover, .btn.dropdown-toggle:not(.disabled):focus { background-color: #fff; - color: currentColor; } + color: currentColor; +} .dropdown-menu { border-color: #111; background-color: #fff; margin-top: -1px; - min-width: 100%; } + min-width: 100%; +} -.dropdown-menu[x-placement^="top"] { - margin-top: 0px; } +.dropdown-menu[x-placement^='top'] { + margin-top: 0px; +} .dropdown-divider { - border-color: #aaaaaa; } + border-color: #aaaaaa; +} h6.dropdown-header { - margin-right: 1em; } + margin-right: 1em; +} .dropdown-toggle::after { font-family: dripicons-v2; @@ -7014,11 +9506,14 @@ h6.dropdown-header { border: none; vertical-align: top; margin-top: -0.1em; - transition: 0.2s; } + transition: 0.2s; +} .dropdown-toggle-split:after { - margin-left: 0; } + margin-left: 0; +} -.dropdown-toggle[aria-expanded=true]::after, +.dropdown-toggle[aria-expanded='true']::after, .dropdown-toggle:hover::after { - margin-top: 0.2em; } + margin-top: 0.2em; +} diff --git a/src/components/AcceptTermsOfUse.vue b/src/components/AcceptTermsOfUse.vue new file mode 100644 index 000000000..66022c54e --- /dev/null +++ b/src/components/AcceptTermsOfUse.vue @@ -0,0 +1,62 @@ + + + diff --git a/src/components/Alert.vue b/src/components/Alert.vue new file mode 100644 index 000000000..ba4ca9149 --- /dev/null +++ b/src/components/Alert.vue @@ -0,0 +1,70 @@ + + + + + diff --git a/src/components/ChangePlanForm.vue b/src/components/ChangePlanForm.vue new file mode 100644 index 000000000..fbed0bdf6 --- /dev/null +++ b/src/components/ChangePlanForm.vue @@ -0,0 +1,143 @@ + + + + + diff --git a/src/components/ChangePlanModal.vue b/src/components/ChangePlanModal.vue new file mode 100644 index 000000000..ce5304669 --- /dev/null +++ b/src/components/ChangePlanModal.vue @@ -0,0 +1,117 @@ + + + + + diff --git a/src/components/ComposeSearchQuery.vue b/src/components/ComposeSearchQuery.vue index d93a9e972..90fcfb2ec 100644 --- a/src/components/ComposeSearchQuery.vue +++ b/src/components/ComposeSearchQuery.vue @@ -25,7 +25,7 @@ + + diff --git a/src/components/HomePage2020.vue b/src/components/HomePage2020.vue index ee2b749c2..896f3f21b 100644 --- a/src/components/HomePage2020.vue +++ b/src/components/HomePage2020.vue @@ -84,6 +84,7 @@
+ @@ -237,6 +238,7 @@ import Autocomplete from './Autocomplete.vue' import SearchTabs from './modules/SearchTabs.vue' import SearchPills from '@/components/SearchPills.vue' +import TermsOfUseStatus from '@/components/TermsOfUseStatus.vue' import HomePageFooter from './HomePageFooter.vue' import Recipe from './Recipe.vue' import { optimizeFilters, serializeFilters } from '@/logic/filters' @@ -339,7 +341,8 @@ export default { SearchTabs, HomePageFooter, SearchPills, - Recipe + Recipe, + TermsOfUseStatus } } diff --git a/src/components/LinkToModal.vue b/src/components/LinkToModal.vue new file mode 100644 index 000000000..540149948 --- /dev/null +++ b/src/components/LinkToModal.vue @@ -0,0 +1,36 @@ + + diff --git a/src/components/LoadingBlock.vue b/src/components/LoadingBlock.vue new file mode 100644 index 000000000..8f77c0a1b --- /dev/null +++ b/src/components/LoadingBlock.vue @@ -0,0 +1,66 @@ + + + + + diff --git a/src/components/MarkdownContent.vue b/src/components/MarkdownContent.vue new file mode 100644 index 000000000..99f487c69 --- /dev/null +++ b/src/components/MarkdownContent.vue @@ -0,0 +1,42 @@ + + + diff --git a/src/components/Modals.vue b/src/components/Modals.vue new file mode 100644 index 000000000..01f00c8bd --- /dev/null +++ b/src/components/Modals.vue @@ -0,0 +1,124 @@ + + + diff --git a/src/components/TermsOfUseModal.vue b/src/components/TermsOfUseModal.vue new file mode 100644 index 000000000..2b66d64cb --- /dev/null +++ b/src/components/TermsOfUseModal.vue @@ -0,0 +1,77 @@ + + + + + diff --git a/src/components/TermsOfUsePage.vue b/src/components/TermsOfUsePage.vue deleted file mode 100644 index 1f3780340..000000000 --- a/src/components/TermsOfUsePage.vue +++ /dev/null @@ -1,38 +0,0 @@ - - - - - diff --git a/src/components/TermsOfUseStatus.vue b/src/components/TermsOfUseStatus.vue new file mode 100644 index 000000000..12534886a --- /dev/null +++ b/src/components/TermsOfUseStatus.vue @@ -0,0 +1,33 @@ + + + diff --git a/src/components/TextReuseClusterMonitor.vue b/src/components/TextReuseClusterMonitor.vue index b5e90f626..51a54f491 100644 --- a/src/components/TextReuseClusterMonitor.vue +++ b/src/components/TextReuseClusterMonitor.vue @@ -50,7 +50,7 @@ + +{ + "en": { + "label_pending": "You requested to change plan to {planLabel} on {dateCreated}. Your request is pending approval.", + "label_approved": "Your request for the {planLabel} has been accepted on {dateLastModified}.", + "label_rejected": "We are sorry, but the request made on {dateCreated} has been rejected on {dateLastModified}. Please contact us if you think there has been a mistake." + } +} + diff --git a/src/components/base/Icon.vue b/src/components/base/Icon.vue index e6cb81240..1004df406 100644 --- a/src/components/base/Icon.vue +++ b/src/components/base/Icon.vue @@ -156,6 +156,66 @@ const Icons: Record = { d: 'M6 18L18 6' } ] + }, + warningTriangle: { + // + width: 24, + height: 24, + paths: [ + { + style: `fill:transparent; stroke-width:${props.strokeWidth}px; stroke-linecap:round;`, + d: 'M20.0429 21H3.95705C2.41902 21 1.45658 19.3364 2.22324 18.0031L10.2662 4.01533C11.0352 2.67792 12.9648 2.67791 13.7338 4.01532L21.7768 18.0031C22.5434 19.3364 21.581 21 20.0429 21Z' + }, + { + style: `fill:transparent; stroke-width:${props.strokeWidth}px; stroke-linecap:round;`, + d: 'M12 9V13' + }, + { + style: `fill:transparent; stroke-width:${props.strokeWidth}px; stroke-linecap:round; stroke-linejoin:round;`, + d: 'M12 17.01L12.01 16.9989' + } + ] + }, + sendMail: { + // + width: 24, + height: 24, + paths: [ + { + style: `fill:transparent; stroke-width:${props.strokeWidth}px; stroke-linecap:round; stroke-linejoin:round;`, + d: 'M9 9L13.5 12L18 9' + }, + { + style: `fill:transparent; stroke-width:${props.strokeWidth}px; stroke-linecap:round; stroke-linejoin:round;`, + d: 'M3 13.5H5' + }, + { + style: `fill:transparent; stroke-width:${props.strokeWidth}px; stroke-linecap:round; stroke-linejoin:round;`, + d: 'M1 10.5H5' + }, + { + style: `fill:transparent; stroke-width:${props.strokeWidth}px; stroke-linecap:round;`, + d: 'M5 7.5V7C5 5.89543 5.89543 5 7 5H20C21.1046 5 22 5.89543 22 7V17C22 18.1046 21.1046 19 20 19H7C5.89543 19 5 18.1046 5 17V16.5' + } + ] + }, + info: { + width: 24, + height: 24, + paths: [ + { + style: 'stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round;fill:transparent', + d: 'M12 11.5V16.5' + }, + { + style: 'stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round;fill:transparent', + d: 'M12 7.51L12.01 7.49889' + }, + { + style: 'stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round;fill:transparent', + d: 'M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' + } + ] } } diff --git a/src/components/base/Modal.vue b/src/components/base/Modal.vue index a9e70315f..5cf091cc5 100644 --- a/src/components/base/Modal.vue +++ b/src/components/base/Modal.vue @@ -3,7 +3,7 @@
-
- +
+
{{ props.title }}
@@ -60,6 +55,7 @@ - diff --git a/src/components/modals/CookieDisclaimer.vue b/src/components/modals/CookieDisclaimer.vue index 315b91b4c..8e1efcc33 100644 --- a/src/components/modals/CookieDisclaimer.vue +++ b/src/components/modals/CookieDisclaimer.vue @@ -10,31 +10,27 @@
- diff --git a/src/components/modals/DisclaimerNotice.vue b/src/components/modals/DisclaimerNotice.vue deleted file mode 100644 index 267cd3b27..000000000 --- a/src/components/modals/DisclaimerNotice.vue +++ /dev/null @@ -1,51 +0,0 @@ - - - diff --git a/src/components/stories/ChangePlanModal.stories.ts b/src/components/stories/ChangePlanModal.stories.ts new file mode 100644 index 000000000..49f9a45a4 --- /dev/null +++ b/src/components/stories/ChangePlanModal.stories.ts @@ -0,0 +1,101 @@ +import type { Meta, StoryObj } from '@storybook/vue3' +import ChangePlanModal from '@/components/ChangePlanModal.vue' +import { ref } from 'vue' +import { AvailablePlans, PlanLabels } from '@/constants' +import { UserChangePlanRequest } from '@/services/types' + +const meta: Meta = { + title: 'Components/ChangePlanModal', + component: ChangePlanModal, + tags: ['autodocs'], + render: args => { + return { + setup() { + return { args } + }, + components: { ChangePlanModal }, + template: + '
' + } + } +} + +export default meta + +type Story = StoryObj + +export const Default: Story = { + args: { + availablePlans: AvailablePlans, + availablePlansLabels: PlanLabels, + userPlan: AvailablePlans[0], + isVisible: true, + isLoading: true, + title: 'Change your plan' + } +} +export const WithPendingRequest: Story = { + args: { + availablePlans: AvailablePlans, + availablePlansLabels: PlanLabels, + userPlan: AvailablePlans[0], + isVisible: true, + isLoading: false, + title: 'Change your plan', + userChangePlanRequest: { + id: 1, + plan: { + id: 2, + name: AvailablePlans[1] + }, + status: 'pending', + dateCreated: new Date().toISOString(), + dateLastModified: new Date().toISOString(), + changelog: [] + } as UserChangePlanRequest + } +} + +export const WithRejectedRequest: Story = { + args: { + availablePlans: AvailablePlans, + availablePlansLabels: PlanLabels, + userPlan: AvailablePlans[0], + isVisible: true, + isLoading: false, + title: 'Change your plan', + userChangePlanRequest: { + id: 1, + plan: { + id: 2, + name: AvailablePlans[1] + }, + status: 'rejected', + dateCreated: new Date().toISOString(), + dateLastModified: new Date().toISOString(), + changelog: [] + } as UserChangePlanRequest + } +} + +export const WithApprovedRequest: Story = { + args: { + availablePlans: AvailablePlans, + availablePlansLabels: PlanLabels, + userPlan: AvailablePlans[1], + isVisible: true, + isLoading: false, + title: 'Change your plan', + userChangePlanRequest: { + id: 1, + plan: { + id: 2, + name: AvailablePlans[1] + }, + status: 'approved', + dateCreated: new Date().toISOString(), + dateLastModified: new Date().toISOString(), + changelog: [] + } as UserChangePlanRequest + } +} diff --git a/src/components/stories/TermsOfUseModal.stories.ts b/src/components/stories/TermsOfUseModal.stories.ts new file mode 100644 index 000000000..3e5cf6d7e --- /dev/null +++ b/src/components/stories/TermsOfUseModal.stories.ts @@ -0,0 +1,30 @@ +import type { Meta, StoryObj } from '@storybook/vue3' +import TermsOfUseModal from '@/components/TermsOfUseModal.vue' +import { ref } from 'vue' + +const meta: Meta = { + title: 'Components/TermsOfUseModal', + component: TermsOfUseModal, + tags: ['autodocs'], + render: args => { + return { + setup() { + return { args } + }, + components: { TermsOfUseModal }, + template: + '
' + } + } +} + +export default meta + +type Story = StoryObj + +export const Default: Story = { + args: { + dialogClass: 'modal-dialog-scrollable modal-lg', + isVisible: true + } +} diff --git a/src/components/stories/TermsOfUseStatus.stories.ts b/src/components/stories/TermsOfUseStatus.stories.ts new file mode 100644 index 000000000..f12ba6ea4 --- /dev/null +++ b/src/components/stories/TermsOfUseStatus.stories.ts @@ -0,0 +1,43 @@ +import type { Meta, StoryObj } from '@storybook/vue3' +import TermsOfUseStatus from '@/components/TermsOfUseStatus.vue' +import AcceptTermsOfUse from '@/components/AcceptTermsOfUse.vue' +import { ref } from 'vue' +import { useUserStore } from '@/stores/user' + +const meta: Meta = { + title: 'Components/TermsOfUseStatus', + component: TermsOfUseStatus, + tags: ['autodocs'], + render: args => { + const userStore = useUserStore() + + return { + setup() { + return { args } + }, + methods: { + toggleAcceptTermsDate() { + if (userStore.acceptTermsDate) { + userStore.acceptTermsDate = null + } else { + userStore.acceptTermsDate = new Date().toISOString() + } + } + }, + computed: { + acceptTermsDate: () => userStore.acceptTermsDate + }, + components: { TermsOfUseStatus, AcceptTermsOfUse }, + template: + '
stored value:{{acceptTermsDate}}
' + } + } +} + +export default meta + +type Story = StoryObj + +export const Default: Story = { + args: {} +} diff --git a/src/constants.ts b/src/constants.ts new file mode 100644 index 000000000..4dd25475a --- /dev/null +++ b/src/constants.ts @@ -0,0 +1,26 @@ +export const PlanGuest = 'guest' +export const PlanImpressoUser = 'plan-basic' +// IMPRESSO_GROUP_USER_PLAN_EDUCATIONAL = "plan-educational" +// IMPRESSO_GROUP_USER_PLAN_RESEARCHER = "plan-researcher" +export const PlanEducational = 'plan-educational' +export const PlanResearcher = 'plan-researcher' +export const PlanResearcherPlus = 'academic-user-plus' +export const PlanNone = 'no-plan' +export const PlanLabels: Record = { + [PlanGuest]: 'Guest', + [PlanImpressoUser]: 'Basic User', + [PlanEducational]: 'Student User', + [PlanResearcher]: 'Academic User', + [PlanResearcherPlus]: 'Academic User +', + [PlanNone]: 'No Plan' +} +export const Plans: string[] = [ + PlanGuest, + PlanImpressoUser, + PlanEducational, + PlanResearcher, + PlanResearcherPlus, + PlanNone +] + +export const AvailablePlans = [PlanImpressoUser, PlanEducational, PlanResearcher] diff --git a/src/i18n/messages.js b/src/i18n/messages.js index c8a3f57ea..28d1f614d 100644 --- a/src/i18n/messages.js +++ b/src/i18n/messages.js @@ -264,6 +264,9 @@ export default { pages: { powervis: { title: 'XY visualisation' + }, + termsOfUse: { + title: 'Terms of Use' } }, label: { diff --git a/src/init.ts b/src/init.ts index a45a4a641..7b6e5c909 100644 --- a/src/init.ts +++ b/src/init.ts @@ -1,5 +1,5 @@ import type { App } from 'vue' -import { version as versionService, app as appService } from '@/services' +import { version as versionService, app as appService, me as meService } from '@/services' import { useUserStore } from './stores/user' import { useNotificationsStore } from './stores/notifications' @@ -15,24 +15,124 @@ const reducedTimeoutPromise = ({ ms = 500, service }) => }, ms) }) -export const initSequence = async () => - Promise.race([ +type ApiVersion = { + version: string + branch: string + revision: string +} + +type DocumentsDateSpan = { + firstDate: string + lastDate: string +} + +type Features = { + textReuse: { enabled: boolean } +} + +type VersionResponse = { + version: string + apiVersion: ApiVersion + documentsDateSpan: DocumentsDateSpan + newspapers: Record + features: Features +} + +export const loadVersion = async () => { + const res: VersionResponse = await Promise.race([ + reducedTimeoutPromise({ + service: 'version' + }), + versionService.find().then(res => ({ + version: res.version, + apiVersion: res.apiVersion, + documentsDateSpan: res.documentsDateSpan, + newspapers: res.newspapers, + features: res.features + })) + ]) + .catch(err => { + console.warn(err) + return { + version: 'n/a', + documentsDateSpan: { firstDate: '1700-01-01', lastDate: new Date().toISOString() }, + apiVersion: {}, + newspapers: {} + } + }) + .then(res => { + return res as VersionResponse + }) + + console.info( + '%cimpresso-middle-layer version', + 'font-weight: bold', + '\n - tag:', + res.apiVersion.version, + '\n - branch:', + res.apiVersion.branch, + `\n - url: https://github.com/impresso/impresso-middle-layer/commit/${res.apiVersion.revision}`, + '\n - name:', + res.version, + '\n - date range: ', + res.documentsDateSpan, + '\n - features:', + res.features + ) + const glob: any = window + glob.impressoFrontendVersion = import.meta.env.VITE_GIT_TAG + glob.impressoFrontendRevision = import.meta.env.VITE_GIT_REVISION + glob.impressoFrontendBranch = import.meta.env.VITE_GIT_BRANCH + glob.impressoVersion = res.version + glob.impressoApiVersion = res.apiVersion + glob.impressoDocumentsDateSpan = res.documentsDateSpan + glob.impressoNewspapers = res.newspapers + glob.impressoFeatures = res.features + glob.impressoDocumentsYearSpan = { + firstYear: new Date(res.documentsDateSpan.firstDate).getFullYear(), + lastYear: new Date(res.documentsDateSpan.lastDate).getFullYear() + } + glob.impressoInfo = { + frontend: { + version: glob.impressoFrontendVersion, + revision: glob.impressoFrontendRevision, + branch: glob.impressoFrontendBranch, + gitRepoUrl: import.meta.env.VITE_GIT_REPO, + gitCommitUrl: `${import.meta.env.VITE_GIT_REPO}/commit/${glob.impressoFrontendRevision}`, + gitCommitUrlLabel: import.meta.env.VITE_GIT_REPO.split('/').slice(3, 5).join('/') + }, + middleLayer: { + version: glob.impressoApiVersion.version ?? 'latest', + revision: glob.impressoApiVersion.revision, + branch: glob.impressoApiVersion.branch, + gitRepoUrl: import.meta.env.VITE_MIDDLE_LAYER_GIT_REPO, + gitCommitUrl: `${import.meta.env.VITE_MIDDLE_LAYER_GIT_REPO}/commit/${glob.impressoApiVersion.revision}`, + gitCommitUrlLabel: import.meta.env.VITE_MIDDLE_LAYER_GIT_REPO.split('/').slice(3, 5).join('/') + }, + project: { + repoUrl: import.meta.env.VITE_GIT_REPO.split('/').slice(0, 4).join('/'), + repoUrlLabel: import.meta.env.VITE_GIT_REPO.split('/').slice(3, 5).join('/') + } + } +} + +export const initSequence = async () => { + await loadVersion() + const userStore = useUserStore() + await Promise.race([ appService.reAuthenticate(), reducedTimeoutPromise({ ms: 2000, service: 'app.reAuthenticate' }) ]) .catch(err => { if (err.code === 401) { // eslint-disable-next-line - console.debug('[main] Not authenticated (status 401):', err.message) - const userStore = useUserStore() - + console.debug('[init:initSequence] Not authenticated (status 401):', err.message) if (userStore.user) { // eslint-disable-next-line console.debug( - '[main] Authentication failed ... but an user is present in logalStorage. Force logging out.' + '[init:initSequence] Authentication failed. However, previous user metadata are still present in localStorage. Forcing logout.' ) userStore.logout() - const notificationsStore = useNotificationsStore() notificationsStore.displayError({ error: err, @@ -43,95 +143,25 @@ export const initSequence = async () => console.error(err) } }) - .then(() => { - // eslint-disable-next-line - console.debug('[main] Loading app & data version...') - return Promise.race([ - reducedTimeoutPromise({ - service: 'version' - }), - versionService.find().then(res => ({ - version: res.version, - apiVersion: res.apiVersion, - documentsDateSpan: res.documentsDateSpan, - newspapers: res.newspapers, - features: res.features - })) - ]).catch(err => { - console.warn(err) - return { - version: 'n/a', - documentsDateSpan: { firstDate: '1700-01-01', lastDate: new Date().toISOString() }, - apiVersion: {}, - newspapers: {} - } - }) - }) - .then( - ({ - version, - documentsDateSpan, - newspapers, - apiVersion = {}, - features = DefaultImpressoFeatures - }: { - version: string - documentsDateSpan: { firstDate: string; lastDate: string } - newspapers: any - apiVersion: any - features: any - }) => { - console.info( - '%cimpresso-middle-layer version', - 'font-weight: bold', - '\n - tag:', - apiVersion.version, - '\n - branch:', - apiVersion.branch, - `\n - url: https://github.com/impresso/impresso-middle-layer/commit/${apiVersion.revision}`, - '\n - name:', - version, - '\n - date range: ', - documentsDateSpan, - '\n - features:', - features - ) - const glob: any = window - glob.impressoFrontendVersion = import.meta.env.VITE_GIT_TAG - glob.impressoFrontendRevision = import.meta.env.VITE_GIT_REVISION - glob.impressoFrontendBranch = import.meta.env.VITE_GIT_BRANCH - glob.impressoVersion = version - glob.impressoApiVersion = apiVersion - glob.impressoDocumentsDateSpan = documentsDateSpan - glob.impressoNewspapers = newspapers - glob.impressoFeatures = features - glob.impressoDocumentsYearSpan = { - firstYear: new Date(documentsDateSpan.firstDate).getFullYear(), - lastYear: new Date(documentsDateSpan.lastDate).getFullYear() - } - glob.impressoInfo = { - frontend: { - version: glob.impressoFrontendVersion, - revision: glob.impressoFrontendRevision, - branch: glob.impressoFrontendBranch, - gitRepoUrl: import.meta.env.VITE_GIT_REPO, - gitCommitUrl: `${import.meta.env.VITE_GIT_REPO}/commit/${glob.impressoFrontendRevision}`, - gitCommitUrlLabel: import.meta.env.VITE_GIT_REPO.split('/').slice(3, 5).join('/') - }, - middleLayer: { - version: glob.impressoApiVersion.version ?? 'latest', - revision: glob.impressoApiVersion.revision, - branch: glob.impressoApiVersion.branch, - gitRepoUrl: import.meta.env.VITE_MIDDLE_LAYER_GIT_REPO, - gitCommitUrl: `${import.meta.env.VITE_MIDDLE_LAYER_GIT_REPO}/commit/${glob.impressoApiVersion.revision}`, - gitCommitUrlLabel: import.meta.env.VITE_MIDDLE_LAYER_GIT_REPO.split('/') - .slice(3, 5) - .join('/') - }, - project: { - repoUrl: import.meta.env.VITE_GIT_REPO.split('/').slice(0, 4).join('/'), - repoUrlLabel: import.meta.env.VITE_GIT_REPO.split('/').slice(3, 5).join('/') - } + .then(async res => { + if (!res) { + console.debug('[init:initSequence] No reAuthenticateResponse') + // force logout + if (userStore.user) { + userStore.logout() } + return } - ) + // eslint-disable-next-line + console.debug('[init:initSequence] Loading app & data version:', Object.keys(res)) + console.debug( + '[init:initSequence] username:', + userStore.user ? userStore.user.username : 'n/a' + ) + if (!userStore.user) { + console.debug('[init:initSequence] No user data found. Loading fresh data...') + const user = await userStore.refreshUser() + console.debug('[init:initSequence] User data loaded:', user?.username) + } + }) +} diff --git a/src/pages/TermsOfUse.vue b/src/pages/TermsOfUse.vue new file mode 100644 index 000000000..8d433ef2e --- /dev/null +++ b/src/pages/TermsOfUse.vue @@ -0,0 +1,37 @@ + + + diff --git a/src/router/index.ts b/src/router/index.ts index b63e8606e..17598414f 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -2,7 +2,6 @@ import { createRouter, createWebHistory } from 'vue-router' import * as services from '@/services' import HomePage2020 from '@/components/HomePage2020.vue' import FaqPage from '@/pages/FaqPage.vue' -import TermsOfUsePage from '@/components/TermsOfUsePage.vue' import IssuePage from '@/components/IssuePage.vue' import UserLoginPage from '@/components/UserLoginPage.vue' import TestPage from '@/components/TestPage.vue' @@ -69,14 +68,7 @@ const router = createRouter({ requiresAuth: false } }, - { - path: '/terms-of-use', - name: 'termsOfUse', - component: TermsOfUsePage, - meta: { - requiresAuth: false - } - }, + { path: '/search', name: 'search', @@ -299,6 +291,14 @@ const router = createRouter({ requiresAuth: true } }, + { + path: '/terms-of-use', + name: 'termsOfUse', + component: () => import('@/pages/TermsOfUse.vue'), + meta: { + requiresAuth: false + } + }, { path: '/topics', component: TopicsPage, diff --git a/src/services/index.ts b/src/services/index.ts index 35809e531..0fdf85814 100644 --- a/src/services/index.ts +++ b/src/services/index.ts @@ -177,6 +177,7 @@ export const entityMentionsTimeline = app.service('entity-mentions-timeline') export const textReuseConnectedClusters = app.service('text-reuse-connected-clusters') export const passwordReset = app.service('password-reset') export const termsOfUse = app.service('terms-of-use') +export const userChangePlanRequest = app.service('user-change-plan-request') export const MIDDLELAYER_API = import.meta.env.VITE_MIDDLELAYER_API export const MIDDLELAYER_MEDIA_PATH = import.meta.env.VITE_MIDDLELAYER_MEDIA_PATH diff --git a/src/services/types.ts b/src/services/types.ts index 8448edb45..f71300cf0 100644 --- a/src/services/types.ts +++ b/src/services/types.ts @@ -21,3 +21,27 @@ interface UntypedServices { export interface Services extends UntypedServices { ['errors-collector']: ErrorsCollectorService } + +export interface Group { + id: number + name: string +} + +export interface ChangelogEntry { + date: string + plan: string + notes: string + status: string +} + +export interface UserChangePlanRequest { + id: number + dateCreated: string + dateLastModified: string + status: 'pending' | 'approved' | 'rejected' + changelog: ChangelogEntry[] + notes: string | null + planId: number + userId: number + plan: Group +} diff --git a/src/stores/settings.ts b/src/stores/settings.ts index 22ab62e9d..f331e4643 100644 --- a/src/stores/settings.ts +++ b/src/stores/settings.ts @@ -4,38 +4,33 @@ interface State { lastNotificationDate: string language_code: string cookiesAccepted: boolean - termsAgreed: boolean searchDisplayStyle: string } export const useSettingsStore = defineStore('settings', { state: (): State => ({ - lastNotificationDate: (new Date(0)).toISOString(), + lastNotificationDate: new Date(0).toISOString(), language_code: 'en', cookiesAccepted: false, - termsAgreed: false, searchDisplayStyle: 'list' }), getters: { lastNotificationDateAsDate(state) { - return new Date(state.lastNotificationDate); + return new Date(state.lastNotificationDate) } }, actions: { - updateLastNotificationDate(date? : Date) { - this.lastNotificationDate = date != null ? date.toISOString() : (new Date()).toISOString(); + updateLastNotificationDate(date?: Date) { + this.lastNotificationDate = date != null ? date.toISOString() : new Date().toISOString() }, setLanguageCode(code: string) { - this.language_code = code; + this.language_code = code }, setCookiesAccepted(accepted: boolean) { - this.cookiesAccepted = accepted; - }, - acceptTermsOfUse() { - this.termsAgreed = true; + this.cookiesAccepted = accepted }, updateSearchDisplayStyle(style: string) { - this.searchDisplayStyle = style; + this.searchDisplayStyle = style } }, persist: { @@ -44,7 +39,7 @@ export const useSettingsStore = defineStore('settings', { 'cookiesAccepted', 'lastNotificationDate', 'language_code', - 'searchDisplayStyle', - ], - }, + 'searchDisplayStyle' + ] + } }) diff --git a/src/stores/user.ts b/src/stores/user.ts index df7b742e5..2e04ebfd3 100644 --- a/src/stores/user.ts +++ b/src/stores/user.ts @@ -1,11 +1,14 @@ import { defineStore } from 'pinia' import { app, me as meService } from '@/services' import User from '@/models/User' +import { PlanEducational, PlanGuest, PlanImpressoUser, PlanResearcher } from '@/constants' export interface State { userData: User | false rememberCredentials: boolean redirectionParams: any + acceptTermsDate: string | null + acceptTermsDateOnLocalStorage: boolean } export const useUserStore = defineStore('user', { @@ -13,11 +16,27 @@ export const useUserStore = defineStore('user', { userData: false, rememberCredentials: false, redirectionParams: {}, + // this is not stored on localStorage, and if it is not null is a ISO date string + acceptTermsDate: null, + // this is stored on localStorage + acceptTermsDateOnLocalStorage: false }), getters: { user(state) { return state.userData }, + userPlan(state) { + let userPlan = state.userData !== null && state.acceptTermsDate ? PlanImpressoUser : PlanGuest + if (state.userData && Array.isArray(state.userData?.groups)) { + for (const group of state.userData.groups) { + if (group.name === PlanEducational || group.name === PlanResearcher) { + userPlan = group.name + break + } + } + } + return userPlan + } }, actions: { logout() { @@ -30,15 +49,24 @@ export const useUserStore = defineStore('user', { .finally(() => { const expiredDate = new Date(-1) document.cookie = 'feathers-jwt=; expires=' + expiredDate.toUTCString() + '; path=/' + // remove from localstorage + localStorage.removeItem('feathers-jwt') this.userData = false }) }, + async refreshUser() { + return meService.find().then(d => { + const user = new User(d) + this.userData = user + return user + }) + }, async login({ email, password }: { email: string; password: string }) { return (app as any) .authenticate({ strategy: 'local', email, - password, + password }) .then(res => { console.info('Authentication response:', res) @@ -53,7 +81,7 @@ export const useUserStore = defineStore('user', { this.userData = new User({ ...user, picture: user.profile.picture, - pattern: user.profile.pattern, + pattern: user.profile.pattern }) return user }) @@ -67,7 +95,7 @@ export const useUserStore = defineStore('user', { changePassword({ uid, previousPassword, - newPassword, + newPassword }: { uid: string previousPassword: string @@ -84,9 +112,9 @@ export const useUserStore = defineStore('user', { }, setRedirectionRoute(params) { this.redirectionParams = params - }, + } }, persist: { - paths: ['rememberCredentials', 'userData'], - }, + paths: ['rememberCredentials', 'userData'] + } }) diff --git a/src/stores/views.ts b/src/stores/views.ts new file mode 100644 index 000000000..9c98270d9 --- /dev/null +++ b/src/stores/views.ts @@ -0,0 +1,16 @@ +import { defineStore } from 'pinia' + +export const ViewTermsOfUse = 'terms-of-use' +export const ViewChangePlanRequest = 'change-plan-request' +export const ViewConfirmChangePlanRequest = 'confirm-change-plan-request' +export const Views: string[] = [ViewTermsOfUse, ViewChangePlanRequest, ViewConfirmChangePlanRequest] + +export interface State { + view: (typeof Views)[number] | null +} + +export const useViewsStore = defineStore('views', { + state: (): State => ({ + view: null + }) +}) diff --git a/src/styles/style.css b/src/styles/style.css index b4ee2362a..8830c2e02 100644 --- a/src/styles/style.css +++ b/src/styles/style.css @@ -31,6 +31,8 @@ --impresso-color-yellow-alpha-80: rgba(255, 235, 120, 0.8); --impresso-color-black: #343a40; + --impresso-color-black-alpha-20: rgba(52, 58, 64, 0.2); + --impresso-color-black-alpha-30: rgba(52, 58, 64, 0.3); --impresso-color-black-rgb: 52, 58, 64; --impresso-color-pastel-blue: rgba(86, 204, 242); @@ -50,6 +52,22 @@ --impresso-wght-bold: 700; --impresso-wght-smallcaps: 580; --impresso-wght-smallcaps-bold: 800; + + --info: #c3fcf1; + --info-rgb: 195, 252, 241; + + --info-darker: #00b0a3; + --info-darker-rgb: 0, 176, 163; + + --warning: #fa8d74; + --warning-rgb: 250, 141, 116; + + --error: #ff6d48; + --error-rgb: 255, 109, 72; + + --success: #a6d47c; + --success-rgb: 166, 212, 124; + --clr-white: #f8f8ff; --clr-white-rgba-20: #ffffff33; --clr-white-rgba-50: #f8f8ff80; @@ -115,6 +133,7 @@ --impresso-transition-ease: cubic-bezier(0.4, 0, 0.2, 1); --z-index-pagination: 1001; + --z-index-modals: 1041; } body { @@ -238,6 +257,7 @@ label { .font-size-inherit { font-size: inherit; } + .btn-sm, .btn-group-sm > .btn { font-size: var(--impresso-font-size-smallcaps); @@ -443,6 +463,12 @@ ul.nav.nav-pills .nav-item:hover .nav-link { background-color: var(--clr-grey-100); box-shadow: none; } +.bg-info { + background-color: var(--info) !important; +} +.bg-warning { + background-color: rgba(var(--warning-rgb), 0.5) !important; +} /* Bootstrap Modals */ .modal { z-index: 1041; @@ -474,10 +500,15 @@ svg path.domain { } /* other utilities */ - +.gap-2 { + gap: var(--spacing-2); +} .rounded { border-radius: var(--border-radius-md) !important; } +.rounded-md { + border-radius: var(--border-radius-md) !important; +} .rounded-lg { border-radius: var(--border-radius-lg) !important; }