From 06734ddc5617dbf645bb3ade6cc426bd57bfadbf Mon Sep 17 00:00:00 2001 From: Arash Jafari Date: Fri, 23 Apr 2021 15:31:59 +0430 Subject: [PATCH 1/2] Add .gitignore --- .gitignore | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) create mode 100644 .gitignore diff --git a/.gitignore b/.gitignore new file mode 100644 index 000000000..84691cfb3 --- /dev/null +++ b/.gitignore @@ -0,0 +1,29 @@ +# Numerous always-ignore extensions +*.diff +*.err +*.log +*.orig +*.rej +*.swo +*.swp +*.vi +*.zip +*~ + +# OS or Editor folders +._* +.cache +.DS_Store +.idea +.project +.settings +.tmproj +*.esproj +*.sublime-project +*.sublime-workspace +nbproject +Thumbs.db +/.vscode/ + +# Folders to ignore +/node_modules/ From 2fb03577c1389026565338cfc097b507121fd488 Mon Sep 17 00:00:00 2001 From: Arash Jafari Date: Fri, 23 Apr 2021 16:11:50 +0430 Subject: [PATCH 2/2] Fix the dropdown position in RTL --- assets/css/soft-ui-dashboard.css | 29408 ++++++++-------------- assets/css/soft-ui-dashboard.css.map | 281 +- assets/scss/soft-ui-dashboard/_rtl.scss | 8 + 3 files changed, 10941 insertions(+), 18756 deletions(-) diff --git a/assets/css/soft-ui-dashboard.css b/assets/css/soft-ui-dashboard.css index af60926bc..d9cc2c3d0 100644 --- a/assets/css/soft-ui-dashboard.css +++ b/assets/css/soft-ui-dashboard.css @@ -29,20 +29,16 @@ --bs-white: #fff; --bs-font-sans-serif: Open Sans; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); -} + --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); } *, *::before, *::after { - box-sizing: border-box; -} + box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { - scroll-behavior: smooth; - } -} + scroll-behavior: smooth; } } body { margin: 0; @@ -53,198 +49,131 @@ body { color: #67748e; background-color: #fff; -webkit-text-size-adjust: 100%; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; - opacity: 0.25; -} + opacity: 0.25; } hr:not([size]) { - height: 1px; -} + height: 1px; } -h1, -.h1, -h2, -.h2, -h3, -.h3, -h4, -.h4, -h5, -.h5, -h6, -.h6 { +h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 400; - line-height: 1.2; -} - -h1, -.h1 { - font-size: calc(1.425rem + 2.1vw); -} - -@media (min-width: 1200px) { - - h1, - .h1 { - font-size: 3rem; - } -} - -h2, -.h2 { - font-size: calc(1.35rem + 1.2vw); -} - -@media (min-width: 1200px) { - - h2, - .h2 { - font-size: 2.25rem; - } -} - -h3, -.h3 { - font-size: calc(1.3125rem + 0.75vw); -} - -@media (min-width: 1200px) { - - h3, - .h3 { - font-size: 1.875rem; - } -} - -h4, -.h4 { - font-size: calc(1.275rem + 0.3vw); -} - -@media (min-width: 1200px) { - - h4, - .h4 { - font-size: 1.5rem; - } -} - -h5, -.h5 { - font-size: 1.25rem; -} - -h6, -.h6 { - font-size: 1rem; -} + line-height: 1.2; } + +h1, .h1 { + font-size: calc(1.425rem + 2.1vw); } + @media (min-width: 1200px) { + h1, .h1 { + font-size: 3rem; } } + +h2, .h2 { + font-size: calc(1.35rem + 1.2vw); } + @media (min-width: 1200px) { + h2, .h2 { + font-size: 2.25rem; } } + +h3, .h3 { + font-size: calc(1.3125rem + 0.75vw); } + @media (min-width: 1200px) { + h3, .h3 { + font-size: 1.875rem; } } + +h4, .h4 { + font-size: calc(1.275rem + 0.3vw); } + @media (min-width: 1200px) { + h4, .h4 { + font-size: 1.5rem; } } + +h5, .h5 { + font-size: 1.25rem; } + +h6, .h6 { + font-size: 1rem; } p { margin-top: 0; - margin-bottom: 1rem; -} + margin-bottom: 1rem; } abbr[title], abbr[data-bs-original-title] { - text-decoration: underline dotted; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; cursor: help; - text-decoration-skip-ink: none; -} + -webkit-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 { - padding-left: 2rem; -} + padding-left: 2rem; } 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: 600; -} + font-weight: 600; } dd { margin-bottom: .5rem; - margin-left: 0; -} + margin-left: 0; } blockquote { - margin: 0 0 1rem; -} + margin: 0 0 1rem; } b, strong { - font-weight: 700; -} + font-weight: 700; } -small, -.small { - font-size: 0.875em; -} +small, .small { + font-size: 0.875em; } -mark, -.mark { +mark, .mark { padding: 0.2em; - background-color: #fcf8e3; -} + background-color: #fcf8e3; } sub, sup { position: relative; font-size: 0.75em; line-height: 0; - vertical-align: baseline; -} + vertical-align: baseline; } sub { - bottom: -.25em; -} + bottom: -.25em; } sup { - top: -.5em; -} + top: -.5em; } a { color: #cb0c9f; - text-decoration: none; -} + text-decoration: none; } + a:hover { + color: #830866; + text-decoration: none; } -a:hover { - color: #830866; - text-decoration: none; -} - -a:not([href]):not([class]), -a:not([href]):not([class]):hover { +a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; - text-decoration: none; -} + text-decoration: none; } pre, code, @@ -252,75 +181,58 @@ kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; - direction: ltr - /* rtl:ignore */ - ; - unicode-bidi: bidi-override; -} + direction: ltr /* rtl:ignore */; + unicode-bidi: bidi-override; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; - font-size: 0.875em; -} - -pre code { - font-size: inherit; - color: inherit; - word-break: normal; -} + font-size: 0.875em; } + pre code { + font-size: inherit; + color: inherit; + word-break: normal; } code { font-size: 0.875em; color: #d63384; - word-wrap: break-word; -} - -a>code { - color: inherit; -} + word-wrap: break-word; } + a > code { + color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 0.875em; color: #fff; background-color: #212529; - border-radius: 0.25rem; -} - -kbd kbd { - padding: 0; - font-size: 1em; - font-weight: 600; -} + border-radius: 0.25rem; } + kbd kbd { + padding: 0; + font-size: 1em; + font-weight: 600; } figure { - margin: 0 0 1rem; -} + margin: 0 0 1rem; } img, svg { - vertical-align: middle; -} + vertical-align: middle; } table { caption-side: bottom; - border-collapse: collapse; -} + border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: #6c757d; - text-align: left; -} + text-align: left; } th { text-align: inherit; - text-align: -webkit-match-parent; -} + text-align: -webkit-match-parent; } thead, tbody, @@ -330,20 +242,16 @@ td, th { border-color: inherit; border-style: solid; - border-width: 0; -} + border-width: 0; } label { - display: inline-block; -} + display: inline-block; } button { - border-radius: 0; -} + border-radius: 0; } button:focus:not(:focus-visible) { - outline: 0; -} + outline: 0; } input, button, @@ -353,59 +261,46 @@ textarea { margin: 0; font-family: inherit; font-size: inherit; - line-height: inherit; -} + line-height: inherit; } button, select { - text-transform: none; -} + text-transform: none; } [role="button"] { - cursor: pointer; -} + cursor: pointer; } select { - word-wrap: normal; -} - -select:disabled { - opacity: 1; -} + word-wrap: normal; } + select:disabled { + opacity: 1; } [list]::-webkit-calendar-picker-indicator { - display: none; -} + display: none; } 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; -} + -webkit-appearance: button; } + button:not(:disabled), + [type="button"]:not(:disabled), + [type="reset"]:not(:disabled), + [type="submit"]:not(:disabled) { + cursor: pointer; } ::-moz-focus-inner { padding: 0; - border-style: none; -} + border-style: none; } textarea { - resize: vertical; -} + resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; - border: 0; -} + border: 0; } legend { float: left; @@ -413,18 +308,12 @@ legend { padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); - line-height: inherit; -} - -@media (min-width: 1200px) { - legend { - font-size: 1.5rem; - } -} - -legend+* { - clear: left; -} + line-height: inherit; } + @media (min-width: 1200px) { + legend { + font-size: 1.5rem; } } + legend + * { + clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, @@ -433,17 +322,14 @@ legend+* { ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { - padding: 0; -} + padding: 0; } ::-webkit-inner-spin-button { - height: auto; -} + height: auto; } [type="search"] { outline-offset: -2px; - -webkit-appearance: textfield; -} + -webkit-appearance: textfield; } /* rtl:raw: [type="tel"], @@ -454,167 +340,120 @@ legend+* { } */ ::-webkit-search-decoration { - -webkit-appearance: none; -} + -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { - padding: 0; -} + padding: 0; } ::file-selector-button { - font: inherit; -} + font: inherit; } ::-webkit-file-upload-button { font: inherit; - -webkit-appearance: button; -} + -webkit-appearance: button; } output { - display: inline-block; -} + display: inline-block; } iframe { - border: 0; -} + border: 0; } summary { display: list-item; - cursor: pointer; -} + cursor: pointer; } progress { - vertical-align: baseline; -} + vertical-align: baseline; } [hidden] { - display: none !important; -} + display: none !important; } .lead { font-size: 1.25rem; - font-weight: 400; -} + font-weight: 400; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; - line-height: 1.2; -} - -@media (min-width: 1200px) { - .display-1 { - font-size: 5rem; - } -} + line-height: 1.2; } + @media (min-width: 1200px) { + .display-1 { + font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; - line-height: 1.2; -} - -@media (min-width: 1200px) { - .display-2 { - font-size: 4.5rem; - } -} + line-height: 1.2; } + @media (min-width: 1200px) { + .display-2 { + font-size: 4.5rem; } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; - line-height: 1.2; -} - -@media (min-width: 1200px) { - .display-3 { - font-size: 4rem; - } -} + line-height: 1.2; } + @media (min-width: 1200px) { + .display-3 { + font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; - line-height: 1.2; -} - -@media (min-width: 1200px) { - .display-4 { - font-size: 3.5rem; - } -} + line-height: 1.2; } + @media (min-width: 1200px) { + .display-4 { + font-size: 3.5rem; } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; - line-height: 1.2; -} - -@media (min-width: 1200px) { - .display-5 { - font-size: 3rem; - } -} + line-height: 1.2; } + @media (min-width: 1200px) { + .display-5 { + font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; - line-height: 1.2; -} - -@media (min-width: 1200px) { - .display-6 { - font-size: 2.5rem; - } -} + line-height: 1.2; } + @media (min-width: 1200px) { + .display-6 { + font-size: 2.5rem; } } .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: 0.875em; - text-transform: uppercase; -} + text-transform: uppercase; } .blockquote { margin-bottom: 1rem; - font-size: 1.25rem; -} - -.blockquote> :last-child { - margin-bottom: 0; -} + font-size: 1.25rem; } + .blockquote > :last-child { + margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; - 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; @@ -622,22 +461,18 @@ progress { border: 1px solid #dee2e6; border-radius: 0.5rem; 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: 0.875em; - color: #6c757d; -} + color: #6c757d; } .container, .container-fluid, @@ -650,58 +485,27 @@ progress { padding-right: var(--bs-gutter-x, 1.5rem); padding-left: var(--bs-gutter-x, 1.5rem); 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; } } @media (min-width: 1400px) { - - .container, - .container-sm, - .container-md, - .container-lg, - .container-xl, - .container-xxl { - max-width: 1320px; - } -} + .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { + max-width: 1320px; } } .row { --bs-gutter-x: 1.5rem; @@ -710,1295 +514,798 @@ progress { flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) / -2); - margin-left: calc(var(--bs-gutter-x) / -2); -} - -.row>* { - flex-shrink: 0; - width: 100%; - max-width: 100%; - padding-right: calc(var(--bs-gutter-x) / 2); - padding-left: calc(var(--bs-gutter-x) / 2); - margin-top: var(--bs-gutter-y); -} + margin-left: calc(var(--bs-gutter-x) / -2); } + .row > * { + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-right: calc(var(--bs-gutter-x) / 2); + padding-left: calc(var(--bs-gutter-x) / 2); + margin-top: var(--bs-gutter-y); } .col { - flex: 1 0 0%; -} + flex: 1 0 0%; } -.row-cols-auto>* { +.row-cols-auto > * { flex: 0 0 auto; - width: auto; -} + width: auto; } -.row-cols-1>* { +.row-cols-1 > * { flex: 0 0 auto; - width: 100%; -} + width: 100%; } -.row-cols-2>* { +.row-cols-2 > * { flex: 0 0 auto; - width: 50%; -} + width: 50%; } -.row-cols-3>* { +.row-cols-3 > * { flex: 0 0 auto; - width: 33.333333%; -} + width: 33.33333%; } -.row-cols-4>* { +.row-cols-4 > * { flex: 0 0 auto; - width: 25%; -} + width: 25%; } -.row-cols-5>* { +.row-cols-5 > * { flex: 0 0 auto; - width: 20%; -} + width: 20%; } -.row-cols-6>* { +.row-cols-6 > * { flex: 0 0 auto; - width: 16.666667%; -} + width: 16.66667%; } .col-auto { flex: 0 0 auto; - width: auto; -} + width: auto; } .col-1 { flex: 0 0 auto; - width: 8.333333%; -} + width: 8.33333%; } .col-2 { flex: 0 0 auto; - width: 16.666667%; -} + width: 16.66667%; } .col-3 { flex: 0 0 auto; - width: 25%; -} + width: 25%; } .col-4 { flex: 0 0 auto; - width: 33.333333%; -} + width: 33.33333%; } .col-5 { flex: 0 0 auto; - width: 41.666667%; -} + width: 41.66667%; } .col-6 { flex: 0 0 auto; - width: 50%; -} + width: 50%; } .col-7 { flex: 0 0 auto; - width: 58.333333%; -} + width: 58.33333%; } .col-8 { flex: 0 0 auto; - width: 66.666667%; -} + width: 66.66667%; } .col-9 { flex: 0 0 auto; - width: 75%; -} + width: 75%; } .col-10 { flex: 0 0 auto; - width: 83.333333%; -} + width: 83.33333%; } .col-11 { flex: 0 0 auto; - width: 91.666667%; -} + width: 91.66667%; } .col-12 { flex: 0 0 auto; - width: 100%; -} + width: 100%; } .offset-1 { - margin-left: 8.333333%; -} + margin-left: 8.33333%; } .offset-2 { - margin-left: 16.666667%; -} + margin-left: 16.66667%; } .offset-3 { - margin-left: 25%; -} + margin-left: 25%; } .offset-4 { - margin-left: 33.333333%; -} + margin-left: 33.33333%; } .offset-5 { - margin-left: 41.666667%; -} + margin-left: 41.66667%; } .offset-6 { - margin-left: 50%; -} + margin-left: 50%; } .offset-7 { - margin-left: 58.333333%; -} + margin-left: 58.33333%; } .offset-8 { - margin-left: 66.666667%; -} + margin-left: 66.66667%; } .offset-9 { - margin-left: 75%; -} + margin-left: 75%; } .offset-10 { - margin-left: 83.333333%; -} + margin-left: 83.33333%; } .offset-11 { - margin-left: 91.666667%; -} + margin-left: 91.66667%; } .g-0, .gx-0 { - --bs-gutter-x: 0; -} + --bs-gutter-x: 0; } .g-0, .gy-0 { - --bs-gutter-y: 0; -} + --bs-gutter-y: 0; } .g-1, .gx-1 { - --bs-gutter-x: 0.25rem; -} + --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { - --bs-gutter-y: 0.25rem; -} + --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { - --bs-gutter-x: 0.5rem; -} + --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { - --bs-gutter-y: 0.5rem; -} + --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { - --bs-gutter-x: 1rem; -} + --bs-gutter-x: 1rem; } .g-3, .gy-3 { - --bs-gutter-y: 1rem; -} + --bs-gutter-y: 1rem; } .g-4, .gx-4 { - --bs-gutter-x: 1.5rem; -} + --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { - --bs-gutter-y: 1.5rem; -} + --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { - --bs-gutter-x: 3rem; -} + --bs-gutter-x: 3rem; } .g-5, .gy-5 { - --bs-gutter-y: 3rem; -} + --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { - flex: 1 0 0%; - } - - .row-cols-sm-auto>* { + flex: 1 0 0%; } + .row-cols-sm-auto > * { flex: 0 0 auto; - width: auto; - } - - .row-cols-sm-1>* { + width: auto; } + .row-cols-sm-1 > * { flex: 0 0 auto; - width: 100%; - } - - .row-cols-sm-2>* { + width: 100%; } + .row-cols-sm-2 > * { flex: 0 0 auto; - width: 50%; - } - - .row-cols-sm-3>* { + width: 50%; } + .row-cols-sm-3 > * { flex: 0 0 auto; - width: 33.333333%; - } - - .row-cols-sm-4>* { + width: 33.33333%; } + .row-cols-sm-4 > * { flex: 0 0 auto; - width: 25%; - } - - .row-cols-sm-5>* { + width: 25%; } + .row-cols-sm-5 > * { flex: 0 0 auto; - width: 20%; - } - - .row-cols-sm-6>* { + width: 20%; } + .row-cols-sm-6 > * { flex: 0 0 auto; - width: 16.666667%; - } - + width: 16.66667%; } .col-sm-auto { flex: 0 0 auto; - width: auto; - } - + width: auto; } .col-sm-1 { flex: 0 0 auto; - width: 8.333333%; - } - + width: 8.33333%; } .col-sm-2 { flex: 0 0 auto; - width: 16.666667%; - } - + width: 16.66667%; } .col-sm-3 { flex: 0 0 auto; - width: 25%; - } - + width: 25%; } .col-sm-4 { flex: 0 0 auto; - width: 33.333333%; - } - + width: 33.33333%; } .col-sm-5 { flex: 0 0 auto; - width: 41.666667%; - } - + width: 41.66667%; } .col-sm-6 { flex: 0 0 auto; - width: 50%; - } - + width: 50%; } .col-sm-7 { flex: 0 0 auto; - width: 58.333333%; - } - + width: 58.33333%; } .col-sm-8 { flex: 0 0 auto; - width: 66.666667%; - } - + width: 66.66667%; } .col-sm-9 { flex: 0 0 auto; - width: 75%; - } - + width: 75%; } .col-sm-10 { flex: 0 0 auto; - width: 83.333333%; - } - + width: 83.33333%; } .col-sm-11 { flex: 0 0 auto; - width: 91.666667%; - } - + width: 91.66667%; } .col-sm-12 { flex: 0 0 auto; - width: 100%; - } - + width: 100%; } .offset-sm-0 { - margin-left: 0; - } - + margin-left: 0; } .offset-sm-1 { - margin-left: 8.333333%; - } - + margin-left: 8.33333%; } .offset-sm-2 { - margin-left: 16.666667%; - } - + margin-left: 16.66667%; } .offset-sm-3 { - margin-left: 25%; - } - + margin-left: 25%; } .offset-sm-4 { - margin-left: 33.333333%; - } - + margin-left: 33.33333%; } .offset-sm-5 { - margin-left: 41.666667%; - } - + margin-left: 41.66667%; } .offset-sm-6 { - margin-left: 50%; - } - + margin-left: 50%; } .offset-sm-7 { - margin-left: 58.333333%; - } - + margin-left: 58.33333%; } .offset-sm-8 { - margin-left: 66.666667%; - } - + margin-left: 66.66667%; } .offset-sm-9 { - margin-left: 75%; - } - + margin-left: 75%; } .offset-sm-10 { - margin-left: 83.333333%; - } - + margin-left: 83.33333%; } .offset-sm-11 { - margin-left: 91.666667%; - } - + margin-left: 91.66667%; } .g-sm-0, .gx-sm-0 { - --bs-gutter-x: 0; - } - + --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { - --bs-gutter-y: 0; - } - + --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { - --bs-gutter-x: 0.25rem; - } - + --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { - --bs-gutter-y: 0.25rem; - } - + --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { - --bs-gutter-x: 0.5rem; - } - + --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { - --bs-gutter-y: 0.5rem; - } - + --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { - --bs-gutter-x: 1rem; - } - + --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { - --bs-gutter-y: 1rem; - } - + --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { - --bs-gutter-x: 1.5rem; - } - + --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { - --bs-gutter-y: 1.5rem; - } - + --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { - --bs-gutter-x: 3rem; - } - + --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { - --bs-gutter-y: 3rem; - } -} + --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { - flex: 1 0 0%; - } - - .row-cols-md-auto>* { + flex: 1 0 0%; } + .row-cols-md-auto > * { flex: 0 0 auto; - width: auto; - } - - .row-cols-md-1>* { + width: auto; } + .row-cols-md-1 > * { flex: 0 0 auto; - width: 100%; - } - - .row-cols-md-2>* { + width: 100%; } + .row-cols-md-2 > * { flex: 0 0 auto; - width: 50%; - } - - .row-cols-md-3>* { + width: 50%; } + .row-cols-md-3 > * { flex: 0 0 auto; - width: 33.333333%; - } - - .row-cols-md-4>* { + width: 33.33333%; } + .row-cols-md-4 > * { flex: 0 0 auto; - width: 25%; - } - - .row-cols-md-5>* { + width: 25%; } + .row-cols-md-5 > * { flex: 0 0 auto; - width: 20%; - } - - .row-cols-md-6>* { + width: 20%; } + .row-cols-md-6 > * { flex: 0 0 auto; - width: 16.666667%; - } - + width: 16.66667%; } .col-md-auto { flex: 0 0 auto; - width: auto; - } - + width: auto; } .col-md-1 { flex: 0 0 auto; - width: 8.333333%; - } - + width: 8.33333%; } .col-md-2 { flex: 0 0 auto; - width: 16.666667%; - } - + width: 16.66667%; } .col-md-3 { flex: 0 0 auto; - width: 25%; - } - + width: 25%; } .col-md-4 { flex: 0 0 auto; - width: 33.333333%; - } - + width: 33.33333%; } .col-md-5 { flex: 0 0 auto; - width: 41.666667%; - } - + width: 41.66667%; } .col-md-6 { flex: 0 0 auto; - width: 50%; - } - + width: 50%; } .col-md-7 { flex: 0 0 auto; - width: 58.333333%; - } - + width: 58.33333%; } .col-md-8 { flex: 0 0 auto; - width: 66.666667%; - } - + width: 66.66667%; } .col-md-9 { flex: 0 0 auto; - width: 75%; - } - + width: 75%; } .col-md-10 { flex: 0 0 auto; - width: 83.333333%; - } - + width: 83.33333%; } .col-md-11 { flex: 0 0 auto; - width: 91.666667%; - } - + width: 91.66667%; } .col-md-12 { flex: 0 0 auto; - width: 100%; - } - + width: 100%; } .offset-md-0 { - margin-left: 0; - } - + margin-left: 0; } .offset-md-1 { - margin-left: 8.333333%; - } - + margin-left: 8.33333%; } .offset-md-2 { - margin-left: 16.666667%; - } - + margin-left: 16.66667%; } .offset-md-3 { - margin-left: 25%; - } - + margin-left: 25%; } .offset-md-4 { - margin-left: 33.333333%; - } - + margin-left: 33.33333%; } .offset-md-5 { - margin-left: 41.666667%; - } - + margin-left: 41.66667%; } .offset-md-6 { - margin-left: 50%; - } - + margin-left: 50%; } .offset-md-7 { - margin-left: 58.333333%; - } - + margin-left: 58.33333%; } .offset-md-8 { - margin-left: 66.666667%; - } - + margin-left: 66.66667%; } .offset-md-9 { - margin-left: 75%; - } - + margin-left: 75%; } .offset-md-10 { - margin-left: 83.333333%; - } - + margin-left: 83.33333%; } .offset-md-11 { - margin-left: 91.666667%; - } - + margin-left: 91.66667%; } .g-md-0, .gx-md-0 { - --bs-gutter-x: 0; - } - + --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { - --bs-gutter-y: 0; - } - + --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { - --bs-gutter-x: 0.25rem; - } - + --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { - --bs-gutter-y: 0.25rem; - } - + --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { - --bs-gutter-x: 0.5rem; - } - + --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { - --bs-gutter-y: 0.5rem; - } - + --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { - --bs-gutter-x: 1rem; - } - + --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { - --bs-gutter-y: 1rem; - } - + --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { - --bs-gutter-x: 1.5rem; - } - + --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { - --bs-gutter-y: 1.5rem; - } - + --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { - --bs-gutter-x: 3rem; - } - + --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { - --bs-gutter-y: 3rem; - } -} + --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { - flex: 1 0 0%; - } - - .row-cols-lg-auto>* { + flex: 1 0 0%; } + .row-cols-lg-auto > * { flex: 0 0 auto; - width: auto; - } - - .row-cols-lg-1>* { + width: auto; } + .row-cols-lg-1 > * { flex: 0 0 auto; - width: 100%; - } - - .row-cols-lg-2>* { + width: 100%; } + .row-cols-lg-2 > * { flex: 0 0 auto; - width: 50%; - } - - .row-cols-lg-3>* { + width: 50%; } + .row-cols-lg-3 > * { flex: 0 0 auto; - width: 33.333333%; - } - - .row-cols-lg-4>* { + width: 33.33333%; } + .row-cols-lg-4 > * { flex: 0 0 auto; - width: 25%; - } - - .row-cols-lg-5>* { + width: 25%; } + .row-cols-lg-5 > * { flex: 0 0 auto; - width: 20%; - } - - .row-cols-lg-6>* { + width: 20%; } + .row-cols-lg-6 > * { flex: 0 0 auto; - width: 16.666667%; - } - + width: 16.66667%; } .col-lg-auto { flex: 0 0 auto; - width: auto; - } - + width: auto; } .col-lg-1 { flex: 0 0 auto; - width: 8.333333%; - } - + width: 8.33333%; } .col-lg-2 { flex: 0 0 auto; - width: 16.666667%; - } - + width: 16.66667%; } .col-lg-3 { flex: 0 0 auto; - width: 25%; - } - + width: 25%; } .col-lg-4 { flex: 0 0 auto; - width: 33.333333%; - } - + width: 33.33333%; } .col-lg-5 { flex: 0 0 auto; - width: 41.666667%; - } - + width: 41.66667%; } .col-lg-6 { flex: 0 0 auto; - width: 50%; - } - + width: 50%; } .col-lg-7 { flex: 0 0 auto; - width: 58.333333%; - } - + width: 58.33333%; } .col-lg-8 { flex: 0 0 auto; - width: 66.666667%; - } - + width: 66.66667%; } .col-lg-9 { flex: 0 0 auto; - width: 75%; - } - + width: 75%; } .col-lg-10 { flex: 0 0 auto; - width: 83.333333%; - } - + width: 83.33333%; } .col-lg-11 { flex: 0 0 auto; - width: 91.666667%; - } - + width: 91.66667%; } .col-lg-12 { flex: 0 0 auto; - width: 100%; - } - + width: 100%; } .offset-lg-0 { - margin-left: 0; - } - + margin-left: 0; } .offset-lg-1 { - margin-left: 8.333333%; - } - + margin-left: 8.33333%; } .offset-lg-2 { - margin-left: 16.666667%; - } - + margin-left: 16.66667%; } .offset-lg-3 { - margin-left: 25%; - } - + margin-left: 25%; } .offset-lg-4 { - margin-left: 33.333333%; - } - + margin-left: 33.33333%; } .offset-lg-5 { - margin-left: 41.666667%; - } - + margin-left: 41.66667%; } .offset-lg-6 { - margin-left: 50%; - } - + margin-left: 50%; } .offset-lg-7 { - margin-left: 58.333333%; - } - + margin-left: 58.33333%; } .offset-lg-8 { - margin-left: 66.666667%; - } - + margin-left: 66.66667%; } .offset-lg-9 { - margin-left: 75%; - } - + margin-left: 75%; } .offset-lg-10 { - margin-left: 83.333333%; - } - + margin-left: 83.33333%; } .offset-lg-11 { - margin-left: 91.666667%; - } - + margin-left: 91.66667%; } .g-lg-0, .gx-lg-0 { - --bs-gutter-x: 0; - } - + --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { - --bs-gutter-y: 0; - } - + --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { - --bs-gutter-x: 0.25rem; - } - + --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { - --bs-gutter-y: 0.25rem; - } - + --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { - --bs-gutter-x: 0.5rem; - } - + --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { - --bs-gutter-y: 0.5rem; - } - + --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { - --bs-gutter-x: 1rem; - } - + --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { - --bs-gutter-y: 1rem; - } - + --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { - --bs-gutter-x: 1.5rem; - } - + --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { - --bs-gutter-y: 1.5rem; - } - + --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { - --bs-gutter-x: 3rem; - } - + --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { - --bs-gutter-y: 3rem; - } -} + --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { - flex: 1 0 0%; - } - - .row-cols-xl-auto>* { + flex: 1 0 0%; } + .row-cols-xl-auto > * { flex: 0 0 auto; - width: auto; - } - - .row-cols-xl-1>* { + width: auto; } + .row-cols-xl-1 > * { flex: 0 0 auto; - width: 100%; - } - - .row-cols-xl-2>* { + width: 100%; } + .row-cols-xl-2 > * { flex: 0 0 auto; - width: 50%; - } - - .row-cols-xl-3>* { + width: 50%; } + .row-cols-xl-3 > * { flex: 0 0 auto; - width: 33.333333%; - } - - .row-cols-xl-4>* { + width: 33.33333%; } + .row-cols-xl-4 > * { flex: 0 0 auto; - width: 25%; - } - - .row-cols-xl-5>* { + width: 25%; } + .row-cols-xl-5 > * { flex: 0 0 auto; - width: 20%; - } - - .row-cols-xl-6>* { + width: 20%; } + .row-cols-xl-6 > * { flex: 0 0 auto; - width: 16.666667%; - } - + width: 16.66667%; } .col-xl-auto { flex: 0 0 auto; - width: auto; - } - + width: auto; } .col-xl-1 { flex: 0 0 auto; - width: 8.333333%; - } - + width: 8.33333%; } .col-xl-2 { flex: 0 0 auto; - width: 16.666667%; - } - + width: 16.66667%; } .col-xl-3 { flex: 0 0 auto; - width: 25%; - } - + width: 25%; } .col-xl-4 { flex: 0 0 auto; - width: 33.333333%; - } - + width: 33.33333%; } .col-xl-5 { flex: 0 0 auto; - width: 41.666667%; - } - + width: 41.66667%; } .col-xl-6 { flex: 0 0 auto; - width: 50%; - } - + width: 50%; } .col-xl-7 { flex: 0 0 auto; - width: 58.333333%; - } - + width: 58.33333%; } .col-xl-8 { flex: 0 0 auto; - width: 66.666667%; - } - + width: 66.66667%; } .col-xl-9 { flex: 0 0 auto; - width: 75%; - } - + width: 75%; } .col-xl-10 { flex: 0 0 auto; - width: 83.333333%; - } - + width: 83.33333%; } .col-xl-11 { flex: 0 0 auto; - width: 91.666667%; - } - + width: 91.66667%; } .col-xl-12 { flex: 0 0 auto; - width: 100%; - } - + width: 100%; } .offset-xl-0 { - margin-left: 0; - } - + margin-left: 0; } .offset-xl-1 { - margin-left: 8.333333%; - } - + margin-left: 8.33333%; } .offset-xl-2 { - margin-left: 16.666667%; - } - + margin-left: 16.66667%; } .offset-xl-3 { - margin-left: 25%; - } - + margin-left: 25%; } .offset-xl-4 { - margin-left: 33.333333%; - } - + margin-left: 33.33333%; } .offset-xl-5 { - margin-left: 41.666667%; - } - + margin-left: 41.66667%; } .offset-xl-6 { - margin-left: 50%; - } - + margin-left: 50%; } .offset-xl-7 { - margin-left: 58.333333%; - } - + margin-left: 58.33333%; } .offset-xl-8 { - margin-left: 66.666667%; - } - + margin-left: 66.66667%; } .offset-xl-9 { - margin-left: 75%; - } - + margin-left: 75%; } .offset-xl-10 { - margin-left: 83.333333%; - } - + margin-left: 83.33333%; } .offset-xl-11 { - margin-left: 91.666667%; - } - + margin-left: 91.66667%; } .g-xl-0, .gx-xl-0 { - --bs-gutter-x: 0; - } - + --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { - --bs-gutter-y: 0; - } - + --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { - --bs-gutter-x: 0.25rem; - } - + --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { - --bs-gutter-y: 0.25rem; - } - + --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { - --bs-gutter-x: 0.5rem; - } - + --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { - --bs-gutter-y: 0.5rem; - } - + --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { - --bs-gutter-x: 1rem; - } - + --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { - --bs-gutter-y: 1rem; - } - + --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { - --bs-gutter-x: 1.5rem; - } - + --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { - --bs-gutter-y: 1.5rem; - } - + --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { - --bs-gutter-x: 3rem; - } - + --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { - --bs-gutter-y: 3rem; - } -} + --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { - flex: 1 0 0%; - } - - .row-cols-xxl-auto>* { + flex: 1 0 0%; } + .row-cols-xxl-auto > * { flex: 0 0 auto; - width: auto; - } - - .row-cols-xxl-1>* { + width: auto; } + .row-cols-xxl-1 > * { flex: 0 0 auto; - width: 100%; - } - - .row-cols-xxl-2>* { + width: 100%; } + .row-cols-xxl-2 > * { flex: 0 0 auto; - width: 50%; - } - - .row-cols-xxl-3>* { + width: 50%; } + .row-cols-xxl-3 > * { flex: 0 0 auto; - width: 33.333333%; - } - - .row-cols-xxl-4>* { + width: 33.33333%; } + .row-cols-xxl-4 > * { flex: 0 0 auto; - width: 25%; - } - - .row-cols-xxl-5>* { + width: 25%; } + .row-cols-xxl-5 > * { flex: 0 0 auto; - width: 20%; - } - - .row-cols-xxl-6>* { + width: 20%; } + .row-cols-xxl-6 > * { flex: 0 0 auto; - width: 16.666667%; - } - + width: 16.66667%; } .col-xxl-auto { flex: 0 0 auto; - width: auto; - } - + width: auto; } .col-xxl-1 { flex: 0 0 auto; - width: 8.333333%; - } - + width: 8.33333%; } .col-xxl-2 { flex: 0 0 auto; - width: 16.666667%; - } - + width: 16.66667%; } .col-xxl-3 { flex: 0 0 auto; - width: 25%; - } - + width: 25%; } .col-xxl-4 { flex: 0 0 auto; - width: 33.333333%; - } - + width: 33.33333%; } .col-xxl-5 { flex: 0 0 auto; - width: 41.666667%; - } - + width: 41.66667%; } .col-xxl-6 { flex: 0 0 auto; - width: 50%; - } - + width: 50%; } .col-xxl-7 { flex: 0 0 auto; - width: 58.333333%; - } - + width: 58.33333%; } .col-xxl-8 { flex: 0 0 auto; - width: 66.666667%; - } - + width: 66.66667%; } .col-xxl-9 { flex: 0 0 auto; - width: 75%; - } - + width: 75%; } .col-xxl-10 { flex: 0 0 auto; - width: 83.333333%; - } - + width: 83.33333%; } .col-xxl-11 { flex: 0 0 auto; - width: 91.666667%; - } - + width: 91.66667%; } .col-xxl-12 { flex: 0 0 auto; - width: 100%; - } - + width: 100%; } .offset-xxl-0 { - margin-left: 0; - } - + margin-left: 0; } .offset-xxl-1 { - margin-left: 8.333333%; - } - + margin-left: 8.33333%; } .offset-xxl-2 { - margin-left: 16.666667%; - } - + margin-left: 16.66667%; } .offset-xxl-3 { - margin-left: 25%; - } - + margin-left: 25%; } .offset-xxl-4 { - margin-left: 33.333333%; - } - + margin-left: 33.33333%; } .offset-xxl-5 { - margin-left: 41.666667%; - } - + margin-left: 41.66667%; } .offset-xxl-6 { - margin-left: 50%; - } - + margin-left: 50%; } .offset-xxl-7 { - margin-left: 58.333333%; - } - + margin-left: 58.33333%; } .offset-xxl-8 { - margin-left: 66.666667%; - } - + margin-left: 66.66667%; } .offset-xxl-9 { - margin-left: 75%; - } - + margin-left: 75%; } .offset-xxl-10 { - margin-left: 83.333333%; - } - + margin-left: 83.33333%; } .offset-xxl-11 { - margin-left: 91.666667%; - } - + margin-left: 91.66667%; } .g-xxl-0, .gx-xxl-0 { - --bs-gutter-x: 0; - } - + --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { - --bs-gutter-y: 0; - } - + --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { - --bs-gutter-x: 0.25rem; - } - + --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { - --bs-gutter-y: 0.25rem; - } - + --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { - --bs-gutter-x: 0.5rem; - } - + --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { - --bs-gutter-y: 0.5rem; - } - + --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { - --bs-gutter-x: 1rem; - } - + --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { - --bs-gutter-y: 1rem; - } - + --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { - --bs-gutter-x: 1.5rem; - } - + --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { - --bs-gutter-y: 1.5rem; - } - + --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { - --bs-gutter-x: 3rem; - } - + --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { - --bs-gutter-y: 3rem; - } -} + --bs-gutter-y: 3rem; } } .table { --bs-table-bg: transparent; @@ -2012,62 +1319,44 @@ progress { margin-bottom: 1rem; color: #67748e; vertical-align: top; - border-color: #e9ecef; -} + border-color: #e9ecef; } + .table > :not(caption) > * > * { + padding: 0.5rem 0.5rem; + background-color: var(--bs-table-bg); + border-bottom-width: 1px; + box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); } + .table > tbody { + vertical-align: inherit; } + .table > thead { + vertical-align: bottom; } + .table > :not(:last-child) > :last-child > * { + border-bottom-color: currentColor; } -.table> :not(caption)>*>* { - padding: 0.5rem 0.5rem; - background-color: var(--bs-table-bg); - border-bottom-width: 1px; - box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); -} +.caption-top { + caption-side: top; } -.table>tbody { - vertical-align: inherit; -} +.table-sm > :not(caption) > * > * { + padding: 0.25rem 0.25rem; } -.table>thead { - vertical-align: bottom; -} - -.table> :not(:last-child)> :last-child>* { - border-bottom-color: currentColor; -} - -.caption-top { - caption-side: top; -} - -.table-sm> :not(caption)>*>* { - padding: 0.25rem 0.25rem; -} +.table-bordered > :not(caption) > * { + border-width: 1px 0; } + .table-bordered > :not(caption) > * > * { + border-width: 0 1px; } -.table-bordered> :not(caption)>* { - border-width: 1px 0; -} - -.table-bordered> :not(caption)>*>* { - border-width: 0 1px; -} - -.table-borderless> :not(caption)>*>* { - border-bottom-width: 0; -} +.table-borderless > :not(caption) > * > * { + border-bottom-width: 0; } -.table-striped>tbody>tr:nth-of-type(odd) { +.table-striped > tbody > tr:nth-of-type(odd) { --bs-table-accent-bg: var(--bs-table-striped-bg); - color: var(--bs-table-striped-color); -} + color: var(--bs-table-striped-color); } .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); - color: var(--bs-table-active-color); -} + color: var(--bs-table-active-color); } -.table-hover>tbody>tr:hover { +.table-hover > tbody > tr:hover { --bs-table-accent-bg: var(--bs-table-hover-bg); - color: var(--bs-table-hover-color); -} + color: var(--bs-table-hover-color); } .table-primary { --bs-table-bg: #f5ceec; @@ -2078,8 +1367,7 @@ progress { --bs-table-hover-bg: #e3bfda; --bs-table-hover-color: #000; color: #000; - border-color: #ddb9d4; -} + border-color: #ddb9d4; } .table-secondary { --bs-table-bg: #e6e9ee; @@ -2090,8 +1378,7 @@ progress { --bs-table-hover-bg: #d5d8dc; --bs-table-hover-color: #000; color: #000; - border-color: #cfd2d6; -} + border-color: #cfd2d6; } .table-success { --bs-table-bg: #e6f7d0; @@ -2102,8 +1389,7 @@ progress { --bs-table-hover-bg: #d5e4c0; --bs-table-hover-color: #000; color: #000; - border-color: #cfdebb; -} + border-color: #cfdebb; } .table-info { --bs-table-bg: #d1f3fa; @@ -2114,8 +1400,7 @@ progress { --bs-table-hover-bg: #c1e1e7; --bs-table-hover-color: #000; color: #000; - border-color: #bcdbe1; -} + border-color: #bcdbe1; } .table-warning { --bs-table-bg: #fdd7d7; @@ -2126,8 +1411,7 @@ progress { --bs-table-hover-bg: #eac7c7; --bs-table-hover-color: #000; color: #000; - border-color: #e4c2c2; -} + border-color: #e4c2c2; } .table-danger { --bs-table-bg: #fbcdcd; @@ -2138,8 +1422,7 @@ progress { --bs-table-hover-bg: #e8bebe; --bs-table-hover-color: #000; color: #000; - border-color: #e2b9b9; -} + border-color: #e2b9b9; } .table-light { --bs-table-bg: #e9ecef; @@ -2150,8 +1433,7 @@ progress { --bs-table-hover-bg: #d8dadd; --bs-table-hover-color: #000; color: #000; - border-color: #d2d4d7; -} + border-color: #d2d4d7; } .table-dark { --bs-table-bg: #252f40; @@ -2162,55 +1444,42 @@ progress { --bs-table-hover-bg: #353f4e; --bs-table-hover-color: #fff; color: #fff; - border-color: #3b4453; -} + border-color: #3b4453; } .table-responsive { overflow-x: auto; - -webkit-overflow-scrolling: touch; -} + -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; - -webkit-overflow-scrolling: touch; - } -} + -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; - -webkit-overflow-scrolling: touch; - } -} + -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; - -webkit-overflow-scrolling: touch; - } -} + -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; - -webkit-overflow-scrolling: touch; - } -} + -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; - -webkit-overflow-scrolling: touch; - } -} + -webkit-overflow-scrolling: touch; } } .form-label { margin-bottom: 0.5rem; font-size: 0.75rem; font-weight: 700; - color: #252f40; -} + color: #252f40; } .col-form-label { padding-top: calc(0.5rem + 1px); @@ -2219,26 +1488,22 @@ progress { font-size: inherit; font-weight: 700; line-height: 1.4rem; - color: #252f40; -} + color: #252f40; } .col-form-label-lg { padding-top: calc(0.75rem + 1px); padding-bottom: calc(0.75rem + 1px); - font-size: 0.875rem; -} + font-size: 0.875rem; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); - font-size: 0.75rem; -} + font-size: 0.75rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; - color: #6c757d; -} + color: #6c757d; } .form-control { display: block; @@ -2251,97 +1516,78 @@ progress { background-color: #fff; background-clip: padding-box; border: 1px solid #d2d6da; - appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; border-radius: 0.5rem; - transition: box-shadow 0.15s ease, border-color 0.15s ease; -} - -@media (prefers-reduced-motion: reduce) { - .form-control { - transition: none; - } -} - -.form-control[type="file"] { - overflow: hidden; -} - -.form-control[type="file"]:not(:disabled):not([readonly]) { - cursor: pointer; -} - -.form-control:focus { - color: #495057; - background-color: #fff; - border-color: #e293d3; - outline: 0; - box-shadow: 0 0 0 2px #e9aede; -} - -.form-control::-webkit-date-and-time-value { - height: 1.4rem; -} - -.form-control::placeholder { - color: #adb5bd; - opacity: 1; -} - -.form-control:disabled, -.form-control[readonly] { - background-color: #e9ecef; - opacity: 1; -} - -.form-control::file-selector-button { - padding: 0.5rem 0.75rem; - margin: -0.5rem -0.75rem; - margin-inline-end: 0.75rem; - color: #495057; - background-color: #fff; - pointer-events: none; - border-color: inherit; - border-style: solid; - border-width: 0; - border-inline-end-width: 1px; - border-radius: 0; - transition: all 0.15s ease-in; -} - -@media (prefers-reduced-motion: reduce) { + transition: box-shadow 0.15s ease, border-color 0.15s ease; } + @media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; } } + .form-control[type="file"] { + overflow: hidden; } + .form-control[type="file"]:not(:disabled):not([readonly]) { + cursor: pointer; } + .form-control:focus { + color: #495057; + background-color: #fff; + border-color: #e293d3; + outline: 0; + box-shadow: 0 0 0 2px #e9aede; } + .form-control::-webkit-date-and-time-value { + height: 1.4rem; } + .form-control::-moz-placeholder { + color: #adb5bd; + opacity: 1; } + .form-control:-ms-input-placeholder { + color: #adb5bd; + opacity: 1; } + .form-control::placeholder { + color: #adb5bd; + opacity: 1; } + .form-control:disabled, .form-control[readonly] { + background-color: #e9ecef; + opacity: 1; } .form-control::file-selector-button { - transition: none; - } -} - -.form-control:hover:not(:disabled):not([readonly])::file-selector-button { - background-color: #f2f2f2; -} - -.form-control::-webkit-file-upload-button { - padding: 0.5rem 0.75rem; - margin: -0.5rem -0.75rem; - margin-inline-end: 0.75rem; - color: #495057; - background-color: #fff; - pointer-events: none; - border-color: inherit; - border-style: solid; - border-width: 0; - border-inline-end-width: 1px; - border-radius: 0; - transition: all 0.15s ease-in; -} - -@media (prefers-reduced-motion: reduce) { + padding: 0.5rem 0.75rem; + margin: -0.5rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; + color: #495057; + background-color: #fff; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + transition: all 0.15s ease-in; } + @media (prefers-reduced-motion: reduce) { + .form-control::file-selector-button { + transition: none; } } + .form-control:hover:not(:disabled):not([readonly])::file-selector-button { + background-color: #f2f2f2; } .form-control::-webkit-file-upload-button { - transition: none; - } -} - -.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { - background-color: #f2f2f2; -} + padding: 0.5rem 0.75rem; + margin: -0.5rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; + color: #495057; + background-color: #fff; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + -webkit-transition: all 0.15s ease-in; + transition: all 0.15s ease-in; } + @media (prefers-reduced-motion: reduce) { + .form-control::-webkit-file-upload-button { + -webkit-transition: none; + transition: none; } } + .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { + background-color: #f2f2f2; } .form-control-plaintext { display: block; @@ -2352,84 +1598,64 @@ progress { color: #252f40; 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 { min-height: unset; padding: 0.25rem 0.75rem; font-size: 0.75rem; - border-radius: 0.5rem; -} - -.form-control-sm::file-selector-button { - padding: 0.25rem 0.75rem; - margin: -0.25rem -0.75rem; - margin-inline-end: 0.75rem; -} - -.form-control-sm::-webkit-file-upload-button { - padding: 0.25rem 0.75rem; - margin: -0.25rem -0.75rem; - margin-inline-end: 0.75rem; -} + border-radius: 0.5rem; } + .form-control-sm::file-selector-button { + padding: 0.25rem 0.75rem; + margin: -0.25rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; } + .form-control-sm::-webkit-file-upload-button { + padding: 0.25rem 0.75rem; + margin: -0.25rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; } .form-control-lg { min-height: unset; padding: 0.75rem 0.75rem; font-size: 0.875rem; - border-radius: 0.5rem; -} - -.form-control-lg::file-selector-button { - padding: 0.75rem 0.75rem; - margin: -0.75rem -0.75rem; - margin-inline-end: 0.75rem; -} - -.form-control-lg::-webkit-file-upload-button { - padding: 0.75rem 0.75rem; - margin: -0.75rem -0.75rem; - margin-inline-end: 0.75rem; -} + border-radius: 0.5rem; } + .form-control-lg::file-selector-button { + padding: 0.75rem 0.75rem; + margin: -0.75rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; } + .form-control-lg::-webkit-file-upload-button { + padding: 0.75rem 0.75rem; + margin: -0.75rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; } textarea.form-control { - min-height: unset; -} + min-height: unset; } textarea.form-control-sm { - min-height: unset; -} + min-height: unset; } textarea.form-control-lg { - min-height: unset; -} + min-height: unset; } .form-control-color { max-width: 3rem; height: auto; - padding: 0.5rem; -} - -.form-control-color:not(:disabled):not([readonly]) { - cursor: pointer; -} - -.form-control-color::-moz-color-swatch { - height: 1.4rem; - border-radius: 0.5rem; -} - -.form-control-color::-webkit-color-swatch { - height: 1.4rem; - border-radius: 0.5rem; -} + padding: 0.5rem; } + .form-control-color:not(:disabled):not([readonly]) { + cursor: pointer; } + .form-control-color::-moz-color-swatch { + height: 1.4rem; + border-radius: 0.5rem; } + .form-control-color::-webkit-color-swatch { + height: 1.4rem; + border-radius: 0.5rem; } .form-select { display: block; @@ -2446,56 +1672,43 @@ textarea.form-control-lg { background-size: 16px 12px; border: 1px solid #d2d6da; border-radius: 0.5rem; - appearance: none; -} - -.form-select:focus { - border-color: #e293d3; - outline: 0; - box-shadow: 0 0 0 2px #e9aede; -} - -.form-select[multiple], -.form-select[size]:not([size="1"]) { - padding-right: 0.75rem; - background-image: none; -} - -.form-select:disabled { - color: #6c757d; - background-color: #e9ecef; -} - -.form-select:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 #495057; -} + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + .form-select:focus { + border-color: #e293d3; + outline: 0; + box-shadow: 0 0 0 2px #e9aede; } + .form-select[multiple], .form-select[size]:not([size="1"]) { + padding-right: 0.75rem; + background-image: none; } + .form-select:disabled { + color: #6c757d; + background-color: #e9ecef; } + .form-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.75rem; - font-size: 0.75rem; -} + font-size: 0.75rem; } .form-select-lg { padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.75rem; - font-size: 0.875rem; -} + font-size: 0.875rem; } .form-check { display: block; min-height: 1.5rem; padding-left: 1.73em; - margin-bottom: 0.125rem; -} - -.form-check .form-check-input { - float: left; - margin-left: -1.73em; -} + margin-bottom: 0.125rem; } + .form-check .form-check-input { + float: left; + margin-left: -1.73em; } .form-check-input { width: 1.23em; @@ -2507,361 +1720,277 @@ textarea.form-control-lg { background-position: center; background-size: contain; border: none; - appearance: none; - color-adjust: exact; - transition: background-color 0.25s ease, border-color 0.25s ease, background-position 0.15s ease-in-out, opacity 0.15s ease-out, box-shadow 0.15s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - .form-check-input { - transition: none; - } -} - -.form-check-input[type="checkbox"] { - border-radius: 0.35rem; -} - -.form-check-input[type="radio"] { - border-radius: 50%; -} - -.form-check-input:active { - filter: brightness(99%); -} - -.form-check-input:focus { - border-color: none; - outline: 0; - box-shadow: none; -} - -.form-check-input:checked { - background-color: transparent; - border-color: transparent; -} - -.form-check-input:checked[type="checkbox"] { - background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%); -} - -.form-check-input:checked[type="radio"] { - background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%); -} - -.form-check-input[type="checkbox"]:indeterminate { - background-color: #cb0c9f; - border-color: #cb0c9f; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); -} - -.form-check-input:disabled { - pointer-events: none; - filter: none; - opacity: 0.5; -} - -.form-check-input[disabled]~.form-check-label, -.form-check-input:disabled~.form-check-label { - opacity: 0.5; -} + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + -webkit-print-color-adjust: exact; + color-adjust: exact; + transition: background-color 0.25s ease, border-color 0.25s ease, background-position 0.15s ease-in-out, opacity 0.15s ease-out, box-shadow 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { + .form-check-input { + transition: none; } } + .form-check-input[type="checkbox"] { + border-radius: 0.35rem; } + .form-check-input[type="radio"] { + border-radius: 50%; } + .form-check-input:active { + filter: brightness(99%); } + .form-check-input:focus { + border-color: none; + outline: 0; + box-shadow: none; } + .form-check-input:checked { + background-color: transparent; + border-color: transparent; } + .form-check-input:checked[type="checkbox"] { + background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%); } + .form-check-input:checked[type="radio"] { + background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%); } + .form-check-input[type="checkbox"]:indeterminate { + background-color: #cb0c9f; + border-color: #cb0c9f; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } + .form-check-input:disabled { + pointer-events: none; + filter: none; + opacity: 0.5; } + .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + opacity: 0.5; } .form-switch { - padding-left: 3rem; -} - -.form-switch .form-check-input { - width: 2.5rem; - margin-left: -3rem; - background-image: none; - background-position: left center; - border-radius: 2.5rem; - transition: background-color 0.25s ease, border-color 0.25s ease, background-position 0.15s ease-in-out, opacity 0.15s ease-out, box-shadow 0.15s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { + padding-left: 3rem; } .form-switch .form-check-input { - transition: none; - } -} - -.form-switch .form-check-input:focus { - background-image: none; -} - -.form-switch .form-check-input:checked { - background-position: right center; - background-image: none; -} + width: 2.5rem; + margin-left: -3rem; + background-image: none; + background-position: left center; + border-radius: 2.5rem; + transition: background-color 0.25s ease, border-color 0.25s ease, background-position 0.15s ease-in-out, opacity 0.15s ease-out, box-shadow 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { + .form-switch .form-check-input { + transition: none; } } + .form-switch .form-check-input:focus { + background-image: none; } + .form-switch .form-check-input:checked { + background-position: right center; + background-image: none; } .form-check-inline { display: inline-block; - margin-right: 1rem; -} + margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); - pointer-events: none; -} - -.btn-check[disabled]+.btn, -.btn-check:disabled+.btn { - pointer-events: none; - filter: none; - opacity: 0.65; -} + pointer-events: none; } + .btn-check[disabled] + .btn, .btn-check:disabled + .btn { + pointer-events: none; + filter: none; + opacity: 0.65; } .form-range { width: 100%; height: calc(1rem + 4px); padding: 0; background-color: transparent; - appearance: none; -} + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + .form-range:focus { + outline: 0; } + .form-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e9aede; } + .form-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e9aede; } + .form-range::-moz-focus-outer { + border: 0; } + .form-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #cb0c9f; + border: 0; + border-radius: 1rem; + -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -webkit-appearance: none; + appearance: none; } + @media (prefers-reduced-motion: reduce) { + .form-range::-webkit-slider-thumb { + -webkit-transition: none; + transition: none; } } + .form-range::-webkit-slider-thumb:active { + background-color: #f891e1; } + .form-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; } + .form-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #cb0c9f; + border: 0; + border-radius: 1rem; + -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -moz-appearance: none; + appearance: none; } + @media (prefers-reduced-motion: reduce) { + .form-range::-moz-range-thumb { + -moz-transition: none; + transition: none; } } + .form-range::-moz-range-thumb:active { + background-color: #f891e1; } + .form-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; } + .form-range:disabled { + pointer-events: none; } + .form-range:disabled::-webkit-slider-thumb { + background-color: #adb5bd; } + .form-range:disabled::-moz-range-thumb { + background-color: #adb5bd; } -.form-range:focus { - outline: 0; -} +.form-floating { + position: relative; } + .form-floating > .form-control, + .form-floating > .form-select { + height: calc(3.5rem + 2px); + padding: 1rem 0.75rem; } + .form-floating > label { + position: absolute; + top: 0; + left: 0; + height: 100%; + padding: 1rem 0.75rem; + pointer-events: none; + border: 1px solid transparent; + transform-origin: 0 0; + transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } + @media (prefers-reduced-motion: reduce) { + .form-floating > label { + transition: none; } } + .form-floating > .form-control::-moz-placeholder { + color: transparent; } + .form-floating > .form-control:-ms-input-placeholder { + color: transparent; } + .form-floating > .form-control::placeholder { + color: transparent; } + .form-floating > .form-control:not(:-moz-placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; } + .form-floating > .form-control:not(:-ms-input-placeholder) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; } + .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; } + .form-floating > .form-control:-webkit-autofill { + padding-top: 1.625rem; + padding-bottom: 0.625rem; } + .form-floating > .form-select { + padding-top: 1.625rem; + padding-bottom: 0.625rem; } + .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } + .form-floating > .form-control:not(:-ms-input-placeholder) ~ label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } + .form-floating > .form-control:focus ~ label, + .form-floating > .form-control:not(:placeholder-shown) ~ label, + .form-floating > .form-select ~ label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } + .form-floating > .form-control:-webkit-autofill ~ label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } -.form-range:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e9aede; -} +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; } + .input-group > .form-control, + .input-group > .form-select { + position: relative; + flex: 1 1 auto; + width: 1%; + min-width: 0; } + .input-group > .form-control:focus, + .input-group > .form-select:focus { + z-index: 3; } + .input-group .btn { + position: relative; + z-index: 2; } + .input-group .btn:focus { + z-index: 3; } -.form-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e9aede; -} +.input-group-text { + display: flex; + align-items: center; + padding: 0.5rem 0.75rem; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.4rem; + color: #252f40; + text-align: center; + white-space: nowrap; + background-color: #fff; + border: 1px solid #d2d6da; + border-radius: 0.5rem; } -.form-range::-moz-focus-outer { - border: 0; -} +.input-group-lg > .form-control, +.input-group-lg > .form-select, +.input-group-lg > .input-group-text, +.input-group-lg > .btn { + padding: 0.75rem 0.75rem; + font-size: 0.875rem; + border-radius: 0.5rem; } -.form-range::-webkit-slider-thumb { - width: 1rem; - height: 1rem; - margin-top: -0.25rem; - background-color: #cb0c9f; - border: 0; - border-radius: 1rem; - 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) { - .form-range::-webkit-slider-thumb { - transition: none; - } -} - -.form-range::-webkit-slider-thumb:active { - background-color: #f891e1; -} - -.form-range::-webkit-slider-runnable-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #dee2e6; - border-color: transparent; - border-radius: 1rem; -} - -.form-range::-moz-range-thumb { - width: 1rem; - height: 1rem; - background-color: #cb0c9f; - border: 0; - border-radius: 1rem; - 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) { - .form-range::-moz-range-thumb { - transition: none; - } -} - -.form-range::-moz-range-thumb:active { - background-color: #f891e1; -} - -.form-range::-moz-range-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #dee2e6; - border-color: transparent; - border-radius: 1rem; -} - -.form-range:disabled { - pointer-events: none; -} - -.form-range:disabled::-webkit-slider-thumb { - background-color: #adb5bd; -} - -.form-range:disabled::-moz-range-thumb { - background-color: #adb5bd; -} - -.form-floating { - position: relative; -} - -.form-floating>.form-control, -.form-floating>.form-select { - height: calc(3.5rem + 2px); - padding: 1rem 0.75rem; -} - -.form-floating>label { - position: absolute; - top: 0; - left: 0; - height: 100%; - padding: 1rem 0.75rem; - pointer-events: none; - border: 1px solid transparent; - transform-origin: 0 0; - transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - .form-floating>label { - transition: none; - } -} - -.form-floating>.form-control::placeholder { - color: transparent; -} - -.form-floating>.form-control:focus, -.form-floating>.form-control:not(:placeholder-shown) { - padding-top: 1.625rem; - padding-bottom: 0.625rem; -} - -.form-floating>.form-control:-webkit-autofill { - padding-top: 1.625rem; - padding-bottom: 0.625rem; -} - -.form-floating>.form-select { - padding-top: 1.625rem; - padding-bottom: 0.625rem; -} - -.form-floating>.form-control:focus~label, -.form-floating>.form-control:not(:placeholder-shown)~label, -.form-floating>.form-select~label { - opacity: 0.65; - transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); -} - -.form-floating>.form-control:-webkit-autofill~label { - opacity: 0.65; - transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); -} - -.input-group { - position: relative; - display: flex; - flex-wrap: wrap; - align-items: stretch; - width: 100%; -} - -.input-group>.form-control, -.input-group>.form-select { - position: relative; - flex: 1 1 auto; - width: 1%; - min-width: 0; -} - -.input-group>.form-control:focus, -.input-group>.form-select:focus { - z-index: 3; -} - -.input-group .btn { - position: relative; - z-index: 2; -} - -.input-group .btn:focus { - z-index: 3; -} - -.input-group-text { - display: flex; - align-items: center; - padding: 0.5rem 0.75rem; - font-size: 0.875rem; - font-weight: 400; - line-height: 1.4rem; - color: #252f40; - text-align: center; - white-space: nowrap; - background-color: #fff; - border: 1px solid #d2d6da; - border-radius: 0.5rem; -} - -.input-group-lg>.form-control, -.input-group-lg>.form-select, -.input-group-lg>.input-group-text, -.input-group-lg>.btn { - padding: 0.75rem 0.75rem; - font-size: 0.875rem; - border-radius: 0.5rem; -} - -.input-group-sm>.form-control, -.input-group-sm>.form-select, -.input-group-sm>.input-group-text, -.input-group-sm>.btn { +.input-group-sm > .form-control, +.input-group-sm > .form-select, +.input-group-sm > .input-group-text, +.input-group-sm > .btn { padding: 0.25rem 0.75rem; font-size: 0.75rem; - border-radius: 0.5rem; -} + border-radius: 0.5rem; } -.input-group-lg>.form-select, -.input-group-sm>.form-select { - padding-right: 1.75rem; -} +.input-group-lg > .form-select, +.input-group-sm > .form-select { + padding-right: 1.75rem; } -.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), -.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3) { +.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), +.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) { border-top-right-radius: 0; - border-bottom-right-radius: 0; -} + border-bottom-right-radius: 0; } -.input-group.has-validation> :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), -.input-group.has-validation>.dropdown-toggle:nth-last-child(n + 4) { +.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), +.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) { border-top-right-radius: 0; - border-bottom-right-radius: 0; -} + border-bottom-right-radius: 0; } -.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { +.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; - border-bottom-left-radius: 0; -} + border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; - color: #66d432; -} + color: #66d432; } .valid-tooltip { position: absolute; @@ -2874,91 +2003,62 @@ textarea.form-control-lg { font-size: 0.875rem; color: #000; background-color: rgba(102, 212, 50, 0.9); - border-radius: 0.5rem; -} + border-radius: 0.5rem; } -.was-validated :valid~.valid-feedback, -.was-validated :valid~.valid-tooltip, -.is-valid~.valid-feedback, -.is-valid~.valid-tooltip { - display: block; -} +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; } -.was-validated .form-control:valid, -.form-control.is-valid { +.was-validated .form-control:valid, .form-control.is-valid { border-color: #66d432; padding-right: unset; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3e%3cpath fill='%2366d432' 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 0.75rem center; - background-size: 1rem 1rem; -} - -.was-validated .form-control:valid:focus, -.form-control.is-valid:focus { - border-color: #66d432; - box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25); -} + background-size: 1rem 1rem; } + .was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #66d432; + box-shadow: 0 0 0 2px rgba(102, 212, 50, 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: unset; - background-position: top 0.75rem right 0.75rem; -} + background-position: top 0.75rem right 0.75rem; } -.was-validated .form-select:valid, -.form-select.is-valid { +.was-validated .form-select:valid, .form-select.is-valid { border-color: #66d432; padding-right: 2.875rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3e%3cpath fill='%2366d432' 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-position: right 0.75rem center, center right 1.75rem; - background-size: 16px 12px, 1rem 1rem; -} - -.was-validated .form-select:valid:focus, -.form-select.is-valid:focus { - border-color: #66d432; - box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25); -} - -.was-validated .form-check-input:valid, -.form-check-input.is-valid { - border-color: #66d432; -} - -.was-validated .form-check-input:valid:checked, -.form-check-input.is-valid:checked { - background-color: #66d432; -} - -.was-validated .form-check-input:valid:focus, -.form-check-input.is-valid:focus { - box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25); -} - -.was-validated .form-check-input:valid~.form-check-label, -.form-check-input.is-valid~.form-check-label { - color: #66d432; -} - -.form-check-inline .form-check-input~.valid-feedback { - margin-left: .5em; -} - -.was-validated .input-group .form-control:valid, -.input-group .form-control.is-valid, -.was-validated .input-group .form-select:valid, + background-size: 16px 12px, 1rem 1rem; } + .was-validated .form-select:valid:focus, .form-select.is-valid:focus { + border-color: #66d432; + box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25); } + +.was-validated .form-check-input:valid, .form-check-input.is-valid { + border-color: #66d432; } + .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { + background-color: #66d432; } + .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { + box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25); } + .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #66d432; } + +.form-check-inline .form-check-input ~ .valid-feedback { + margin-left: .5em; } + +.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated +.input-group .form-select:valid, .input-group .form-select.is-valid { - z-index: 3; -} + z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; - color: #fd5c70; -} + color: #fd5c70; } .invalid-tooltip { position: absolute; @@ -2971,83 +2071,55 @@ textarea.form-control.is-valid { font-size: 0.875rem; color: #000; background-color: rgba(253, 92, 112, 0.9); - border-radius: 0.5rem; -} + border-radius: 0.5rem; } -.was-validated :invalid~.invalid-feedback, -.was-validated :invalid~.invalid-tooltip, -.is-invalid~.invalid-feedback, -.is-invalid~.invalid-tooltip { - display: block; -} +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; } -.was-validated .form-control:invalid, -.form-control.is-invalid { +.was-validated .form-control:invalid, .form-control.is-invalid { border-color: #fd5c70; padding-right: unset; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' 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='%23fd5c70' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; - background-size: 1rem 1rem; -} - -.was-validated .form-control:invalid:focus, -.form-control.is-invalid:focus { - border-color: #fd5c70; - box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25); -} + background-size: 1rem 1rem; } + .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #fd5c70; + box-shadow: 0 0 0 2px rgba(253, 92, 112, 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: unset; - background-position: top 0.75rem right 0.75rem; -} + background-position: top 0.75rem right 0.75rem; } -.was-validated .form-select:invalid, -.form-select.is-invalid { +.was-validated .form-select:invalid, .form-select.is-invalid { border-color: #fd5c70; padding-right: 2.875rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' 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='%23fd5c70' stroke='none'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 1.75rem; - background-size: 16px 12px, 1rem 1rem; -} - -.was-validated .form-select:invalid:focus, -.form-select.is-invalid:focus { - border-color: #fd5c70; - box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25); -} - -.was-validated .form-check-input:invalid, -.form-check-input.is-invalid { - border-color: #fd5c70; -} - -.was-validated .form-check-input:invalid:checked, -.form-check-input.is-invalid:checked { - background-color: #fd5c70; -} - -.was-validated .form-check-input:invalid:focus, -.form-check-input.is-invalid:focus { - box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25); -} - -.was-validated .form-check-input:invalid~.form-check-label, -.form-check-input.is-invalid~.form-check-label { - color: #fd5c70; -} - -.form-check-inline .form-check-input~.invalid-feedback { - margin-left: .5em; -} - -.was-validated .input-group .form-control:invalid, -.input-group .form-control.is-invalid, -.was-validated .input-group .form-select:invalid, + background-size: 16px 12px, 1rem 1rem; } + .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { + border-color: #fd5c70; + box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25); } + +.was-validated .form-check-input:invalid, .form-check-input.is-invalid { + border-color: #fd5c70; } + .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { + background-color: #fd5c70; } + .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { + box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25); } + .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #fd5c70; } + +.form-check-inline .form-check-input ~ .invalid-feedback { + margin-left: .5em; } + +.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated +.input-group .form-select:invalid, .input-group .form-select.is-invalid { - z-index: 3; -} + z-index: 3; } .btn { display: inline-block; @@ -3057,17712 +2129,10885 @@ textarea.form-control.is-invalid { text-align: center; vertical-align: middle; cursor: pointer; - user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.75rem 1.5rem; font-size: 0.75rem; border-radius: 0.5rem; - transition: all 0.15s ease-in; -} - -@media (prefers-reduced-motion: reduce) { - .btn { - transition: none; - } -} - -.btn:hover { - color: #67748e; -} - -.btn-check:focus+.btn, -.btn:focus { - outline: 0; - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07); -} - -.btn:disabled, -.btn.disabled, -fieldset:disabled .btn { - pointer-events: none; - opacity: 0.65; -} + transition: all 0.15s ease-in; } + @media (prefers-reduced-motion: reduce) { + .btn { + transition: none; } } + .btn:hover { + color: #67748e; } + .btn-check:focus + .btn, .btn:focus { + outline: 0; + box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07); } + .btn:disabled, .btn.disabled, + fieldset:disabled .btn { + pointer-events: none; + opacity: 0.65; } .btn-primary { color: #fff; background-color: #cb0c9f; - border-color: #cb0c9f; -} - -.btn-primary:hover { - color: #fff; - background-color: #ad0a87; - border-color: #a20a7f; -} - -.btn-check:focus+.btn-primary, -.btn-primary:focus { - color: #fff; - background-color: #ad0a87; - border-color: #a20a7f; - box-shadow: 0 0 0 0.2rem rgba(211, 48, 173, 0.5); -} - -.btn-check:checked+.btn-primary, -.btn-check:active+.btn-primary, -.btn-primary:active, -.btn-primary.active, -.show>.btn-primary.dropdown-toggle { - color: #fff; - background-color: #a20a7f; - border-color: #980977; -} - -.btn-check:checked+.btn-primary:focus, -.btn-check:active+.btn-primary:focus, -.btn-primary:active:focus, -.btn-primary.active:focus, -.show>.btn-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(211, 48, 173, 0.5); -} - -.btn-primary:disabled, -.btn-primary.disabled { - color: #fff; - background-color: #cb0c9f; - border-color: #cb0c9f; -} + border-color: #cb0c9f; } + .btn-primary:hover { + color: #fff; + background-color: #ad0a87; + border-color: #a20a7f; } + .btn-check:focus + .btn-primary, .btn-primary:focus { + color: #fff; + background-color: #ad0a87; + border-color: #a20a7f; + box-shadow: 0 0 0 0.2rem rgba(211, 48, 173, 0.5); } + .btn-check:checked + .btn-primary, + .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, + .show > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #a20a7f; + border-color: #980977; } + .btn-check:checked + .btn-primary:focus, + .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, + .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(211, 48, 173, 0.5); } + .btn-primary:disabled, .btn-primary.disabled { + color: #fff; + background-color: #cb0c9f; + border-color: #cb0c9f; } .btn-secondary { color: #000; background-color: #8392AB; - border-color: #8392AB; -} + border-color: #8392AB; } + .btn-secondary:hover { + color: #000; + background-color: #96a2b8; + border-color: #8f9db3; } + .btn-check:focus + .btn-secondary, .btn-secondary:focus { + color: #000; + background-color: #96a2b8; + border-color: #8f9db3; + box-shadow: 0 0 0 0.2rem rgba(111, 124, 145, 0.5); } + .btn-check:checked + .btn-secondary, + .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, + .show > .btn-secondary.dropdown-toggle { + color: #000; + background-color: #9ca8bc; + border-color: #8f9db3; } + .btn-check:checked + .btn-secondary:focus, + .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, + .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(111, 124, 145, 0.5); } + .btn-secondary:disabled, .btn-secondary.disabled { + color: #000; + background-color: #8392AB; + border-color: #8392AB; } -.btn-secondary:hover { +.btn-success { color: #000; - background-color: #96a2b8; - border-color: #8f9db3; -} + background-color: #82d616; + border-color: #82d616; } + .btn-success:hover { + color: #000; + background-color: #95dc39; + border-color: #8fda2d; } + .btn-check:focus + .btn-success, .btn-success:focus { + color: #000; + background-color: #95dc39; + border-color: #8fda2d; + box-shadow: 0 0 0 0.2rem rgba(111, 182, 19, 0.5); } + .btn-check:checked + .btn-success, + .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, + .show > .btn-success.dropdown-toggle { + color: #000; + background-color: #9bde45; + border-color: #8fda2d; } + .btn-check:checked + .btn-success:focus, + .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, + .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(111, 182, 19, 0.5); } + .btn-success:disabled, .btn-success.disabled { + color: #000; + background-color: #82d616; + border-color: #82d616; } -.btn-check:focus+.btn-secondary, -.btn-secondary:focus { +.btn-info { color: #000; - background-color: #96a2b8; - border-color: #8f9db3; - box-shadow: 0 0 0 0.2rem rgba(111, 124, 145, 0.5); -} + background-color: #17c1e8; + border-color: #17c1e8; } + .btn-info:hover { + color: #000; + background-color: #3acaeb; + border-color: #2ec7ea; } + .btn-check:focus + .btn-info, .btn-info:focus { + color: #000; + background-color: #3acaeb; + border-color: #2ec7ea; + box-shadow: 0 0 0 0.2rem rgba(20, 164, 197, 0.5); } + .btn-check:checked + .btn-info, + .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, + .show > .btn-info.dropdown-toggle { + color: #000; + background-color: #45cded; + border-color: #2ec7ea; } + .btn-check:checked + .btn-info:focus, + .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, + .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(20, 164, 197, 0.5); } + .btn-info:disabled, .btn-info.disabled { + color: #000; + background-color: #17c1e8; + border-color: #17c1e8; } -.btn-check:checked+.btn-secondary, -.btn-check:active+.btn-secondary, -.btn-secondary:active, -.btn-secondary.active, -.show>.btn-secondary.dropdown-toggle { +.btn-warning { color: #000; - background-color: #9ca8bc; - border-color: #8f9db3; -} - -.btn-check:checked+.btn-secondary:focus, -.btn-check:active+.btn-secondary:focus, -.btn-secondary:active:focus, -.btn-secondary.active:focus, -.show>.btn-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(111, 124, 145, 0.5); -} + background-color: #f53939; + border-color: #f53939; } + .btn-warning:hover { + color: #000; + background-color: #f75757; + border-color: #f64d4d; } + .btn-check:focus + .btn-warning, .btn-warning:focus { + color: #000; + background-color: #f75757; + border-color: #f64d4d; + box-shadow: 0 0 0 0.2rem rgba(208, 48, 48, 0.5); } + .btn-check:checked + .btn-warning, + .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, + .show > .btn-warning.dropdown-toggle { + color: #000; + background-color: #f76161; + border-color: #f64d4d; } + .btn-check:checked + .btn-warning:focus, + .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, + .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(208, 48, 48, 0.5); } + .btn-warning:disabled, .btn-warning.disabled { + color: #000; + background-color: #f53939; + border-color: #f53939; } -.btn-secondary:disabled, -.btn-secondary.disabled { - color: #000; - background-color: #8392AB; - border-color: #8392AB; -} +.btn-danger { + color: #fff; + background-color: #ea0606; + border-color: #ea0606; } + .btn-danger:hover { + color: #fff; + background-color: #c70505; + border-color: #bb0505; } + .btn-check:focus + .btn-danger, .btn-danger:focus { + color: #fff; + background-color: #c70505; + border-color: #bb0505; + box-shadow: 0 0 0 0.2rem rgba(237, 43, 43, 0.5); } + .btn-check:checked + .btn-danger, + .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, + .show > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #bb0505; + border-color: #b00505; } + .btn-check:checked + .btn-danger:focus, + .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, + .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(237, 43, 43, 0.5); } + .btn-danger:disabled, .btn-danger.disabled { + color: #fff; + background-color: #ea0606; + border-color: #ea0606; } -.btn-success { +.btn-light { color: #000; - background-color: #82d616; - border-color: #82d616; -} + background-color: #e9ecef; + border-color: #e9ecef; } + .btn-light:hover { + color: #000; + background-color: #eceff1; + border-color: #ebeef1; } + .btn-check:focus + .btn-light, .btn-light:focus { + color: #000; + background-color: #eceff1; + border-color: #ebeef1; + box-shadow: 0 0 0 0.2rem rgba(198, 201, 203, 0.5); } + .btn-check:checked + .btn-light, + .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, + .show > .btn-light.dropdown-toggle { + color: #000; + background-color: #edf0f2; + border-color: #ebeef1; } + .btn-check:checked + .btn-light:focus, + .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, + .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(198, 201, 203, 0.5); } + .btn-light:disabled, .btn-light.disabled { + color: #000; + background-color: #e9ecef; + border-color: #e9ecef; } -.btn-success:hover { - color: #000; - background-color: #95dc39; - border-color: #8fda2d; -} +.btn-dark { + color: #fff; + background-color: #252f40; + border-color: #252f40; } + .btn-dark:hover { + color: #fff; + background-color: #1f2836; + border-color: #1e2633; } + .btn-check:focus + .btn-dark, .btn-dark:focus { + color: #fff; + background-color: #1f2836; + border-color: #1e2633; + box-shadow: 0 0 0 0.2rem rgba(70, 78, 93, 0.5); } + .btn-check:checked + .btn-dark, + .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, + .show > .btn-dark.dropdown-toggle { + color: #fff; + background-color: #1e2633; + border-color: #1c2330; } + .btn-check:checked + .btn-dark:focus, + .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, + .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(70, 78, 93, 0.5); } + .btn-dark:disabled, .btn-dark.disabled { + color: #fff; + background-color: #252f40; + border-color: #252f40; } -.btn-check:focus+.btn-success, -.btn-success:focus { +.btn-white { color: #000; - background-color: #95dc39; - border-color: #8fda2d; - box-shadow: 0 0 0 0.2rem rgba(111, 182, 19, 0.5); -} + background-color: #fff; + border-color: #fff; } + .btn-white:hover { + color: #000; + background-color: white; + border-color: white; } + .btn-check:focus + .btn-white, .btn-white:focus { + color: #000; + background-color: white; + border-color: white; + box-shadow: 0 0 0 0.2rem rgba(217, 217, 217, 0.5); } + .btn-check:checked + .btn-white, + .btn-check:active + .btn-white, .btn-white:active, .btn-white.active, + .show > .btn-white.dropdown-toggle { + color: #000; + background-color: white; + border-color: white; } + .btn-check:checked + .btn-white:focus, + .btn-check:active + .btn-white:focus, .btn-white:active:focus, .btn-white.active:focus, + .show > .btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(217, 217, 217, 0.5); } + .btn-white:disabled, .btn-white.disabled { + color: #000; + background-color: #fff; + border-color: #fff; } -.btn-check:checked+.btn-success, -.btn-check:active+.btn-success, -.btn-success:active, -.btn-success.active, -.show>.btn-success.dropdown-toggle { - color: #000; - background-color: #9bde45; - border-color: #8fda2d; -} +.btn-outline-primary { + color: #cb0c9f; + border-color: #cb0c9f; } + .btn-outline-primary:hover { + color: #fff; + background-color: #cb0c9f; + border-color: #cb0c9f; } + .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { + box-shadow: 0 0 0 0.2rem rgba(203, 12, 159, 0.5); } + .btn-check:checked + .btn-outline-primary, + .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { + color: #fff; + background-color: #cb0c9f; + border-color: #cb0c9f; } + .btn-check:checked + .btn-outline-primary:focus, + .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.2rem rgba(203, 12, 159, 0.5); } + .btn-outline-primary:disabled, .btn-outline-primary.disabled { + color: #cb0c9f; + background-color: transparent; } -.btn-check:checked+.btn-success:focus, -.btn-check:active+.btn-success:focus, -.btn-success:active:focus, -.btn-success.active:focus, -.show>.btn-success.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(111, 182, 19, 0.5); -} +.btn-outline-secondary { + color: #8392AB; + border-color: #8392AB; } + .btn-outline-secondary:hover { + color: #000; + background-color: #8392AB; + border-color: #8392AB; } + .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { + box-shadow: 0 0 0 0.2rem rgba(131, 146, 171, 0.5); } + .btn-check:checked + .btn-outline-secondary, + .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { + color: #000; + background-color: #8392AB; + border-color: #8392AB; } + .btn-check:checked + .btn-outline-secondary:focus, + .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.2rem rgba(131, 146, 171, 0.5); } + .btn-outline-secondary:disabled, .btn-outline-secondary.disabled { + color: #8392AB; + background-color: transparent; } -.btn-success:disabled, -.btn-success.disabled { - color: #000; - background-color: #82d616; - border-color: #82d616; -} +.btn-outline-success { + color: #82d616; + border-color: #82d616; } + .btn-outline-success:hover { + color: #000; + background-color: #82d616; + border-color: #82d616; } + .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { + box-shadow: 0 0 0 0.2rem rgba(130, 214, 22, 0.5); } + .btn-check:checked + .btn-outline-success, + .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { + color: #000; + background-color: #82d616; + border-color: #82d616; } + .btn-check:checked + .btn-outline-success:focus, + .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.2rem rgba(130, 214, 22, 0.5); } + .btn-outline-success:disabled, .btn-outline-success.disabled { + color: #82d616; + background-color: transparent; } -.btn-info { - color: #000; - background-color: #17c1e8; - border-color: #17c1e8; -} +.btn-outline-info { + color: #17c1e8; + border-color: #17c1e8; } + .btn-outline-info:hover { + color: #000; + background-color: #17c1e8; + border-color: #17c1e8; } + .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { + box-shadow: 0 0 0 0.2rem rgba(23, 193, 232, 0.5); } + .btn-check:checked + .btn-outline-info, + .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { + color: #000; + background-color: #17c1e8; + border-color: #17c1e8; } + .btn-check:checked + .btn-outline-info:focus, + .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.2rem rgba(23, 193, 232, 0.5); } + .btn-outline-info:disabled, .btn-outline-info.disabled { + color: #17c1e8; + background-color: transparent; } -.btn-info:hover { - color: #000; - background-color: #3acaeb; - border-color: #2ec7ea; -} +.btn-outline-warning { + color: #f53939; + border-color: #f53939; } + .btn-outline-warning:hover { + color: #000; + background-color: #f53939; + border-color: #f53939; } + .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { + box-shadow: 0 0 0 0.2rem rgba(245, 57, 57, 0.5); } + .btn-check:checked + .btn-outline-warning, + .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { + color: #000; + background-color: #f53939; + border-color: #f53939; } + .btn-check:checked + .btn-outline-warning:focus, + .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.2rem rgba(245, 57, 57, 0.5); } + .btn-outline-warning:disabled, .btn-outline-warning.disabled { + color: #f53939; + background-color: transparent; } -.btn-check:focus+.btn-info, -.btn-info:focus { - color: #000; - background-color: #3acaeb; - border-color: #2ec7ea; - box-shadow: 0 0 0 0.2rem rgba(20, 164, 197, 0.5); -} +.btn-outline-danger { + color: #ea0606; + border-color: #ea0606; } + .btn-outline-danger:hover { + color: #fff; + background-color: #ea0606; + border-color: #ea0606; } + .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { + box-shadow: 0 0 0 0.2rem rgba(234, 6, 6, 0.5); } + .btn-check:checked + .btn-outline-danger, + .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { + color: #fff; + background-color: #ea0606; + border-color: #ea0606; } + .btn-check:checked + .btn-outline-danger:focus, + .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.2rem rgba(234, 6, 6, 0.5); } + .btn-outline-danger:disabled, .btn-outline-danger.disabled { + color: #ea0606; + background-color: transparent; } -.btn-check:checked+.btn-info, -.btn-check:active+.btn-info, -.btn-info:active, -.btn-info.active, -.show>.btn-info.dropdown-toggle { - color: #000; - background-color: #45cded; - border-color: #2ec7ea; -} +.btn-outline-light { + color: #e9ecef; + border-color: #e9ecef; } + .btn-outline-light:hover { + color: #000; + background-color: #e9ecef; + border-color: #e9ecef; } + .btn-check:focus + .btn-outline-light, .btn-outline-light:focus { + box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); } + .btn-check:checked + .btn-outline-light, + .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { + color: #000; + background-color: #e9ecef; + border-color: #e9ecef; } + .btn-check:checked + .btn-outline-light:focus, + .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); } + .btn-outline-light:disabled, .btn-outline-light.disabled { + color: #e9ecef; + background-color: transparent; } -.btn-check:checked+.btn-info:focus, -.btn-check:active+.btn-info:focus, -.btn-info:active:focus, -.btn-info.active:focus, -.show>.btn-info.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(20, 164, 197, 0.5); -} +.btn-outline-dark { + color: #252f40; + border-color: #252f40; } + .btn-outline-dark:hover { + color: #fff; + background-color: #252f40; + border-color: #252f40; } + .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { + box-shadow: 0 0 0 0.2rem rgba(37, 47, 64, 0.5); } + .btn-check:checked + .btn-outline-dark, + .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { + color: #fff; + background-color: #252f40; + border-color: #252f40; } + .btn-check:checked + .btn-outline-dark:focus, + .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.2rem rgba(37, 47, 64, 0.5); } + .btn-outline-dark:disabled, .btn-outline-dark.disabled { + color: #252f40; + background-color: transparent; } -.btn-info:disabled, -.btn-info.disabled { - color: #000; - background-color: #17c1e8; - border-color: #17c1e8; -} +.btn-outline-white { + color: #fff; + border-color: #fff; } + .btn-outline-white:hover { + color: #000; + background-color: #fff; + border-color: #fff; } + .btn-check:focus + .btn-outline-white, .btn-outline-white:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } + .btn-check:checked + .btn-outline-white, + .btn-check:active + .btn-outline-white, .btn-outline-white:active, .btn-outline-white.active, .btn-outline-white.dropdown-toggle.show { + color: #000; + background-color: #fff; + border-color: #fff; } + .btn-check:checked + .btn-outline-white:focus, + .btn-check:active + .btn-outline-white:focus, .btn-outline-white:active:focus, .btn-outline-white.active:focus, .btn-outline-white.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } + .btn-outline-white:disabled, .btn-outline-white.disabled { + color: #fff; + background-color: transparent; } -.btn-warning { - color: #000; - background-color: #f53939; - border-color: #f53939; -} +.btn-link { + font-weight: 400; + color: #cb0c9f; + text-decoration: none; } + .btn-link:hover { + color: #830866; + text-decoration: none; } + .btn-link:focus { + text-decoration: none; } + .btn-link:disabled, .btn-link.disabled { + color: #6c757d; } + +.btn-lg, .btn-group-lg > .btn { + padding: 0.875rem 4rem; + font-size: 0.875rem; + border-radius: 0.5rem; } -.btn-warning:hover { - color: #000; - background-color: #f75757; - border-color: #f64d4d; -} +.btn-sm, .btn-group-sm > .btn { + padding: 0.5rem 2rem; + font-size: 0.75rem; + border-radius: 0.5rem; } -.btn-check:focus+.btn-warning, -.btn-warning:focus { - color: #000; - background-color: #f75757; - border-color: #f64d4d; - box-shadow: 0 0 0 0.2rem rgba(208, 48, 48, 0.5); -} +.fade { + transition: opacity 0.15s linear; } + @media (prefers-reduced-motion: reduce) { + .fade { + transition: none; } } + .fade:not(.show) { + opacity: 0; } -.btn-check:checked+.btn-warning, -.btn-check:active+.btn-warning, -.btn-warning:active, -.btn-warning.active, -.show>.btn-warning.dropdown-toggle { - color: #000; - background-color: #f76161; - border-color: #f64d4d; -} +.collapse:not(.show) { + display: none; } -.btn-check:checked+.btn-warning:focus, -.btn-check:active+.btn-warning:focus, -.btn-warning:active:focus, -.btn-warning.active:focus, -.show>.btn-warning.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(208, 48, 48, 0.5); -} +.collapsing { + height: 0; + overflow: hidden; + transition: height 0.35s ease; } + @media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; } } -.btn-warning:disabled, -.btn-warning.disabled { - color: #000; - background-color: #f53939; - border-color: #f53939; -} +.dropup, +.dropend, +.dropdown, +.dropstart { + position: relative; } -.btn-danger { - color: #fff; - background-color: #ea0606; - border-color: #ea0606; -} +.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; } -.btn-danger:hover { - color: #fff; - background-color: #c70505; - border-color: #bb0505; -} +.dropdown-menu { + position: absolute; + top: 100%; + z-index: 1000; + display: none; + min-width: 11rem; + padding: 0.5rem 0; + margin: 0; + font-size: 0.875rem; + color: #67748e; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 0 solid transparent; + border-radius: 0.5rem; } + .dropdown-menu[data-bs-popper] { + left: 0; + margin-top: 1.625rem; } -.btn-check:focus+.btn-danger, -.btn-danger:focus { - color: #fff; - background-color: #c70505; - border-color: #bb0505; - box-shadow: 0 0 0 0.2rem rgba(237, 43, 43, 0.5); -} +.dropdown-menu-start { + --bs-position: start; } + .dropdown-menu-start[data-bs-popper] { + right: auto /* rtl:ignore */; + left: 0 /* rtl:ignore */; } -.btn-check:checked+.btn-danger, -.btn-check:active+.btn-danger, -.btn-danger:active, -.btn-danger.active, -.show>.btn-danger.dropdown-toggle { - color: #fff; - background-color: #bb0505; - border-color: #b00505; -} +.dropdown-menu-end { + --bs-position: end; } + .dropdown-menu-end[data-bs-popper] { + right: 0 /* rtl:ignore */; + left: auto /* rtl:ignore */; } -.btn-check:checked+.btn-danger:focus, -.btn-check:active+.btn-danger:focus, -.btn-danger:active:focus, -.btn-danger.active:focus, -.show>.btn-danger.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(237, 43, 43, 0.5); -} +@media (min-width: 576px) { + .dropdown-menu-sm-start { + --bs-position: start; } + .dropdown-menu-sm-start[data-bs-popper] { + right: auto /* rtl:ignore */; + left: 0 /* rtl:ignore */; } + .dropdown-menu-sm-end { + --bs-position: end; } + .dropdown-menu-sm-end[data-bs-popper] { + right: 0 /* rtl:ignore */; + left: auto /* rtl:ignore */; } } -.btn-danger:disabled, -.btn-danger.disabled { - color: #fff; - background-color: #ea0606; - border-color: #ea0606; -} +@media (min-width: 768px) { + .dropdown-menu-md-start { + --bs-position: start; } + .dropdown-menu-md-start[data-bs-popper] { + right: auto /* rtl:ignore */; + left: 0 /* rtl:ignore */; } + .dropdown-menu-md-end { + --bs-position: end; } + .dropdown-menu-md-end[data-bs-popper] { + right: 0 /* rtl:ignore */; + left: auto /* rtl:ignore */; } } -.btn-light { - color: #000; - background-color: #e9ecef; - border-color: #e9ecef; -} +@media (min-width: 992px) { + .dropdown-menu-lg-start { + --bs-position: start; } + .dropdown-menu-lg-start[data-bs-popper] { + right: auto /* rtl:ignore */; + left: 0 /* rtl:ignore */; } + .dropdown-menu-lg-end { + --bs-position: end; } + .dropdown-menu-lg-end[data-bs-popper] { + right: 0 /* rtl:ignore */; + left: auto /* rtl:ignore */; } } -.btn-light:hover { - color: #000; - background-color: #eceff1; - border-color: #ebeef1; -} +@media (min-width: 1200px) { + .dropdown-menu-xl-start { + --bs-position: start; } + .dropdown-menu-xl-start[data-bs-popper] { + right: auto /* rtl:ignore */; + left: 0 /* rtl:ignore */; } + .dropdown-menu-xl-end { + --bs-position: end; } + .dropdown-menu-xl-end[data-bs-popper] { + right: 0 /* rtl:ignore */; + left: auto /* rtl:ignore */; } } -.btn-check:focus+.btn-light, -.btn-light:focus { - color: #000; - background-color: #eceff1; - border-color: #ebeef1; - box-shadow: 0 0 0 0.2rem rgba(198, 201, 203, 0.5); -} +@media (min-width: 1400px) { + .dropdown-menu-xxl-start { + --bs-position: start; } + .dropdown-menu-xxl-start[data-bs-popper] { + right: auto /* rtl:ignore */; + left: 0 /* rtl:ignore */; } + .dropdown-menu-xxl-end { + --bs-position: end; } + .dropdown-menu-xxl-end[data-bs-popper] { + right: 0 /* rtl:ignore */; + left: auto /* rtl:ignore */; } } -.btn-check:checked+.btn-light, -.btn-check:active+.btn-light, -.btn-light:active, -.btn-light.active, -.show>.btn-light.dropdown-toggle { - color: #000; - background-color: #edf0f2; - border-color: #ebeef1; -} +.dropup .dropdown-menu[data-bs-popper] { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 1.625rem; } -.btn-check:checked+.btn-light:focus, -.btn-check:active+.btn-light:focus, -.btn-light:active:focus, -.btn-light.active:focus, -.show>.btn-light.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(198, 201, 203, 0.5); -} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; } -.btn-light:disabled, -.btn-light.disabled { - color: #000; - background-color: #e9ecef; - border-color: #e9ecef; -} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; } -.btn-dark { - color: #fff; - background-color: #252f40; - border-color: #252f40; -} +.dropend .dropdown-menu { + top: 0; + right: auto; + left: 100%; } + .dropend .dropdown-menu[data-bs-popper] { + margin-top: 0; + margin-left: 1.625rem; } -.btn-dark:hover { - color: #fff; - background-color: #1f2836; - border-color: #1e2633; -} +.dropend .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; } -.btn-check:focus+.btn-dark, -.btn-dark:focus { - color: #fff; - background-color: #1f2836; - border-color: #1e2633; - box-shadow: 0 0 0 0.2rem rgba(70, 78, 93, 0.5); -} +.dropend .dropdown-toggle:empty::after { + margin-left: 0; } -.btn-check:checked+.btn-dark, -.btn-check:active+.btn-dark, -.btn-dark:active, -.btn-dark.active, -.show>.btn-dark.dropdown-toggle { - color: #fff; - background-color: #1e2633; - border-color: #1c2330; -} +.dropend .dropdown-toggle::after { + vertical-align: 0; } -.btn-check:checked+.btn-dark:focus, -.btn-check:active+.btn-dark:focus, -.btn-dark:active:focus, -.btn-dark.active:focus, -.show>.btn-dark.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(70, 78, 93, 0.5); -} +.dropstart .dropdown-menu { + top: 0; + right: 100%; + left: auto; } + .dropstart .dropdown-menu[data-bs-popper] { + margin-top: 0; + margin-right: 1.625rem; } -.btn-dark:disabled, -.btn-dark.disabled { - color: #fff; - background-color: #252f40; - border-color: #252f40; -} +.dropstart .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; } -.btn-white { - color: #000; - background-color: #fff; - border-color: #fff; -} +.dropstart .dropdown-toggle::after { + display: none; } -.btn-white:hover { - color: #000; - background-color: white; - border-color: white; -} +.dropstart .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; } -.btn-check:focus+.btn-white, -.btn-white:focus { - color: #000; - background-color: white; - border-color: white; - box-shadow: 0 0 0 0.2rem rgba(217, 217, 217, 0.5); -} +.dropstart .dropdown-toggle:empty::after { + margin-left: 0; } -.btn-check:checked+.btn-white, -.btn-check:active+.btn-white, -.btn-white:active, -.btn-white.active, -.show>.btn-white.dropdown-toggle { - color: #000; - background-color: white; - border-color: white; -} +.dropstart .dropdown-toggle::before { + vertical-align: 0; } -.btn-check:checked+.btn-white:focus, -.btn-check:active+.btn-white:focus, -.btn-white:active:focus, -.btn-white.active:focus, -.show>.btn-white.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(217, 217, 217, 0.5); -} +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid transparent; } -.btn-white:disabled, -.btn-white.disabled { - color: #000; - background-color: #fff; - border-color: #fff; -} +.dropdown-item { + display: block; + width: 100%; + padding: 0.3rem 1rem; + clear: both; + font-weight: 400; + color: #67748e; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; } + .dropdown-item:hover, .dropdown-item:focus { + color: #252f40; + background-color: #e9ecef; } + .dropdown-item.active, .dropdown-item:active { + color: #67748e; + text-decoration: none; + background-color: transparent; } + .dropdown-item.disabled, .dropdown-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: transparent; } -.btn-outline-primary { - color: #cb0c9f; - border-color: #cb0c9f; -} +.dropdown-menu.show { + display: block; } -.btn-outline-primary:hover { - color: #fff; - background-color: #cb0c9f; - border-color: #cb0c9f; -} +.dropdown-header { + display: block; + padding: 0.5rem 1rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #6c757d; + white-space: nowrap; } -.btn-check:focus+.btn-outline-primary, -.btn-outline-primary:focus { - box-shadow: 0 0 0 0.2rem rgba(203, 12, 159, 0.5); -} +.dropdown-item-text { + display: block; + padding: 0.3rem 1rem; + color: #67748e; } -.btn-check:checked+.btn-outline-primary, -.btn-check:active+.btn-outline-primary, -.btn-outline-primary:active, -.btn-outline-primary.active, -.btn-outline-primary.dropdown-toggle.show { - color: #fff; - background-color: #cb0c9f; - border-color: #cb0c9f; -} +.dropdown-menu-dark { + color: #dee2e6; + background-color: #343a40; + border-color: transparent; } + .dropdown-menu-dark .dropdown-item { + color: #dee2e6; } + .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { + color: #fff; + background-color: rgba(255, 255, 255, 0.15); } + .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { + color: #67748e; + background-color: transparent; } + .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { + color: #adb5bd; } + .dropdown-menu-dark .dropdown-divider { + border-color: transparent; } + .dropdown-menu-dark .dropdown-item-text { + color: #dee2e6; } + .dropdown-menu-dark .dropdown-header { + color: #adb5bd; } -.btn-check:checked+.btn-outline-primary:focus, -.btn-check:active+.btn-outline-primary:focus, -.btn-outline-primary:active:focus, -.btn-outline-primary.active:focus, -.btn-outline-primary.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.2rem rgba(203, 12, 159, 0.5); -} +.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-check:checked + .btn, + .btn-group > .btn-check:focus + .btn, + .btn-group > .btn:hover, + .btn-group > .btn:focus, + .btn-group > .btn:active, + .btn-group > .btn.active, + .btn-group-vertical > .btn-check:checked + .btn, + .btn-group-vertical > .btn-check:focus + .btn, + .btn-group-vertical > .btn:hover, + .btn-group-vertical > .btn:focus, + .btn-group-vertical > .btn:active, + .btn-group-vertical > .btn.active { + z-index: 1; } -.btn-outline-primary:disabled, -.btn-outline-primary.disabled { - color: #cb0c9f; - background-color: transparent; -} +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; } + .btn-toolbar .input-group { + width: auto; } -.btn-outline-secondary { - color: #8392AB; - border-color: #8392AB; -} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; } -.btn-outline-secondary:hover { - color: #000; - background-color: #8392AB; - border-color: #8392AB; -} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.btn-check:focus+.btn-outline-secondary, -.btn-outline-secondary:focus { - box-shadow: 0 0 0 0.2rem rgba(131, 146, 171, 0.5); -} +.btn-group > .btn:nth-child(n + 3), +.btn-group > :not(.btn-check) + .btn, +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } -.btn-check:checked+.btn-outline-secondary, -.btn-check:active+.btn-outline-secondary, -.btn-outline-secondary:active, -.btn-outline-secondary.active, -.btn-outline-secondary.dropdown-toggle.show { - color: #000; - background-color: #8392AB; - border-color: #8392AB; -} +.dropdown-toggle-split { + padding-right: 1.125rem; + padding-left: 1.125rem; } + .dropdown-toggle-split::after, + .dropup .dropdown-toggle-split::after, + .dropend .dropdown-toggle-split::after { + margin-left: 0; } + .dropstart .dropdown-toggle-split::before { + margin-right: 0; } + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 1.5rem; + padding-left: 1.5rem; } -.btn-check:checked+.btn-outline-secondary:focus, -.btn-check:active+.btn-outline-secondary:focus, -.btn-outline-secondary:active:focus, -.btn-outline-secondary.active:focus, -.btn-outline-secondary.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.2rem rgba(131, 146, 171, 0.5); -} +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 3rem; + padding-left: 3rem; } -.btn-outline-secondary:disabled, -.btn-outline-secondary.disabled { - color: #8392AB; - background-color: transparent; -} - -.btn-outline-success { - color: #82d616; - border-color: #82d616; -} - -.btn-outline-success:hover { - color: #000; - background-color: #82d616; - border-color: #82d616; -} +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; } + .btn-group-vertical > .btn, + .btn-group-vertical > .btn-group { + width: 100%; } + .btn-group-vertical > .btn:not(:first-child), + .btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; } + .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), + .btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + .btn-group-vertical > .btn ~ .btn, + .btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; } -.btn-check:focus+.btn-outline-success, -.btn-outline-success:focus { - box-shadow: 0 0 0 0.2rem rgba(130, 214, 22, 0.5); -} +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; } -.btn-check:checked+.btn-outline-success, -.btn-check:active+.btn-outline-success, -.btn-outline-success:active, -.btn-outline-success.active, -.btn-outline-success.dropdown-toggle.show { - color: #000; - background-color: #82d616; - border-color: #82d616; -} +.nav-link { + display: block; + padding: 0.5rem 1rem; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { + .nav-link { + transition: none; } } + .nav-link.disabled { + color: #6c757d; + pointer-events: none; + cursor: default; } -.btn-check:checked+.btn-outline-success:focus, -.btn-check:active+.btn-outline-success:focus, -.btn-outline-success:active:focus, -.btn-outline-success.active:focus, -.btn-outline-success.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.2rem rgba(130, 214, 22, 0.5); -} +.nav-tabs { + border-bottom: 1px solid #dee2e6; } + .nav-tabs .nav-link { + margin-bottom: -1px; + background: none; + border: 1px solid transparent; + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } + .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #e9ecef #e9ecef #dee2e6; + isolation: isolate; } + .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-top-left-radius: 0; + border-top-right-radius: 0; } -.btn-outline-success:disabled, -.btn-outline-success.disabled { - color: #82d616; - background-color: transparent; -} +.nav-pills .nav-link { + background: none; + border: 0; + border-radius: 0.75rem; } -.btn-outline-info { - color: #17c1e8; - border-color: #17c1e8; -} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #252f40; + background-color: #fff; } -.btn-outline-info:hover { - color: #000; - background-color: #17c1e8; - border-color: #17c1e8; -} +.nav-fill > .nav-link, +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; } -.btn-check:focus+.btn-outline-info, -.btn-outline-info:focus { - box-shadow: 0 0 0 0.2rem rgba(23, 193, 232, 0.5); -} +.nav-justified > .nav-link, +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; } -.btn-check:checked+.btn-outline-info, -.btn-check:active+.btn-outline-info, -.btn-outline-info:active, -.btn-outline-info.active, -.btn-outline-info.dropdown-toggle.show { - color: #000; - background-color: #17c1e8; - border-color: #17c1e8; -} +.nav-fill .nav-item .nav-link, +.nav-justified .nav-item .nav-link { + width: 100%; } -.btn-check:checked+.btn-outline-info:focus, -.btn-check:active+.btn-outline-info:focus, -.btn-outline-info:active:focus, -.btn-outline-info.active:focus, -.btn-outline-info.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.2rem rgba(23, 193, 232, 0.5); -} +.tab-content > .tab-pane { + display: none; } -.btn-outline-info:disabled, -.btn-outline-info.disabled { - color: #17c1e8; - background-color: transparent; -} +.tab-content > .active { + display: block; } -.btn-outline-warning { - color: #f53939; - border-color: #f53939; -} +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding-top: 0.5rem; + padding-bottom: 0.5rem; } + .navbar > .container, + .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { + display: flex; + flex-wrap: inherit; + align-items: center; + justify-content: space-between; } -.btn-outline-warning:hover { - color: #000; - background-color: #f53939; - border-color: #f53939; -} +.navbar-brand { + padding-top: 0.40625rem; + padding-bottom: 0.40625rem; + margin-right: 1rem; + font-size: 1.125rem; + white-space: nowrap; } -.btn-check:focus+.btn-outline-warning, -.btn-outline-warning:focus { - box-shadow: 0 0 0 0.2rem rgba(245, 57, 57, 0.5); -} +.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; } -.btn-check:checked+.btn-outline-warning, -.btn-check:active+.btn-outline-warning, -.btn-outline-warning:active, -.btn-outline-warning.active, -.btn-outline-warning.dropdown-toggle.show { - color: #000; - background-color: #f53939; - border-color: #f53939; -} +.navbar-text { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } -.btn-check:checked+.btn-outline-warning:focus, -.btn-check:active+.btn-outline-warning:focus, -.btn-outline-warning:active:focus, -.btn-outline-warning.active:focus, -.btn-outline-warning.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.2rem rgba(245, 57, 57, 0.5); -} +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; } -.btn-outline-warning:disabled, -.btn-outline-warning.disabled { - color: #f53939; +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.125rem; + line-height: 1; background-color: transparent; -} - -.btn-outline-danger { - color: #ea0606; - border-color: #ea0606; -} + border: 1px solid transparent; + border-radius: 0.5rem; + transition: box-shadow 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { + .navbar-toggler { + transition: none; } } + .navbar-toggler:hover { + text-decoration: none; } + .navbar-toggler:focus { + text-decoration: none; + outline: 0; + box-shadow: 0 0 0 0.2rem; } -.btn-outline-danger:hover { - color: #fff; - background-color: #ea0606; - border-color: #ea0606; -} +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + background-repeat: no-repeat; + background-position: center; + background-size: 100%; } -.btn-check:focus+.btn-outline-danger, -.btn-outline-danger:focus { - box-shadow: 0 0 0 0.2rem rgba(234, 6, 6, 0.5); -} +.navbar-nav-scroll { + max-height: var(--bs-scroll-height, 75vh); + overflow-y: auto; } -.btn-check:checked+.btn-outline-danger, -.btn-check:active+.btn-outline-danger, -.btn-outline-danger:active, -.btn-outline-danger.active, -.btn-outline-danger.dropdown-toggle.show { - color: #fff; - background-color: #ea0606; - border-color: #ea0606; -} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-wrap: 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 .navbar-nav-scroll { + overflow: visible; } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; } + .navbar-expand-sm .navbar-toggler { + display: none; } } -.btn-check:checked+.btn-outline-danger:focus, -.btn-check:active+.btn-outline-danger:focus, -.btn-outline-danger:active:focus, -.btn-outline-danger.active:focus, -.btn-outline-danger.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.2rem rgba(234, 6, 6, 0.5); -} +@media (min-width: 768px) { + .navbar-expand-md { + flex-wrap: 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 .navbar-nav-scroll { + overflow: visible; } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; } + .navbar-expand-md .navbar-toggler { + display: none; } } -.btn-outline-danger:disabled, -.btn-outline-danger.disabled { - color: #ea0606; - background-color: transparent; -} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-wrap: 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 .navbar-nav-scroll { + overflow: visible; } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; } + .navbar-expand-lg .navbar-toggler { + display: none; } } -.btn-outline-light { - color: #e9ecef; - border-color: #e9ecef; -} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-wrap: 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 .navbar-nav-scroll { + overflow: visible; } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; } + .navbar-expand-xl .navbar-toggler { + display: none; } } -.btn-outline-light:hover { - color: #000; - background-color: #e9ecef; - border-color: #e9ecef; -} +@media (min-width: 1400px) { + .navbar-expand-xxl { + flex-wrap: nowrap; + justify-content: flex-start; } + .navbar-expand-xxl .navbar-nav { + flex-direction: row; } + .navbar-expand-xxl .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand-xxl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; } + .navbar-expand-xxl .navbar-nav-scroll { + overflow: visible; } + .navbar-expand-xxl .navbar-collapse { + display: flex !important; + flex-basis: auto; } + .navbar-expand-xxl .navbar-toggler { + display: none; } } -.btn-check:focus+.btn-outline-light, -.btn-outline-light:focus { - box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); -} +.navbar-expand { + flex-wrap: nowrap; + justify-content: flex-start; } + .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 .navbar-nav-scroll { + overflow: visible; } + .navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; } + .navbar-expand .navbar-toggler { + display: none; } -.btn-check:checked+.btn-outline-light, -.btn-check:active+.btn-outline-light, -.btn-outline-light:active, -.btn-outline-light.active, -.btn-outline-light.dropdown-toggle.show { - color: #000; - background-color: #e9ecef; - border-color: #e9ecef; -} +.navbar-light .navbar-brand { + color: rgba(37, 47, 64, 0.9); } + .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(37, 47, 64, 0.9); } -.btn-check:checked+.btn-outline-light:focus, -.btn-check:active+.btn-outline-light:focus, -.btn-outline-light:active:focus, -.btn-outline-light.active:focus, -.btn-outline-light.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); -} +.navbar-light .navbar-nav .nav-link { + color: #252f40; } + .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(37, 47, 64, 0.7); } + .navbar-light .navbar-nav .nav-link.disabled { + color: rgba(37, 47, 64, 0.3); } -.btn-outline-light:disabled, -.btn-outline-light.disabled { - color: #e9ecef; - background-color: transparent; -} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(37, 47, 64, 0.9); } -.btn-outline-dark { +.navbar-light .navbar-toggler { color: #252f40; - border-color: #252f40; -} + border-color: rgba(37, 47, 64, 0.1); } -.btn-outline-dark:hover { - color: #fff; - background-color: #252f40; - border-color: #252f40; -} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23252f40' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } -.btn-check:focus+.btn-outline-dark, -.btn-outline-dark:focus { - box-shadow: 0 0 0 0.2rem rgba(37, 47, 64, 0.5); -} +.navbar-light .navbar-text { + color: #252f40; } + .navbar-light .navbar-text a, + .navbar-light .navbar-text a:hover, + .navbar-light .navbar-text a:focus { + color: rgba(37, 47, 64, 0.9); } -.btn-check:checked+.btn-outline-dark, -.btn-check:active+.btn-outline-dark, -.btn-outline-dark:active, -.btn-outline-dark.active, -.btn-outline-dark.dropdown-toggle.show { - color: #fff; - background-color: #252f40; - border-color: #252f40; -} +.navbar-dark .navbar-brand { + color: #fff; } + .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #fff; } -.btn-check:checked+.btn-outline-dark:focus, -.btn-check:active+.btn-outline-dark:focus, -.btn-outline-dark:active:focus, -.btn-outline-dark.active:focus, -.btn-outline-dark.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.2rem rgba(37, 47, 64, 0.5); -} +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.85); } + .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); } -.btn-outline-dark:disabled, -.btn-outline-dark.disabled { - color: #252f40; - background-color: transparent; -} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .nav-link.active { + color: #fff; } -.btn-outline-white { - color: #fff; - border-color: #fff; -} +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.85); + border-color: rgba(255, 255, 255, 0.1); } -.btn-outline-white:hover { - color: #000; - background-color: #fff; - border-color: #fff; -} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } -.btn-check:focus+.btn-outline-white, -.btn-outline-white:focus { - box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); -} +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.85); } + .navbar-dark .navbar-text a, + .navbar-dark .navbar-text a:hover, + .navbar-dark .navbar-text a:focus { + color: #fff; } -.btn-check:checked+.btn-outline-white, -.btn-check:active+.btn-outline-white, -.btn-outline-white:active, -.btn-outline-white.active, -.btn-outline-white.dropdown-toggle.show { - color: #000; +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; background-color: #fff; - border-color: #fff; -} + background-clip: border-box; + border: 0 solid rgba(0, 0, 0, 0.125); + border-radius: 1rem; } + .card > hr { + margin-right: 0; + margin-left: 0; } + .card > .list-group { + border-top: inherit; + border-bottom: inherit; } + .card > .list-group:first-child { + border-top-width: 0; + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; } + .card > .list-group:last-child { + border-bottom-width: 0; + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; } + .card > .card-header + .list-group, + .card > .list-group + .card-footer { + border-top: 0; } -.btn-check:checked+.btn-outline-white:focus, -.btn-check:active+.btn-outline-white:focus, -.btn-outline-white:active:focus, -.btn-outline-white.active:focus, -.btn-outline-white.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); -} +.card-body { + flex: 1 1 auto; + padding: 1rem 1rem; } -.btn-outline-white:disabled, -.btn-outline-white.disabled { - color: #fff; - background-color: transparent; -} +.card-title { + margin-bottom: 0.5rem; } -.btn-link { - font-weight: 400; - color: #cb0c9f; - text-decoration: none; -} +.card-subtitle { + margin-top: -0.25rem; + margin-bottom: 0; } -.btn-link:hover { - color: #830866; - text-decoration: none; -} +.card-text:last-child { + margin-bottom: 0; } -.btn-link:focus { - text-decoration: none; -} +.card-link:hover { + text-decoration: none; } -.btn-link:disabled, -.btn-link.disabled { - color: #6c757d; -} +.card-link + .card-link { + margin-left: 1rem; } -.btn-lg, -.btn-group-lg>.btn { - padding: 0.875rem 4rem; - font-size: 0.875rem; - border-radius: 0.5rem; -} +.card-header { + padding: 0.5rem 1rem; + margin-bottom: 0; + background-color: #fff; + border-bottom: 0 solid rgba(0, 0, 0, 0.125); } + .card-header:first-child { + border-radius: 1rem 1rem 0 0; } -.btn-sm, -.btn-group-sm>.btn { - padding: 0.5rem 2rem; - font-size: 0.75rem; - border-radius: 0.5rem; -} +.card-footer { + padding: 0.5rem 1rem; + background-color: #fff; + border-top: 0 solid rgba(0, 0, 0, 0.125); } + .card-footer:last-child { + border-radius: 0 0 1rem 1rem; } -.fade { - transition: opacity 0.15s linear; -} +.card-header-tabs { + margin-right: -0.5rem; + margin-bottom: -0.5rem; + margin-left: -0.5rem; + border-bottom: 0; } -@media (prefers-reduced-motion: reduce) { - .fade { - transition: none; - } -} +.card-header-pills { + margin-right: -0.5rem; + margin-left: -0.5rem; } -.fade:not(.show) { - opacity: 0; -} +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1rem; + border-radius: 1rem; } -.collapse:not(.show) { - display: none; -} - -.collapsing { - height: 0; - overflow: hidden; - transition: height 0.35s ease; -} - -@media (prefers-reduced-motion: reduce) { - .collapsing { - transition: none; - } -} +.card-img, +.card-img-top, +.card-img-bottom { + width: 100%; } -.dropup, -.dropend, -.dropdown, -.dropstart { - position: relative; -} +.card-img, +.card-img-top { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; } -.dropdown-toggle { - white-space: nowrap; -} +.card-img, +.card-img-bottom { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; } -.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; -} +.card-group > .card { + margin-bottom: 0.75rem; } -.dropdown-toggle:empty::after { - margin-left: 0; -} +@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; } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .card-group > .card:not(:last-child) .card-img-top, + .card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; } + .card-group > .card:not(:last-child) .card-img-bottom, + .card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .card-group > .card:not(:first-child) .card-img-top, + .card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; } + .card-group > .card:not(:first-child) .card-img-bottom, + .card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; } } -.dropdown-menu { - position: absolute; - top: 100%; - z-index: 1000; - display: none; - min-width: 11rem; - padding: 0.5rem 0; - margin: 0; - font-size: 0.875rem; +.accordion-button { + position: relative; + display: flex; + align-items: center; + width: 100%; + padding: 1rem 1rem; + font-size: 1rem; color: #67748e; text-align: left; - list-style: none; - background-color: #fff; - background-clip: padding-box; - border: 0 solid transparent; - border-radius: 0.5rem; -} + background-color: transparent; + border: 0; + border-radius: 0; + overflow-anchor: none; + transition: all 0.15s ease-in, border-radius 0.15s ease; } + @media (prefers-reduced-motion: reduce) { + .accordion-button { + transition: none; } } + .accordion-button:not(.collapsed) { + color: #252f40; + background-color: transparent; + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.125); } + .accordion-button:not(.collapsed)::after { + background-image: none; + transform: rotate(180deg); } + .accordion-button::after { + flex-shrink: 0; + width: 1rem; + height: 1rem; + margin-left: auto; + content: ""; + background-image: none; + background-repeat: no-repeat; + background-size: 1rem; + transition: transform 0.2s ease-in-out; } + @media (prefers-reduced-motion: reduce) { + .accordion-button::after { + transition: none; } } + .accordion-button:hover { + z-index: 2; } + .accordion-button:focus { + z-index: 3; + border-color: #e293d3; + outline: 0; + box-shadow: none; } -.dropdown-menu[data-bs-popper] { - left: 0; - margin-top: 1.625rem; -} +.accordion-header { + margin-bottom: 0; } -.dropdown-menu-start { - --bs-position: start; -} +.accordion-item { + margin-bottom: 0; + background-color: transparent; + border: 0 solid rgba(0, 0, 0, 0.125); } + .accordion-item:first-of-type { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } + .accordion-item:first-of-type .accordion-button { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } + .accordion-item:last-of-type { + margin-bottom: 0; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } + .accordion-item:last-of-type .accordion-button.collapsed { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } + .accordion-item:last-of-type .accordion-collapse { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } -.dropdown-menu-start[data-bs-popper] { - right: auto - /* rtl:ignore */ - ; - left: 0 - /* rtl:ignore */ - ; -} +.accordion-body { + padding: 1rem 1rem; } -.dropdown-menu-end { - --bs-position: end; -} +.accordion-flush .accordion-collapse { + border-width: 0; } -.dropdown-menu-end[data-bs-popper] { - right: 0 - /* rtl:ignore */ - ; - left: auto - /* rtl:ignore */ - ; -} +.accordion-flush .accordion-item { + border-right: 0; + border-left: 0; + border-radius: 0; } + .accordion-flush .accordion-item:first-child { + border-top: 0; } + .accordion-flush .accordion-item:last-child { + border-bottom: 0; } + .accordion-flush .accordion-item .accordion-button { + border-radius: 0; } -@media (min-width: 576px) { - .dropdown-menu-sm-start { - --bs-position: start; - } - - .dropdown-menu-sm-start[data-bs-popper] { - right: auto - /* rtl:ignore */ - ; - left: 0 - /* rtl:ignore */ - ; - } +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.5rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #e9ecef; + border-radius: 0.5rem; } - .dropdown-menu-sm-end { - --bs-position: end; - } - - .dropdown-menu-sm-end[data-bs-popper] { - right: 0 - /* rtl:ignore */ - ; - left: auto - /* rtl:ignore */ - ; - } -} +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; } + .breadcrumb-item + .breadcrumb-item::before { + float: left; + padding-right: 0.5rem; + color: #6c757d; + content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; } -@media (min-width: 768px) { - .dropdown-menu-md-start { - --bs-position: start; - } - - .dropdown-menu-md-start[data-bs-popper] { - right: auto - /* rtl:ignore */ - ; - left: 0 - /* rtl:ignore */ - ; - } +.breadcrumb-item.active { + color: #6c757d; } - .dropdown-menu-md-end { - --bs-position: end; - } - - .dropdown-menu-md-end[data-bs-popper] { - right: 0 - /* rtl:ignore */ - ; - left: auto - /* rtl:ignore */ - ; - } -} +.pagination { + display: flex; + padding-left: 0; + list-style: none; } -@media (min-width: 992px) { - .dropdown-menu-lg-start { - --bs-position: start; - } - - .dropdown-menu-lg-start[data-bs-popper] { - right: auto - /* rtl:ignore */ - ; - left: 0 - /* rtl:ignore */ - ; - } +.page-link { + position: relative; + display: block; + color: #cb0c9f; + background-color: #fff; + border: 1px solid #dee2e6; + 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) { + .page-link { + transition: none; } } + .page-link:hover { + z-index: 2; + color: #830866; + background-color: #e9ecef; + border-color: #dee2e6; } + .page-link:focus { + z-index: 3; + color: #830866; + background-color: #e9ecef; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(203, 12, 159, 0.25); } - .dropdown-menu-lg-end { - --bs-position: end; - } - - .dropdown-menu-lg-end[data-bs-popper] { - right: 0 - /* rtl:ignore */ - ; - left: auto - /* rtl:ignore */ - ; - } -} +.page-item:not(:first-child) .page-link { + margin-left: -1px; } -@media (min-width: 1200px) { - .dropdown-menu-xl-start { - --bs-position: start; - } - - .dropdown-menu-xl-start[data-bs-popper] { - right: auto - /* rtl:ignore */ - ; - left: 0 - /* rtl:ignore */ - ; - } +.page-item.active .page-link { + z-index: 3; + color: #fff; + background-color: #cb0c9f; + border-color: #cb0c9f; } - .dropdown-menu-xl-end { - --bs-position: end; - } - - .dropdown-menu-xl-end[data-bs-popper] { - right: 0 - /* rtl:ignore */ - ; - left: auto - /* rtl:ignore */ - ; - } -} +.page-item.disabled .page-link { + color: #6c757d; + pointer-events: none; + background-color: #fff; + border-color: #dee2e6; } -@media (min-width: 1400px) { - .dropdown-menu-xxl-start { - --bs-position: start; - } - - .dropdown-menu-xxl-start[data-bs-popper] { - right: auto - /* rtl:ignore */ - ; - left: 0 - /* rtl:ignore */ - ; - } +.page-link { + padding: 0.375rem 0.75rem; } - .dropdown-menu-xxl-end { - --bs-position: end; - } - - .dropdown-menu-xxl-end[data-bs-popper] { - right: 0 - /* rtl:ignore */ - ; - left: auto - /* rtl:ignore */ - ; - } -} +.page-item:first-child .page-link { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } -.dropup .dropdown-menu[data-bs-popper] { - top: auto; - bottom: 100%; - margin-top: 0; - margin-bottom: 1.625rem; -} +.page-item:last-child .page-link { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } -.dropup .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0; - border-right: 0.3em solid transparent; - border-bottom: 0.3em solid; - border-left: 0.3em solid transparent; -} +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.125rem; } -.dropup .dropdown-toggle:empty::after { - margin-left: 0; -} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } -.dropend .dropdown-menu { - top: 0; - right: auto; - left: 100%; -} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; } -.dropend .dropdown-menu[data-bs-popper] { - margin-top: 0; - margin-left: 1.625rem; -} +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; } -.dropend .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid transparent; - border-right: 0; - border-bottom: 0.3em solid transparent; - border-left: 0.3em solid; -} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } -.dropend .dropdown-toggle:empty::after { - margin-left: 0; -} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } -.dropend .dropdown-toggle::after { - vertical-align: 0; -} +.badge { + display: inline-block; + padding: 0.55em 0.9em; + font-size: 0.75em; + font-weight: 700; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.45rem; } + .badge:empty { + display: none; } -.dropstart .dropdown-menu { - top: 0; - right: 100%; - left: auto; -} +.btn .badge { + position: relative; + top: -1px; } -.dropstart .dropdown-menu[data-bs-popper] { - margin-top: 0; - margin-right: 1.625rem; -} +.alert { + position: relative; + padding: 1rem 1rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.5rem; } -.dropstart .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; -} +.alert-heading { + color: inherit; } -.dropstart .dropdown-toggle::after { - display: none; -} +.alert-link { + font-weight: 600; } -.dropstart .dropdown-toggle::before { - display: inline-block; - margin-right: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid transparent; - border-right: 0.3em solid; - border-bottom: 0.3em solid transparent; -} +.alert-dismissible { + padding-right: 3rem; } + .alert-dismissible .btn-close { + position: absolute; + top: 0; + right: 0; + z-index: 2; + padding: 1.25rem 1rem; } -.dropstart .dropdown-toggle:empty::after { - margin-left: 0; -} +.alert-primary { + color: #7a075f; + background-color: #f5ceec; + border-color: #efb6e2; } + .alert-primary .alert-link { + color: #62064c; } -.dropstart .dropdown-toggle::before { - vertical-align: 0; -} +.alert-secondary { + color: #4f5867; + background-color: #e6e9ee; + border-color: #dadee6; } + .alert-secondary .alert-link { + color: #3f4652; } -.dropdown-divider { - height: 0; - margin: 0.5rem 0; - overflow: hidden; - border-top: 1px solid transparent; -} +.alert-success { + color: #345609; + background-color: #e6f7d0; + border-color: #daf3b9; } + .alert-success .alert-link { + color: #2a4507; } -.dropdown-item { - display: block; - width: 100%; - padding: 0.3rem 1rem; - clear: both; - font-weight: 400; - color: #67748e; - text-align: inherit; - white-space: nowrap; - background-color: transparent; - border: 0; -} +.alert-info { + color: #0e748b; + background-color: #d1f3fa; + border-color: #b9ecf8; } + .alert-info .alert-link { + color: #0b5d6f; } -.dropdown-item:hover, -.dropdown-item:focus { - color: #252f40; - background-color: #e9ecef; -} +.alert-warning { + color: #932222; + background-color: #fdd7d7; + border-color: #fcc4c4; } + .alert-warning .alert-link { + color: #761b1b; } -.dropdown-item.active, -.dropdown-item:active { - color: #67748e; - text-decoration: none; - background-color: transparent; -} +.alert-danger { + color: #8c0404; + background-color: #fbcdcd; + border-color: #f9b4b4; } + .alert-danger .alert-link { + color: #700303; } -.dropdown-item.disabled, -.dropdown-item:disabled { - color: #6c757d; - pointer-events: none; - background-color: transparent; -} +.alert-light { + color: #5d5e60; + background-color: #fbfbfc; + border-color: #f8f9fa; } + .alert-light .alert-link { + color: #4a4b4d; } -.dropdown-menu.show { - display: block; -} +.alert-dark { + color: #161c26; + background-color: #d3d5d9; + border-color: #bec1c6; } + .alert-dark .alert-link { + color: #12161e; } -.dropdown-header { - display: block; - padding: 0.5rem 1rem; - margin-bottom: 0; - font-size: 0.875rem; - color: #6c757d; - white-space: nowrap; -} +.alert-white { + color: #666666; + background-color: white; + border-color: white; } + .alert-white .alert-link { + color: #525252; } -.dropdown-item-text { - display: block; - padding: 0.3rem 1rem; - color: #67748e; -} +@-webkit-keyframes progress-bar-stripes { + 0% { + background-position-x: 3px; } } -.dropdown-menu-dark { - color: #dee2e6; - background-color: #343a40; - border-color: transparent; -} +@keyframes progress-bar-stripes { + 0% { + background-position-x: 3px; } } -.dropdown-menu-dark .dropdown-item { - color: #dee2e6; -} +.progress { + display: flex; + height: 3px; + overflow: hidden; + font-size: 0.75rem; + background-color: #e9ecef; + border-radius: 0.5rem; } -.dropdown-menu-dark .dropdown-item:hover, -.dropdown-menu-dark .dropdown-item:focus { +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; color: #fff; - background-color: rgba(255, 255, 255, 0.15); -} - -.dropdown-menu-dark .dropdown-item.active, -.dropdown-menu-dark .dropdown-item:active { - color: #67748e; - background-color: transparent; -} + text-align: center; + white-space: nowrap; + background-color: #cb0c9f; + transition: width 0.6s ease; } + @media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; } } -.dropdown-menu-dark .dropdown-item.disabled, -.dropdown-menu-dark .dropdown-item:disabled { - color: #adb5bd; -} +.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: 3px 3px; } -.dropdown-menu-dark .dropdown-divider { - border-color: transparent; -} +.progress-bar-animated { + -webkit-animation: 1s linear infinite progress-bar-stripes; + animation: 1s linear infinite progress-bar-stripes; } + @media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + -webkit-animation: none; + animation: none; } } -.dropdown-menu-dark .dropdown-item-text { - color: #dee2e6; -} +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + border-radius: 0.5rem; } -.dropdown-menu-dark .dropdown-header { - color: #adb5bd; -} +.list-group-numbered { + list-style-type: none; + counter-reset: section; } + .list-group-numbered > li::before { + content: counters(section, ".") ". "; + counter-increment: section; } -.btn-group, -.btn-group-vertical { - position: relative; - display: inline-flex; - vertical-align: middle; -} +.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: #67748e; + background-color: #e9ecef; } -.btn-group>.btn, -.btn-group-vertical>.btn { +.list-group-item { position: relative; - flex: 1 1 auto; -} - -.btn-group>.btn-check:checked+.btn, -.btn-group>.btn-check:focus+.btn, -.btn-group>.btn:hover, -.btn-group>.btn:focus, -.btn-group>.btn:active, -.btn-group>.btn.active, -.btn-group-vertical>.btn-check:checked+.btn, -.btn-group-vertical>.btn-check:focus+.btn, -.btn-group-vertical>.btn:hover, -.btn-group-vertical>.btn:focus, -.btn-group-vertical>.btn:active, -.btn-group-vertical>.btn.active { - z-index: 1; -} + display: block; + padding: 0.5rem 1rem; + color: inherit; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.125); } + .list-group-item:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; } + .list-group-item:last-child { + border-bottom-right-radius: inherit; + border-bottom-left-radius: inherit; } + .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: #cb0c9f; + border-color: #cb0c9f; } + .list-group-item + .list-group-item { + border-top-width: 0; } + .list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; } -.btn-toolbar { - display: flex; - flex-wrap: wrap; - justify-content: flex-start; -} +.list-group-horizontal { + flex-direction: row; } + .list-group-horizontal > .list-group-item:first-child { + border-bottom-left-radius: 0.5rem; + border-top-right-radius: 0; } + .list-group-horizontal > .list-group-item:last-child { + border-top-right-radius: 0.5rem; + border-bottom-left-radius: 0; } + .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; } -.btn-toolbar .input-group { - width: auto; -} +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; } + .list-group-horizontal-sm > .list-group-item:first-child { + border-bottom-left-radius: 0.5rem; + border-top-right-radius: 0; } + .list-group-horizontal-sm > .list-group-item:last-child { + border-top-right-radius: 0.5rem; + border-bottom-left-radius: 0; } + .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; } } -.btn-group>.btn:not(:first-child), -.btn-group>.btn-group:not(:first-child) { - margin-left: -1px; -} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; } + .list-group-horizontal-md > .list-group-item:first-child { + border-bottom-left-radius: 0.5rem; + border-top-right-radius: 0; } + .list-group-horizontal-md > .list-group-item:last-child { + border-top-right-radius: 0.5rem; + border-bottom-left-radius: 0; } + .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; } } -.btn-group>.btn:not(:last-child):not(.dropdown-toggle), -.btn-group>.btn-group:not(:last-child)>.btn { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; } + .list-group-horizontal-lg > .list-group-item:first-child { + border-bottom-left-radius: 0.5rem; + border-top-right-radius: 0; } + .list-group-horizontal-lg > .list-group-item:last-child { + border-top-right-radius: 0.5rem; + border-bottom-left-radius: 0; } + .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; } } -.btn-group>.btn:nth-child(n + 3), -.btn-group> :not(.btn-check)+.btn, -.btn-group>.btn-group:not(:first-child)>.btn { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; } + .list-group-horizontal-xl > .list-group-item:first-child { + border-bottom-left-radius: 0.5rem; + border-top-right-radius: 0; } + .list-group-horizontal-xl > .list-group-item:last-child { + border-top-right-radius: 0.5rem; + border-bottom-left-radius: 0; } + .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; } } -.dropdown-toggle-split { - padding-right: 1.125rem; - padding-left: 1.125rem; -} +@media (min-width: 1400px) { + .list-group-horizontal-xxl { + flex-direction: row; } + .list-group-horizontal-xxl > .list-group-item:first-child { + border-bottom-left-radius: 0.5rem; + border-top-right-radius: 0; } + .list-group-horizontal-xxl > .list-group-item:last-child { + border-top-right-radius: 0.5rem; + border-bottom-left-radius: 0; } + .list-group-horizontal-xxl > .list-group-item.active { + margin-top: 0; } + .list-group-horizontal-xxl > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; } + .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; } } -.dropdown-toggle-split::after, -.dropup .dropdown-toggle-split::after, -.dropend .dropdown-toggle-split::after { - margin-left: 0; -} +.list-group-flush { + border-radius: 0; } + .list-group-flush > .list-group-item { + border-width: 0 0 1px; } + .list-group-flush > .list-group-item:last-child { + border-bottom-width: 0; } -.dropstart .dropdown-toggle-split::before { - margin-right: 0; -} +.list-group-item-primary { + color: #7a075f; + background-color: #f5ceec; } + .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #7a075f; + background-color: #ddb9d4; } + .list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #7a075f; + border-color: #7a075f; } -.btn-sm+.dropdown-toggle-split, -.btn-group-sm>.btn+.dropdown-toggle-split { - padding-right: 1.5rem; - padding-left: 1.5rem; -} +.list-group-item-secondary { + color: #4f5867; + background-color: #e6e9ee; } + .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #4f5867; + background-color: #cfd2d6; } + .list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #4f5867; + border-color: #4f5867; } -.btn-lg+.dropdown-toggle-split, -.btn-group-lg>.btn+.dropdown-toggle-split { - padding-right: 3rem; - padding-left: 3rem; -} +.list-group-item-success { + color: #345609; + background-color: #e6f7d0; } + .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #345609; + background-color: #cfdebb; } + .list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #345609; + border-color: #345609; } -.btn-group-vertical { - flex-direction: column; - align-items: flex-start; - justify-content: center; -} +.list-group-item-info { + color: #0e748b; + background-color: #d1f3fa; } + .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #0e748b; + background-color: #bcdbe1; } + .list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #0e748b; + border-color: #0e748b; } -.btn-group-vertical>.btn, -.btn-group-vertical>.btn-group { - width: 100%; -} +.list-group-item-warning { + color: #932222; + background-color: #fdd7d7; } + .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #932222; + background-color: #e4c2c2; } + .list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #932222; + border-color: #932222; } -.btn-group-vertical>.btn:not(:first-child), -.btn-group-vertical>.btn-group:not(:first-child) { - margin-top: -1px; -} +.list-group-item-danger { + color: #8c0404; + background-color: #fbcdcd; } + .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #8c0404; + background-color: #e2b9b9; } + .list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #8c0404; + border-color: #8c0404; } -.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), -.btn-group-vertical>.btn-group:not(:last-child)>.btn { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} +.list-group-item-light { + color: #5d5e60; + background-color: #fbfbfc; } + .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #5d5e60; + background-color: #e2e2e3; } + .list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #5d5e60; + border-color: #5d5e60; } -.btn-group-vertical>.btn~.btn, -.btn-group-vertical>.btn-group:not(:first-child)>.btn { - border-top-left-radius: 0; - border-top-right-radius: 0; -} +.list-group-item-dark { + color: #161c26; + background-color: #d3d5d9; } + .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #161c26; + background-color: #bec0c3; } + .list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #161c26; + border-color: #161c26; } -.nav { - display: flex; - flex-wrap: wrap; - padding-left: 0; - margin-bottom: 0; - list-style: none; -} +.list-group-item-white { + color: #666666; + background-color: white; } + .list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + color: #666666; + background-color: #e6e6e6; } + .list-group-item-white.list-group-item-action.active { + color: #fff; + background-color: #666666; + border-color: #666666; } -.nav-link { - display: block; - padding: 0.5rem 1rem; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; -} +.btn-close { + box-sizing: content-box; + width: 1em; + height: 1em; + padding: 0.25em 0.25em; + color: #fff; + background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; + border: 0; + border-radius: 0.25rem; + opacity: 0.5; } + .btn-close:hover { + color: #fff; + text-decoration: none; + opacity: 0.75; } + .btn-close:focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(203, 12, 159, 0.25); + opacity: 1; } + .btn-close:disabled, .btn-close.disabled { + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + opacity: 0.25; } -@media (prefers-reduced-motion: reduce) { - .nav-link { - transition: none; - } -} +.btn-close-white { + filter: invert(1) grayscale(100%) brightness(200%); } -.nav-link.disabled { - color: #6c757d; - pointer-events: none; - cursor: default; -} +.toast { + width: 350px; + max-width: 100%; + font-size: 0.875rem; + pointer-events: auto; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 0 solid transparent; + box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(20, 20, 20, 0.12), 0 0.125rem 0.25rem -0.0625rem rgba(20, 20, 20, 0.07); + border-radius: 0.5rem; } + .toast:not(.showing):not(.show) { + opacity: 0; } + .toast.hide { + display: none; } -.nav-tabs { - border-bottom: 1px solid #dee2e6; -} +.toast-container { + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + max-width: 100%; + pointer-events: none; } + .toast-container > :not(:last-child) { + margin-bottom: 1.5rem; } -.nav-tabs .nav-link { - margin-bottom: -1px; - background: none; - border: 1px solid transparent; +.toast-header { + display: flex; + align-items: center; + padding: 0.75rem 0.75rem; + color: #252f40; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 0 solid rgba(0, 0, 0, 0.05); border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; -} - -.nav-tabs .nav-link:hover, -.nav-tabs .nav-link:focus { - border-color: #e9ecef #e9ecef #dee2e6; - isolation: isolate; -} + border-top-right-radius: 0.5rem; } + .toast-header .btn-close { + margin-right: -0.375rem; + margin-left: 0.75rem; } -.nav-tabs .nav-link.disabled { - color: #6c757d; - background-color: transparent; - border-color: transparent; -} +.toast-body { + padding: 0.75rem; + word-wrap: break-word; } -.nav-tabs .nav-link.active, -.nav-tabs .nav-item.show .nav-link { - color: #495057; - background-color: #fff; - border-color: #dee2e6 #dee2e6 #fff; -} +.modal-open { + overflow: hidden; } + .modal-open .modal { + overflow-x: hidden; + overflow-y: auto; } -.nav-tabs .dropdown-menu { - margin-top: -1px; - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.nav-pills .nav-link { - background: none; - border: 0; - border-radius: 0.75rem; -} - -.nav-pills .nav-link.active, -.nav-pills .show>.nav-link { - color: #252f40; - background-color: #fff; -} - -.nav-fill>.nav-link, -.nav-fill .nav-item { - flex: 1 1 auto; - text-align: center; -} - -.nav-justified>.nav-link, -.nav-justified .nav-item { - flex-basis: 0; - flex-grow: 1; - text-align: center; -} - -.nav-fill .nav-item .nav-link, -.nav-justified .nav-item .nav-link { - width: 100%; -} - -.tab-content>.tab-pane { +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; display: none; -} - -.tab-content>.active { - display: block; -} + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; } -.navbar { +.modal-dialog { position: relative; - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} + width: auto; + margin: 0.5rem; + pointer-events: none; } + .modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); } + @media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; } } + .modal.show .modal-dialog { + transform: none; } + .modal.modal-static .modal-dialog { + transform: scale(1.02); } + +.modal-dialog-scrollable { + height: calc(100% - 1rem); } + .modal-dialog-scrollable .modal-content { + max-height: 100%; + overflow: hidden; } + .modal-dialog-scrollable .modal-body { + overflow-y: auto; } -.navbar>.container, -.navbar>.container-fluid, -.navbar>.container-sm, -.navbar>.container-md, -.navbar>.container-lg, -.navbar>.container-xl, -.navbar>.container-xxl { +.modal-dialog-centered { display: flex; - flex-wrap: inherit; align-items: center; - justify-content: space-between; -} - -.navbar-brand { - padding-top: 0.40625rem; - padding-bottom: 0.40625rem; - margin-right: 1rem; - font-size: 1.125rem; - white-space: nowrap; -} + min-height: calc(100% - 1rem); } -.navbar-nav { +.modal-content { + position: relative; 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; -} + width: 100%; + pointer-events: auto; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.75rem; + outline: 0; } -.navbar-text { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #000; } + .modal-backdrop.fade { + opacity: 0; } + .modal-backdrop.show { + opacity: 0.5; } -.navbar-collapse { - flex-basis: 100%; - flex-grow: 1; +.modal-header { + display: flex; + flex-shrink: 0; align-items: center; -} - -.navbar-toggler { - padding: 0.25rem 0.75rem; - font-size: 1.125rem; - line-height: 1; - background-color: transparent; - border: 1px solid transparent; - border-radius: 0.5rem; - transition: box-shadow 0.15s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - .navbar-toggler { - transition: none; - } -} + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #dee2e6; + border-top-left-radius: calc(0.75rem - 1px); + border-top-right-radius: calc(0.75rem - 1px); } + .modal-header .btn-close { + padding: 0.5rem 0.5rem; + margin: -0.5rem -0.5rem -0.5rem auto; } -.navbar-toggler:hover { - text-decoration: none; -} +.modal-title { + margin-bottom: 0; + line-height: 1.5; } -.navbar-toggler:focus { - text-decoration: none; - outline: 0; - box-shadow: 0 0 0 0.2rem; -} +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; } -.navbar-toggler-icon { - display: inline-block; - width: 1.5em; - height: 1.5em; - vertical-align: middle; - background-repeat: no-repeat; - background-position: center; - background-size: 100%; -} +.modal-footer { + display: flex; + flex-wrap: wrap; + flex-shrink: 0; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #dee2e6; + border-bottom-right-radius: calc(0.75rem - 1px); + border-bottom-left-radius: calc(0.75rem - 1px); } + .modal-footer > * { + margin: 0.25rem; } -.navbar-nav-scroll { - max-height: var(--bs-scroll-height, 75vh); - overflow-y: auto; -} +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; } @media (min-width: 576px) { - .navbar-expand-sm { - flex-wrap: 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 .navbar-nav-scroll { - overflow: visible; - } - - .navbar-expand-sm .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - - .navbar-expand-sm .navbar-toggler { - display: none; - } -} - -@media (min-width: 768px) { - .navbar-expand-md { - flex-wrap: 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 .navbar-nav-scroll { - overflow: visible; - } - - .navbar-expand-md .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - - .navbar-expand-md .navbar-toggler { - display: none; - } -} + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; } + .modal-dialog-scrollable { + height: calc(100% - 3.5rem); } + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); } + .modal-sm { + max-width: 300px; } } @media (min-width: 992px) { - .navbar-expand-lg { - flex-wrap: nowrap; - justify-content: flex-start; - } - - .navbar-expand-lg .navbar-nav { - flex-direction: row; - } + .modal-lg, + .modal-xl { + max-width: 800px; } } - .navbar-expand-lg .navbar-nav .dropdown-menu { - position: absolute; - } +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; } } - .navbar-expand-lg .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; - } +.modal-fullscreen { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; } + .modal-fullscreen .modal-content { + height: 100%; + border: 0; + border-radius: 0; } + .modal-fullscreen .modal-header { + border-radius: 0; } + .modal-fullscreen .modal-body { + overflow-y: auto; } + .modal-fullscreen .modal-footer { + border-radius: 0; } - .navbar-expand-lg .navbar-nav-scroll { - overflow: visible; - } +@media (max-width: 575.98px) { + .modal-fullscreen-sm-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; } + .modal-fullscreen-sm-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; } + .modal-fullscreen-sm-down .modal-header { + border-radius: 0; } + .modal-fullscreen-sm-down .modal-body { + overflow-y: auto; } + .modal-fullscreen-sm-down .modal-footer { + border-radius: 0; } } - .navbar-expand-lg .navbar-collapse { - display: flex !important; - flex-basis: auto; - } +@media (max-width: 767.98px) { + .modal-fullscreen-md-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; } + .modal-fullscreen-md-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; } + .modal-fullscreen-md-down .modal-header { + border-radius: 0; } + .modal-fullscreen-md-down .modal-body { + overflow-y: auto; } + .modal-fullscreen-md-down .modal-footer { + border-radius: 0; } } - .navbar-expand-lg .navbar-toggler { - display: none; - } -} +@media (max-width: 991.98px) { + .modal-fullscreen-lg-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; } + .modal-fullscreen-lg-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; } + .modal-fullscreen-lg-down .modal-header { + border-radius: 0; } + .modal-fullscreen-lg-down .modal-body { + overflow-y: auto; } + .modal-fullscreen-lg-down .modal-footer { + border-radius: 0; } } -@media (min-width: 1200px) { - .navbar-expand-xl { - flex-wrap: nowrap; - justify-content: flex-start; - } +@media (max-width: 1199.98px) { + .modal-fullscreen-xl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; } + .modal-fullscreen-xl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; } + .modal-fullscreen-xl-down .modal-header { + border-radius: 0; } + .modal-fullscreen-xl-down .modal-body { + overflow-y: auto; } + .modal-fullscreen-xl-down .modal-footer { + border-radius: 0; } } - .navbar-expand-xl .navbar-nav { - flex-direction: row; - } +@media (max-width: 1399.98px) { + .modal-fullscreen-xxl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; } + .modal-fullscreen-xxl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; } + .modal-fullscreen-xxl-down .modal-header { + border-radius: 0; } + .modal-fullscreen-xxl-down .modal-body { + overflow-y: auto; } + .modal-fullscreen-xxl-down .modal-footer { + border-radius: 0; } } - .navbar-expand-xl .navbar-nav .dropdown-menu { +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: var(--bs-font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; } + .tooltip.show { + opacity: 0.9; } + .tooltip .tooltip-arrow { position: absolute; - } - - .navbar-expand-xl .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; - } + display: block; + width: 0.8rem; + height: 0.4rem; } + .tooltip .tooltip-arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; } + +.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^="top"] { + padding: 0.4rem 0; } + .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { + bottom: 0; } + .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { + top: -1px; + border-width: 0.4rem 0.4rem 0; + border-top-color: #000; } + +.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^="right"] { + padding: 0 0.4rem; } + .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; } + .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { + right: -1px; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #000; } + +.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^="bottom"] { + padding: 0.4rem 0; } + .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow { + top: 0; } + .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { + bottom: -1px; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #000; } + +.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^="left"] { + padding: 0 0.4rem; } + .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; } + .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { + left: -1px; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #000; } - .navbar-expand-xl .navbar-nav-scroll { - overflow: visible; - } - - .navbar-expand-xl .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - - .navbar-expand-xl .navbar-toggler { - display: none; - } -} - -@media (min-width: 1400px) { - .navbar-expand-xxl { - flex-wrap: nowrap; - justify-content: flex-start; - } - - .navbar-expand-xxl .navbar-nav { - flex-direction: row; - } +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #fff; + text-align: center; + background-color: #000; + border-radius: 0.5rem; } - .navbar-expand-xxl .navbar-nav .dropdown-menu { +.popover { + position: absolute; + top: 0; + left: 0 /* rtl:ignore */; + z-index: 1060; + display: block; + max-width: 276px; + font-family: var(--bs-font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.75rem; + word-wrap: break-word; + background-color: #fff; + background-clip: padding-box; + border: 0px solid rgba(0, 0, 0, 0.2); + border-radius: 0.75rem; } + .popover .popover-arrow { position: absolute; - } - - .navbar-expand-xxl .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; - } + display: block; + width: 1rem; + height: 0.5rem; } + .popover .popover-arrow::before, .popover .popover-arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; } + +.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow { + bottom: calc(-0.5rem - 0px); } + .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(0, 0, 0, 0.25); } + .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after { + bottom: 0px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #fff; } + +.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow { + left: calc(-0.5rem - 0px); + width: 0.5rem; + height: 1rem; } + .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(0, 0, 0, 0.25); } + .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after { + left: 0px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #fff; } + +.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow { + top: calc(-0.5rem - 0px); } + .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-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 > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after { + top: 0px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #fff; } + +.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 0px solid #e9ecef; } - .navbar-expand-xxl .navbar-nav-scroll { - overflow: visible; - } +.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow { + right: calc(-0.5rem - 0px); + width: 0.5rem; + height: 1rem; } + .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(0, 0, 0, 0.25); } + .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after { + right: 0px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #fff; } - .navbar-expand-xxl .navbar-collapse { - display: flex !important; - flex-basis: auto; - } +.popover-header { + padding: 0.5rem 1rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #e9ecef; + border-bottom: 0px solid #d2d4d7; + border-top-left-radius: calc(0.75rem - 0px); + border-top-right-radius: calc(0.75rem - 0px); } + .popover-header:empty { + display: none; } - .navbar-expand-xxl .navbar-toggler { - display: none; - } -} +.popover-body { + padding: 1rem 1rem; + color: #67748e; } -.navbar-expand { - flex-wrap: nowrap; - justify-content: flex-start; -} +.carousel { + position: relative; } -.navbar-expand .navbar-nav { - flex-direction: row; -} +.carousel.pointer-event { + touch-action: pan-y; } -.navbar-expand .navbar-nav .dropdown-menu { - position: absolute; -} +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; } + .carousel-inner::after { + display: block; + clear: both; + content: ""; } -.navbar-expand .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; -} +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; } + @media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; } } -.navbar-expand .navbar-nav-scroll { - overflow: visible; -} +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; } -.navbar-expand .navbar-collapse { - display: flex !important; - flex-basis: auto; -} +/* rtl:begin:ignore */ +.carousel-item-next:not(.carousel-item-start), +.active.carousel-item-end { + transform: translateX(100%); } -.navbar-expand .navbar-toggler { - display: none; -} +.carousel-item-prev:not(.carousel-item-end), +.active.carousel-item-start { + transform: translateX(-100%); } -.navbar-light .navbar-brand { - color: rgba(37, 47, 64, 0.9); -} +/* rtl:end:ignore */ +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; } -.navbar-light .navbar-brand:hover, -.navbar-light .navbar-brand:focus { - color: rgba(37, 47, 64, 0.9); -} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-start, +.carousel-fade .carousel-item-prev.carousel-item-end { + z-index: 1; + opacity: 1; } -.navbar-light .navbar-nav .nav-link { - color: #252f40; -} +.carousel-fade .active.carousel-item-start, +.carousel-fade .active.carousel-item-end { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; } + @media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-start, + .carousel-fade .active.carousel-item-end { + transition: none; } } -.navbar-light .navbar-nav .nav-link:hover, -.navbar-light .navbar-nav .nav-link:focus { - color: rgba(37, 47, 64, 0.7); -} +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + padding: 0; + color: #fff; + text-align: center; + background: none; + border: 0; + 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; } -.navbar-light .navbar-nav .nav-link.disabled { - color: rgba(37, 47, 64, 0.3); -} +.carousel-control-prev { + left: 0; } -.navbar-light .navbar-nav .show>.nav-link, -.navbar-light .navbar-nav .nav-link.active { - color: rgba(37, 47, 64, 0.9); -} +.carousel-control-next { + right: 0; } -.navbar-light .navbar-toggler { - color: #252f40; - border-color: rgba(37, 47, 64, 0.1); -} +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 2rem; + height: 2rem; + background-repeat: no-repeat; + background-position: 50%; + background-size: 100% 100%; } -.navbar-light .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23252f40' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); -} +/* rtl:options: { + "autoRename": true, + "stringMap":[ { + "name" : "prev-next", + "search" : "prev", + "replace" : "next" + } ] +} */ +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } -.navbar-light .navbar-text { - color: #252f40; -} +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } -.navbar-light .navbar-text a, -.navbar-light .navbar-text a:hover, -.navbar-light .navbar-text a:focus { - color: rgba(37, 47, 64, 0.9); -} +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 2; + display: flex; + justify-content: center; + padding: 0; + margin-right: 15%; + margin-bottom: 1rem; + margin-left: 15%; + list-style: none; } + .carousel-indicators [data-bs-target] { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + padding: 0; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border: 0; + 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 [data-bs-target] { + transition: none; } } + .carousel-indicators .active { + opacity: 1; } -.navbar-dark .navbar-brand { +.carousel-caption { + position: absolute; + right: 15%; + bottom: 1.25rem; + left: 15%; + padding-top: 1.25rem; + padding-bottom: 1.25rem; color: #fff; -} + text-align: center; } -.navbar-dark .navbar-brand:hover, -.navbar-dark .navbar-brand:focus { - color: #fff; -} +.carousel-dark .carousel-control-prev-icon, +.carousel-dark .carousel-control-next-icon { + filter: invert(1) grayscale(100); } -.navbar-dark .navbar-nav .nav-link { - color: rgba(255, 255, 255, 0.85); -} +.carousel-dark .carousel-indicators [data-bs-target] { + background-color: #000; } -.navbar-dark .navbar-nav .nav-link:hover, -.navbar-dark .navbar-nav .nav-link:focus { - color: rgba(255, 255, 255, 0.75); -} +.carousel-dark .carousel-caption { + color: #000; } -.navbar-dark .navbar-nav .nav-link.disabled { - color: rgba(255, 255, 255, 0.25); -} +@-webkit-keyframes spinner-border { + to { + transform: rotate(360deg) /* rtl:ignore */; } } -.navbar-dark .navbar-nav .show>.nav-link, -.navbar-dark .navbar-nav .nav-link.active { - color: #fff; -} +@keyframes spinner-border { + to { + transform: rotate(360deg) /* rtl:ignore */; } } -.navbar-dark .navbar-toggler { - color: rgba(255, 255, 255, 0.85); - border-color: rgba(255, 255, 255, 0.1); -} +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + -webkit-animation: 0.75s linear infinite spinner-border; + animation: 0.75s linear infinite spinner-border; } -.navbar-dark .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); -} +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; } -.navbar-dark .navbar-text { - color: rgba(255, 255, 255, 0.85); -} +@-webkit-keyframes spinner-grow { + 0% { + transform: scale(0); } + 50% { + opacity: 1; + transform: none; } } -.navbar-dark .navbar-text a, -.navbar-dark .navbar-text a:hover, -.navbar-dark .navbar-text a:focus { - color: #fff; -} +@keyframes spinner-grow { + 0% { + transform: scale(0); } + 50% { + opacity: 1; + transform: none; } } -.card { - position: relative; - display: flex; - flex-direction: column; - min-width: 0; - word-wrap: break-word; - background-color: #fff; - background-clip: border-box; - border: 0 solid rgba(0, 0, 0, 0.125); - border-radius: 1rem; -} +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + -webkit-animation: 0.75s linear infinite spinner-grow; + animation: 0.75s linear infinite spinner-grow; } -.card>hr { - margin-right: 0; - margin-left: 0; -} +.spinner-grow-sm { + width: 1rem; + height: 1rem; } -.card>.list-group { - border-top: inherit; - border-bottom: inherit; -} +@media (prefers-reduced-motion: reduce) { + .spinner-border, + .spinner-grow { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; } } -.card>.list-group:first-child { - border-top-width: 0; - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; -} +.offcanvas { + position: fixed; + bottom: 0; + z-index: 1040; + display: flex; + flex-direction: column; + max-width: 100%; + visibility: hidden; + background-color: #fff; + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; } + @media (prefers-reduced-motion: reduce) { + .offcanvas { + transition: none; } } -.card>.list-group:last-child { - border-bottom-width: 0; - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; -} +.offcanvas-header { + display: flex; + justify-content: space-between; + padding: 1rem 1rem; } + .offcanvas-header .btn-close { + padding: 0.5rem 0.5rem; + margin: -0.5rem -0.5rem -0.5rem auto; } -.card>.card-header+.list-group, -.card>.list-group+.card-footer { - border-top: 0; -} +.offcanvas-title { + margin-bottom: 0; + line-height: 1.5; } -.card-body { - flex: 1 1 auto; +.offcanvas-body { + flex-grow: 1; padding: 1rem 1rem; -} + overflow-y: auto; } -.card-title { - margin-bottom: 0.5rem; -} +.offcanvas-start { + top: 0; + left: 0; + width: 400px; + border-right: 1px solid rgba(0, 0, 0, 0.2); + transform: translateX(-100%); } -.card-subtitle { - margin-top: -0.25rem; - margin-bottom: 0; -} +.offcanvas-end { + top: 0; + right: 0; + width: 400px; + border-left: 1px solid rgba(0, 0, 0, 0.2); + transform: translateX(100%); } -.card-text:last-child { - margin-bottom: 0; -} +.offcanvas-bottom { + right: 0; + left: 0; + height: 30vh; + max-height: 100%; + border-top: 1px solid rgba(0, 0, 0, 0.2); + transform: translateY(100%); } -.card-link:hover { - text-decoration: none; -} +.offcanvas.show { + transform: none; } -.card-link+.card-link { - margin-left: 1rem; -} +.offcanvas-backdrop::before { + position: fixed; + top: 0; + left: 0; + z-index: 1039; + width: 100vw; + height: 100vh; + content: ""; + background-color: rgba(0, 0, 0, 0.5); } -.card-header { - padding: 0.5rem 1rem; - margin-bottom: 0; - background-color: #fff; - border-bottom: 0 solid rgba(0, 0, 0, 0.125); -} +.clearfix::after { + display: block; + clear: both; + content: ""; } -.card-header:first-child { - border-radius: 1rem 1rem 0 0; -} +.link-primary { + color: #cb0c9f; } + .link-primary:hover, .link-primary:focus { + color: #a20a7f; } -.card-footer { - padding: 0.5rem 1rem; - background-color: #fff; - border-top: 0 solid rgba(0, 0, 0, 0.125); -} +.link-secondary { + color: #8392AB; } + .link-secondary:hover, .link-secondary:focus { + color: #9ca8bc; } -.card-footer:last-child { - border-radius: 0 0 1rem 1rem; -} +.link-success { + color: #82d616; } + .link-success:hover, .link-success:focus { + color: #9bde45; } -.card-header-tabs { - margin-right: -0.5rem; - margin-bottom: -0.5rem; - margin-left: -0.5rem; - border-bottom: 0; -} +.link-info { + color: #17c1e8; } + .link-info:hover, .link-info:focus { + color: #45cded; } -.card-header-pills { - margin-right: -0.5rem; - margin-left: -0.5rem; -} +.link-warning { + color: #f53939; } + .link-warning:hover, .link-warning:focus { + color: #f76161; } -.card-img-overlay { - position: absolute; +.link-danger { + color: #ea0606; } + .link-danger:hover, .link-danger:focus { + color: #bb0505; } + +.link-light { + color: #e9ecef; } + .link-light:hover, .link-light:focus { + color: #edf0f2; } + +.link-dark { + color: #252f40; } + .link-dark:hover, .link-dark:focus { + color: #1e2633; } + +.link-white { + color: #fff; } + .link-white:hover, .link-white:focus { + color: white; } + +.ratio { + position: relative; + width: 100%; } + .ratio::before { + display: block; + padding-top: var(--bs-aspect-ratio); + content: ""; } + .ratio > * { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } + +.ratio-1x1 { + --bs-aspect-ratio: 100%; } + +.ratio-4x3 { + --bs-aspect-ratio: calc(3 / 4 * 100%); } + +.ratio-16x9 { + --bs-aspect-ratio: calc(9 / 16 * 100%); } + +.ratio-21x9 { + --bs-aspect-ratio: calc(9 / 21 * 100%); } + +.fixed-top { + position: fixed; top: 0; right: 0; + left: 0; + z-index: 1030; } + +.fixed-bottom { + position: fixed; + right: 0; bottom: 0; left: 0; - padding: 1rem; - border-radius: 1rem; -} + z-index: 1030; } -.card-img, -.card-img-top, -.card-img-bottom { - width: 100%; -} +.sticky-top { + position: sticky; + top: 0; + z-index: 1020; } -.card-img, -.card-img-top { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; -} +@media (min-width: 576px) { + .sticky-sm-top { + position: sticky; + top: 0; + z-index: 1020; } } -.card-img, -.card-img-bottom { - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; -} +@media (min-width: 768px) { + .sticky-md-top { + position: sticky; + top: 0; + z-index: 1020; } } -.card-group>.card { - margin-bottom: 0.75rem; -} +@media (min-width: 992px) { + .sticky-lg-top { + position: sticky; + top: 0; + z-index: 1020; } } -@media (min-width: 576px) { - .card-group { - display: flex; - flex-flow: row wrap; - } +@media (min-width: 1200px) { + .sticky-xl-top { + position: sticky; + top: 0; + z-index: 1020; } } - .card-group>.card { - flex: 1 0 0%; - margin-bottom: 0; - } +@media (min-width: 1400px) { + .sticky-xxl-top { + position: sticky; + top: 0; + z-index: 1020; } } - .card-group>.card+.card { - margin-left: 0; - border-left: 0; - } +.visually-hidden, +.visually-hidden-focusable:not(:focus):not(:focus-within) { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; } - .card-group>.card:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + content: ""; } - .card-group>.card:not(:last-child) .card-img-top, - .card-group>.card:not(:last-child) .card-header { - border-top-right-radius: 0; - } +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .card-group>.card:not(:last-child) .card-img-bottom, - .card-group>.card:not(:last-child) .card-footer { - border-bottom-right-radius: 0; - } +.align-baseline { + vertical-align: baseline !important; } - .card-group>.card:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } +.align-top { + vertical-align: top !important; } - .card-group>.card:not(:first-child) .card-img-top, - .card-group>.card:not(:first-child) .card-header { - border-top-left-radius: 0; - } +.align-middle { + vertical-align: middle !important; } - .card-group>.card:not(:first-child) .card-img-bottom, - .card-group>.card:not(:first-child) .card-footer { - border-bottom-left-radius: 0; - } -} +.align-bottom { + vertical-align: bottom !important; } -.accordion-button { - position: relative; - display: flex; - align-items: center; - width: 100%; - padding: 1rem 1rem; - font-size: 1rem; - color: #67748e; - text-align: left; - background-color: transparent; - border: 0; - border-radius: 0; - overflow-anchor: none; - transition: all 0.15s ease-in, border-radius 0.15s ease; -} +.align-text-bottom { + vertical-align: text-bottom !important; } -@media (prefers-reduced-motion: reduce) { - .accordion-button { - transition: none; - } -} +.align-text-top { + vertical-align: text-top !important; } -.accordion-button:not(.collapsed) { - color: #252f40; - background-color: transparent; - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.125); -} +.float-start { + float: left !important; } -.accordion-button:not(.collapsed)::after { - background-image: none; - transform: rotate(180deg); -} +.float-end { + float: right !important; } -.accordion-button::after { - flex-shrink: 0; - width: 1rem; - height: 1rem; - margin-left: auto; - content: ""; - background-image: none; - background-repeat: no-repeat; - background-size: 1rem; - transition: transform 0.2s ease-in-out; -} +.float-none { + float: none !important; } -@media (prefers-reduced-motion: reduce) { - .accordion-button::after { - transition: none; - } -} +.overflow-auto { + overflow: auto !important; } -.accordion-button:hover { - z-index: 2; -} +.overflow-hidden { + overflow: hidden !important; } -.accordion-button:focus { - z-index: 3; - border-color: #e293d3; - outline: 0; - box-shadow: none; -} +.overflow-visible { + overflow: visible !important; } -.accordion-header { - margin-bottom: 0; -} +.overflow-scroll { + overflow: scroll !important; } -.accordion-item { - margin-bottom: 0; - background-color: transparent; - border: 0 solid rgba(0, 0, 0, 0.125); -} +.d-inline { + display: inline !important; } -.accordion-item:first-of-type { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; -} +.d-inline-block { + display: inline-block !important; } -.accordion-item:first-of-type .accordion-button { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; -} +.d-block { + display: block !important; } -.accordion-item:last-of-type { - margin-bottom: 0; - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; -} +.d-grid { + display: grid !important; } -.accordion-item:last-of-type .accordion-button.collapsed { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; -} +.d-table { + display: table !important; } -.accordion-item:last-of-type .accordion-collapse { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; -} +.d-table-row { + display: table-row !important; } -.accordion-body { - padding: 1rem 1rem; -} +.d-table-cell { + display: table-cell !important; } -.accordion-flush .accordion-collapse { - border-width: 0; -} +.d-flex { + display: flex !important; } -.accordion-flush .accordion-item { - border-right: 0; - border-left: 0; - border-radius: 0; -} +.d-inline-flex { + display: inline-flex !important; } -.accordion-flush .accordion-item:first-child { - border-top: 0; -} +.d-none { + display: none !important; } -.accordion-flush .accordion-item:last-child { - border-bottom: 0; -} +.shadow { + box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(20, 20, 20, 0.12), 0 0.125rem 0.25rem -0.0625rem rgba(20, 20, 20, 0.07) !important; } -.accordion-flush .accordion-item .accordion-button { - border-radius: 0; -} +.shadow-sm { + box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12) !important; } -.breadcrumb { - display: flex; - flex-wrap: wrap; - padding: 0.5rem 1rem; - margin-bottom: 1rem; - list-style: none; - background-color: #e9ecef; - border-radius: 0.5rem; -} +.shadow-lg { + box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06) !important; } -.breadcrumb-item+.breadcrumb-item { - padding-left: 0.5rem; -} +.shadow-none { + box-shadow: none !important; } -.breadcrumb-item+.breadcrumb-item::before { - float: left; - padding-right: 0.5rem; - color: #6c757d; - content: var(--bs-breadcrumb-divider, "/") - /* rtl: var(--bs-breadcrumb-divider, "/") */ - ; -} +.position-static { + position: static !important; } -.breadcrumb-item.active { - color: #6c757d; -} +.position-relative { + position: relative !important; } -.pagination { - display: flex; - padding-left: 0; - list-style: none; -} +.position-absolute { + position: absolute !important; } -.page-link { - position: relative; - display: block; - color: #cb0c9f; - background-color: #fff; - border: 1px solid #dee2e6; - 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; -} +.position-fixed { + position: fixed !important; } -@media (prefers-reduced-motion: reduce) { - .page-link { - transition: none; - } -} +.position-sticky { + position: sticky !important; } -.page-link:hover { - z-index: 2; - color: #830866; - background-color: #e9ecef; - border-color: #dee2e6; -} +.top-0 { + top: 0 !important; } -.page-link:focus { - z-index: 3; - color: #830866; - background-color: #e9ecef; - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(203, 12, 159, 0.25); -} +.top-50 { + top: 50% !important; } -.page-item:not(:first-child) .page-link { - margin-left: -1px; -} +.top-100 { + top: 100% !important; } -.page-item.active .page-link { - z-index: 3; - color: #fff; - background-color: #cb0c9f; - border-color: #cb0c9f; -} +.bottom-0 { + bottom: 0 !important; } -.page-item.disabled .page-link { - color: #6c757d; - pointer-events: none; - background-color: #fff; - border-color: #dee2e6; -} +.bottom-50 { + bottom: 50% !important; } -.page-link { - padding: 0.375rem 0.75rem; -} +.bottom-100 { + bottom: 100% !important; } -.page-item:first-child .page-link { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; -} +.start-0 { + left: 0 !important; } -.page-item:last-child .page-link { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; -} +.start-50 { + left: 50% !important; } -.pagination-lg .page-link { - padding: 0.75rem 1.5rem; - font-size: 1.125rem; -} +.start-100 { + left: 100% !important; } -.pagination-lg .page-item:first-child .page-link { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; -} +.end-0 { + right: 0 !important; } -.pagination-lg .page-item:last-child .page-link { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; -} +.end-50 { + right: 50% !important; } -.pagination-sm .page-link { - padding: 0.25rem 0.5rem; - font-size: 0.875rem; -} +.end-100 { + right: 100% !important; } -.pagination-sm .page-item:first-child .page-link { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; -} +.translate-middle { + transform: translate(-50%, -50%) !important; } -.pagination-sm .page-item:last-child .page-link { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; -} +.translate-middle-x { + transform: translateX(-50%) !important; } -.badge { - display: inline-block; - padding: 0.55em 0.9em; - font-size: 0.75em; - font-weight: 700; - line-height: 1; - color: #fff; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: 0.45rem; -} +.translate-middle-y { + transform: translateY(-50%) !important; } -.badge:empty { - display: none; -} +.border { + border: 1px solid #dee2e6 !important; } -.btn .badge { - position: relative; - top: -1px; -} +.border-0 { + border: 0 !important; } -.alert { - position: relative; - padding: 1rem 1rem; - margin-bottom: 1rem; - border: 1px solid transparent; - border-radius: 0.5rem; -} +.border-top { + border-top: 1px solid #dee2e6 !important; } -.alert-heading { - color: inherit; -} +.border-top-0 { + border-top: 0 !important; } -.alert-link { - font-weight: 600; -} +.border-end { + border-right: 1px solid #dee2e6 !important; } -.alert-dismissible { - padding-right: 3rem; -} +.border-end-0 { + border-right: 0 !important; } -.alert-dismissible .btn-close { - position: absolute; - top: 0; - right: 0; - z-index: 2; - padding: 1.25rem 1rem; -} +.border-bottom { + border-bottom: 1px solid #dee2e6 !important; } -.alert-primary { - color: #7a075f; - background-color: #f5ceec; - border-color: #efb6e2; -} +.border-bottom-0 { + border-bottom: 0 !important; } -.alert-primary .alert-link { - color: #62064c; -} +.border-start { + border-left: 1px solid #dee2e6 !important; } -.alert-secondary { - color: #4f5867; - background-color: #e6e9ee; - border-color: #dadee6; -} +.border-start-0 { + border-left: 0 !important; } -.alert-secondary .alert-link { - color: #3f4652; -} +.border-primary { + border-color: #cb0c9f !important; } -.alert-success { - color: #345609; - background-color: #e6f7d0; - border-color: #daf3b9; -} +.border-secondary { + border-color: #8392AB !important; } -.alert-success .alert-link { - color: #2a4507; -} +.border-success { + border-color: #82d616 !important; } -.alert-info { - color: #0e748b; - background-color: #d1f3fa; - border-color: #b9ecf8; -} +.border-info { + border-color: #17c1e8 !important; } -.alert-info .alert-link { - color: #0b5d6f; -} +.border-warning { + border-color: #f53939 !important; } -.alert-warning { - color: #932222; - background-color: #fdd7d7; - border-color: #fcc4c4; -} +.border-danger { + border-color: #ea0606 !important; } -.alert-warning .alert-link { - color: #761b1b; -} +.border-light { + border-color: #e9ecef !important; } -.alert-danger { - color: #8c0404; - background-color: #fbcdcd; - border-color: #f9b4b4; -} +.border-dark { + border-color: #252f40 !important; } -.alert-danger .alert-link { - color: #700303; -} +.border-white { + border-color: #fff !important; } -.alert-light { - color: #5d5e60; - background-color: #fbfbfc; - border-color: #f8f9fa; -} +.border-0 { + border-width: 0 !important; } -.alert-light .alert-link { - color: #4a4b4d; -} +.border-1 { + border-width: 1px !important; } -.alert-dark { - color: #161c26; - background-color: #d3d5d9; - border-color: #bec1c6; -} +.border-2 { + border-width: 2px !important; } -.alert-dark .alert-link { - color: #12161e; -} +.border-3 { + border-width: 3px !important; } -.alert-white { - color: #666666; - background-color: white; - border-color: white; -} +.border-4 { + border-width: 4px !important; } -.alert-white .alert-link { - color: #525252; -} +.border-5 { + border-width: 5px !important; } -@keyframes progress-bar-stripes { - 0% { - background-position-x: 3px; - } -} +.w-25 { + width: 25% !important; } -.progress { - display: flex; - height: 3px; - overflow: hidden; - font-size: 0.75rem; - background-color: #e9ecef; - border-radius: 0.5rem; -} - -.progress-bar { - display: flex; - flex-direction: column; - justify-content: center; - overflow: hidden; - color: #fff; - text-align: center; - white-space: nowrap; - background-color: #cb0c9f; - transition: width 0.6s ease; -} +.w-50 { + width: 50% !important; } -@media (prefers-reduced-motion: reduce) { - .progress-bar { - transition: none; - } -} +.w-75 { + width: 75% !important; } -.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: 3px 3px; -} +.w-100 { + width: 100% !important; } -.progress-bar-animated { - animation: 1s linear infinite progress-bar-stripes; -} +.w-auto { + width: auto !important; } -@media (prefers-reduced-motion: reduce) { - .progress-bar-animated { - animation: none; - } -} +.mw-100 { + max-width: 100% !important; } -.list-group { - display: flex; - flex-direction: column; - padding-left: 0; - margin-bottom: 0; - border-radius: 0.5rem; -} +.vw-100 { + width: 100vw !important; } -.list-group-numbered { - list-style-type: none; - counter-reset: section; -} +.min-vw-100 { + min-width: 100vw !important; } -.list-group-numbered>li::before { - content: counters(section, ".") ". "; - counter-increment: section; -} +.h-25 { + height: 25% !important; } -.list-group-item-action { - width: 100%; - color: #495057; - text-align: inherit; -} +.h-50 { + height: 50% !important; } -.list-group-item-action:hover, -.list-group-item-action:focus { - z-index: 1; - color: #495057; - text-decoration: none; - background-color: #f8f9fa; -} +.h-75 { + height: 75% !important; } -.list-group-item-action:active { - color: #67748e; - background-color: #e9ecef; -} +.h-100 { + height: 100% !important; } -.list-group-item { - position: relative; - display: block; - padding: 0.5rem 1rem; - color: inherit; - background-color: #fff; - border: 1px solid rgba(0, 0, 0, 0.125); -} +.h-auto { + height: auto !important; } -.list-group-item:first-child { - border-top-left-radius: inherit; - border-top-right-radius: inherit; -} +.mh-100 { + max-height: 100% !important; } -.list-group-item:last-child { - border-bottom-right-radius: inherit; - border-bottom-left-radius: inherit; -} +.vh-100 { + height: 100vh !important; } -.list-group-item.disabled, -.list-group-item:disabled { - color: #6c757d; - pointer-events: none; - background-color: #fff; -} +.min-vh-100 { + min-height: 100vh !important; } -.list-group-item.active { - z-index: 2; - color: #fff; - background-color: #cb0c9f; - border-color: #cb0c9f; -} +.flex-fill { + flex: 1 1 auto !important; } -.list-group-item+.list-group-item { - border-top-width: 0; -} +.flex-row { + flex-direction: row !important; } -.list-group-item+.list-group-item.active { - margin-top: -1px; - border-top-width: 1px; -} +.flex-column { + flex-direction: column !important; } -.list-group-horizontal { - flex-direction: row; -} +.flex-row-reverse { + flex-direction: row-reverse !important; } -.list-group-horizontal>.list-group-item:first-child { - border-bottom-left-radius: 0.5rem; - border-top-right-radius: 0; -} +.flex-column-reverse { + flex-direction: column-reverse !important; } -.list-group-horizontal>.list-group-item:last-child { - border-top-right-radius: 0.5rem; - border-bottom-left-radius: 0; -} +.flex-grow-0 { + flex-grow: 0 !important; } -.list-group-horizontal>.list-group-item.active { - margin-top: 0; -} +.flex-grow-1 { + flex-grow: 1 !important; } -.list-group-horizontal>.list-group-item+.list-group-item { - border-top-width: 1px; - border-left-width: 0; -} +.flex-shrink-0 { + flex-shrink: 0 !important; } -.list-group-horizontal>.list-group-item+.list-group-item.active { - margin-left: -1px; - border-left-width: 1px; -} +.flex-shrink-1 { + flex-shrink: 1 !important; } -@media (min-width: 576px) { - .list-group-horizontal-sm { - flex-direction: row; - } +.flex-wrap { + flex-wrap: wrap !important; } - .list-group-horizontal-sm>.list-group-item:first-child { - border-bottom-left-radius: 0.5rem; - border-top-right-radius: 0; - } +.flex-nowrap { + flex-wrap: nowrap !important; } - .list-group-horizontal-sm>.list-group-item:last-child { - border-top-right-radius: 0.5rem; - border-bottom-left-radius: 0; - } +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; } - .list-group-horizontal-sm>.list-group-item.active { - margin-top: 0; - } +.gap-0 { + gap: 0 !important; } - .list-group-horizontal-sm>.list-group-item+.list-group-item { - border-top-width: 1px; - border-left-width: 0; - } +.gap-1 { + gap: 0.25rem !important; } - .list-group-horizontal-sm>.list-group-item+.list-group-item.active { - margin-left: -1px; - border-left-width: 1px; - } -} +.gap-2 { + gap: 0.5rem !important; } -@media (min-width: 768px) { - .list-group-horizontal-md { - flex-direction: row; - } +.gap-3 { + gap: 1rem !important; } - .list-group-horizontal-md>.list-group-item:first-child { - border-bottom-left-radius: 0.5rem; - border-top-right-radius: 0; - } +.gap-4 { + gap: 1.5rem !important; } - .list-group-horizontal-md>.list-group-item:last-child { - border-top-right-radius: 0.5rem; - border-bottom-left-radius: 0; - } +.gap-5 { + gap: 3rem !important; } - .list-group-horizontal-md>.list-group-item.active { - margin-top: 0; - } +.justify-content-start { + justify-content: flex-start !important; } - .list-group-horizontal-md>.list-group-item+.list-group-item { - border-top-width: 1px; - border-left-width: 0; - } +.justify-content-end { + justify-content: flex-end !important; } - .list-group-horizontal-md>.list-group-item+.list-group-item.active { - margin-left: -1px; - border-left-width: 1px; - } -} +.justify-content-center { + justify-content: center !important; } -@media (min-width: 992px) { - .list-group-horizontal-lg { - flex-direction: row; - } +.justify-content-between { + justify-content: space-between !important; } - .list-group-horizontal-lg>.list-group-item:first-child { - border-bottom-left-radius: 0.5rem; - border-top-right-radius: 0; - } +.justify-content-around { + justify-content: space-around !important; } - .list-group-horizontal-lg>.list-group-item:last-child { - border-top-right-radius: 0.5rem; - border-bottom-left-radius: 0; - } +.justify-content-evenly { + justify-content: space-evenly !important; } - .list-group-horizontal-lg>.list-group-item.active { - margin-top: 0; - } +.align-items-start { + align-items: flex-start !important; } - .list-group-horizontal-lg>.list-group-item+.list-group-item { - border-top-width: 1px; - border-left-width: 0; - } +.align-items-end { + align-items: flex-end !important; } - .list-group-horizontal-lg>.list-group-item+.list-group-item.active { - margin-left: -1px; - border-left-width: 1px; - } -} +.align-items-center { + align-items: center !important; } -@media (min-width: 1200px) { - .list-group-horizontal-xl { - flex-direction: row; - } +.align-items-baseline { + align-items: baseline !important; } - .list-group-horizontal-xl>.list-group-item:first-child { - border-bottom-left-radius: 0.5rem; - border-top-right-radius: 0; - } +.align-items-stretch { + align-items: stretch !important; } - .list-group-horizontal-xl>.list-group-item:last-child { - border-top-right-radius: 0.5rem; - border-bottom-left-radius: 0; - } +.align-content-start { + align-content: flex-start !important; } - .list-group-horizontal-xl>.list-group-item.active { - margin-top: 0; - } +.align-content-end { + align-content: flex-end !important; } - .list-group-horizontal-xl>.list-group-item+.list-group-item { - border-top-width: 1px; - border-left-width: 0; - } +.align-content-center { + align-content: center !important; } - .list-group-horizontal-xl>.list-group-item+.list-group-item.active { - margin-left: -1px; - border-left-width: 1px; - } -} +.align-content-between { + align-content: space-between !important; } -@media (min-width: 1400px) { - .list-group-horizontal-xxl { - flex-direction: row; - } +.align-content-around { + align-content: space-around !important; } - .list-group-horizontal-xxl>.list-group-item:first-child { - border-bottom-left-radius: 0.5rem; - border-top-right-radius: 0; - } +.align-content-stretch { + align-content: stretch !important; } - .list-group-horizontal-xxl>.list-group-item:last-child { - border-top-right-radius: 0.5rem; - border-bottom-left-radius: 0; - } +.align-self-auto { + align-self: auto !important; } - .list-group-horizontal-xxl>.list-group-item.active { - margin-top: 0; - } +.align-self-start { + align-self: flex-start !important; } - .list-group-horizontal-xxl>.list-group-item+.list-group-item { - border-top-width: 1px; - border-left-width: 0; - } +.align-self-end { + align-self: flex-end !important; } - .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { - margin-left: -1px; - border-left-width: 1px; - } -} +.align-self-center { + align-self: center !important; } -.list-group-flush { - border-radius: 0; -} +.align-self-baseline { + align-self: baseline !important; } -.list-group-flush>.list-group-item { - border-width: 0 0 1px; -} +.align-self-stretch { + align-self: stretch !important; } -.list-group-flush>.list-group-item:last-child { - border-bottom-width: 0; -} +.order-first { + order: -1 !important; } -.list-group-item-primary { - color: #7a075f; - background-color: #f5ceec; -} +.order-0 { + order: 0 !important; } -.list-group-item-primary.list-group-item-action:hover, -.list-group-item-primary.list-group-item-action:focus { - color: #7a075f; - background-color: #ddb9d4; -} +.order-1 { + order: 1 !important; } -.list-group-item-primary.list-group-item-action.active { - color: #fff; - background-color: #7a075f; - border-color: #7a075f; -} +.order-2 { + order: 2 !important; } -.list-group-item-secondary { - color: #4f5867; - background-color: #e6e9ee; -} +.order-3 { + order: 3 !important; } -.list-group-item-secondary.list-group-item-action:hover, -.list-group-item-secondary.list-group-item-action:focus { - color: #4f5867; - background-color: #cfd2d6; -} +.order-4 { + order: 4 !important; } -.list-group-item-secondary.list-group-item-action.active { - color: #fff; - background-color: #4f5867; - border-color: #4f5867; -} +.order-5 { + order: 5 !important; } -.list-group-item-success { - color: #345609; - background-color: #e6f7d0; -} +.order-last { + order: 6 !important; } -.list-group-item-success.list-group-item-action:hover, -.list-group-item-success.list-group-item-action:focus { - color: #345609; - background-color: #cfdebb; -} +.m-0 { + margin: 0 !important; } -.list-group-item-success.list-group-item-action.active { - color: #fff; - background-color: #345609; - border-color: #345609; -} +.m-1 { + margin: 0.25rem !important; } -.list-group-item-info { - color: #0e748b; - background-color: #d1f3fa; -} +.m-2 { + margin: 0.5rem !important; } -.list-group-item-info.list-group-item-action:hover, -.list-group-item-info.list-group-item-action:focus { - color: #0e748b; - background-color: #bcdbe1; -} +.m-3 { + margin: 1rem !important; } -.list-group-item-info.list-group-item-action.active { - color: #fff; - background-color: #0e748b; - border-color: #0e748b; -} +.m-4 { + margin: 1.5rem !important; } -.list-group-item-warning { - color: #932222; - background-color: #fdd7d7; -} +.m-5 { + margin: 3rem !important; } -.list-group-item-warning.list-group-item-action:hover, -.list-group-item-warning.list-group-item-action:focus { - color: #932222; - background-color: #e4c2c2; -} +.m-auto { + margin: auto !important; } -.list-group-item-warning.list-group-item-action.active { - color: #fff; - background-color: #932222; - border-color: #932222; -} +.mx-0 { + margin-right: 0 !important; + margin-left: 0 !important; } -.list-group-item-danger { - color: #8c0404; - background-color: #fbcdcd; -} +.mx-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; } -.list-group-item-danger.list-group-item-action:hover, -.list-group-item-danger.list-group-item-action:focus { - color: #8c0404; - background-color: #e2b9b9; -} +.mx-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; } -.list-group-item-danger.list-group-item-action.active { - color: #fff; - background-color: #8c0404; - border-color: #8c0404; -} +.mx-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; } -.list-group-item-light { - color: #5d5e60; - background-color: #fbfbfc; -} +.mx-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } -.list-group-item-light.list-group-item-action:hover, -.list-group-item-light.list-group-item-action:focus { - color: #5d5e60; - background-color: #e2e2e3; -} +.mx-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; } -.list-group-item-light.list-group-item-action.active { - color: #fff; - background-color: #5d5e60; - border-color: #5d5e60; -} - -.list-group-item-dark { - color: #161c26; - background-color: #d3d5d9; -} +.mx-auto { + margin-right: auto !important; + margin-left: auto !important; } -.list-group-item-dark.list-group-item-action:hover, -.list-group-item-dark.list-group-item-action:focus { - color: #161c26; - background-color: #bec0c3; -} +.my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } -.list-group-item-dark.list-group-item-action.active { - color: #fff; - background-color: #161c26; - border-color: #161c26; -} +.my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } -.list-group-item-white { - color: #666666; - background-color: white; -} +.my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } -.list-group-item-white.list-group-item-action:hover, -.list-group-item-white.list-group-item-action:focus { - color: #666666; - background-color: #e6e6e6; -} +.my-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } -.list-group-item-white.list-group-item-action.active { - color: #fff; - background-color: #666666; - border-color: #666666; -} +.my-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } -.btn-close { - box-sizing: content-box; - width: 1em; - height: 1em; - padding: 0.25em 0.25em; - color: #fff; - background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; - border: 0; - border-radius: 0.25rem; - opacity: 0.5; -} +.my-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } -.btn-close:hover { - color: #fff; - text-decoration: none; - opacity: 0.75; -} +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; } -.btn-close:focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(203, 12, 159, 0.25); - opacity: 1; -} +.mt-0 { + margin-top: 0 !important; } -.btn-close:disabled, -.btn-close.disabled { - pointer-events: none; - user-select: none; - opacity: 0.25; -} +.mt-1 { + margin-top: 0.25rem !important; } -.btn-close-white { - filter: invert(1) grayscale(100%) brightness(200%); -} +.mt-2 { + margin-top: 0.5rem !important; } -.toast { - width: 350px; - max-width: 100%; - font-size: 0.875rem; - pointer-events: auto; - background-color: rgba(255, 255, 255, 0.85); - background-clip: padding-box; - border: 0 solid transparent; - box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(20, 20, 20, 0.12), 0 0.125rem 0.25rem -0.0625rem rgba(20, 20, 20, 0.07); - border-radius: 0.5rem; -} +.mt-3 { + margin-top: 1rem !important; } -.toast:not(.showing):not(.show) { - opacity: 0; -} +.mt-4 { + margin-top: 1.5rem !important; } -.toast.hide { - display: none; -} +.mt-5 { + margin-top: 3rem !important; } -.toast-container { - width: max-content; - max-width: 100%; - pointer-events: none; -} +.mt-auto { + margin-top: auto !important; } -.toast-container> :not(:last-child) { - margin-bottom: 1.5rem; -} +.me-0 { + margin-right: 0 !important; } -.toast-header { - display: flex; - align-items: center; - padding: 0.75rem 0.75rem; - color: #252f40; - background-color: rgba(255, 255, 255, 0.85); - background-clip: padding-box; - border-bottom: 0 solid rgba(0, 0, 0, 0.05); - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; -} +.me-1 { + margin-right: 0.25rem !important; } -.toast-header .btn-close { - margin-right: -0.375rem; - margin-left: 0.75rem; -} +.me-2 { + margin-right: 0.5rem !important; } -.toast-body { - padding: 0.75rem; - word-wrap: break-word; -} +.me-3 { + margin-right: 1rem !important; } -.modal-open { - overflow: hidden; -} +.me-4 { + margin-right: 1.5rem !important; } -.modal-open .modal { - overflow-x: hidden; - overflow-y: auto; -} +.me-5 { + margin-right: 3rem !important; } -.modal { - position: fixed; - top: 0; - left: 0; - z-index: 1050; - display: none; - width: 100%; - height: 100%; - overflow: hidden; - outline: 0; -} +.me-auto { + margin-right: auto !important; } -.modal-dialog { - position: relative; - width: auto; - margin: 0.5rem; - pointer-events: none; -} +.mb-0 { + margin-bottom: 0 !important; } -.modal.fade .modal-dialog { - transition: transform 0.3s ease-out; - transform: translate(0, -50px); -} +.mb-1 { + margin-bottom: 0.25rem !important; } -@media (prefers-reduced-motion: reduce) { - .modal.fade .modal-dialog { - transition: none; - } -} +.mb-2 { + margin-bottom: 0.5rem !important; } -.modal.show .modal-dialog { - transform: none; -} +.mb-3 { + margin-bottom: 1rem !important; } -.modal.modal-static .modal-dialog { - transform: scale(1.02); -} +.mb-4 { + margin-bottom: 1.5rem !important; } -.modal-dialog-scrollable { - height: calc(100% - 1rem); -} +.mb-5 { + margin-bottom: 3rem !important; } -.modal-dialog-scrollable .modal-content { - max-height: 100%; - overflow: hidden; -} +.mb-auto { + margin-bottom: auto !important; } -.modal-dialog-scrollable .modal-body { - overflow-y: auto; -} +.ms-0 { + margin-left: 0 !important; } -.modal-dialog-centered { - display: flex; - align-items: center; - min-height: calc(100% - 1rem); -} +.ms-1 { + margin-left: 0.25rem !important; } -.modal-content { - position: relative; - display: flex; - flex-direction: column; - width: 100%; - pointer-events: auto; - background-color: #fff; - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 0.75rem; - outline: 0; -} +.ms-2 { + margin-left: 0.5rem !important; } -.modal-backdrop { - position: fixed; - top: 0; - left: 0; - z-index: 1040; - width: 100vw; - height: 100vh; - background-color: #000; -} +.ms-3 { + margin-left: 1rem !important; } -.modal-backdrop.fade { - opacity: 0; -} +.ms-4 { + margin-left: 1.5rem !important; } -.modal-backdrop.show { - opacity: 0.5; -} +.ms-5 { + margin-left: 3rem !important; } -.modal-header { - display: flex; - flex-shrink: 0; - align-items: center; - justify-content: space-between; - padding: 1rem 1rem; - border-bottom: 1px solid #dee2e6; - border-top-left-radius: calc(0.75rem - 1px); - border-top-right-radius: calc(0.75rem - 1px); -} +.ms-auto { + margin-left: auto !important; } -.modal-header .btn-close { - padding: 0.5rem 0.5rem; - margin: -0.5rem -0.5rem -0.5rem auto; -} +.m-n1 { + margin: -0.25rem !important; } -.modal-title { - margin-bottom: 0; - line-height: 1.5; -} +.m-n2 { + margin: -0.5rem !important; } -.modal-body { - position: relative; - flex: 1 1 auto; - padding: 1rem; -} +.m-n3 { + margin: -1rem !important; } -.modal-footer { - display: flex; - flex-wrap: wrap; - flex-shrink: 0; - align-items: center; - justify-content: flex-end; - padding: 0.75rem; - border-top: 1px solid #dee2e6; - border-bottom-right-radius: calc(0.75rem - 1px); - border-bottom-left-radius: calc(0.75rem - 1px); -} +.m-n4 { + margin: -1.5rem !important; } -.modal-footer>* { - margin: 0.25rem; -} +.m-n5 { + margin: -3rem !important; } -.modal-scrollbar-measure { - position: absolute; - top: -9999px; - width: 50px; - height: 50px; - overflow: scroll; -} +.mx-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; } -@media (min-width: 576px) { - .modal-dialog { - max-width: 500px; - margin: 1.75rem auto; - } +.mx-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; } - .modal-dialog-scrollable { - height: calc(100% - 3.5rem); - } +.mx-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; } - .modal-dialog-centered { - min-height: calc(100% - 3.5rem); - } +.mx-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; } - .modal-sm { - max-width: 300px; - } -} +.mx-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; } -@media (min-width: 992px) { +.my-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } - .modal-lg, - .modal-xl { - max-width: 800px; - } -} +.my-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } -@media (min-width: 1200px) { - .modal-xl { - max-width: 1140px; - } -} +.my-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; } -.modal-fullscreen { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; -} +.my-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } -.modal-fullscreen .modal-content { - height: 100%; - border: 0; - border-radius: 0; -} +.my-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; } -.modal-fullscreen .modal-header { - border-radius: 0; -} +.mt-n1 { + margin-top: -0.25rem !important; } -.modal-fullscreen .modal-body { - overflow-y: auto; -} +.mt-n2 { + margin-top: -0.5rem !important; } -.modal-fullscreen .modal-footer { - border-radius: 0; -} +.mt-n3 { + margin-top: -1rem !important; } -@media (max-width: 575.98px) { - .modal-fullscreen-sm-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } +.mt-n4 { + margin-top: -1.5rem !important; } - .modal-fullscreen-sm-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } +.mt-n5 { + margin-top: -3rem !important; } - .modal-fullscreen-sm-down .modal-header { - border-radius: 0; - } +.me-n1 { + margin-right: -0.25rem !important; } - .modal-fullscreen-sm-down .modal-body { - overflow-y: auto; - } +.me-n2 { + margin-right: -0.5rem !important; } - .modal-fullscreen-sm-down .modal-footer { - border-radius: 0; - } -} +.me-n3 { + margin-right: -1rem !important; } -@media (max-width: 767.98px) { - .modal-fullscreen-md-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } +.me-n4 { + margin-right: -1.5rem !important; } - .modal-fullscreen-md-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } +.me-n5 { + margin-right: -3rem !important; } - .modal-fullscreen-md-down .modal-header { - border-radius: 0; - } +.mb-n1 { + margin-bottom: -0.25rem !important; } - .modal-fullscreen-md-down .modal-body { - overflow-y: auto; - } +.mb-n2 { + margin-bottom: -0.5rem !important; } - .modal-fullscreen-md-down .modal-footer { - border-radius: 0; - } -} +.mb-n3 { + margin-bottom: -1rem !important; } -@media (max-width: 991.98px) { - .modal-fullscreen-lg-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } +.mb-n4 { + margin-bottom: -1.5rem !important; } - .modal-fullscreen-lg-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } +.mb-n5 { + margin-bottom: -3rem !important; } - .modal-fullscreen-lg-down .modal-header { - border-radius: 0; - } +.ms-n1 { + margin-left: -0.25rem !important; } - .modal-fullscreen-lg-down .modal-body { - overflow-y: auto; - } +.ms-n2 { + margin-left: -0.5rem !important; } - .modal-fullscreen-lg-down .modal-footer { - border-radius: 0; - } -} +.ms-n3 { + margin-left: -1rem !important; } -@media (max-width: 1199.98px) { - .modal-fullscreen-xl-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } +.ms-n4 { + margin-left: -1.5rem !important; } - .modal-fullscreen-xl-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } +.ms-n5 { + margin-left: -3rem !important; } - .modal-fullscreen-xl-down .modal-header { - border-radius: 0; - } +.p-0 { + padding: 0 !important; } - .modal-fullscreen-xl-down .modal-body { - overflow-y: auto; - } +.p-1 { + padding: 0.25rem !important; } - .modal-fullscreen-xl-down .modal-footer { - border-radius: 0; - } -} +.p-2 { + padding: 0.5rem !important; } -@media (max-width: 1399.98px) { - .modal-fullscreen-xxl-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } +.p-3 { + padding: 1rem !important; } - .modal-fullscreen-xxl-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } +.p-4 { + padding: 1.5rem !important; } - .modal-fullscreen-xxl-down .modal-header { - border-radius: 0; - } +.p-5 { + padding: 3rem !important; } - .modal-fullscreen-xxl-down .modal-body { - overflow-y: auto; - } +.px-0 { + padding-right: 0 !important; + padding-left: 0 !important; } - .modal-fullscreen-xxl-down .modal-footer { - border-radius: 0; - } -} +.px-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } -.tooltip { - position: absolute; - z-index: 1070; - display: block; - margin: 0; - font-family: var(--bs-font-sans-serif); - font-style: normal; - font-weight: 400; - line-height: 1.5; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - word-spacing: normal; - white-space: normal; - line-break: auto; - font-size: 0.875rem; - word-wrap: break-word; - opacity: 0; -} +.px-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } -.tooltip.show { - opacity: 0.9; -} +.px-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; } -.tooltip .tooltip-arrow { - position: absolute; - display: block; - width: 0.8rem; - height: 0.4rem; -} +.px-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } -.tooltip .tooltip-arrow::before { - position: absolute; - content: ""; - border-color: transparent; - border-style: solid; -} +.px-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; } -.bs-tooltip-top, -.bs-tooltip-auto[data-popper-placement^="top"] { - padding: 0.4rem 0; -} +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } -.bs-tooltip-top .tooltip-arrow, -.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { - bottom: 0; -} +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } -.bs-tooltip-top .tooltip-arrow::before, -.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { - top: -1px; - border-width: 0.4rem 0.4rem 0; - border-top-color: #000; -} +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } -.bs-tooltip-end, -.bs-tooltip-auto[data-popper-placement^="right"] { - padding: 0 0.4rem; -} +.py-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } -.bs-tooltip-end .tooltip-arrow, -.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { - left: 0; - width: 0.4rem; - height: 0.8rem; -} +.py-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } -.bs-tooltip-end .tooltip-arrow::before, -.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { - right: -1px; - border-width: 0.4rem 0.4rem 0.4rem 0; - border-right-color: #000; -} +.py-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } -.bs-tooltip-bottom, -.bs-tooltip-auto[data-popper-placement^="bottom"] { - padding: 0.4rem 0; -} +.pt-0 { + padding-top: 0 !important; } -.bs-tooltip-bottom .tooltip-arrow, -.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow { - top: 0; -} +.pt-1 { + padding-top: 0.25rem !important; } -.bs-tooltip-bottom .tooltip-arrow::before, -.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { - bottom: -1px; - border-width: 0 0.4rem 0.4rem; - border-bottom-color: #000; -} +.pt-2 { + padding-top: 0.5rem !important; } -.bs-tooltip-start, -.bs-tooltip-auto[data-popper-placement^="left"] { - padding: 0 0.4rem; -} +.pt-3 { + padding-top: 1rem !important; } -.bs-tooltip-start .tooltip-arrow, -.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { - right: 0; - width: 0.4rem; - height: 0.8rem; -} +.pt-4 { + padding-top: 1.5rem !important; } -.bs-tooltip-start .tooltip-arrow::before, -.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { - left: -1px; - border-width: 0.4rem 0 0.4rem 0.4rem; - border-left-color: #000; -} +.pt-5 { + padding-top: 3rem !important; } -.tooltip-inner { - max-width: 200px; - padding: 0.25rem 0.5rem; - color: #fff; - text-align: center; - background-color: #000; - border-radius: 0.5rem; -} +.pe-0 { + padding-right: 0 !important; } -.popover { - position: absolute; - top: 0; - left: 0 - /* rtl:ignore */ - ; - z-index: 1060; - display: block; - max-width: 276px; - font-family: var(--bs-font-sans-serif); - font-style: normal; - font-weight: 400; - line-height: 1.5; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - word-spacing: normal; - white-space: normal; - line-break: auto; - font-size: 0.75rem; - word-wrap: break-word; - background-color: #fff; - background-clip: padding-box; - border: 0px solid rgba(0, 0, 0, 0.2); - border-radius: 0.75rem; -} +.pe-1 { + padding-right: 0.25rem !important; } -.popover .popover-arrow { - position: absolute; - display: block; - width: 1rem; - height: 0.5rem; -} +.pe-2 { + padding-right: 0.5rem !important; } -.popover .popover-arrow::before, -.popover .popover-arrow::after { - position: absolute; - display: block; - content: ""; - border-color: transparent; - border-style: solid; -} +.pe-3 { + padding-right: 1rem !important; } -.bs-popover-top>.popover-arrow, -.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow { - bottom: calc(-0.5rem - 0px); -} +.pe-4 { + padding-right: 1.5rem !important; } -.bs-popover-top>.popover-arrow::before, -.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before { - bottom: 0; - border-width: 0.5rem 0.5rem 0; - border-top-color: rgba(0, 0, 0, 0.25); -} +.pe-5 { + padding-right: 3rem !important; } -.bs-popover-top>.popover-arrow::after, -.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after { - bottom: 0px; - border-width: 0.5rem 0.5rem 0; - border-top-color: #fff; -} +.pb-0 { + padding-bottom: 0 !important; } -.bs-popover-end>.popover-arrow, -.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow { - left: calc(-0.5rem - 0px); - width: 0.5rem; - height: 1rem; -} +.pb-1 { + padding-bottom: 0.25rem !important; } -.bs-popover-end>.popover-arrow::before, -.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before { - left: 0; - border-width: 0.5rem 0.5rem 0.5rem 0; - border-right-color: rgba(0, 0, 0, 0.25); -} +.pb-2 { + padding-bottom: 0.5rem !important; } -.bs-popover-end>.popover-arrow::after, -.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after { - left: 0px; - border-width: 0.5rem 0.5rem 0.5rem 0; - border-right-color: #fff; -} +.pb-3 { + padding-bottom: 1rem !important; } -.bs-popover-bottom>.popover-arrow, -.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow { - top: calc(-0.5rem - 0px); -} +.pb-4 { + padding-bottom: 1.5rem !important; } -.bs-popover-bottom>.popover-arrow::before, -.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before { - top: 0; - border-width: 0 0.5rem 0.5rem 0.5rem; - border-bottom-color: rgba(0, 0, 0, 0.25); -} +.pb-5 { + padding-bottom: 3rem !important; } -.bs-popover-bottom>.popover-arrow::after, -.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after { - top: 0px; - border-width: 0 0.5rem 0.5rem 0.5rem; - border-bottom-color: #fff; -} +.ps-0 { + padding-left: 0 !important; } -.bs-popover-bottom .popover-header::before, -.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before { - position: absolute; - top: 0; - left: 50%; - display: block; - width: 1rem; - margin-left: -0.5rem; - content: ""; - border-bottom: 0px solid #e9ecef; -} +.ps-1 { + padding-left: 0.25rem !important; } -.bs-popover-start>.popover-arrow, -.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow { - right: calc(-0.5rem - 0px); - width: 0.5rem; - height: 1rem; -} +.ps-2 { + padding-left: 0.5rem !important; } -.bs-popover-start>.popover-arrow::before, -.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before { - right: 0; - border-width: 0.5rem 0 0.5rem 0.5rem; - border-left-color: rgba(0, 0, 0, 0.25); -} +.ps-3 { + padding-left: 1rem !important; } -.bs-popover-start>.popover-arrow::after, -.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after { - right: 0px; - border-width: 0.5rem 0 0.5rem 0.5rem; - border-left-color: #fff; -} +.ps-4 { + padding-left: 1.5rem !important; } -.popover-header { - padding: 0.5rem 1rem; - margin-bottom: 0; - font-size: 1rem; - background-color: #e9ecef; - border-bottom: 0px solid #d2d4d7; - border-top-left-radius: calc(0.75rem - 0px); - border-top-right-radius: calc(0.75rem - 0px); -} +.ps-5 { + padding-left: 3rem !important; } -.popover-header:empty { - display: none; -} +.font-monospace { + font-family: var(--bs-font-monospace) !important; } -.popover-body { - padding: 1rem 1rem; - color: #67748e; -} +.fs-1 { + font-size: calc(1.425rem + 2.1vw) !important; } -.carousel { - position: relative; -} +.fs-2 { + font-size: calc(1.35rem + 1.2vw) !important; } -.carousel.pointer-event { - touch-action: pan-y; -} +.fs-3 { + font-size: calc(1.3125rem + 0.75vw) !important; } -.carousel-inner { - position: relative; - width: 100%; - overflow: hidden; -} +.fs-4 { + font-size: calc(1.275rem + 0.3vw) !important; } -.carousel-inner::after { - display: block; - clear: both; - content: ""; -} +.fs-5 { + font-size: 1.25rem !important; } -.carousel-item { - position: relative; - display: none; - float: left; - width: 100%; - margin-right: -100%; - backface-visibility: hidden; - transition: transform 0.6s ease-in-out; -} +.fs-6 { + font-size: 1rem !important; } -@media (prefers-reduced-motion: reduce) { - .carousel-item { - transition: none; - } -} +.fst-italic { + font-style: italic !important; } -.carousel-item.active, -.carousel-item-next, -.carousel-item-prev { - display: block; -} +.fst-normal { + font-style: normal !important; } -/* rtl:begin:ignore */ -.carousel-item-next:not(.carousel-item-start), -.active.carousel-item-end { - transform: translateX(100%); -} +.fw-light { + font-weight: 300 !important; } -.carousel-item-prev:not(.carousel-item-end), -.active.carousel-item-start { - transform: translateX(-100%); -} +.fw-lighter { + font-weight: lighter !important; } -/* rtl:end:ignore */ -.carousel-fade .carousel-item { - opacity: 0; - transition-property: opacity; - transform: none; -} +.fw-normal { + font-weight: 400 !important; } -.carousel-fade .carousel-item.active, -.carousel-fade .carousel-item-next.carousel-item-start, -.carousel-fade .carousel-item-prev.carousel-item-end { - z-index: 1; - opacity: 1; -} +.fw-bold { + font-weight: 600 !important; } -.carousel-fade .active.carousel-item-start, -.carousel-fade .active.carousel-item-end { - z-index: 0; - opacity: 0; - transition: opacity 0s 0.6s; -} +.fw-bolder { + font-weight: 700 !important; } -@media (prefers-reduced-motion: reduce) { +.lh-1 { + line-height: 1 !important; } - .carousel-fade .active.carousel-item-start, - .carousel-fade .active.carousel-item-end { - transition: none; - } -} +.lh-sm { + line-height: 1.25 !important; } -.carousel-control-prev, -.carousel-control-next { - position: absolute; - top: 0; - bottom: 0; - z-index: 1; - display: flex; - align-items: center; - justify-content: center; - width: 15%; - padding: 0; - color: #fff; - text-align: center; - background: none; - border: 0; - opacity: 0.5; - transition: opacity 0.15s ease; -} +.lh-base { + line-height: 1.5 !important; } -@media (prefers-reduced-motion: reduce) { +.lh-lg { + line-height: 2 !important; } - .carousel-control-prev, - .carousel-control-next { - transition: none; - } -} +.text-start { + text-align: left !important; } -.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; -} +.text-end { + text-align: right !important; } -.carousel-control-prev { - left: 0; -} +.text-center { + text-align: center !important; } -.carousel-control-next { - right: 0; -} +.text-decoration-none { + text-decoration: none !important; } -.carousel-control-prev-icon, -.carousel-control-next-icon { - display: inline-block; - width: 2rem; - height: 2rem; - background-repeat: no-repeat; - background-position: 50%; - background-size: 100% 100%; -} +.text-decoration-underline { + text-decoration: underline !important; } -/* rtl:options: { - "autoRename": true, - "stringMap":[ { - "name" : "prev-next", - "search" : "prev", - "replace" : "next" - } ] -} */ -.carousel-control-prev-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); -} +.text-decoration-line-through { + text-decoration: line-through !important; } -.carousel-control-next-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); -} +.text-lowercase { + text-transform: lowercase !important; } -.carousel-indicators { - position: absolute; - right: 0; - bottom: 0; - left: 0; - z-index: 2; - display: flex; - justify-content: center; - padding: 0; - margin-right: 15%; - margin-bottom: 1rem; - margin-left: 15%; - list-style: none; -} +.text-uppercase { + text-transform: uppercase !important; } -.carousel-indicators [data-bs-target] { - box-sizing: content-box; - flex: 0 1 auto; - width: 30px; - height: 3px; - padding: 0; - margin-right: 3px; - margin-left: 3px; - text-indent: -999px; - cursor: pointer; - background-color: #fff; - background-clip: padding-box; - border: 0; - border-top: 10px solid transparent; - border-bottom: 10px solid transparent; - opacity: 0.5; - transition: opacity 0.6s ease; -} +.text-capitalize { + text-transform: capitalize !important; } -@media (prefers-reduced-motion: reduce) { - .carousel-indicators [data-bs-target] { - transition: none; - } -} +.text-wrap { + white-space: normal !important; } -.carousel-indicators .active { - opacity: 1; -} +.text-nowrap { + white-space: nowrap !important; } -.carousel-caption { - position: absolute; - right: 15%; - bottom: 1.25rem; - left: 15%; - padding-top: 1.25rem; - padding-bottom: 1.25rem; - color: #fff; - text-align: center; -} +/* rtl:begin:remove */ +.text-break { + word-wrap: break-word !important; + word-break: break-word !important; } -.carousel-dark .carousel-control-prev-icon, -.carousel-dark .carousel-control-next-icon { - filter: invert(1) grayscale(100); -} +/* rtl:end:remove */ +.text-primary { + color: #cb0c9f !important; } -.carousel-dark .carousel-indicators [data-bs-target] { - background-color: #000; -} +.text-secondary { + color: #8392AB !important; } -.carousel-dark .carousel-caption { - color: #000; -} +.text-success { + color: #82d616 !important; } -@keyframes spinner-border { - to { - transform: rotate(360deg) - /* rtl:ignore */ - ; - } -} +.text-info { + color: #17c1e8 !important; } -.spinner-border { - display: inline-block; - width: 2rem; - height: 2rem; - vertical-align: text-bottom; - border: 0.25em solid currentColor; - border-right-color: transparent; - border-radius: 50%; - animation: 0.75s linear infinite spinner-border; -} +.text-warning { + color: #f53939 !important; } -.spinner-border-sm { - width: 1rem; - height: 1rem; - border-width: 0.2em; -} +.text-danger { + color: #ea0606 !important; } -@keyframes spinner-grow { - 0% { - transform: scale(0); - } +.text-light { + color: #e9ecef !important; } - 50% { - opacity: 1; - transform: none; - } -} +.text-dark { + color: #252f40 !important; } -.spinner-grow { - display: inline-block; - width: 2rem; - height: 2rem; - vertical-align: text-bottom; - background-color: currentColor; - border-radius: 50%; - opacity: 0; - animation: 0.75s linear infinite spinner-grow; -} +.text-white { + color: #fff !important; } -.spinner-grow-sm { - width: 1rem; - height: 1rem; -} - -@media (prefers-reduced-motion: reduce) { - - .spinner-border, - .spinner-grow { - animation-duration: 1.5s; - } -} - -.offcanvas { - position: fixed; - bottom: 0; - z-index: 1040; - display: flex; - flex-direction: column; - max-width: 100%; - visibility: hidden; - background-color: #fff; - background-clip: padding-box; - outline: 0; - transition: transform 0.3s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - .offcanvas { - transition: none; - } -} - -.offcanvas-header { - display: flex; - justify-content: space-between; - padding: 1rem 1rem; -} - -.offcanvas-header .btn-close { - padding: 0.5rem 0.5rem; - margin: -0.5rem -0.5rem -0.5rem auto; -} - -.offcanvas-title { - margin-bottom: 0; - line-height: 1.5; -} - -.offcanvas-body { - flex-grow: 1; - padding: 1rem 1rem; - overflow-y: auto; -} +.text-body { + color: #67748e !important; } -.offcanvas-start { - top: 0; - left: 0; - width: 400px; - border-right: 1px solid rgba(0, 0, 0, 0.2); - transform: translateX(-100%); -} +.text-muted { + color: #6c757d !important; } -.offcanvas-end { - top: 0; - right: 0; - width: 400px; - border-left: 1px solid rgba(0, 0, 0, 0.2); - transform: translateX(100%); -} +.text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; } -.offcanvas-bottom { - right: 0; - left: 0; - height: 30vh; - max-height: 100%; - border-top: 1px solid rgba(0, 0, 0, 0.2); - transform: translateY(100%); -} +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; } -.offcanvas.show { - transform: none; -} +.text-reset { + color: inherit !important; } -.offcanvas-backdrop::before { - position: fixed; - top: 0; - left: 0; - z-index: 1039; - width: 100vw; - height: 100vh; - content: ""; - background-color: rgba(0, 0, 0, 0.5); -} +.bg-primary { + background-color: #cb0c9f !important; } -.clearfix::after { - display: block; - clear: both; - content: ""; -} +.bg-secondary { + background-color: #8392AB !important; } -.link-primary { - color: #cb0c9f; -} +.bg-success { + background-color: #82d616 !important; } -.link-primary:hover, -.link-primary:focus { - color: #a20a7f; -} +.bg-info { + background-color: #17c1e8 !important; } -.link-secondary { - color: #8392AB; -} +.bg-warning { + background-color: #f53939 !important; } -.link-secondary:hover, -.link-secondary:focus { - color: #9ca8bc; -} +.bg-danger { + background-color: #ea0606 !important; } -.link-success { - color: #82d616; -} +.bg-light { + background-color: #e9ecef !important; } -.link-success:hover, -.link-success:focus { - color: #9bde45; -} +.bg-dark { + background-color: #252f40 !important; } -.link-info { - color: #17c1e8; -} +.bg-white { + background-color: #fff !important; } -.link-info:hover, -.link-info:focus { - color: #45cded; -} +.bg-body { + background-color: #fff !important; } -.link-warning { - color: #f53939; -} +.bg-transparent { + background-color: transparent !important; } -.link-warning:hover, -.link-warning:focus { - color: #f76161; -} +.bg-gradient { + background-image: var(--bs-gradient) !important; } -.link-danger { - color: #ea0606; -} +.user-select-all { + -webkit-user-select: all !important; + -moz-user-select: all !important; + -ms-user-select: all !important; + user-select: all !important; } -.link-danger:hover, -.link-danger:focus { - color: #bb0505; -} +.user-select-auto { + -webkit-user-select: auto !important; + -moz-user-select: auto !important; + -ms-user-select: auto !important; + user-select: auto !important; } -.link-light { - color: #e9ecef; -} +.user-select-none { + -webkit-user-select: none !important; + -moz-user-select: none !important; + -ms-user-select: none !important; + user-select: none !important; } -.link-light:hover, -.link-light:focus { - color: #edf0f2; -} +.pe-none { + pointer-events: none !important; } -.link-dark { - color: #252f40; -} +.pe-auto { + pointer-events: auto !important; } -.link-dark:hover, -.link-dark:focus { - color: #1e2633; -} +.rounded { + border-radius: 0.25rem !important; } -.link-white { - color: #fff; -} +.rounded-0 { + border-radius: 0 !important; } -.link-white:hover, -.link-white:focus { - color: white; -} +.rounded-1 { + border-radius: 0.25rem !important; } -.ratio { - position: relative; - width: 100%; -} +.rounded-2 { + border-radius: 0.25rem !important; } -.ratio::before { - display: block; - padding-top: var(--bs-aspect-ratio); - content: ""; -} +.rounded-3 { + border-radius: 0.75rem !important; } -.ratio>* { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} +.rounded-circle, .avatar.rounded-circle img { + border-radius: 50% !important; } -.ratio-1x1 { - --bs-aspect-ratio: 100%; -} +.rounded-pill { + border-radius: 50rem !important; } -.ratio-4x3 { - --bs-aspect-ratio: calc(3 / 4 * 100%); -} +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; } -.ratio-16x9 { - --bs-aspect-ratio: calc(9 / 16 * 100%); -} +.rounded-end { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; } -.ratio-21x9 { - --bs-aspect-ratio: calc(9 / 21 * 100%); -} +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } -.fixed-top { - position: fixed; - top: 0; - right: 0; - left: 0; - z-index: 1030; -} +.rounded-start { + border-bottom-left-radius: 0.25rem !important; + border-top-left-radius: 0.25rem !important; } -.fixed-bottom { - position: fixed; - right: 0; - bottom: 0; - left: 0; - z-index: 1030; -} +.visible { + visibility: visible !important; } -.sticky-top { - position: sticky; - top: 0; - z-index: 1020; -} +.invisible { + visibility: hidden !important; } @media (min-width: 576px) { - .sticky-sm-top { - position: sticky; - top: 0; - z-index: 1020; - } -} - -@media (min-width: 768px) { - .sticky-md-top { - position: sticky; - top: 0; - z-index: 1020; - } -} - -@media (min-width: 992px) { - .sticky-lg-top { - position: sticky; - top: 0; - z-index: 1020; - } -} - -@media (min-width: 1200px) { - .sticky-xl-top { - position: sticky; - top: 0; - z-index: 1020; - } -} - -@media (min-width: 1400px) { - .sticky-xxl-top { - position: sticky; - top: 0; - z-index: 1020; - } -} - -.visually-hidden, -.visually-hidden-focusable:not(:focus):not(:focus-within) { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border: 0 !important; -} - -.stretched-link::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - content: ""; -} - -.text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.align-baseline { - vertical-align: baseline !important; -} - -.align-top { - vertical-align: top !important; -} - -.align-middle { - vertical-align: middle !important; -} - -.align-bottom { - vertical-align: bottom !important; -} - -.align-text-bottom { - vertical-align: text-bottom !important; -} - -.align-text-top { - vertical-align: text-top !important; -} - -.float-start { - float: left !important; -} - -.float-end { - float: right !important; -} - -.float-none { - float: none !important; -} - -.overflow-auto { - overflow: auto !important; -} - -.overflow-hidden { - overflow: hidden !important; -} - -.overflow-visible { - overflow: visible !important; -} - -.overflow-scroll { - overflow: scroll !important; -} - -.d-inline { - display: inline !important; -} - -.d-inline-block { - display: inline-block !important; -} - -.d-block { - display: block !important; -} - -.d-grid { - display: grid !important; -} - -.d-table { - display: table !important; -} - -.d-table-row { - display: table-row !important; -} - -.d-table-cell { - display: table-cell !important; -} - -.d-flex { - display: flex !important; -} - -.d-inline-flex { - display: inline-flex !important; -} - -.d-none { - display: none !important; -} - -.shadow { - box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(20, 20, 20, 0.12), 0 0.125rem 0.25rem -0.0625rem rgba(20, 20, 20, 0.07) !important; -} - -.shadow-sm { - box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12) !important; -} - -.shadow-lg { - box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06) !important; -} - -.shadow-none { - box-shadow: none !important; -} - -.position-static { - position: static !important; -} - -.position-relative { - position: relative !important; -} - -.position-absolute { - position: absolute !important; -} - -.position-fixed { - position: fixed !important; -} - -.position-sticky { - position: sticky !important; -} - -.top-0 { - top: 0 !important; -} - -.top-50 { - top: 50% !important; -} - -.top-100 { - top: 100% !important; -} - -.bottom-0 { - bottom: 0 !important; -} - -.bottom-50 { - bottom: 50% !important; -} - -.bottom-100 { - bottom: 100% !important; -} - -.start-0 { - left: 0 !important; -} - -.start-50 { - left: 50% !important; -} - -.start-100 { - left: 100% !important; -} - -.end-0 { - right: 0 !important; -} - -.end-50 { - right: 50% !important; -} - -.end-100 { - right: 100% !important; -} - -.translate-middle { - transform: translate(-50%, -50%) !important; -} - -.translate-middle-x { - transform: translateX(-50%) !important; -} - -.translate-middle-y { - transform: translateY(-50%) !important; -} - -.border { - border: 1px solid #dee2e6 !important; -} - -.border-0 { - border: 0 !important; -} - -.border-top { - border-top: 1px solid #dee2e6 !important; -} - -.border-top-0 { - border-top: 0 !important; -} - -.border-end { - border-right: 1px solid #dee2e6 !important; -} - -.border-end-0 { - border-right: 0 !important; -} - -.border-bottom { - border-bottom: 1px solid #dee2e6 !important; -} - -.border-bottom-0 { - border-bottom: 0 !important; -} - -.border-start { - border-left: 1px solid #dee2e6 !important; -} - -.border-start-0 { - border-left: 0 !important; -} - -.border-primary { - border-color: #cb0c9f !important; -} - -.border-secondary { - border-color: #8392AB !important; -} - -.border-success { - border-color: #82d616 !important; -} - -.border-info { - border-color: #17c1e8 !important; -} - -.border-warning { - border-color: #f53939 !important; -} - -.border-danger { - border-color: #ea0606 !important; -} - -.border-light { - border-color: #e9ecef !important; -} - -.border-dark { - border-color: #252f40 !important; -} - -.border-white { - border-color: #fff !important; -} - -.border-0 { - border-width: 0 !important; -} - -.border-1 { - border-width: 1px !important; -} - -.border-2 { - border-width: 2px !important; -} - -.border-3 { - border-width: 3px !important; -} - -.border-4 { - border-width: 4px !important; -} - -.border-5 { - border-width: 5px !important; -} - -.w-25 { - width: 25% !important; -} - -.w-50 { - width: 50% !important; -} - -.w-75 { - width: 75% !important; -} - -.w-100 { - width: 100% !important; -} - -.w-auto { - width: auto !important; -} - -.mw-100 { - max-width: 100% !important; -} - -.vw-100 { - width: 100vw !important; -} - -.min-vw-100 { - min-width: 100vw !important; -} - -.h-25 { - height: 25% !important; -} - -.h-50 { - height: 50% !important; -} - -.h-75 { - height: 75% !important; -} - -.h-100 { - height: 100% !important; -} - -.h-auto { - height: auto !important; -} - -.mh-100 { - max-height: 100% !important; -} - -.vh-100 { - height: 100vh !important; -} - -.min-vh-100 { - min-height: 100vh !important; -} - -.flex-fill { - flex: 1 1 auto !important; -} - -.flex-row { - flex-direction: row !important; -} - -.flex-column { - flex-direction: column !important; -} - -.flex-row-reverse { - flex-direction: row-reverse !important; -} - -.flex-column-reverse { - flex-direction: column-reverse !important; -} - -.flex-grow-0 { - flex-grow: 0 !important; -} - -.flex-grow-1 { - flex-grow: 1 !important; -} - -.flex-shrink-0 { - flex-shrink: 0 !important; -} - -.flex-shrink-1 { - flex-shrink: 1 !important; -} - -.flex-wrap { - flex-wrap: wrap !important; -} - -.flex-nowrap { - flex-wrap: nowrap !important; -} - -.flex-wrap-reverse { - flex-wrap: wrap-reverse !important; -} - -.gap-0 { - gap: 0 !important; -} - -.gap-1 { - gap: 0.25rem !important; -} - -.gap-2 { - gap: 0.5rem !important; -} - -.gap-3 { - gap: 1rem !important; -} - -.gap-4 { - gap: 1.5rem !important; -} - -.gap-5 { - gap: 3rem !important; -} - -.justify-content-start { - justify-content: flex-start !important; -} - -.justify-content-end { - justify-content: flex-end !important; -} - -.justify-content-center { - justify-content: center !important; -} - -.justify-content-between { - justify-content: space-between !important; -} - -.justify-content-around { - justify-content: space-around !important; -} - -.justify-content-evenly { - justify-content: space-evenly !important; -} - -.align-items-start { - align-items: flex-start !important; -} - -.align-items-end { - align-items: flex-end !important; -} - -.align-items-center { - align-items: center !important; -} - -.align-items-baseline { - align-items: baseline !important; -} - -.align-items-stretch { - align-items: stretch !important; -} - -.align-content-start { - align-content: flex-start !important; -} - -.align-content-end { - align-content: flex-end !important; -} - -.align-content-center { - align-content: center !important; -} - -.align-content-between { - align-content: space-between !important; -} - -.align-content-around { - align-content: space-around !important; -} - -.align-content-stretch { - align-content: stretch !important; -} - -.align-self-auto { - align-self: auto !important; -} - -.align-self-start { - align-self: flex-start !important; -} - -.align-self-end { - align-self: flex-end !important; -} - -.align-self-center { - align-self: center !important; -} - -.align-self-baseline { - align-self: baseline !important; -} - -.align-self-stretch { - align-self: stretch !important; -} - -.order-first { - order: -1 !important; -} - -.order-0 { - order: 0 !important; -} - -.order-1 { - order: 1 !important; -} - -.order-2 { - order: 2 !important; -} - -.order-3 { - order: 3 !important; -} - -.order-4 { - order: 4 !important; -} - -.order-5 { - order: 5 !important; -} - -.order-last { - order: 6 !important; -} - -.m-0 { - margin: 0 !important; -} - -.m-1 { - margin: 0.25rem !important; -} - -.m-2 { - margin: 0.5rem !important; -} - -.m-3 { - margin: 1rem !important; -} - -.m-4 { - margin: 1.5rem !important; -} - -.m-5 { - margin: 3rem !important; -} - -.m-auto { - margin: auto !important; -} - -.mx-0 { - margin-right: 0 !important; - margin-left: 0 !important; -} - -.mx-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; -} - -.mx-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; -} - -.mx-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; -} - -.mx-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; -} - -.mx-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; -} - -.mx-auto { - margin-right: auto !important; - margin-left: auto !important; -} - -.my-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; -} - -.my-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; -} - -.my-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; -} - -.my-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; -} - -.my-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; -} - -.my-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; -} - -.my-auto { - margin-top: auto !important; - margin-bottom: auto !important; -} - -.mt-0 { - margin-top: 0 !important; -} - -.mt-1 { - margin-top: 0.25rem !important; -} - -.mt-2 { - margin-top: 0.5rem !important; -} - -.mt-3 { - margin-top: 1rem !important; -} - -.mt-4 { - margin-top: 1.5rem !important; -} - -.mt-5 { - margin-top: 3rem !important; -} - -.mt-auto { - margin-top: auto !important; -} - -.me-0 { - margin-right: 0 !important; -} - -.me-1 { - margin-right: 0.25rem !important; -} - -.me-2 { - margin-right: 0.5rem !important; -} - -.me-3 { - margin-right: 1rem !important; -} - -.me-4 { - margin-right: 1.5rem !important; -} - -.me-5 { - margin-right: 3rem !important; -} - -.me-auto { - margin-right: auto !important; -} - -.mb-0 { - margin-bottom: 0 !important; -} - -.mb-1 { - margin-bottom: 0.25rem !important; -} - -.mb-2 { - margin-bottom: 0.5rem !important; -} - -.mb-3 { - margin-bottom: 1rem !important; -} - -.mb-4 { - margin-bottom: 1.5rem !important; -} - -.mb-5 { - margin-bottom: 3rem !important; -} - -.mb-auto { - margin-bottom: auto !important; -} - -.ms-0 { - margin-left: 0 !important; -} - -.ms-1 { - margin-left: 0.25rem !important; -} - -.ms-2 { - margin-left: 0.5rem !important; -} - -.ms-3 { - margin-left: 1rem !important; -} - -.ms-4 { - margin-left: 1.5rem !important; -} - -.ms-5 { - margin-left: 3rem !important; -} - -.ms-auto { - margin-left: auto !important; -} - -.m-n1 { - margin: -0.25rem !important; -} - -.m-n2 { - margin: -0.5rem !important; -} - -.m-n3 { - margin: -1rem !important; -} - -.m-n4 { - margin: -1.5rem !important; -} - -.m-n5 { - margin: -3rem !important; -} - -.mx-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; -} - -.mx-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; -} - -.mx-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; -} - -.mx-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; -} - -.mx-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; -} - -.my-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; -} - -.my-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; -} - -.my-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; -} - -.my-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; -} - -.my-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; -} - -.mt-n1 { - margin-top: -0.25rem !important; -} - -.mt-n2 { - margin-top: -0.5rem !important; -} - -.mt-n3 { - margin-top: -1rem !important; -} - -.mt-n4 { - margin-top: -1.5rem !important; -} - -.mt-n5 { - margin-top: -3rem !important; -} - -.me-n1 { - margin-right: -0.25rem !important; -} - -.me-n2 { - margin-right: -0.5rem !important; -} - -.me-n3 { - margin-right: -1rem !important; -} - -.me-n4 { - margin-right: -1.5rem !important; -} - -.me-n5 { - margin-right: -3rem !important; -} - -.mb-n1 { - margin-bottom: -0.25rem !important; -} - -.mb-n2 { - margin-bottom: -0.5rem !important; -} - -.mb-n3 { - margin-bottom: -1rem !important; -} - -.mb-n4 { - margin-bottom: -1.5rem !important; -} - -.mb-n5 { - margin-bottom: -3rem !important; -} - -.ms-n1 { - margin-left: -0.25rem !important; -} - -.ms-n2 { - margin-left: -0.5rem !important; -} - -.ms-n3 { - margin-left: -1rem !important; -} - -.ms-n4 { - margin-left: -1.5rem !important; -} - -.ms-n5 { - margin-left: -3rem !important; -} - -.p-0 { - padding: 0 !important; -} - -.p-1 { - padding: 0.25rem !important; -} - -.p-2 { - padding: 0.5rem !important; -} - -.p-3 { - padding: 1rem !important; -} - -.p-4 { - padding: 1.5rem !important; -} - -.p-5 { - padding: 3rem !important; -} - -.px-0 { - padding-right: 0 !important; - padding-left: 0 !important; -} - -.px-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; -} - -.px-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; -} - -.px-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; -} - -.px-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; -} - -.px-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; -} - -.py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; -} - -.py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; -} - -.py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; -} - -.py-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; -} - -.py-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; -} - -.py-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; -} - -.pt-0 { - padding-top: 0 !important; -} - -.pt-1 { - padding-top: 0.25rem !important; -} - -.pt-2 { - padding-top: 0.5rem !important; -} - -.pt-3 { - padding-top: 1rem !important; -} - -.pt-4 { - padding-top: 1.5rem !important; -} - -.pt-5 { - padding-top: 3rem !important; -} - -.pe-0 { - padding-right: 0 !important; -} - -.pe-1 { - padding-right: 0.25rem !important; -} - -.pe-2 { - padding-right: 0.5rem !important; -} - -.pe-3 { - padding-right: 1rem !important; -} - -.pe-4 { - padding-right: 1.5rem !important; -} - -.pe-5 { - padding-right: 3rem !important; -} - -.pb-0 { - padding-bottom: 0 !important; -} - -.pb-1 { - padding-bottom: 0.25rem !important; -} - -.pb-2 { - padding-bottom: 0.5rem !important; -} - -.pb-3 { - padding-bottom: 1rem !important; -} - -.pb-4 { - padding-bottom: 1.5rem !important; -} - -.pb-5 { - padding-bottom: 3rem !important; -} - -.ps-0 { - padding-left: 0 !important; -} - -.ps-1 { - padding-left: 0.25rem !important; -} - -.ps-2 { - padding-left: 0.5rem !important; -} - -.ps-3 { - padding-left: 1rem !important; -} - -.ps-4 { - padding-left: 1.5rem !important; -} - -.ps-5 { - padding-left: 3rem !important; -} - -.font-monospace { - font-family: var(--bs-font-monospace) !important; -} - -.fs-1 { - font-size: calc(1.425rem + 2.1vw) !important; -} - -.fs-2 { - font-size: calc(1.35rem + 1.2vw) !important; -} - -.fs-3 { - font-size: calc(1.3125rem + 0.75vw) !important; -} - -.fs-4 { - font-size: calc(1.275rem + 0.3vw) !important; -} - -.fs-5 { - font-size: 1.25rem !important; -} - -.fs-6 { - font-size: 1rem !important; -} - -.fst-italic { - font-style: italic !important; -} - -.fst-normal { - font-style: normal !important; -} - -.fw-light { - font-weight: 300 !important; -} - -.fw-lighter { - font-weight: lighter !important; -} - -.fw-normal { - font-weight: 400 !important; -} - -.fw-bold { - font-weight: 600 !important; -} - -.fw-bolder { - font-weight: 700 !important; -} - -.lh-1 { - line-height: 1 !important; -} - -.lh-sm { - line-height: 1.25 !important; -} - -.lh-base { - line-height: 1.5 !important; -} - -.lh-lg { - line-height: 2 !important; -} - -.text-start { - text-align: left !important; -} - -.text-end { - text-align: right !important; -} - -.text-center { - text-align: center !important; -} - -.text-decoration-none { - text-decoration: none !important; -} - -.text-decoration-underline { - text-decoration: underline !important; -} - -.text-decoration-line-through { - text-decoration: line-through !important; -} - -.text-lowercase { - text-transform: lowercase !important; -} - -.text-uppercase { - text-transform: uppercase !important; -} - -.text-capitalize { - text-transform: capitalize !important; -} - -.text-wrap { - white-space: normal !important; -} - -.text-nowrap { - white-space: nowrap !important; -} - -/* rtl:begin:remove */ -.text-break { - word-wrap: break-word !important; - word-break: break-word !important; -} - -/* rtl:end:remove */ -.text-primary { - color: #cb0c9f !important; -} - -.text-secondary { - color: #8392AB !important; -} - -.text-success { - color: #82d616 !important; -} - -.text-info { - color: #17c1e8 !important; -} - -.text-warning { - color: #f53939 !important; -} - -.text-danger { - color: #ea0606 !important; -} - -.text-light { - color: #e9ecef !important; -} - -.text-dark { - color: #252f40 !important; -} - -.text-white { - color: #fff !important; -} - -.text-body { - color: #67748e !important; -} - -.text-muted { - color: #6c757d !important; -} - -.text-black-50 { - color: rgba(0, 0, 0, 0.5) !important; -} - -.text-white-50 { - color: rgba(255, 255, 255, 0.5) !important; -} - -.text-reset { - color: inherit !important; -} - -.bg-primary { - background-color: #cb0c9f !important; -} - -.bg-secondary { - background-color: #8392AB !important; -} - -.bg-success { - background-color: #82d616 !important; -} - -.bg-info { - background-color: #17c1e8 !important; -} - -.bg-warning { - background-color: #f53939 !important; -} - -.bg-danger { - background-color: #ea0606 !important; -} - -.bg-light { - background-color: #e9ecef !important; -} - -.bg-dark { - background-color: #252f40 !important; -} - -.bg-white { - background-color: #fff !important; -} - -.bg-body { - background-color: #fff !important; -} - -.bg-transparent { - background-color: transparent !important; -} - -.bg-gradient { - background-image: var(--bs-gradient) !important; -} - -.user-select-all { - user-select: all !important; -} - -.user-select-auto { - user-select: auto !important; -} - -.user-select-none { - user-select: none !important; -} - -.pe-none { - pointer-events: none !important; -} - -.pe-auto { - pointer-events: auto !important; -} - -.rounded { - border-radius: 0.25rem !important; -} - -.rounded-0 { - border-radius: 0 !important; -} - -.rounded-1 { - border-radius: 0.25rem !important; -} - -.rounded-2 { - border-radius: 0.25rem !important; -} - -.rounded-3 { - border-radius: 0.75rem !important; -} - -.rounded-circle, -.avatar.rounded-circle img { - border-radius: 50% !important; -} - -.rounded-pill { - border-radius: 50rem !important; -} - -.rounded-top { - border-top-left-radius: 0.25rem !important; - border-top-right-radius: 0.25rem !important; -} - -.rounded-end { - border-top-right-radius: 0.25rem !important; - border-bottom-right-radius: 0.25rem !important; -} - -.rounded-bottom { - border-bottom-right-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; -} - -.rounded-start { - border-bottom-left-radius: 0.25rem !important; - border-top-left-radius: 0.25rem !important; -} - -.visible { - visibility: visible !important; -} - -.invisible { - visibility: hidden !important; -} - -@media (min-width: 576px) { - .float-sm-start { - float: left !important; - } - - .float-sm-end { - float: right !important; - } - - .float-sm-none { - float: none !important; - } - - .d-sm-inline { - display: inline !important; - } - - .d-sm-inline-block { - display: inline-block !important; - } - - .d-sm-block { - display: block !important; - } - - .d-sm-grid { - display: grid !important; - } - - .d-sm-table { - display: table !important; - } - - .d-sm-table-row { - display: table-row !important; - } - - .d-sm-table-cell { - display: table-cell !important; - } - - .d-sm-flex { - display: flex !important; - } - - .d-sm-inline-flex { - display: inline-flex !important; - } - - .d-sm-none { - display: none !important; - } - - .flex-sm-fill { - flex: 1 1 auto !important; - } - - .flex-sm-row { - flex-direction: row !important; - } - - .flex-sm-column { - flex-direction: column !important; - } - - .flex-sm-row-reverse { - flex-direction: row-reverse !important; - } - - .flex-sm-column-reverse { - flex-direction: column-reverse !important; - } - - .flex-sm-grow-0 { - flex-grow: 0 !important; - } - - .flex-sm-grow-1 { - flex-grow: 1 !important; - } - - .flex-sm-shrink-0 { - flex-shrink: 0 !important; - } - - .flex-sm-shrink-1 { - flex-shrink: 1 !important; - } - - .flex-sm-wrap { - flex-wrap: wrap !important; - } - - .flex-sm-nowrap { - flex-wrap: nowrap !important; - } - - .flex-sm-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - - .gap-sm-0 { - gap: 0 !important; - } - - .gap-sm-1 { - gap: 0.25rem !important; - } - - .gap-sm-2 { - gap: 0.5rem !important; - } - - .gap-sm-3 { - gap: 1rem !important; - } - - .gap-sm-4 { - gap: 1.5rem !important; - } - - .gap-sm-5 { - gap: 3rem !important; - } - - .justify-content-sm-start { - justify-content: flex-start !important; - } - - .justify-content-sm-end { - justify-content: flex-end !important; - } - - .justify-content-sm-center { - justify-content: center !important; - } - - .justify-content-sm-between { - justify-content: space-between !important; - } - - .justify-content-sm-around { - justify-content: space-around !important; - } - - .justify-content-sm-evenly { - justify-content: space-evenly !important; - } - - .align-items-sm-start { - align-items: flex-start !important; - } - - .align-items-sm-end { - align-items: flex-end !important; - } - - .align-items-sm-center { - align-items: center !important; - } - - .align-items-sm-baseline { - align-items: baseline !important; - } - - .align-items-sm-stretch { - align-items: stretch !important; - } - - .align-content-sm-start { - align-content: flex-start !important; - } - - .align-content-sm-end { - align-content: flex-end !important; - } - - .align-content-sm-center { - align-content: center !important; - } - - .align-content-sm-between { - align-content: space-between !important; - } - - .align-content-sm-around { - align-content: space-around !important; - } - - .align-content-sm-stretch { - align-content: stretch !important; - } - - .align-self-sm-auto { - align-self: auto !important; - } - - .align-self-sm-start { - align-self: flex-start !important; - } - - .align-self-sm-end { - align-self: flex-end !important; - } - - .align-self-sm-center { - align-self: center !important; - } - - .align-self-sm-baseline { - align-self: baseline !important; - } - - .align-self-sm-stretch { - align-self: stretch !important; - } - - .order-sm-first { - order: -1 !important; - } - - .order-sm-0 { - order: 0 !important; - } - - .order-sm-1 { - order: 1 !important; - } - - .order-sm-2 { - order: 2 !important; - } - - .order-sm-3 { - order: 3 !important; - } - - .order-sm-4 { - order: 4 !important; - } - - .order-sm-5 { - order: 5 !important; - } - - .order-sm-last { - order: 6 !important; - } - - .m-sm-0 { - margin: 0 !important; - } - - .m-sm-1 { - margin: 0.25rem !important; - } - - .m-sm-2 { - margin: 0.5rem !important; - } - - .m-sm-3 { - margin: 1rem !important; - } - - .m-sm-4 { - margin: 1.5rem !important; - } - - .m-sm-5 { - margin: 3rem !important; - } - - .m-sm-auto { - margin: auto !important; - } - - .mx-sm-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - - .mx-sm-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - - .mx-sm-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - - .mx-sm-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - - .mx-sm-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - - .mx-sm-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - - .mx-sm-auto { - margin-right: auto !important; - margin-left: auto !important; - } - - .my-sm-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - - .my-sm-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - - .my-sm-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - - .my-sm-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - - .my-sm-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - - .my-sm-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - - .my-sm-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - - .mt-sm-0 { - margin-top: 0 !important; - } - - .mt-sm-1 { - margin-top: 0.25rem !important; - } - - .mt-sm-2 { - margin-top: 0.5rem !important; - } - - .mt-sm-3 { - margin-top: 1rem !important; - } - - .mt-sm-4 { - margin-top: 1.5rem !important; - } - - .mt-sm-5 { - margin-top: 3rem !important; - } - - .mt-sm-auto { - margin-top: auto !important; - } - - .me-sm-0 { - margin-right: 0 !important; - } - - .me-sm-1 { - margin-right: 0.25rem !important; - } - - .me-sm-2 { - margin-right: 0.5rem !important; - } - - .me-sm-3 { - margin-right: 1rem !important; - } - - .me-sm-4 { - margin-right: 1.5rem !important; - } - - .me-sm-5 { - margin-right: 3rem !important; - } - - .me-sm-auto { - margin-right: auto !important; - } - - .mb-sm-0 { - margin-bottom: 0 !important; - } - - .mb-sm-1 { - margin-bottom: 0.25rem !important; - } - - .mb-sm-2 { - margin-bottom: 0.5rem !important; - } - - .mb-sm-3 { - margin-bottom: 1rem !important; - } - - .mb-sm-4 { - margin-bottom: 1.5rem !important; - } - - .mb-sm-5 { - margin-bottom: 3rem !important; - } - - .mb-sm-auto { - margin-bottom: auto !important; - } - - .ms-sm-0 { - margin-left: 0 !important; - } - - .ms-sm-1 { - margin-left: 0.25rem !important; - } - - .ms-sm-2 { - margin-left: 0.5rem !important; - } - - .ms-sm-3 { - margin-left: 1rem !important; - } - - .ms-sm-4 { - margin-left: 1.5rem !important; - } - - .ms-sm-5 { - margin-left: 3rem !important; - } - - .ms-sm-auto { - margin-left: auto !important; - } - - .m-sm-n1 { - margin: -0.25rem !important; - } - - .m-sm-n2 { - margin: -0.5rem !important; - } - - .m-sm-n3 { - margin: -1rem !important; - } - - .m-sm-n4 { - margin: -1.5rem !important; - } - - .m-sm-n5 { - margin: -3rem !important; - } - - .mx-sm-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - - .mx-sm-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - - .mx-sm-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - - .mx-sm-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - - .mx-sm-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - - .my-sm-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - - .my-sm-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - - .my-sm-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - - .my-sm-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - - .my-sm-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - - .mt-sm-n1 { - margin-top: -0.25rem !important; - } - - .mt-sm-n2 { - margin-top: -0.5rem !important; - } - - .mt-sm-n3 { - margin-top: -1rem !important; - } - - .mt-sm-n4 { - margin-top: -1.5rem !important; - } - - .mt-sm-n5 { - margin-top: -3rem !important; - } - - .me-sm-n1 { - margin-right: -0.25rem !important; - } - - .me-sm-n2 { - margin-right: -0.5rem !important; - } - - .me-sm-n3 { - margin-right: -1rem !important; - } - - .me-sm-n4 { - margin-right: -1.5rem !important; - } - - .me-sm-n5 { - margin-right: -3rem !important; - } - - .mb-sm-n1 { - margin-bottom: -0.25rem !important; - } - - .mb-sm-n2 { - margin-bottom: -0.5rem !important; - } - - .mb-sm-n3 { - margin-bottom: -1rem !important; - } - - .mb-sm-n4 { - margin-bottom: -1.5rem !important; - } - - .mb-sm-n5 { - margin-bottom: -3rem !important; - } - - .ms-sm-n1 { - margin-left: -0.25rem !important; - } - - .ms-sm-n2 { - margin-left: -0.5rem !important; - } - - .ms-sm-n3 { - margin-left: -1rem !important; - } - - .ms-sm-n4 { - margin-left: -1.5rem !important; - } - - .ms-sm-n5 { - margin-left: -3rem !important; - } - - .p-sm-0 { - padding: 0 !important; - } - - .p-sm-1 { - padding: 0.25rem !important; - } - - .p-sm-2 { - padding: 0.5rem !important; - } - - .p-sm-3 { - padding: 1rem !important; - } - - .p-sm-4 { - padding: 1.5rem !important; - } - - .p-sm-5 { - padding: 3rem !important; - } - - .px-sm-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - - .px-sm-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - - .px-sm-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - - .px-sm-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - - .px-sm-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - - .px-sm-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - - .py-sm-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - - .py-sm-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - - .py-sm-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - - .py-sm-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - - .py-sm-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - - .py-sm-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - - .pt-sm-0 { - padding-top: 0 !important; - } - - .pt-sm-1 { - padding-top: 0.25rem !important; - } - - .pt-sm-2 { - padding-top: 0.5rem !important; - } - - .pt-sm-3 { - padding-top: 1rem !important; - } - - .pt-sm-4 { - padding-top: 1.5rem !important; - } - - .pt-sm-5 { - padding-top: 3rem !important; - } - - .pe-sm-0 { - padding-right: 0 !important; - } - - .pe-sm-1 { - padding-right: 0.25rem !important; - } - - .pe-sm-2 { - padding-right: 0.5rem !important; - } - - .pe-sm-3 { - padding-right: 1rem !important; - } - - .pe-sm-4 { - padding-right: 1.5rem !important; - } - - .pe-sm-5 { - padding-right: 3rem !important; - } - - .pb-sm-0 { - padding-bottom: 0 !important; - } - - .pb-sm-1 { - padding-bottom: 0.25rem !important; - } - - .pb-sm-2 { - padding-bottom: 0.5rem !important; - } - - .pb-sm-3 { - padding-bottom: 1rem !important; - } - - .pb-sm-4 { - padding-bottom: 1.5rem !important; - } - - .pb-sm-5 { - padding-bottom: 3rem !important; - } - - .ps-sm-0 { - padding-left: 0 !important; - } - - .ps-sm-1 { - padding-left: 0.25rem !important; - } - - .ps-sm-2 { - padding-left: 0.5rem !important; - } - - .ps-sm-3 { - padding-left: 1rem !important; - } - - .ps-sm-4 { - padding-left: 1.5rem !important; - } - - .ps-sm-5 { - padding-left: 3rem !important; - } - - .text-sm-start { - text-align: left !important; - } - - .text-sm-end { - text-align: right !important; - } - - .text-sm-center { - text-align: center !important; - } -} - -@media (min-width: 768px) { - .float-md-start { - float: left !important; - } - - .float-md-end { - float: right !important; - } - - .float-md-none { - float: none !important; - } - - .d-md-inline { - display: inline !important; - } - - .d-md-inline-block { - display: inline-block !important; - } - - .d-md-block { - display: block !important; - } - - .d-md-grid { - display: grid !important; - } - - .d-md-table { - display: table !important; - } - - .d-md-table-row { - display: table-row !important; - } - - .d-md-table-cell { - display: table-cell !important; - } - - .d-md-flex { - display: flex !important; - } - - .d-md-inline-flex { - display: inline-flex !important; - } - - .d-md-none { - display: none !important; - } - - .flex-md-fill { - flex: 1 1 auto !important; - } - - .flex-md-row { - flex-direction: row !important; - } - - .flex-md-column { - flex-direction: column !important; - } - - .flex-md-row-reverse { - flex-direction: row-reverse !important; - } - - .flex-md-column-reverse { - flex-direction: column-reverse !important; - } - - .flex-md-grow-0 { - flex-grow: 0 !important; - } - - .flex-md-grow-1 { - flex-grow: 1 !important; - } - - .flex-md-shrink-0 { - flex-shrink: 0 !important; - } - - .flex-md-shrink-1 { - flex-shrink: 1 !important; - } - - .flex-md-wrap { - flex-wrap: wrap !important; - } - - .flex-md-nowrap { - flex-wrap: nowrap !important; - } - - .flex-md-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - - .gap-md-0 { - gap: 0 !important; - } - - .gap-md-1 { - gap: 0.25rem !important; - } - - .gap-md-2 { - gap: 0.5rem !important; - } - - .gap-md-3 { - gap: 1rem !important; - } - - .gap-md-4 { - gap: 1.5rem !important; - } - - .gap-md-5 { - gap: 3rem !important; - } - - .justify-content-md-start { - justify-content: flex-start !important; - } - - .justify-content-md-end { - justify-content: flex-end !important; - } - - .justify-content-md-center { - justify-content: center !important; - } - - .justify-content-md-between { - justify-content: space-between !important; - } - - .justify-content-md-around { - justify-content: space-around !important; - } - - .justify-content-md-evenly { - justify-content: space-evenly !important; - } - - .align-items-md-start { - align-items: flex-start !important; - } - - .align-items-md-end { - align-items: flex-end !important; - } - - .align-items-md-center { - align-items: center !important; - } - - .align-items-md-baseline { - align-items: baseline !important; - } - - .align-items-md-stretch { - align-items: stretch !important; - } - - .align-content-md-start { - align-content: flex-start !important; - } - - .align-content-md-end { - align-content: flex-end !important; - } - - .align-content-md-center { - align-content: center !important; - } - - .align-content-md-between { - align-content: space-between !important; - } - - .align-content-md-around { - align-content: space-around !important; - } - - .align-content-md-stretch { - align-content: stretch !important; - } - - .align-self-md-auto { - align-self: auto !important; - } - - .align-self-md-start { - align-self: flex-start !important; - } - - .align-self-md-end { - align-self: flex-end !important; - } - - .align-self-md-center { - align-self: center !important; - } - - .align-self-md-baseline { - align-self: baseline !important; - } - - .align-self-md-stretch { - align-self: stretch !important; - } - - .order-md-first { - order: -1 !important; - } - - .order-md-0 { - order: 0 !important; - } - - .order-md-1 { - order: 1 !important; - } - - .order-md-2 { - order: 2 !important; - } - - .order-md-3 { - order: 3 !important; - } - - .order-md-4 { - order: 4 !important; - } - - .order-md-5 { - order: 5 !important; - } - - .order-md-last { - order: 6 !important; - } - - .m-md-0 { - margin: 0 !important; - } - - .m-md-1 { - margin: 0.25rem !important; - } - - .m-md-2 { - margin: 0.5rem !important; - } - - .m-md-3 { - margin: 1rem !important; - } - - .m-md-4 { - margin: 1.5rem !important; - } - - .m-md-5 { - margin: 3rem !important; - } - - .m-md-auto { - margin: auto !important; - } - - .mx-md-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - - .mx-md-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - - .mx-md-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - - .mx-md-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - - .mx-md-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - - .mx-md-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - - .mx-md-auto { - margin-right: auto !important; - margin-left: auto !important; - } - - .my-md-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - - .my-md-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - - .my-md-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - - .my-md-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - - .my-md-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - - .my-md-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - - .my-md-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - - .mt-md-0 { - margin-top: 0 !important; - } - - .mt-md-1 { - margin-top: 0.25rem !important; - } - - .mt-md-2 { - margin-top: 0.5rem !important; - } - - .mt-md-3 { - margin-top: 1rem !important; - } - - .mt-md-4 { - margin-top: 1.5rem !important; - } - - .mt-md-5 { - margin-top: 3rem !important; - } - - .mt-md-auto { - margin-top: auto !important; - } - - .me-md-0 { - margin-right: 0 !important; - } - - .me-md-1 { - margin-right: 0.25rem !important; - } - - .me-md-2 { - margin-right: 0.5rem !important; - } - - .me-md-3 { - margin-right: 1rem !important; - } - - .me-md-4 { - margin-right: 1.5rem !important; - } - - .me-md-5 { - margin-right: 3rem !important; - } - - .me-md-auto { - margin-right: auto !important; - } - - .mb-md-0 { - margin-bottom: 0 !important; - } - - .mb-md-1 { - margin-bottom: 0.25rem !important; - } - - .mb-md-2 { - margin-bottom: 0.5rem !important; - } - - .mb-md-3 { - margin-bottom: 1rem !important; - } - - .mb-md-4 { - margin-bottom: 1.5rem !important; - } - - .mb-md-5 { - margin-bottom: 3rem !important; - } - - .mb-md-auto { - margin-bottom: auto !important; - } - - .ms-md-0 { - margin-left: 0 !important; - } - - .ms-md-1 { - margin-left: 0.25rem !important; - } - - .ms-md-2 { - margin-left: 0.5rem !important; - } - - .ms-md-3 { - margin-left: 1rem !important; - } - - .ms-md-4 { - margin-left: 1.5rem !important; - } - - .ms-md-5 { - margin-left: 3rem !important; - } - - .ms-md-auto { - margin-left: auto !important; - } - - .m-md-n1 { - margin: -0.25rem !important; - } - - .m-md-n2 { - margin: -0.5rem !important; - } - - .m-md-n3 { - margin: -1rem !important; - } - - .m-md-n4 { - margin: -1.5rem !important; - } - - .m-md-n5 { - margin: -3rem !important; - } - - .mx-md-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - - .mx-md-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - - .mx-md-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - - .mx-md-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - - .mx-md-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - - .my-md-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - - .my-md-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - - .my-md-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - - .my-md-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - - .my-md-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - - .mt-md-n1 { - margin-top: -0.25rem !important; - } - - .mt-md-n2 { - margin-top: -0.5rem !important; - } - - .mt-md-n3 { - margin-top: -1rem !important; - } - - .mt-md-n4 { - margin-top: -1.5rem !important; - } - - .mt-md-n5 { - margin-top: -3rem !important; - } - - .me-md-n1 { - margin-right: -0.25rem !important; - } - - .me-md-n2 { - margin-right: -0.5rem !important; - } - - .me-md-n3 { - margin-right: -1rem !important; - } - - .me-md-n4 { - margin-right: -1.5rem !important; - } - - .me-md-n5 { - margin-right: -3rem !important; - } - - .mb-md-n1 { - margin-bottom: -0.25rem !important; - } - - .mb-md-n2 { - margin-bottom: -0.5rem !important; - } - - .mb-md-n3 { - margin-bottom: -1rem !important; - } - - .mb-md-n4 { - margin-bottom: -1.5rem !important; - } - - .mb-md-n5 { - margin-bottom: -3rem !important; - } - - .ms-md-n1 { - margin-left: -0.25rem !important; - } - - .ms-md-n2 { - margin-left: -0.5rem !important; - } - - .ms-md-n3 { - margin-left: -1rem !important; - } - - .ms-md-n4 { - margin-left: -1.5rem !important; - } - - .ms-md-n5 { - margin-left: -3rem !important; - } - - .p-md-0 { - padding: 0 !important; - } - - .p-md-1 { - padding: 0.25rem !important; - } - - .p-md-2 { - padding: 0.5rem !important; - } - - .p-md-3 { - padding: 1rem !important; - } - - .p-md-4 { - padding: 1.5rem !important; - } - - .p-md-5 { - padding: 3rem !important; - } - - .px-md-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - - .px-md-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - - .px-md-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - - .px-md-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - - .px-md-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - - .px-md-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - - .py-md-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - - .py-md-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - - .py-md-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - - .py-md-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - - .py-md-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - - .py-md-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - - .pt-md-0 { - padding-top: 0 !important; - } - - .pt-md-1 { - padding-top: 0.25rem !important; - } - - .pt-md-2 { - padding-top: 0.5rem !important; - } - - .pt-md-3 { - padding-top: 1rem !important; - } - - .pt-md-4 { - padding-top: 1.5rem !important; - } - - .pt-md-5 { - padding-top: 3rem !important; - } - - .pe-md-0 { - padding-right: 0 !important; - } - - .pe-md-1 { - padding-right: 0.25rem !important; - } - - .pe-md-2 { - padding-right: 0.5rem !important; - } - - .pe-md-3 { - padding-right: 1rem !important; - } - - .pe-md-4 { - padding-right: 1.5rem !important; - } - - .pe-md-5 { - padding-right: 3rem !important; - } - - .pb-md-0 { - padding-bottom: 0 !important; - } - - .pb-md-1 { - padding-bottom: 0.25rem !important; - } - - .pb-md-2 { - padding-bottom: 0.5rem !important; - } - - .pb-md-3 { - padding-bottom: 1rem !important; - } - - .pb-md-4 { - padding-bottom: 1.5rem !important; - } - - .pb-md-5 { - padding-bottom: 3rem !important; - } - - .ps-md-0 { - padding-left: 0 !important; - } - - .ps-md-1 { - padding-left: 0.25rem !important; - } - - .ps-md-2 { - padding-left: 0.5rem !important; - } - - .ps-md-3 { - padding-left: 1rem !important; - } - - .ps-md-4 { - padding-left: 1.5rem !important; - } - - .ps-md-5 { - padding-left: 3rem !important; - } - - .text-md-start { - text-align: left !important; - } - - .text-md-end { - text-align: right !important; - } - - .text-md-center { - text-align: center !important; - } -} - -@media (min-width: 992px) { - .float-lg-start { - float: left !important; - } - - .float-lg-end { - float: right !important; - } - - .float-lg-none { - float: none !important; - } - - .d-lg-inline { - display: inline !important; - } - - .d-lg-inline-block { - display: inline-block !important; - } - - .d-lg-block { - display: block !important; - } - - .d-lg-grid { - display: grid !important; - } - - .d-lg-table { - display: table !important; - } - - .d-lg-table-row { - display: table-row !important; - } - - .d-lg-table-cell { - display: table-cell !important; - } - - .d-lg-flex { - display: flex !important; - } - - .d-lg-inline-flex { - display: inline-flex !important; - } - - .d-lg-none { - display: none !important; - } - - .flex-lg-fill { - flex: 1 1 auto !important; - } - - .flex-lg-row { - flex-direction: row !important; - } - - .flex-lg-column { - flex-direction: column !important; - } - - .flex-lg-row-reverse { - flex-direction: row-reverse !important; - } - - .flex-lg-column-reverse { - flex-direction: column-reverse !important; - } - - .flex-lg-grow-0 { - flex-grow: 0 !important; - } - - .flex-lg-grow-1 { - flex-grow: 1 !important; - } - - .flex-lg-shrink-0 { - flex-shrink: 0 !important; - } - - .flex-lg-shrink-1 { - flex-shrink: 1 !important; - } - - .flex-lg-wrap { - flex-wrap: wrap !important; - } - - .flex-lg-nowrap { - flex-wrap: nowrap !important; - } - - .flex-lg-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - - .gap-lg-0 { - gap: 0 !important; - } - - .gap-lg-1 { - gap: 0.25rem !important; - } - - .gap-lg-2 { - gap: 0.5rem !important; - } - - .gap-lg-3 { - gap: 1rem !important; - } - - .gap-lg-4 { - gap: 1.5rem !important; - } - - .gap-lg-5 { - gap: 3rem !important; - } - - .justify-content-lg-start { - justify-content: flex-start !important; - } - - .justify-content-lg-end { - justify-content: flex-end !important; - } - - .justify-content-lg-center { - justify-content: center !important; - } - - .justify-content-lg-between { - justify-content: space-between !important; - } - - .justify-content-lg-around { - justify-content: space-around !important; - } - - .justify-content-lg-evenly { - justify-content: space-evenly !important; - } - - .align-items-lg-start { - align-items: flex-start !important; - } - - .align-items-lg-end { - align-items: flex-end !important; - } - - .align-items-lg-center { - align-items: center !important; - } - - .align-items-lg-baseline { - align-items: baseline !important; - } - - .align-items-lg-stretch { - align-items: stretch !important; - } - - .align-content-lg-start { - align-content: flex-start !important; - } - - .align-content-lg-end { - align-content: flex-end !important; - } - - .align-content-lg-center { - align-content: center !important; - } - - .align-content-lg-between { - align-content: space-between !important; - } - - .align-content-lg-around { - align-content: space-around !important; - } - - .align-content-lg-stretch { - align-content: stretch !important; - } - - .align-self-lg-auto { - align-self: auto !important; - } - - .align-self-lg-start { - align-self: flex-start !important; - } - - .align-self-lg-end { - align-self: flex-end !important; - } - - .align-self-lg-center { - align-self: center !important; - } - - .align-self-lg-baseline { - align-self: baseline !important; - } - - .align-self-lg-stretch { - align-self: stretch !important; - } - - .order-lg-first { - order: -1 !important; - } - - .order-lg-0 { - order: 0 !important; - } - - .order-lg-1 { - order: 1 !important; - } - - .order-lg-2 { - order: 2 !important; - } - - .order-lg-3 { - order: 3 !important; - } - - .order-lg-4 { - order: 4 !important; - } - - .order-lg-5 { - order: 5 !important; - } - - .order-lg-last { - order: 6 !important; - } - - .m-lg-0 { - margin: 0 !important; - } - - .m-lg-1 { - margin: 0.25rem !important; - } - - .m-lg-2 { - margin: 0.5rem !important; - } - - .m-lg-3 { - margin: 1rem !important; - } - - .m-lg-4 { - margin: 1.5rem !important; - } - - .m-lg-5 { - margin: 3rem !important; - } - - .m-lg-auto { - margin: auto !important; - } - - .mx-lg-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - - .mx-lg-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - - .mx-lg-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - - .mx-lg-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - - .mx-lg-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - - .mx-lg-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - - .mx-lg-auto { - margin-right: auto !important; - margin-left: auto !important; - } - - .my-lg-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - - .my-lg-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - - .my-lg-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - - .my-lg-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - - .my-lg-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - - .my-lg-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - - .my-lg-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - - .mt-lg-0 { - margin-top: 0 !important; - } - - .mt-lg-1 { - margin-top: 0.25rem !important; - } - - .mt-lg-2 { - margin-top: 0.5rem !important; - } - - .mt-lg-3 { - margin-top: 1rem !important; - } - - .mt-lg-4 { - margin-top: 1.5rem !important; - } - - .mt-lg-5 { - margin-top: 3rem !important; - } - - .mt-lg-auto { - margin-top: auto !important; - } - - .me-lg-0 { - margin-right: 0 !important; - } - - .me-lg-1 { - margin-right: 0.25rem !important; - } - - .me-lg-2 { - margin-right: 0.5rem !important; - } - - .me-lg-3 { - margin-right: 1rem !important; - } - - .me-lg-4 { - margin-right: 1.5rem !important; - } - - .me-lg-5 { - margin-right: 3rem !important; - } - - .me-lg-auto { - margin-right: auto !important; - } - - .mb-lg-0 { - margin-bottom: 0 !important; - } - - .mb-lg-1 { - margin-bottom: 0.25rem !important; - } - - .mb-lg-2 { - margin-bottom: 0.5rem !important; - } - - .mb-lg-3 { - margin-bottom: 1rem !important; - } - - .mb-lg-4 { - margin-bottom: 1.5rem !important; - } - - .mb-lg-5 { - margin-bottom: 3rem !important; - } - - .mb-lg-auto { - margin-bottom: auto !important; - } - - .ms-lg-0 { - margin-left: 0 !important; - } - - .ms-lg-1 { - margin-left: 0.25rem !important; - } - - .ms-lg-2 { - margin-left: 0.5rem !important; - } - - .ms-lg-3 { - margin-left: 1rem !important; - } - - .ms-lg-4 { - margin-left: 1.5rem !important; - } - - .ms-lg-5 { - margin-left: 3rem !important; - } - - .ms-lg-auto { - margin-left: auto !important; - } - - .m-lg-n1 { - margin: -0.25rem !important; - } - - .m-lg-n2 { - margin: -0.5rem !important; - } - - .m-lg-n3 { - margin: -1rem !important; - } - - .m-lg-n4 { - margin: -1.5rem !important; - } - - .m-lg-n5 { - margin: -3rem !important; - } - - .mx-lg-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - - .mx-lg-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - - .mx-lg-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - - .mx-lg-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - - .mx-lg-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - - .my-lg-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - - .my-lg-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - - .my-lg-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - - .my-lg-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - - .my-lg-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - - .mt-lg-n1 { - margin-top: -0.25rem !important; - } - - .mt-lg-n2 { - margin-top: -0.5rem !important; - } - - .mt-lg-n3 { - margin-top: -1rem !important; - } - - .mt-lg-n4 { - margin-top: -1.5rem !important; - } - - .mt-lg-n5 { - margin-top: -3rem !important; - } - - .me-lg-n1 { - margin-right: -0.25rem !important; - } - - .me-lg-n2 { - margin-right: -0.5rem !important; - } - - .me-lg-n3 { - margin-right: -1rem !important; - } - - .me-lg-n4 { - margin-right: -1.5rem !important; - } - - .me-lg-n5 { - margin-right: -3rem !important; - } - - .mb-lg-n1 { - margin-bottom: -0.25rem !important; - } - - .mb-lg-n2 { - margin-bottom: -0.5rem !important; - } - - .mb-lg-n3 { - margin-bottom: -1rem !important; - } - - .mb-lg-n4 { - margin-bottom: -1.5rem !important; - } - - .mb-lg-n5 { - margin-bottom: -3rem !important; - } - - .ms-lg-n1 { - margin-left: -0.25rem !important; - } - - .ms-lg-n2 { - margin-left: -0.5rem !important; - } - - .ms-lg-n3 { - margin-left: -1rem !important; - } - - .ms-lg-n4 { - margin-left: -1.5rem !important; - } - - .ms-lg-n5 { - margin-left: -3rem !important; - } - - .p-lg-0 { - padding: 0 !important; - } - - .p-lg-1 { - padding: 0.25rem !important; - } - - .p-lg-2 { - padding: 0.5rem !important; - } - - .p-lg-3 { - padding: 1rem !important; - } - - .p-lg-4 { - padding: 1.5rem !important; - } - - .p-lg-5 { - padding: 3rem !important; - } - - .px-lg-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - - .px-lg-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - - .px-lg-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - - .px-lg-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - - .px-lg-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - - .px-lg-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - - .py-lg-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - - .py-lg-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - - .py-lg-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - - .py-lg-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - - .py-lg-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - - .py-lg-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - - .pt-lg-0 { - padding-top: 0 !important; - } - - .pt-lg-1 { - padding-top: 0.25rem !important; - } - - .pt-lg-2 { - padding-top: 0.5rem !important; - } - - .pt-lg-3 { - padding-top: 1rem !important; - } - - .pt-lg-4 { - padding-top: 1.5rem !important; - } - - .pt-lg-5 { - padding-top: 3rem !important; - } - - .pe-lg-0 { - padding-right: 0 !important; - } - - .pe-lg-1 { - padding-right: 0.25rem !important; - } - - .pe-lg-2 { - padding-right: 0.5rem !important; - } - - .pe-lg-3 { - padding-right: 1rem !important; - } - - .pe-lg-4 { - padding-right: 1.5rem !important; - } - - .pe-lg-5 { - padding-right: 3rem !important; - } - - .pb-lg-0 { - padding-bottom: 0 !important; - } - - .pb-lg-1 { - padding-bottom: 0.25rem !important; - } - - .pb-lg-2 { - padding-bottom: 0.5rem !important; - } - - .pb-lg-3 { - padding-bottom: 1rem !important; - } - - .pb-lg-4 { - padding-bottom: 1.5rem !important; - } - - .pb-lg-5 { - padding-bottom: 3rem !important; - } - - .ps-lg-0 { - padding-left: 0 !important; - } - - .ps-lg-1 { - padding-left: 0.25rem !important; - } - - .ps-lg-2 { - padding-left: 0.5rem !important; - } - - .ps-lg-3 { - padding-left: 1rem !important; - } - - .ps-lg-4 { - padding-left: 1.5rem !important; - } - - .ps-lg-5 { - padding-left: 3rem !important; - } - - .text-lg-start { - text-align: left !important; - } - - .text-lg-end { - text-align: right !important; - } - - .text-lg-center { - text-align: center !important; - } -} - -@media (min-width: 1200px) { - .float-xl-start { - float: left !important; - } - - .float-xl-end { - float: right !important; - } - - .float-xl-none { - float: none !important; - } - - .d-xl-inline { - display: inline !important; - } - - .d-xl-inline-block { - display: inline-block !important; - } - - .d-xl-block { - display: block !important; - } - - .d-xl-grid { - display: grid !important; - } - - .d-xl-table { - display: table !important; - } - - .d-xl-table-row { - display: table-row !important; - } - - .d-xl-table-cell { - display: table-cell !important; - } - - .d-xl-flex { - display: flex !important; - } - - .d-xl-inline-flex { - display: inline-flex !important; - } - - .d-xl-none { - display: none !important; - } - - .flex-xl-fill { - flex: 1 1 auto !important; - } - - .flex-xl-row { - flex-direction: row !important; - } - - .flex-xl-column { - flex-direction: column !important; - } - - .flex-xl-row-reverse { - flex-direction: row-reverse !important; - } - - .flex-xl-column-reverse { - flex-direction: column-reverse !important; - } - - .flex-xl-grow-0 { - flex-grow: 0 !important; - } - - .flex-xl-grow-1 { - flex-grow: 1 !important; - } - - .flex-xl-shrink-0 { - flex-shrink: 0 !important; - } - - .flex-xl-shrink-1 { - flex-shrink: 1 !important; - } - - .flex-xl-wrap { - flex-wrap: wrap !important; - } - - .flex-xl-nowrap { - flex-wrap: nowrap !important; - } - - .flex-xl-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - - .gap-xl-0 { - gap: 0 !important; - } - - .gap-xl-1 { - gap: 0.25rem !important; - } - - .gap-xl-2 { - gap: 0.5rem !important; - } - - .gap-xl-3 { - gap: 1rem !important; - } - - .gap-xl-4 { - gap: 1.5rem !important; - } - - .gap-xl-5 { - gap: 3rem !important; - } - - .justify-content-xl-start { - justify-content: flex-start !important; - } - - .justify-content-xl-end { - justify-content: flex-end !important; - } - - .justify-content-xl-center { - justify-content: center !important; - } - - .justify-content-xl-between { - justify-content: space-between !important; - } - - .justify-content-xl-around { - justify-content: space-around !important; - } - - .justify-content-xl-evenly { - justify-content: space-evenly !important; - } - - .align-items-xl-start { - align-items: flex-start !important; - } - - .align-items-xl-end { - align-items: flex-end !important; - } - - .align-items-xl-center { - align-items: center !important; - } - - .align-items-xl-baseline { - align-items: baseline !important; - } - - .align-items-xl-stretch { - align-items: stretch !important; - } - - .align-content-xl-start { - align-content: flex-start !important; - } - - .align-content-xl-end { - align-content: flex-end !important; - } - - .align-content-xl-center { - align-content: center !important; - } - - .align-content-xl-between { - align-content: space-between !important; - } - - .align-content-xl-around { - align-content: space-around !important; - } - - .align-content-xl-stretch { - align-content: stretch !important; - } - - .align-self-xl-auto { - align-self: auto !important; - } - - .align-self-xl-start { - align-self: flex-start !important; - } - - .align-self-xl-end { - align-self: flex-end !important; - } - - .align-self-xl-center { - align-self: center !important; - } - - .align-self-xl-baseline { - align-self: baseline !important; - } - - .align-self-xl-stretch { - align-self: stretch !important; - } - - .order-xl-first { - order: -1 !important; - } - - .order-xl-0 { - order: 0 !important; - } - - .order-xl-1 { - order: 1 !important; - } - - .order-xl-2 { - order: 2 !important; - } - - .order-xl-3 { - order: 3 !important; - } - - .order-xl-4 { - order: 4 !important; - } - - .order-xl-5 { - order: 5 !important; - } - - .order-xl-last { - order: 6 !important; - } - - .m-xl-0 { - margin: 0 !important; - } - - .m-xl-1 { - margin: 0.25rem !important; - } - - .m-xl-2 { - margin: 0.5rem !important; - } - - .m-xl-3 { - margin: 1rem !important; - } - - .m-xl-4 { - margin: 1.5rem !important; - } - - .m-xl-5 { - margin: 3rem !important; - } - - .m-xl-auto { - margin: auto !important; - } - - .mx-xl-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - - .mx-xl-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - - .mx-xl-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - - .mx-xl-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - - .mx-xl-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - - .mx-xl-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - - .mx-xl-auto { - margin-right: auto !important; - margin-left: auto !important; - } - - .my-xl-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - - .my-xl-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - - .my-xl-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - - .my-xl-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - - .my-xl-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - - .my-xl-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - - .my-xl-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - - .mt-xl-0 { - margin-top: 0 !important; - } - - .mt-xl-1 { - margin-top: 0.25rem !important; - } - - .mt-xl-2 { - margin-top: 0.5rem !important; - } - - .mt-xl-3 { - margin-top: 1rem !important; - } - - .mt-xl-4 { - margin-top: 1.5rem !important; - } - - .mt-xl-5 { - margin-top: 3rem !important; - } - - .mt-xl-auto { - margin-top: auto !important; - } - - .me-xl-0 { - margin-right: 0 !important; - } - - .me-xl-1 { - margin-right: 0.25rem !important; - } - - .me-xl-2 { - margin-right: 0.5rem !important; - } - - .me-xl-3 { - margin-right: 1rem !important; - } - - .me-xl-4 { - margin-right: 1.5rem !important; - } - - .me-xl-5 { - margin-right: 3rem !important; - } - - .me-xl-auto { - margin-right: auto !important; - } - - .mb-xl-0 { - margin-bottom: 0 !important; - } - - .mb-xl-1 { - margin-bottom: 0.25rem !important; - } - - .mb-xl-2 { - margin-bottom: 0.5rem !important; - } - - .mb-xl-3 { - margin-bottom: 1rem !important; - } - - .mb-xl-4 { - margin-bottom: 1.5rem !important; - } - - .mb-xl-5 { - margin-bottom: 3rem !important; - } - - .mb-xl-auto { - margin-bottom: auto !important; - } - - .ms-xl-0 { - margin-left: 0 !important; - } - - .ms-xl-1 { - margin-left: 0.25rem !important; - } - - .ms-xl-2 { - margin-left: 0.5rem !important; - } - - .ms-xl-3 { - margin-left: 1rem !important; - } - - .ms-xl-4 { - margin-left: 1.5rem !important; - } - - .ms-xl-5 { - margin-left: 3rem !important; - } - - .ms-xl-auto { - margin-left: auto !important; - } - - .m-xl-n1 { - margin: -0.25rem !important; - } - - .m-xl-n2 { - margin: -0.5rem !important; - } - - .m-xl-n3 { - margin: -1rem !important; - } - - .m-xl-n4 { - margin: -1.5rem !important; - } - - .m-xl-n5 { - margin: -3rem !important; - } - - .mx-xl-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - - .mx-xl-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - - .mx-xl-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - - .mx-xl-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - - .mx-xl-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - - .my-xl-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - - .my-xl-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - - .my-xl-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - - .my-xl-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - - .my-xl-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - - .mt-xl-n1 { - margin-top: -0.25rem !important; - } - - .mt-xl-n2 { - margin-top: -0.5rem !important; - } - - .mt-xl-n3 { - margin-top: -1rem !important; - } - - .mt-xl-n4 { - margin-top: -1.5rem !important; - } - - .mt-xl-n5 { - margin-top: -3rem !important; - } - - .me-xl-n1 { - margin-right: -0.25rem !important; - } - - .me-xl-n2 { - margin-right: -0.5rem !important; - } - - .me-xl-n3 { - margin-right: -1rem !important; - } - - .me-xl-n4 { - margin-right: -1.5rem !important; - } - - .me-xl-n5 { - margin-right: -3rem !important; - } - - .mb-xl-n1 { - margin-bottom: -0.25rem !important; - } - - .mb-xl-n2 { - margin-bottom: -0.5rem !important; - } - - .mb-xl-n3 { - margin-bottom: -1rem !important; - } - - .mb-xl-n4 { - margin-bottom: -1.5rem !important; - } - - .mb-xl-n5 { - margin-bottom: -3rem !important; - } - - .ms-xl-n1 { - margin-left: -0.25rem !important; - } - - .ms-xl-n2 { - margin-left: -0.5rem !important; - } - - .ms-xl-n3 { - margin-left: -1rem !important; - } - - .ms-xl-n4 { - margin-left: -1.5rem !important; - } - - .ms-xl-n5 { - margin-left: -3rem !important; - } - - .p-xl-0 { - padding: 0 !important; - } - - .p-xl-1 { - padding: 0.25rem !important; - } - - .p-xl-2 { - padding: 0.5rem !important; - } - - .p-xl-3 { - padding: 1rem !important; - } - - .p-xl-4 { - padding: 1.5rem !important; - } - - .p-xl-5 { - padding: 3rem !important; - } - - .px-xl-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - - .px-xl-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - - .px-xl-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - - .px-xl-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - - .px-xl-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - - .px-xl-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - - .py-xl-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - - .py-xl-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - - .py-xl-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - - .py-xl-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - - .py-xl-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - - .py-xl-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - - .pt-xl-0 { - padding-top: 0 !important; - } - - .pt-xl-1 { - padding-top: 0.25rem !important; - } - - .pt-xl-2 { - padding-top: 0.5rem !important; - } - - .pt-xl-3 { - padding-top: 1rem !important; - } - - .pt-xl-4 { - padding-top: 1.5rem !important; - } - - .pt-xl-5 { - padding-top: 3rem !important; - } - - .pe-xl-0 { - padding-right: 0 !important; - } - - .pe-xl-1 { - padding-right: 0.25rem !important; - } - - .pe-xl-2 { - padding-right: 0.5rem !important; - } - - .pe-xl-3 { - padding-right: 1rem !important; - } - - .pe-xl-4 { - padding-right: 1.5rem !important; - } - - .pe-xl-5 { - padding-right: 3rem !important; - } - - .pb-xl-0 { - padding-bottom: 0 !important; - } - - .pb-xl-1 { - padding-bottom: 0.25rem !important; - } - - .pb-xl-2 { - padding-bottom: 0.5rem !important; - } - - .pb-xl-3 { - padding-bottom: 1rem !important; - } - - .pb-xl-4 { - padding-bottom: 1.5rem !important; - } - - .pb-xl-5 { - padding-bottom: 3rem !important; - } - - .ps-xl-0 { - padding-left: 0 !important; - } - - .ps-xl-1 { - padding-left: 0.25rem !important; - } - - .ps-xl-2 { - padding-left: 0.5rem !important; - } - - .ps-xl-3 { - padding-left: 1rem !important; - } - - .ps-xl-4 { - padding-left: 1.5rem !important; - } - - .ps-xl-5 { - padding-left: 3rem !important; - } - - .text-xl-start { - text-align: left !important; - } - - .text-xl-end { - text-align: right !important; - } - - .text-xl-center { - text-align: center !important; - } -} - -@media (min-width: 1400px) { - .float-xxl-start { - float: left !important; - } - - .float-xxl-end { - float: right !important; - } - - .float-xxl-none { - float: none !important; - } - - .d-xxl-inline { - display: inline !important; - } - - .d-xxl-inline-block { - display: inline-block !important; - } - - .d-xxl-block { - display: block !important; - } - - .d-xxl-grid { - display: grid !important; - } - - .d-xxl-table { - display: table !important; - } - - .d-xxl-table-row { - display: table-row !important; - } - - .d-xxl-table-cell { - display: table-cell !important; - } - - .d-xxl-flex { - display: flex !important; - } - - .d-xxl-inline-flex { - display: inline-flex !important; - } - - .d-xxl-none { - display: none !important; - } - - .flex-xxl-fill { - flex: 1 1 auto !important; - } - - .flex-xxl-row { - flex-direction: row !important; - } - - .flex-xxl-column { - flex-direction: column !important; - } - - .flex-xxl-row-reverse { - flex-direction: row-reverse !important; - } - - .flex-xxl-column-reverse { - flex-direction: column-reverse !important; - } - - .flex-xxl-grow-0 { - flex-grow: 0 !important; - } - - .flex-xxl-grow-1 { - flex-grow: 1 !important; - } - - .flex-xxl-shrink-0 { - flex-shrink: 0 !important; - } - - .flex-xxl-shrink-1 { - flex-shrink: 1 !important; - } - - .flex-xxl-wrap { - flex-wrap: wrap !important; - } - - .flex-xxl-nowrap { - flex-wrap: nowrap !important; - } - - .flex-xxl-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - - .gap-xxl-0 { - gap: 0 !important; - } - - .gap-xxl-1 { - gap: 0.25rem !important; - } - - .gap-xxl-2 { - gap: 0.5rem !important; - } - - .gap-xxl-3 { - gap: 1rem !important; - } - - .gap-xxl-4 { - gap: 1.5rem !important; - } - - .gap-xxl-5 { - gap: 3rem !important; - } - - .justify-content-xxl-start { - justify-content: flex-start !important; - } - - .justify-content-xxl-end { - justify-content: flex-end !important; - } - - .justify-content-xxl-center { - justify-content: center !important; - } - - .justify-content-xxl-between { - justify-content: space-between !important; - } - - .justify-content-xxl-around { - justify-content: space-around !important; - } - - .justify-content-xxl-evenly { - justify-content: space-evenly !important; - } - - .align-items-xxl-start { - align-items: flex-start !important; - } - - .align-items-xxl-end { - align-items: flex-end !important; - } - - .align-items-xxl-center { - align-items: center !important; - } - - .align-items-xxl-baseline { - align-items: baseline !important; - } - - .align-items-xxl-stretch { - align-items: stretch !important; - } - - .align-content-xxl-start { - align-content: flex-start !important; - } - - .align-content-xxl-end { - align-content: flex-end !important; - } - - .align-content-xxl-center { - align-content: center !important; - } - - .align-content-xxl-between { - align-content: space-between !important; - } - - .align-content-xxl-around { - align-content: space-around !important; - } - - .align-content-xxl-stretch { - align-content: stretch !important; - } - - .align-self-xxl-auto { - align-self: auto !important; - } - - .align-self-xxl-start { - align-self: flex-start !important; - } - - .align-self-xxl-end { - align-self: flex-end !important; - } - - .align-self-xxl-center { - align-self: center !important; - } - - .align-self-xxl-baseline { - align-self: baseline !important; - } - - .align-self-xxl-stretch { - align-self: stretch !important; - } - - .order-xxl-first { - order: -1 !important; - } - - .order-xxl-0 { - order: 0 !important; - } - - .order-xxl-1 { - order: 1 !important; - } - - .order-xxl-2 { - order: 2 !important; - } - - .order-xxl-3 { - order: 3 !important; - } - - .order-xxl-4 { - order: 4 !important; - } - - .order-xxl-5 { - order: 5 !important; - } - - .order-xxl-last { - order: 6 !important; - } - - .m-xxl-0 { - margin: 0 !important; - } - - .m-xxl-1 { - margin: 0.25rem !important; - } - - .m-xxl-2 { - margin: 0.5rem !important; - } - - .m-xxl-3 { - margin: 1rem !important; - } - - .m-xxl-4 { - margin: 1.5rem !important; - } - - .m-xxl-5 { - margin: 3rem !important; - } - - .m-xxl-auto { - margin: auto !important; - } - - .mx-xxl-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - - .mx-xxl-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - - .mx-xxl-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - - .mx-xxl-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - - .mx-xxl-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - - .mx-xxl-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - - .mx-xxl-auto { - margin-right: auto !important; - margin-left: auto !important; - } - - .my-xxl-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - - .my-xxl-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - - .my-xxl-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - - .my-xxl-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - - .my-xxl-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - - .my-xxl-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - - .my-xxl-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - - .mt-xxl-0 { - margin-top: 0 !important; - } - - .mt-xxl-1 { - margin-top: 0.25rem !important; - } - - .mt-xxl-2 { - margin-top: 0.5rem !important; - } - - .mt-xxl-3 { - margin-top: 1rem !important; - } - - .mt-xxl-4 { - margin-top: 1.5rem !important; - } - - .mt-xxl-5 { - margin-top: 3rem !important; - } - - .mt-xxl-auto { - margin-top: auto !important; - } - - .me-xxl-0 { - margin-right: 0 !important; - } - - .me-xxl-1 { - margin-right: 0.25rem !important; - } - - .me-xxl-2 { - margin-right: 0.5rem !important; - } - - .me-xxl-3 { - margin-right: 1rem !important; - } - - .me-xxl-4 { - margin-right: 1.5rem !important; - } - - .me-xxl-5 { - margin-right: 3rem !important; - } - - .me-xxl-auto { - margin-right: auto !important; - } - - .mb-xxl-0 { - margin-bottom: 0 !important; - } - - .mb-xxl-1 { - margin-bottom: 0.25rem !important; - } - - .mb-xxl-2 { - margin-bottom: 0.5rem !important; - } - - .mb-xxl-3 { - margin-bottom: 1rem !important; - } - - .mb-xxl-4 { - margin-bottom: 1.5rem !important; - } - - .mb-xxl-5 { - margin-bottom: 3rem !important; - } - - .mb-xxl-auto { - margin-bottom: auto !important; - } - - .ms-xxl-0 { - margin-left: 0 !important; - } - - .ms-xxl-1 { - margin-left: 0.25rem !important; - } - - .ms-xxl-2 { - margin-left: 0.5rem !important; - } - - .ms-xxl-3 { - margin-left: 1rem !important; - } - - .ms-xxl-4 { - margin-left: 1.5rem !important; - } - - .ms-xxl-5 { - margin-left: 3rem !important; - } - - .ms-xxl-auto { - margin-left: auto !important; - } - - .m-xxl-n1 { - margin: -0.25rem !important; - } - - .m-xxl-n2 { - margin: -0.5rem !important; - } - - .m-xxl-n3 { - margin: -1rem !important; - } - - .m-xxl-n4 { - margin: -1.5rem !important; - } - - .m-xxl-n5 { - margin: -3rem !important; - } - - .mx-xxl-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - - .mx-xxl-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - - .mx-xxl-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - - .mx-xxl-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - - .mx-xxl-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - - .my-xxl-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - - .my-xxl-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - - .my-xxl-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - - .my-xxl-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - - .my-xxl-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - - .mt-xxl-n1 { - margin-top: -0.25rem !important; - } - - .mt-xxl-n2 { - margin-top: -0.5rem !important; - } - - .mt-xxl-n3 { - margin-top: -1rem !important; - } - - .mt-xxl-n4 { - margin-top: -1.5rem !important; - } - - .mt-xxl-n5 { - margin-top: -3rem !important; - } - - .me-xxl-n1 { - margin-right: -0.25rem !important; - } - - .me-xxl-n2 { - margin-right: -0.5rem !important; - } - - .me-xxl-n3 { - margin-right: -1rem !important; - } - - .me-xxl-n4 { - margin-right: -1.5rem !important; - } - - .me-xxl-n5 { - margin-right: -3rem !important; - } - - .mb-xxl-n1 { - margin-bottom: -0.25rem !important; - } - - .mb-xxl-n2 { - margin-bottom: -0.5rem !important; - } - - .mb-xxl-n3 { - margin-bottom: -1rem !important; - } - - .mb-xxl-n4 { - margin-bottom: -1.5rem !important; - } - - .mb-xxl-n5 { - margin-bottom: -3rem !important; - } - - .ms-xxl-n1 { - margin-left: -0.25rem !important; - } - - .ms-xxl-n2 { - margin-left: -0.5rem !important; - } - - .ms-xxl-n3 { - margin-left: -1rem !important; - } - - .ms-xxl-n4 { - margin-left: -1.5rem !important; - } - - .ms-xxl-n5 { - margin-left: -3rem !important; - } - - .p-xxl-0 { - padding: 0 !important; - } - - .p-xxl-1 { - padding: 0.25rem !important; - } - - .p-xxl-2 { - padding: 0.5rem !important; - } - - .p-xxl-3 { - padding: 1rem !important; - } - - .p-xxl-4 { - padding: 1.5rem !important; - } - - .p-xxl-5 { - padding: 3rem !important; - } - - .px-xxl-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - - .px-xxl-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - - .px-xxl-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - - .px-xxl-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - - .px-xxl-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - - .px-xxl-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - - .py-xxl-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - - .py-xxl-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - - .py-xxl-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - - .py-xxl-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - - .py-xxl-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - - .py-xxl-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - - .pt-xxl-0 { - padding-top: 0 !important; - } - - .pt-xxl-1 { - padding-top: 0.25rem !important; - } - - .pt-xxl-2 { - padding-top: 0.5rem !important; - } - - .pt-xxl-3 { - padding-top: 1rem !important; - } - - .pt-xxl-4 { - padding-top: 1.5rem !important; - } - - .pt-xxl-5 { - padding-top: 3rem !important; - } - - .pe-xxl-0 { - padding-right: 0 !important; - } - - .pe-xxl-1 { - padding-right: 0.25rem !important; - } - - .pe-xxl-2 { - padding-right: 0.5rem !important; - } - - .pe-xxl-3 { - padding-right: 1rem !important; - } - - .pe-xxl-4 { - padding-right: 1.5rem !important; - } - - .pe-xxl-5 { - padding-right: 3rem !important; - } - - .pb-xxl-0 { - padding-bottom: 0 !important; - } - - .pb-xxl-1 { - padding-bottom: 0.25rem !important; - } - - .pb-xxl-2 { - padding-bottom: 0.5rem !important; - } - - .pb-xxl-3 { - padding-bottom: 1rem !important; - } - - .pb-xxl-4 { - padding-bottom: 1.5rem !important; - } - - .pb-xxl-5 { - padding-bottom: 3rem !important; - } - - .ps-xxl-0 { - padding-left: 0 !important; - } - - .ps-xxl-1 { - padding-left: 0.25rem !important; - } - - .ps-xxl-2 { - padding-left: 0.5rem !important; - } - - .ps-xxl-3 { - padding-left: 1rem !important; - } - - .ps-xxl-4 { - padding-left: 1.5rem !important; - } - - .ps-xxl-5 { - padding-left: 3rem !important; - } - - .text-xxl-start { - text-align: left !important; - } - - .text-xxl-end { - text-align: right !important; - } - - .text-xxl-center { - text-align: center !important; - } -} - -@media (min-width: 1200px) { - .fs-1 { - font-size: 3rem !important; - } - - .fs-2 { - font-size: 2.25rem !important; - } - - .fs-3 { - font-size: 1.875rem !important; - } - - .fs-4 { - font-size: 1.5rem !important; - } -} - -@media print { - .d-print-inline { - display: inline !important; - } - - .d-print-inline-block { - display: inline-block !important; - } - - .d-print-block { - display: block !important; - } - - .d-print-grid { - display: grid !important; - } - - .d-print-table { - display: table !important; - } - - .d-print-table-row { - display: table-row !important; - } - - .d-print-table-cell { - display: table-cell !important; - } - - .d-print-flex { - display: flex !important; - } - - .d-print-inline-flex { - display: inline-flex !important; - } - - .d-print-none { - display: none !important; - } -} - -/*! - -========================================================= -* Soft UI Dashboard - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard -* Copyright 2021 Creative Tim (https://www.creative-tim.com) -* Licensed under MIT (site.license) - -* Coded by www.creative-tim.com - -========================================================= - -* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. - -*/ -.alert-primary { - background-image: linear-gradient(310deg, #7928CA 0%, #d6006c 100%); -} - -.alert-secondary { - background-image: linear-gradient(310deg, #627594 0%, #8ca1cb 100%); -} - -.alert-success { - background-image: linear-gradient(310deg, #17ad37 0%, #84dc14 100%); -} - -.alert-info { - background-image: linear-gradient(310deg, #2152ff 0%, #02c6f3 100%); -} - -.alert-warning { - background-image: linear-gradient(310deg, #f53939 0%, #fac60b 100%); -} - -.alert-danger { - background-image: linear-gradient(310deg, #ea0606 0%, #ff3d59 100%); -} - -.alert-light { - background-image: linear-gradient(310deg, #CED4DA 0%, #d1dae6 100%); -} - -.alert-dark { - background-image: linear-gradient(310deg, #141727 0%, #2c3154 100%); -} - -.avatar { - color: #fff; - display: inline-flex; - align-items: center; - justify-content: center; - font-size: 1rem; - border-radius: 0.75rem; - height: 48px; - width: 48px; - transition: all .2s ease-in-out; -} - -.avatar img { - width: 100%; -} - -.avatar+.avatar-content { - display: inline-block; - margin-left: 0.75rem; -} - -.avatar.avatar-raised { - margin-top: -24px; -} - -.avatar.avatar-scale-up:hover { - transform: scale(1.2); -} - -.active .avatar.avatar-scale-up { - transform: scale(1.2); -} - -.avatar-xxl { - width: 110px !important; - height: 110px !important; -} - -.avatar-xxl.avatar-raised { - margin-top: -55px; -} - -.avatar-xl { - width: 74px !important; - height: 74px !important; -} - -.avatar-xl.avatar-raised { - margin-top: -37px; -} - -.avatar-lg { - width: 58px !important; - height: 58px !important; - font-size: 0.875rem; -} - -.avatar-lg.avatar-raised { - margin-top: -29px; -} - -.avatar-sm { - width: 36px !important; - height: 36px !important; - font-size: 0.875rem; -} - -.avatar-sm.avatar-raised { - margin-top: -18px; -} - -.avatar-xs { - width: 24px !important; - height: 24px !important; - font-size: 0.75rem; -} - -.avatar-xs.avatar-raised { - margin-top: -12px; -} - -.avatar-group .avatar { - position: relative; - z-index: 2; - border: 2px solid #fff; -} - -.avatar-group .avatar:hover { - z-index: 3; -} - -.avatar-group .avatar+.avatar { - margin-left: -1rem; -} - -.badge.bg-primary { - background: #cb0c9f; -} - -.badge.bg-secondary { - background: #8392AB; -} - -.badge.bg-success { - background: #82d616; -} - -.badge.bg-info { - background: #17c1e8; -} - -.badge.bg-warning { - background: #f53939; -} - -.badge.bg-danger { - background: #ea0606; -} - -.badge.bg-light { - background: #e9ecef; -} - -.badge.bg-dark { - background: #252f40; -} - -.badge.bg-white { - background: #fff; -} - -.badge { - text-transform: uppercase; -} - -.btn { - margin-bottom: 1rem; - letter-spacing: -0.025rem; - text-transform: uppercase; - box-shadow: 0 4px 7px -1px rgba(0, 0, 0, 0.11), 0 2px 4px -1px rgba(0, 0, 0, 0.07); - background-size: 150%; - background-position-x: 25%; -} - -.btn:not([class*="btn-outline-"]) { - border: 0; -} - -.btn:active, -.btn:active:focus, -.btn:active:hover { - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07); - transform: scale(1); - opacity: 0.85; -} - -.btn:hover:not(.btn-icon-only) { - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07); - transform: scale(1.02); -} - -.btn.bg-white:hover { - color: #67748e; -} - -.btn.btn-link { - box-shadow: none; - font-weight: 700; -} - -.btn.btn-link:hover, -.btn.btn-link:focus { - box-shadow: none; -} - -.btn.btn-round { - border-radius: 1.875rem; -} - -.btn.btn-icon-only { - width: 2.375rem; - height: 2.375rem; - padding: 0.7rem 0.7rem; -} - -.btn.btn-sm.btn-icon-only, -.btn-group-sm>.btn.btn-icon-only { - width: 1.5875rem; - height: 1.5875rem; - padding: 0.3rem 0.3rem; -} - -.btn.btn-sm i, -.btn-group-sm>.btn i { - font-size: 0.5rem; -} - -.btn.btn-lg.btn-icon-only, -.btn-group-lg>.btn.btn-icon-only { - width: 3.25rem; - height: 3.25rem; - padding: 1rem 1rem; -} - -.btn.btn-lg i, -.btn-group-lg>.btn i { - font-size: 1.2rem; - position: relative; - top: 2px; -} - -.btn.btn-rounded { - border-radius: 1.875rem; -} - -.icon-move-right i { - transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3); -} - -.icon-move-right:hover i, -.icon-move-right:focus i { - transform: translateX(5px); -} - -.icon-move-left i { - transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3); -} - -.icon-move-left:hover i, -.icon-move-left:focus i { - transform: translateX(-5px); -} - -.btn-primary:hover, -.btn.bg-gradient-primary:hover { - background-color: #cb0c9f; - border-color: #cb0c9f; -} - -.btn-primary .btn.bg-outline-primary, -.btn.bg-gradient-primary .btn.bg-outline-primary { - border: 1px solid #cb0c9f; -} - -.btn-primary:not(:disabled):not(.disabled).active, -.btn-primary:not(:disabled):not(.disabled):active, -.show>.btn-primary.dropdown-toggle, -.btn.bg-gradient-primary:not(:disabled):not(.disabled).active, -.btn.bg-gradient-primary:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-primary.dropdown-toggle { - color: color-yiq(#cb0c9f); - background-color: #cb0c9f; -} - -.btn-primary.focus, -.btn-primary:focus, -.btn.bg-gradient-primary.focus, -.btn.bg-gradient-primary:focus { - color: #fff; -} - -.btn-outline-primary { - box-shadow: none; -} - -.btn-outline-primary:hover:not(.active) { - background-color: transparent; - opacity: .75; - box-shadow: none; - color: #cb0c9f; -} - -.btn-secondary:hover, -.btn.bg-gradient-secondary:hover { - background-color: #8392AB; - border-color: #8392AB; -} - -.btn-secondary .btn.bg-outline-secondary, -.btn.bg-gradient-secondary .btn.bg-outline-secondary { - border: 1px solid #8392AB; -} - -.btn-secondary:not(:disabled):not(.disabled).active, -.btn-secondary:not(:disabled):not(.disabled):active, -.show>.btn-secondary.dropdown-toggle, -.btn.bg-gradient-secondary:not(:disabled):not(.disabled).active, -.btn.bg-gradient-secondary:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-secondary.dropdown-toggle { - color: color-yiq(#8392AB); - background-color: #8392AB; -} - -.btn-secondary.focus, -.btn-secondary:focus, -.btn.bg-gradient-secondary.focus, -.btn.bg-gradient-secondary:focus { - color: #fff; -} - -.btn-outline-secondary { - box-shadow: none; -} - -.btn-outline-secondary:hover:not(.active) { - background-color: transparent; - opacity: .75; - box-shadow: none; - color: #8392AB; -} - -.btn-success:hover, -.btn.bg-gradient-success:hover { - background-color: #82d616; - border-color: #82d616; -} - -.btn-success .btn.bg-outline-success, -.btn.bg-gradient-success .btn.bg-outline-success { - border: 1px solid #82d616; -} - -.btn-success:not(:disabled):not(.disabled).active, -.btn-success:not(:disabled):not(.disabled):active, -.show>.btn-success.dropdown-toggle, -.btn.bg-gradient-success:not(:disabled):not(.disabled).active, -.btn.bg-gradient-success:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-success.dropdown-toggle { - color: color-yiq(#82d616); - background-color: #82d616; -} - -.btn-success.focus, -.btn-success:focus, -.btn.bg-gradient-success.focus, -.btn.bg-gradient-success:focus { - color: #fff; -} - -.btn-outline-success { - box-shadow: none; -} - -.btn-outline-success:hover:not(.active) { - background-color: transparent; - opacity: .75; - box-shadow: none; - color: #82d616; -} - -.btn-info:hover, -.btn.bg-gradient-info:hover { - background-color: #17c1e8; - border-color: #17c1e8; -} - -.btn-info .btn.bg-outline-info, -.btn.bg-gradient-info .btn.bg-outline-info { - border: 1px solid #17c1e8; -} - -.btn-info:not(:disabled):not(.disabled).active, -.btn-info:not(:disabled):not(.disabled):active, -.show>.btn-info.dropdown-toggle, -.btn.bg-gradient-info:not(:disabled):not(.disabled).active, -.btn.bg-gradient-info:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-info.dropdown-toggle { - color: color-yiq(#17c1e8); - background-color: #17c1e8; -} - -.btn-info.focus, -.btn-info:focus, -.btn.bg-gradient-info.focus, -.btn.bg-gradient-info:focus { - color: #fff; -} - -.btn-outline-info { - box-shadow: none; -} - -.btn-outline-info:hover:not(.active) { - background-color: transparent; - opacity: .75; - box-shadow: none; - color: #17c1e8; -} - -.btn-warning:hover, -.btn.bg-gradient-warning:hover { - background-color: #f53939; - border-color: #f53939; -} - -.btn-warning .btn.bg-outline-warning, -.btn.bg-gradient-warning .btn.bg-outline-warning { - border: 1px solid #f53939; -} - -.btn-warning:not(:disabled):not(.disabled).active, -.btn-warning:not(:disabled):not(.disabled):active, -.show>.btn-warning.dropdown-toggle, -.btn.bg-gradient-warning:not(:disabled):not(.disabled).active, -.btn.bg-gradient-warning:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-warning.dropdown-toggle { - color: color-yiq(#f53939); - background-color: #f53939; -} - -.btn-warning.focus, -.btn-warning:focus, -.btn.bg-gradient-warning.focus, -.btn.bg-gradient-warning:focus { - color: #fff; -} - -.btn-outline-warning { - box-shadow: none; -} - -.btn-outline-warning:hover:not(.active) { - background-color: transparent; - opacity: .75; - box-shadow: none; - color: #f53939; -} - -.btn-danger:hover, -.btn.bg-gradient-danger:hover { - background-color: #ea0606; - border-color: #ea0606; -} - -.btn-danger .btn.bg-outline-danger, -.btn.bg-gradient-danger .btn.bg-outline-danger { - border: 1px solid #ea0606; -} - -.btn-danger:not(:disabled):not(.disabled).active, -.btn-danger:not(:disabled):not(.disabled):active, -.show>.btn-danger.dropdown-toggle, -.btn.bg-gradient-danger:not(:disabled):not(.disabled).active, -.btn.bg-gradient-danger:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-danger.dropdown-toggle { - color: color-yiq(#ea0606); - background-color: #ea0606; -} - -.btn-danger.focus, -.btn-danger:focus, -.btn.bg-gradient-danger.focus, -.btn.bg-gradient-danger:focus { - color: #fff; -} - -.btn-outline-danger { - box-shadow: none; -} - -.btn-outline-danger:hover:not(.active) { - background-color: transparent; - opacity: .75; - box-shadow: none; - color: #ea0606; -} - -.btn-light:hover, -.btn.bg-gradient-light:hover { - background-color: #e9ecef; - border-color: #e9ecef; -} - -.btn-light .btn.bg-outline-light, -.btn.bg-gradient-light .btn.bg-outline-light { - border: 1px solid #e9ecef; -} - -.btn-light:not(:disabled):not(.disabled).active, -.btn-light:not(:disabled):not(.disabled):active, -.show>.btn-light.dropdown-toggle, -.btn.bg-gradient-light:not(:disabled):not(.disabled).active, -.btn.bg-gradient-light:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-light.dropdown-toggle { - color: color-yiq(#e9ecef); - background-color: #e9ecef; -} - -.btn-outline-light { - box-shadow: none; -} - -.btn-outline-light:hover:not(.active) { - background-color: transparent; - opacity: .75; - box-shadow: none; - color: #e9ecef; -} - -.btn-dark:hover, -.btn.bg-gradient-dark:hover { - background-color: #252f40; - border-color: #252f40; -} - -.btn-dark .btn.bg-outline-dark, -.btn.bg-gradient-dark .btn.bg-outline-dark { - border: 1px solid #252f40; -} - -.btn-dark:not(:disabled):not(.disabled).active, -.btn-dark:not(:disabled):not(.disabled):active, -.show>.btn-dark.dropdown-toggle, -.btn.bg-gradient-dark:not(:disabled):not(.disabled).active, -.btn.bg-gradient-dark:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-dark.dropdown-toggle { - color: color-yiq(#252f40); - background-color: #252f40; -} - -.btn-dark.focus, -.btn-dark:focus, -.btn.bg-gradient-dark.focus, -.btn.bg-gradient-dark:focus { - color: #fff; -} - -.btn-outline-dark { - box-shadow: none; -} - -.btn-outline-dark:hover:not(.active) { - background-color: transparent; - opacity: .75; - box-shadow: none; - color: #252f40; -} - -.btn-white:hover, -.btn.bg-gradient-white:hover { - background-color: #fff; - border-color: #fff; -} - -.btn-white .btn.bg-outline-white, -.btn.bg-gradient-white .btn.bg-outline-white { - border: 1px solid #fff; -} - -.btn-white:not(:disabled):not(.disabled).active, -.btn-white:not(:disabled):not(.disabled):active, -.show>.btn-white.dropdown-toggle, -.btn.bg-gradient-white:not(:disabled):not(.disabled).active, -.btn.bg-gradient-white:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-white.dropdown-toggle { - color: color-yiq(#fff); - background-color: #fff; -} - -.btn-outline-white { - box-shadow: none; -} - -.btn-outline-white:hover:not(.active) { - background-color: transparent; - opacity: .75; - box-shadow: none; - color: #fff; -} - -.btn-outline-white { - border-color: rgba(255, 255, 255, 0.75); - background: rgba(255, 255, 255, 0.1); -} - -.btn-primary, -.btn.bg-gradient-primary { - color: #fff; -} - -.btn-primary:hover, -.btn.bg-gradient-primary:hover { - color: #fff; -} - -.btn-secondary, -.btn.bg-gradient-secondary { - color: #fff; -} - -.btn-secondary:hover, -.btn.bg-gradient-secondary:hover { - color: #fff; -} - -.btn-danger, -.btn.bg-gradient-danger { - color: #fff; -} - -.btn-danger:hover, -.btn.bg-gradient-danger:hover { - color: #fff; -} - -.btn-info, -.btn.bg-gradient-info { - color: #fff; -} - -.btn-info:hover, -.btn.bg-gradient-info:hover { - color: #fff; -} - -.btn-success, -.btn.bg-gradient-success { - color: #fff; -} - -.btn-success:hover, -.btn.bg-gradient-success:hover { - color: #fff; -} - -.btn-warning, -.btn.bg-gradient-warning { - color: #fff; -} - -.btn-warning:hover, -.btn.bg-gradient-warning:hover { - color: #fff; -} - -.btn-dark, -.btn.bg-gradient-dark { - color: #fff; -} - -.btn-dark:hover, -.btn.bg-gradient-dark:hover { - color: #fff; -} - -.btn-light, -.btn.bg-gradient-light { - color: #3A416F; -} - -.btn-light:hover, -.btn.bg-gradient-light:hover { - color: #3A416F; -} - -.breadcrumb-item { - font-size: 0.875rem; -} - -.breadcrumb-item.text-white::before { - color: #fff; -} - -.breadcrumb-dark { - background-color: #252f40; -} - -.breadcrumb-dark .breadcrumb-item { - font-weight: 600; -} - -.breadcrumb-dark .breadcrumb-item a { - color: #f8f9fa; -} - -.breadcrumb-dark .breadcrumb-item a:hover { - color: #fff; -} - -.breadcrumb-dark .breadcrumb-item+.breadcrumb-item::before { - color: #adb5bd; -} - -.breadcrumb-dark .breadcrumb-item.active { - color: #dee2e6; -} - -.breadcrumb-links { - padding: 0; - margin: 0; - background: transparent; -} - -.card { - box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05); -} - -.card .card-header { - padding: 1.5rem; -} - -.card .card-body { - font-family: "Open Sans"; - padding: 1.5rem; -} - -.card.card-plain { - background-color: transparent; - box-shadow: none; -} - -.card .card-footer { - padding: 1.5rem; - background-color: transparent; -} - -.author { - display: flex; -} - -.author .name>span { - line-height: 1.571; - font-weight: 600; - font-size: 0.875rem; - color: #3A416F; -} - -.author .stats { - font-size: 0.875rem; - font-weight: 400; -} - -.card.card-background { - align-items: center; -} - -.card.card-background .full-background { - background-position: 50%; - background-size: cover; - margin-bottom: 30px; - width: 100%; - height: 100%; - position: absolute; - border-radius: 1rem; -} - -.card.card-background .card-body { - color: #fff; - position: relative; - z-index: 2; -} - -.card.card-background .card-body .content-center, -.card.card-background .card-body .content-left { - min-height: 330px; - max-width: 450px; - padding-top: 60px; - padding-bottom: 60px; -} - -.card.card-background .card-body .content-center { - text-align: center; -} - -.card.card-background .card-body.body-left { - width: 90%; -} - -.card.card-background .card-body .author .name span, -.card.card-background .card-body .author .name .stats { - color: #fff; -} - -.card.card-background:after { - position: absolute; - top: 0; - bottom: 0; - left: 0; - height: 100%; - width: 100%; - z-index: 1; - display: block; - content: ""; - background: rgba(0, 0, 0, 0.4); - border-radius: 1rem; -} - -.card.card-background.card-background-mask-primary:before { - background: rgba(0, 0, 0, 0.2); -} - -.card.card-background.card-background-mask-primary:after { - background-image: linear-gradient(310deg, #7928CA 0%, #FF0080 100%); - opacity: .85; -} - -.card.card-background.card-background-mask-secondary:before { - background: rgba(0, 0, 0, 0.2); -} - -.card.card-background.card-background-mask-secondary:after { - background-image: linear-gradient(310deg, #627594 0%, #A8B8D8 100%); - opacity: .85; -} - -.card.card-background.card-background-mask-success:before { - background: rgba(0, 0, 0, 0.2); -} - -.card.card-background.card-background-mask-success:after { - background-image: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%); - opacity: .85; -} - -.card.card-background.card-background-mask-info:before { - background: rgba(0, 0, 0, 0.2); -} - -.card.card-background.card-background-mask-info:after { - background-image: linear-gradient(310deg, #2152ff 0%, #21d4fd 100%); - opacity: .85; -} - -.card.card-background.card-background-mask-warning:before { - background: rgba(0, 0, 0, 0.2); -} - -.card.card-background.card-background-mask-warning:after { - background-image: linear-gradient(310deg, #f53939 0%, #fbcf33 100%); - opacity: .85; -} - -.card.card-background.card-background-mask-danger:before { - background: rgba(0, 0, 0, 0.2); -} - -.card.card-background.card-background-mask-danger:after { - background-image: linear-gradient(310deg, #ea0606 0%, #ff667c 100%); - opacity: .85; -} - -.card.card-background.card-background-mask-light:before { - background: rgba(0, 0, 0, 0.2); -} - -.card.card-background.card-background-mask-light:after { - background-image: linear-gradient(310deg, #CED4DA 0%, #EBEFF4 100%); - opacity: .85; -} - -.card.card-background.card-background-mask-dark:before { - background: rgba(0, 0, 0, 0.2); -} - -.card.card-background.card-background-mask-dark:after { - background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%); - opacity: .85; -} - -.card.card-background .card-category { - font-size: 0.875rem; - font-weight: 600; -} - -.card.card-background .card-description { - margin-top: 24px; - margin-bottom: 24px; -} - -.dropdown .dropdown-menu, -.dropup .dropdown-menu { - position: absolute; - box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06); - transition: visibility 0.25s, opacity 0.25s, transform 0.25s; - cursor: pointer; -} - -.dropdown .dropdown-toggle:after, -.dropup .dropdown-toggle:after { - content: "\f107"; - font: normal normal normal 14px/1 FontAwesome; - border: none; - vertical-align: middle; - font-weight: 600; -} - -.dropdown .dropdown-toggle.show:after, -.dropup .dropdown-toggle.show:after { - transform: rotate(180deg); -} - -.dropdown .dropdown-toggle:after, -.dropup .dropdown-toggle:after { - transition: 0.3s ease; -} - -.dropdown .dropdown-menu { - margin-top: 8px !important; - display: block; - opacity: 0; - top: 0; - transform-origin: 50% 0; - pointer-events: none; - transform: perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0px, 37px, 0px) !important; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - will-change: transform, box-shadow; -} - -.dropdown .dropdown-menu.dropdown-menu-end { - right: 0; - left: auto; -} - -.dropdown .dropdown-menu.dropdown-menu-end:before { - right: 28px; - left: auto; -} - -.dropdown .dropdown-menu.show { - opacity: 1; - pointer-events: auto; - visibility: visible; - transform: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0, 37px, 5px) !important; -} - -.dropdown .dropdown-menu.show:before { - top: -20px; -} - -.dropdown .dropdown-menu:before { - font-family: "FontAwesome"; - content: "\f0d8"; - position: absolute; - top: 0; - left: 28px; - right: auto; - font-size: 22px; - color: #fff; - transition: top 0.35s ease; -} - -.dropdown .dropdown-item .arrow { - transform: rotate(-90deg); -} - -.dropdown-item { - transition: background-color 0.3s ease, color 0.3s ease; -} - -.dropup .dropdown-menu { - box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06); - transition: visibility 0.25s, opacity 0.25s, transform 0.25s; - cursor: pointer; - top: auto !important; - bottom: 100% !important; - margin-bottom: 0.5rem !important; - display: block; - opacity: 0; - transform-origin: bottom; - pointer-events: none; - transform: perspective(999px) rotateX(12deg) translateZ(0) translate3d(0px, 0px, 0px) !important; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - will-change: transform, box-shadow; -} - -.dropup .dropdown-menu.show { - pointer-events: auto; - transform: perspective(999px) rotateX(0deg) translateZ(0) translate3d(1px, 0px, 5px) !important; - opacity: 1; -} - -.dropup .dropdown-menu.show:after { - bottom: -20px; -} - -.dropup .dropdown-menu:after { - font-family: "FontAwesome"; - content: "\f0d7"; - position: absolute; - z-index: -1; - bottom: 22px; - left: 28px; - right: auto; - font-size: 22px; - color: #fff; - transition: bottom 0.35s ease; -} - -.page-header { - padding: 0; - position: relative; - overflow: hidden; - display: flex; - align-items: center; - background-size: cover; - background-position: 50%; -} - -.page-header .container { - z-index: 1; -} - -.oblique { - transform: skewX(-10deg); - overflow: hidden; - width: 60%; - right: -10rem; - border-bottom-left-radius: 0.75rem; -} - -.oblique .oblique-image { - transform: skewX(10deg); -} - -.input-group { - border-radius: 0.5rem; -} - -.input-group, -.input-group .input-group-text { - transition: box-shadow 0.15s ease, border-color 0.15s ease; -} - -.input-group> :not(:first-child):not(.dropdown-menu) { - margin-left: 0; -} - -.input-group .form-control:focus { - border-left: 1px solid #e293d3 !important; - border-right: 1px solid #e293d3 !important; -} - -.input-group .form-control:not(:first-child) { - border-left: 0; - padding-left: 0; -} - -.input-group .form-control:not(:last-child) { - border-right: 0; - padding-right: 0; -} - -.input-group .form-control+.input-group-text { - border-left: 0; - border-right: 1px solid #d2d6da; -} - -.input-group .input-group-text { - border-right: 0; -} - -.form-group { - margin-bottom: 1rem; -} - -.form-check:not(.form-switch) .form-check-input[type="checkbox"], -.form-check:not(.form-switch) .form-check-input[type="radio"] { - border: 1px solid #cbd3da; - margin-top: 0.25rem; - position: relative; -} - -.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked, -.form-check:not(.form-switch) .form-check-input[type="radio"]:checked { - border: 0; -} - -.form-check:not(.form-switch) .form-check-input[type="checkbox"]:after { - transition: opacity 0.25s ease-in-out; - font-family: "FontAwesome"; - content: "\f00c"; - width: 100%; - height: 100%; - color: #fff; - position: absolute; - display: flex; - justify-content: center; - align-items: center; - font-size: 0.67rem; - opacity: 0; -} - -.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked:after { - opacity: 1; -} - -.form-check:not(.form-switch) .form-check-input[type="radio"] { - transition: border 0s; -} - -.form-check:not(.form-switch) .form-check-input[type="radio"]:after { - transition: opacity 0.25s ease-in-out; - content: ""; - position: absolute; - width: 0.4375rem; - height: 0.4375rem; - border-radius: 50%; - background-color: #fff; - opacity: 0; -} - -.form-check:not(.form-switch) .form-check-input[type="radio"]:checked { - padding: 6px; -} - -.form-check:not(.form-switch) .form-check-input[type="radio"]:checked:after { - opacity: 1; -} - -.form-check-label, -.form-check-input[type="checkbox"] { - cursor: pointer; -} - -.form-check-label { - font-size: 0.875rem; - font-weight: 400; -} - -.form-check-input { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -.form-switch .form-check-input { - border: 1px solid #e9ecef; - position: relative; - background-color: rgba(58, 65, 111, 0.1); - height: 1.25em; -} - -.form-switch .form-check-input:after { - transition: transform 0.25s ease-in-out, background-color 0.25s ease-in-out; - content: ""; - width: 1rem; - height: 1rem; - border-radius: 50%; - position: absolute; - background-color: #fff; - transform: translateX(1px); - box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(20, 20, 20, 0.12), 0 0.125rem 0.25rem -0.0625rem rgba(20, 20, 20, 0.07); - top: 1px; -} - -.form-switch .form-check-input:checked:after { - transform: translateX(21px); -} - -.form-switch .form-check-input:checked { - border-color: rgba(58, 65, 111, 0.95); - background-color: rgba(58, 65, 111, 0.95); -} - -.form-select { - transition: box-shadow 0.15s ease, border-color 0.15s ease; -} - -label, -.form-label { - font-size: 0.75rem; - font-weight: 700; - margin-bottom: 0.5rem; - color: #252f40; - margin-left: 0.25rem; -} - -.form-control.is-invalid:focus { - box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.6); -} - -.form-control.is-valid:focus { - box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.65); -} - -.footer .nav-link { - color: #252f40; - font-weight: 400; - font-size: 0.875rem; - padding-top: 0; - padding-bottom: 0.25rem; -} - -.footer .nav-link:hover { - opacity: 1 !important; - transition: opacity 0.3 ease; -} - -.bg-gradient-primary { - background-image: linear-gradient(310deg, #7928CA 0%, #FF0080 100%); -} - -.bg-gradient-secondary { - background-image: linear-gradient(310deg, #627594 0%, #A8B8D8 100%); -} - -.bg-gradient-success { - background-image: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%); -} - -.bg-gradient-info { - background-image: linear-gradient(310deg, #2152ff 0%, #21d4fd 100%); -} - -.bg-gradient-warning { - background-image: linear-gradient(310deg, #f53939 0%, #fbcf33 100%); -} - -.bg-gradient-danger { - background-image: linear-gradient(310deg, #ea0606 0%, #ff667c 100%); -} - -.bg-gradient-light { - background-image: linear-gradient(310deg, #CED4DA 0%, #EBEFF4 100%); -} - -.bg-gradient-dark { - background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%); -} - -.bg-gradient-faded-primary { - background-image: radial-gradient(370px circle at 80% 50%, rgba(203, 12, 159, 0.6) 0, #9b0979 100%); -} - -.bg-gradient-faded-secondary { - background-image: radial-gradient(370px circle at 80% 50%, rgba(131, 146, 171, 0.6) 0, #657796 100%); -} - -.bg-gradient-faded-success { - background-image: radial-gradient(370px circle at 80% 50%, rgba(130, 214, 22, 0.6) 0, #66a811 100%); -} - -.bg-gradient-faded-info { - background-image: radial-gradient(370px circle at 80% 50%, rgba(23, 193, 232, 0.6) 0, #129aba 100%); -} - -.bg-gradient-faded-warning { - background-image: radial-gradient(370px circle at 80% 50%, rgba(245, 57, 57, 0.6) 0, #ef0c0c 100%); -} - -.bg-gradient-faded-danger { - background-image: radial-gradient(370px circle at 80% 50%, rgba(234, 6, 6, 0.6) 0, #b80505 100%); -} - -.bg-gradient-faded-light { - background-image: radial-gradient(370px circle at 80% 50%, rgba(233, 236, 239, 0.6) 0, #cbd3da 100%); -} - -.bg-gradient-faded-dark { - background-image: radial-gradient(370px circle at 80% 50%, rgba(37, 47, 64, 0.6) 0, #121720 100%); -} - -.bg-gradient-faded-white { - background-image: radial-gradient(370px circle at 80% 50%, rgba(255, 255, 255, 0.6) 0, #e6e6e6 100%); -} - -.bg-gradient-faded-primary-vertical { - background-image: radial-gradient(200px circle at 50% 70%, rgba(203, 12, 159, 0.3) 0, #cb0c9f 100%); -} - -.bg-gradient-faded-secondary-vertical { - background-image: radial-gradient(200px circle at 50% 70%, rgba(131, 146, 171, 0.3) 0, #8392AB 100%); -} - -.bg-gradient-faded-success-vertical { - background-image: radial-gradient(200px circle at 50% 70%, rgba(130, 214, 22, 0.3) 0, #82d616 100%); -} - -.bg-gradient-faded-info-vertical { - background-image: radial-gradient(200px circle at 50% 70%, rgba(23, 193, 232, 0.3) 0, #17c1e8 100%); -} - -.bg-gradient-faded-warning-vertical { - background-image: radial-gradient(200px circle at 50% 70%, rgba(245, 57, 57, 0.3) 0, #f53939 100%); -} - -.bg-gradient-faded-danger-vertical { - background-image: radial-gradient(200px circle at 50% 70%, rgba(234, 6, 6, 0.3) 0, #ea0606 100%); -} - -.bg-gradient-faded-light-vertical { - background-image: radial-gradient(200px circle at 50% 70%, rgba(233, 236, 239, 0.3) 0, #e9ecef 100%); -} - -.bg-gradient-faded-dark-vertical { - background-image: radial-gradient(200px circle at 50% 70%, rgba(37, 47, 64, 0.3) 0, #252f40 100%); -} - -.bg-gradient-faded-white-vertical { - background-image: radial-gradient(200px circle at 50% 70%, rgba(255, 255, 255, 0.3) 0, #fff 100%); -} - -.icon-shape { - width: 48px; - height: 48px; - background-position: center; - border-radius: 0.75rem; -} - -.icon-shape i { - color: #fff; - opacity: 0.8; - top: 11px; - position: relative; -} - -.icon-shape .ni { - top: 14px; -} - -.icon-xxs { - width: 20px; - height: 20px; -} - -.icon-xxs i { - top: -4px; - font-size: .5rem; -} - -.icon-xs { - width: 24px; - height: 24px; -} - -.icon-xs i { - top: -4px; - font-size: .5rem; -} - -.icon-sm { - width: 32px; - height: 32px; -} - -.icon-sm i { - top: 2px; - font-size: .65rem; -} - -.icon-md { - width: 48px; - height: 48px; -} - -.icon-md i { - top: 22%; - font-size: 0.875rem; -} - -.icon-md.icon-striped { - background-position-x: 85px; - background-position-y: 85px; -} - -.icon-md.icon-striped i { - top: 11%; - margin-left: -10px; - font-size: 0.875rem; -} - -.icon-lg { - width: 64px; - height: 64px; -} - -.icon-lg i { - top: 31%; - font-size: 1.25rem; -} - -.icon-lg.icon-striped { - background-position-x: 111px; - background-position-y: 111px; -} - -.icon-lg.icon-striped i { - top: 21%; - margin-left: -15px; -} - -.icon-xl { - width: 100px; - height: 100px; - border-radius: 0.75rem; -} - -.icon-xl i { - top: 37%; - font-size: 1.6rem; -} - -.icon-xl.icon-striped { - background-position-x: 80px; - background-position-y: 80px; -} - -.icon-xl.icon-striped i { - top: 30%; - margin-left: -15px; -} - -.info-horizontal { - text-align: left !important; -} - -.info-horizontal .icon { - float: left; -} - -.info-horizontal .description { - overflow: hidden; -} - -svg.text-primary .color-foreground { - fill: #7928CA; -} - -svg.text-primary .color-background { - fill: #FF0080; -} - -svg.text-secondary .color-foreground { - fill: #627594; -} - -svg.text-secondary .color-background { - fill: #A8B8D8; -} - -svg.text-info .color-foreground { - fill: #2152ff; -} - -svg.text-info .color-background { - fill: #21d4fd; -} - -svg.text-warning .color-foreground { - fill: #f53939; -} - -svg.text-warning .color-background { - fill: #fbcf33; -} - -svg.text-danger .color-foreground { - fill: #ea0606; -} - -svg.text-danger .color-background { - fill: #ff667c; -} - -svg.text-success .color-foreground { - fill: #17ad37; -} - -svg.text-success .color-background { - fill: #98ec2d; -} - -svg.text-dark .color-foreground { - fill: #141727; -} - -svg.text-dark .color-background { - fill: #3A416F; -} - -.blur { - box-shadow: inset 0px 0px 2px #fefefed1; - -webkit-backdrop-filter: saturate(200%) blur(30px); - backdrop-filter: saturate(200%) blur(30px); - background-color: rgba(255, 255, 255, 0.8) !important; -} - -.blur.saturation-less { - -webkit-backdrop-filter: saturate(20%) blur(30px); - backdrop-filter: saturate(20%) blur(30px); -} - -.blur.blur-rounded { - border-radius: 40px; -} - -.blur.blur-light { - background-color: rgba(255, 255, 255, 0.4); -} - -.blur.blur-dark { - background-color: rgba(0, 0, 0, 0.3); -} - -.shadow-blur { - box-shadow: inset 0 0px 1px 1px rgba(254, 254, 254, 0.9), 0 20px 27px 0 rgba(0, 0, 0, 0.05) !important; -} - -.shadow-card { - box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05) !important; -} - -.navbar-blur { - -webkit-backdrop-filter: saturate(200%) blur(30px); - backdrop-filter: saturate(200%) blur(30px); - background-color: rgba(255, 255, 255, 0.58) !important; -} - -.blur-section { - -webkit-backdrop-filter: saturate(200%) blur(30px); - backdrop-filter: saturate(200%) blur(30px); -} - -.blur-section.blur-gradient-primary { - background-image: linear-gradient(310deg, rgba(121, 40, 202, 0.95) 0%, rgba(255, 0, 128, 0.95) 100%); -} - -*.move-on-hover { - -webkit-transition: 0.2s ease-out; - transition: 0.2s ease-out; - overflow: hidden; - -webkit-transform-origin: 50% 0; - transform-origin: 50% 0; - transform-origin: 50% 0; - -webkit-transform: perspective(999px) rotateX(0deg) translate3d(0, 0, 0); - transform: perspective(999px) rotateX(0deg) translate3d(0, 0, 0); - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - will-change: transform, box-shadow; -} - -*.move-on-hover:hover { - -webkit-transform: perspective(999px) rotateX(7deg) translate3d(0px, -4px, 5px); - transform: perspective(999px) rotateX(7deg) translate3d(0px, -4px, 5px); -} - -*.gradient-animation { - background: linear-gradient(-45deg, #2152ff, #ea0606, #f53939, #7928CA, #252f40); - background-size: 400% 400% !important; - animation: gradient 10s ease infinite; -} - -hr.vertical { - position: absolute; - background-color: transparent; - height: 100%; - right: 0; - top: 0; - width: 1px; -} - -hr.vertical.light { - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)); -} - -hr.vertical.dark { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); -} - -hr.vertical.gray-light { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); -} - -hr.horizontal { - background-color: transparent; -} - -hr.horizontal.light { - background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)); -} - -hr.horizontal.dark { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); -} - -hr.horizontal.gray-light { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); -} - -.lock-size { - width: 1.7rem; - height: 1.7rem; -} - -.border-radius-xs { - border-radius: 0.125rem; -} - -.border-radius-sm { - border-radius: 0.25rem; -} - -.border-radius-md { - border-radius: 0.5rem; -} - -.border-radius-lg { - border-radius: 0.75rem; -} - -.border-radius-xl { - border-radius: 1rem; -} - -.border-radius-2xl { - border-radius: 1.5rem; -} - -.border-radius-section { - border-radius: 10rem; -} - -.border-bottom-end-radius-0 { - border-bottom-right-radius: 0; -} - -.border-top-end-radius-0 { - border-top-right-radius: 0; -} - -.border-bottom-start-radius-0 { - border-bottom-left-radius: 0; -} - -.border-top-start-radius-0 { - border-top-left-radius: 0; -} - -.z-index-sticky { - z-index: 1020; -} - -.waves { - position: relative; - width: 100%; - height: 16vh; - margin-bottom: -7px; - /*Fix for safari gap*/ - min-height: 100px; - max-height: 150px; -} - -.waves.waves-sm { - height: 50px; - min-height: 50px; -} - -.waves.no-animation .moving-waves>use { - animation: none; -} - -.wave-rotate { - transform: rotate(180deg); -} - -/* Animation for the waves */ -.moving-waves>use { - animation: move-forever 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; -} - -.moving-waves>use:nth-child(1) { - animation-delay: -2s; - animation-duration: 11s; -} - -.moving-waves>use:nth-child(2) { - animation-delay: -4s; - animation-duration: 13s; -} - -.moving-waves>use:nth-child(3) { - animation-delay: -3s; - animation-duration: 15s; -} - -.moving-waves>use:nth-child(4) { - animation-delay: -4s; - animation-duration: 20s; -} - -.moving-waves>use:nth-child(5) { - animation-delay: -4s; - animation-duration: 25s; -} - -.moving-waves>use:nth-child(6) { - animation-delay: -3s; - animation-duration: 30s; -} - -@keyframes move-forever { - 0% { - transform: translate3d(-90px, 0, 0); - } - - 100% { - transform: translate3d(85px, 0, 0); - } -} - -/*Shrinking for mobile*/ -@media (max-width: 767.98px) { - .waves { - height: 40px; - min-height: 40px; - } - - hr.horizontal { - background-color: transparent; - } - - hr.horizontal:not(.dark) { - background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)); - } - - hr.horizontal.vertical { - transform: rotate(90deg); - } - - hr.horizontal.dark { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); - } -} - -.overflow-visible { - overflow: visible !important; -} - -.popover .popover-header { - font-weight: 600; -} - -.navbar { - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16); -} - -.navbar .navbar-brand { - color: #252f40; - font-size: 0.875rem; -} - -.navbar .nav-link { - color: #252f40; - padding: 0.5rem 1rem; - font-weight: 400; - font-size: 0.875rem; -} - -.navbar.navbar-absolute { - position: absolute; - width: 100%; - z-index: 1; -} - -.navbar.navbar-transparent .nav-link, -.navbar.navbar-transparent .nav-link i { - color: #fff; -} - -.navbar.navbar-transparent .nav-link:hover, -.navbar.navbar-transparent .nav-link:focus { - color: rgba(255, 255, 255, 0.75); -} - -.navbar.navbar-transparent .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar { - background: #fff; -} - -.navbar.navbar-transparent .navbar-collapse { - border-radius: 1rem; -} - -.navbar.navbar-dark .navbar-collapse.show .dropdown-header.text-dark, -.navbar.navbar-dark .navbar-collapse.collapsing .dropdown-header.text-dark { - color: #fff !important; -} - -.navbar .sidenav-toggler-inner { - width: 18px; -} - -.navbar .sidenav-toggler-inner .sidenav-toggler-line { - transition: all 0.15s ease; - background: #67748e; - border-radius: 0.125rem; - position: relative; - display: block; - height: 2px; -} - -.navbar .sidenav-toggler-inner .sidenav-toggler-line:not(:last-child) { - margin-bottom: 3px; -} - -.navbar-light { - background-color: #fff !important; -} - -.navbar-light .navbar-toggler { - border: none; -} - -.navbar-light .navbar-toggler:focus { - box-shadow: none; -} - -.navbar-toggler .navbar-toggler-icon { - background-image: none; -} - -.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar { - display: block; - position: relative; - width: 22px; - height: 1px; - border-radius: 1px; - background: #6c757d; - transition: all 0.2s; - margin: 0 auto; -} - -.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar2, -.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar3 { - margin-top: 7px; -} - -.navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar1 { - transform: rotate(45deg); - transform-origin: 10% 10%; - margin-top: 4px; -} - -.navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar2 { - opacity: 0; -} - -.navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar3 { - transform: rotate(-45deg); - transform-origin: 10% 90%; - margin-top: 3px; -} - -@media (max-width: 991.98px) { - .navbar.navbar-transparent .navbar-collapse { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - } - - .navbar.navbar-transparent .navbar-collapse.collapsing { - background: #fff; - } - - .navbar.navbar-transparent .navbar-collapse.show { - background: #fff; - } - - .navbar.navbar-transparent .navbar-collapse.show .nav-link, - .navbar.navbar-transparent .navbar-collapse.show i { - color: #252f40; - } - - .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - - .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-nav { - flex-direction: row; - } -} - -@media (max-width: 1199.98px) { - - .g-sidenav-show.g-sidenav-pinned .navbar .sidenav-toggler-inner .sidenav-toggler-line:first-child, - .g-sidenav-show.g-sidenav-pinned .navbar .sidenav-toggler-inner .sidenav-toggler-line:last-child { - width: 13px; - transform: translateX(5px); - } -} - -.nav.nav-pills { - background: #f8f9fa; - border-radius: 0.75rem; - position: relative; -} - -.nav.nav-pills.nav-pills-vertical { - border-radius: 1.1875rem; -} - -.nav.nav-pills.nav-pills-vertical .nav-link.active { - border-radius: 0.875rem; -} - -.nav.nav-pills .nav-link { - z-index: 3; - color: #252f40; - border-radius: 0.5rem; - background-color: inherit; -} - -.nav.nav-pills .nav-link.active { - animation: 0.2s ease; -} - -.nav.nav-pills .nav-link:hover:not(.active) { - color: #252f40; -} - -.nav.nav-pills.nav-pills-primary { - background: #fff; - color: #fff; -} - -.nav.nav-pills.nav-pills-primary .nav-link.active { - color: #fff; -} - -.nav.nav-pills.nav-pills-primary .moving-tab .nav-link.active { - background: #7928CA; - color: #7928CA; -} - -.nav.nav-pills.nav-pills-info { - background: #fff; - color: #fff; -} - -.nav.nav-pills.nav-pills-info .nav-link.active { - color: #fff; -} - -.nav.nav-pills.nav-pills-info .moving-tab .nav-link.active { - background: #2152ff; - color: #2152ff; -} - -.nav.nav-pills.nav-pills-success { - background: #fff; - color: #fff; -} - -.nav.nav-pills.nav-pills-success .nav-link.active { - color: #fff; -} - -.nav.nav-pills.nav-pills-success .moving-tab .nav-link.active { - background: #17ad37; - color: #17ad37; -} - -.nav.nav-pills.nav-pills-warning { - background: #fff; - color: #fff; -} - -.nav.nav-pills.nav-pills-warning .nav-link.active { - color: #fff; -} - -.nav.nav-pills.nav-pills-warning .moving-tab .nav-link.active { - background: #f53939; - color: #f53939; -} - -.nav.nav-pills.nav-pills-danger { - background: #fff; - color: #fff; -} - -.nav.nav-pills.nav-pills-danger .nav-link.active { - color: #fff; -} - -.nav.nav-pills.nav-pills-danger .moving-tab .nav-link.active { - background: #ea0606; - color: #ea0606; -} - -.nav.nav-pills .nav-item { - z-index: 3; -} - -.moving-tab { - z-index: 1 !important; -} - -.moving-tab .nav-link { - color: #fff; - transition: .2s ease; - border-radius: 0.5rem; -} - -.moving-tab .nav-link.active { - color: #fff; - font-weight: 600; - box-shadow: 0px 1px 5px 1px #ddd; - animation: 0.2s ease; - background: #fff; -} - -.moving-tab .nav-link:hover:not(.active) { - color: #252f40; -} - -.table thead th { - padding: 0.75rem 1.5rem; - text-transform: capitalize; - letter-spacing: 0px; - border-bottom: 1px solid #e9ecef; -} - -.table th { - font-weight: 600; -} - -.table td .progress { - height: 3px; - width: 120px; - margin: 0; -} - -.table td, -.table th { - white-space: nowrap; -} - -.table.align-items-center td, -.table.align-items-center th { - vertical-align: middle; -} - -.table tbody tr:last-child td { - border-width: 0; -} - -.table> :not(:last-child)> :last-child>* { - border-bottom-color: #e9ecef; -} - -.timeline { - position: relative; -} - -.timeline:before { - content: ''; - position: absolute; - top: 0; - left: 1rem; - height: 100%; - border-right: 2px solid #dee2e6; -} - -.timeline-block { - position: relative; -} - -.timeline-block:after { - content: ""; - display: table; - clear: both; -} - -.timeline-block:first-child { - margin-top: 0; -} - -.timeline-block:last-child { - margin-bottom: 0; -} - -.timeline-step { - position: absolute; - display: inline-flex; - align-items: center; - justify-content: center; - left: 0; - width: 26px; - height: 26px; - border-radius: 50%; - background: #fff; - text-align: center; - transform: translateX(-50%); - font-size: 1rem; - font-weight: 600; - z-index: 1; -} - -.timeline-step svg, -.timeline-step i { - line-height: 1.4; -} - -.timeline-content { - position: relative; - margin-left: 45px; - padding-top: 0.35rem; - position: relative; - top: -6px; -} - -.timeline-content:after { - content: ""; - display: table; - clear: both; -} - -@media (min-width: 992px) { - .timeline:before { - left: 50%; - margin-left: -1px; - } - - .timeline-step { - left: 50%; - } - - .timeline-content { - width: 38%; - } - - .timeline-block:nth-child(even) .timeline-content { - float: right; - } -} - -.timeline-one-side:before { - left: 1rem; -} - -.timeline-one-side .timeline-step { - left: 1rem; -} - -.timeline-one-side .timeline-content { - width: auto; -} - -@media (min-width: 992px) { - .timeline-one-side .timeline-content { - max-width: 30rem; - } -} - -.timeline-one-side .timeline-block:nth-child(even) .timeline-content { - float: none; -} - -html * { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -body { - color: #67748e; - font-weight: 400; - line-height: 1.6; - background-color: #fff; -} - -h1, -.h1, -.h1, -h2, -.h2, -.h2, -h3, -.h3, -.h3, -h4, -.h4, -.h4, -h5, -.h5, -.h5, -h6, -.h6, -.h6 { - color: #252f40; -} - -h1, -.h1, -.h1 { - font-size: 3rem; - line-height: 1.25; - letter-spacing: -0.025rem; -} - -@media (max-width: 575.98px) { - - h1, - .h1, - .h1 { - font-size: calc(1.425rem + 2.1vw); - } -} - -h2, -.h2, -.h2 { - font-size: 2.25rem; - line-height: 1.3; - letter-spacing: 0.05rem; -} - -@media (max-width: 575.98px) { - - h2, - .h2, - .h2 { - font-size: calc(1.35rem + 1.2vw); - } -} - -h3, -.h3, -.h3 { - font-size: 1.875rem; - line-height: 1.375; -} - -@media (max-width: 575.98px) { - - h3, - .h3, - .h3 { - font-size: calc(1.3125rem + 0.75vw); - } -} - -h4, -.h4, -.h4 { - font-size: 1.5rem; - line-height: 1.375; -} - -@media (max-width: 575.98px) { - - h4, - .h4, - .h4 { - font-size: calc(1.275rem + 0.3vw); - } -} - -h5, -.h5, -.h5 { - font-size: 1.25rem; - line-height: 1.375; -} - -@media (max-width: 575.98px) { - - h5, - .h5, - .h5 { - font-size: 1.25rem; - } -} - -h6, -.h6, -.h6 { - font-size: 1rem; - line-height: 1.625; -} - -p, -.p { - font-size: 1rem; - font-weight: 400; - line-height: 1.6; -} - -.lead { - font-size: 1.25rem; - font-weight: 400; - line-height: 1.625; -} - -h1, -.h1, -.h1, -h2, -.h2, -.h2, -h3, -.h3, -.h3 { - font-weight: 700; -} - -h4, -.h4, -.h4, -h5, -.h5, -.h5, -h6, -.h6, -.h6 { - font-weight: 600; -} - -h1, -.h1, -.h1, -h2, -.h2, -.h2, -h3, -.h3, -.h3, -h4, -.h4, -.h4 { - letter-spacing: -0.05rem; -} - -a { - letter-spacing: -0.025rem; - color: #000; -} - -.text-sm { - line-height: 1.5; -} - -.text-xs { - line-height: 1.25; -} - -p, -.p { - font-size: 1rem; -} - -.lead { - font-size: 1.25rem; -} - -.text-lg { - font-size: 1.125rem !important; -} - -.text-sm { - font-size: 0.875rem !important; -} - -.text-xs { - font-size: 0.75rem !important; -} - -.text-xxs { - font-size: 0.65rem !important; -} - -p { - line-height: 1.625; - font-weight: 400; -} - -.text-sans-serif { - font-family: "Open Sans" !important; -} - -.text-monospace { - font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; -} - -.text-justify { - text-align: justify !important; -} - -.text-wrap { - white-space: normal !important; -} - -.text-nowrap { - white-space: nowrap !important; -} - -.text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.text-left { - text-align: left !important; -} - -.text-right { - text-align: right !important; -} - -.text-center { - text-align: center !important; -} - -@media (min-width: 576px) { - .text-sm-left { - text-align: left !important; - } - - .text-sm-right { - text-align: right !important; - } - - .text-sm-center { - text-align: center !important; - } -} - -@media (min-width: 768px) { - .text-md-left { - text-align: left !important; - } - - .text-md-right { - text-align: right !important; - } - - .text-md-center { - text-align: center !important; - } -} - -@media (min-width: 992px) { - .text-lg-left { - text-align: left !important; - } - - .text-lg-right { - text-align: right !important; - } - - .text-lg-center { - text-align: center !important; - } -} - -@media (min-width: 1200px) { - .text-xl-left { - text-align: left !important; - } - - .text-xl-right { - text-align: right !important; - } - - .text-xl-center { - text-align: center !important; - } -} - -@media (min-width: 1400px) { - .text-xxl-left { - text-align: left !important; - } - - .text-xxl-right { - text-align: right !important; - } - - .text-xxl-center { - text-align: center !important; - } -} - -.text-lowercase { - text-transform: lowercase !important; -} - -.text-uppercase { - text-transform: uppercase !important; -} - -.text-capitalize { - text-transform: capitalize !important; -} - -.font-weight-light { - font-weight: 300 !important; -} - -.font-weight-lighter { - font-weight: lighter !important; -} - -.font-weight-normal { - font-weight: 400 !important; -} - -.font-weight-bold { - font-weight: 600 !important; -} - -.font-weight-bolder { - font-weight: 700 !important; -} - -.font-italic { - font-style: italic !important; -} - -.text-gradient { - background-clip: text; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - position: relative; - z-index: 1; -} - -.text-gradient.text-primary { - background-image: linear-gradient(310deg, #7928CA, #FF0080); -} - -.text-gradient.text-info { - background-image: linear-gradient(310deg, #2152FF, #21D4FD); -} - -.text-gradient.text-success { - background-image: linear-gradient(310deg, #17AD37, #C1E823); -} - -.text-gradient.text-warning { - background-image: linear-gradient(310deg, #F53939, #FBCF33); -} - -.text-gradient.text-danger { - background-image: linear-gradient(310deg, #D60808, #FF6690); -} - -.text-gradient.text-dark { - background-image: linear-gradient(310deg, #141727, #3A416F); -} - -.blockquote { - border-left: 3px solid #6c757d; -} - -.blockquote>span { - font-style: italic; -} - -.text-muted { - color: #67748e !important; -} - -.text-black-50 { - color: rgba(0, 0, 0, 0.5) !important; -} - -.text-white-50 { - color: rgba(255, 255, 255, 0.5) !important; -} - -.text-decoration-none { - text-decoration: none !important; -} - -.text-break { - word-wrap: break-word !important; -} - -.text-reset { - color: inherit !important; -} - -.letter-wider { - letter-spacing: 0.05rem; -} - -.letter-normal { - letter-spacing: 0rem; -} - -.letter-tighter { - letter-spacing: -0.05rem; -} - -.text-lighter { - font-weight: lighter; -} - -.text-light { - font-weight: 300; -} - -.text-normal { - font-weight: 400; -} - -.text-bold { - font-weight: 600; -} - -.text-bolder { - font-weight: 700; -} - -@media (min-width: 1200px) { - .w-lg-50 { - width: 50% !important; - } -} - -.shadow-xl { - box-shadow: 0 23px 45px -11px rgba(20, 20, 20, 0.25); -} - -.cursor-pointer { - cursor: pointer; -} - -.h-100-vh { - height: 100vh; -} - -.section-height-25 { - min-height: 25vh; -} - -.section-height-50 { - min-height: 50vh; -} - -.section-height-75 { - min-height: 75vh; -} - -.section-height-85 { - min-height: 85vh; -} - -.section-height-100 { - min-height: 100vh; -} - -.transform-translate-50 { - transform: translate(0, -50%); -} - -.border-radius-top-start-0 { - border-top-left-radius: 0 !important; -} - -.border-radius-top-end-0 { - border-top-right-radius: 0 !important; -} - -.border-radius-bottom-start-0 { - border-bottom-left-radius: 0 !important; -} - -.border-radius-bottom-end-0 { - border-bottom-right-radius: 0 !important; -} - -@media (min-width: 1400px) { - .border-radius-top-start-xxl-0 { - border-top-left-radius: 0 !important; - } - - .border-radius-top-end-xxl-0 { - border-top-right-radius: 0 !important; - } - - .border-radius-bottom-start-xxl-0 { - border-bottom-left-radius: 0 !important; - } - - .border-radius-bottom-end-xxl-0 { - border-bottom-right-radius: 0 !important; - } -} - -@media (min-width: 1200px) { - .border-radius-top-start-xl-0 { - border-top-left-radius: 0 !important; - } - - .border-radius-top-end-xl-0 { - border-top-right-radius: 0 !important; - } - - .border-radius-bottom-start-xl-0 { - border-bottom-left-radius: 0 !important; - } - - .border-radius-bottom-end-xl-0 { - border-bottom-right-radius: 0 !important; - } -} - -@media (min-width: 992px) { - .border-radius-top-start-lg-0 { - border-top-left-radius: 0 !important; - } - - .border-radius-top-end-lg-0 { - border-top-right-radius: 0 !important; - } - - .border-radius-bottom-start-lg-0 { - border-bottom-left-radius: 0 !important; - } - - .border-radius-bottom-end-lg-0 { - border-bottom-right-radius: 0 !important; - } -} - -@media (min-width: 768px) { - .border-radius-top-start-md-0 { - border-top-left-radius: 0 !important; - } - - .border-radius-top-end-md-0 { - border-top-right-radius: 0 !important; - } - - .border-radius-bottom-start-md-0 { - border-bottom-left-radius: 0 !important; - } - - .border-radius-bottom-end-md-0 { - border-bottom-right-radius: 0 !important; - } -} - -@media (min-width: 576px) { - .border-radius-top-start-sm-0 { - border-top-left-radius: 0 !important; - } - - .border-radius-top-end-sm-0 { - border-top-right-radius: 0 !important; - } - - .border-radius-bottom-start-sm-0 { - border-bottom-left-radius: 0 !important; - } - - .border-radius-bottom-end-sm-0 { - border-bottom-right-radius: 0 !important; - } -} - -.border-radius-top-start-xs-0 { - border-top-left-radius: 0 !important; -} - -.border-radius-top-end-xs-0 { - border-top-right-radius: 0 !important; -} - -.border-radius-bottom-start-xs-0 { - border-bottom-left-radius: 0 !important; -} - -.border-radius-bottom-end-xs-0 { - border-bottom-right-radius: 0 !important; -} - -@media (min-width: 1400px) { - .border-top-xxl { - border-top: 1px solid #dee2e6 !important; - } - - .border-end-xxl { - border-right: 1px solid #dee2e6 !important; - } - - .border-bottom-xxl { - border-bottom: 1px solid #dee2e6 !important; - } - - .border-start-xxl { - border-left: 1px solid #dee2e6 !important; - } -} - -@media (min-width: 1200px) { - .border-top-xl { - border-top: 1px solid #dee2e6 !important; - } - - .border-end-xl { - border-right: 1px solid #dee2e6 !important; - } - - .border-bottom-xl { - border-bottom: 1px solid #dee2e6 !important; - } - - .border-start-xl { - border-left: 1px solid #dee2e6 !important; - } -} - -@media (min-width: 992px) { - .border-top-lg { - border-top: 1px solid #dee2e6 !important; - } - - .border-end-lg { - border-right: 1px solid #dee2e6 !important; - } - - .border-bottom-lg { - border-bottom: 1px solid #dee2e6 !important; - } - - .border-start-lg { - border-left: 1px solid #dee2e6 !important; - } -} - -@media (min-width: 768px) { - .border-top-md { - border-top: 1px solid #dee2e6 !important; - } - - .border-end-md { - border-right: 1px solid #dee2e6 !important; - } - - .border-bottom-md { - border-bottom: 1px solid #dee2e6 !important; - } - - .border-start-md { - border-left: 1px solid #dee2e6 !important; - } -} - -@media (min-width: 576px) { - .border-top-sm { - border-top: 1px solid #dee2e6 !important; - } - - .border-end-sm { - border-right: 1px solid #dee2e6 !important; - } - - .border-bottom-sm { - border-bottom: 1px solid #dee2e6 !important; - } - - .border-start-sm { - border-left: 1px solid #dee2e6 !important; - } -} - -.border-top-xs { - border-top: 1px solid #dee2e6 !important; -} - -.border-end-xs { - border-right: 1px solid #dee2e6 !important; -} - -.border-bottom-xs { - border-bottom: 1px solid #dee2e6 !important; -} - -.border-start-xs { - border-left: 1px solid #dee2e6 !important; -} - -.bg-cover { - background-size: cover; -} - -.mask { - position: absolute; - background-size: cover; - background-position: center center; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: 0.8; -} - -.z-index-0 { - z-index: 0 !important; -} - -.z-index-1 { - z-index: 1 !important; -} - -.z-index-2 { - z-index: 2 !important; -} - -.z-index-3 { - z-index: 3 !important; -} - -.p-6 { - padding: 4rem !important; -} - -.p-7 { - padding: 6rem !important; -} - -.p-8 { - padding: 8rem !important; -} - -.p-9 { - padding: 10rem !important; -} - -.p-10 { - padding: 12rem !important; -} - -.p-11 { - padding: 14rem !important; -} - -.p-12 { - padding: 16rem !important; -} - -.pt-6 { - padding-top: 4rem !important; -} - -.pt-7 { - padding-top: 6rem !important; -} - -.pt-8 { - padding-top: 8rem !important; -} - -.pt-9 { - padding-top: 10rem !important; -} - -.pt-10 { - padding-top: 12rem !important; -} - -.pt-11 { - padding-top: 14rem !important; -} - -.pt-12 { - padding-top: 16rem !important; -} - -.pe-6 { - padding-right: 4rem !important; -} - -.pe-7 { - padding-right: 6rem !important; -} - -.pe-8 { - padding-right: 8rem !important; -} - -.pe-9 { - padding-right: 10rem !important; -} - -.pe-10 { - padding-right: 12rem !important; -} - -.pe-11 { - padding-right: 14rem !important; -} - -.pe-12 { - padding-right: 16rem !important; -} - -.pb-6 { - padding-bottom: 4rem !important; -} - -.pb-7 { - padding-bottom: 6rem !important; -} - -.pb-8 { - padding-bottom: 8rem !important; -} - -.pb-9 { - padding-bottom: 10rem !important; -} - -.pb-10 { - padding-bottom: 12rem !important; -} - -.pb-11 { - padding-bottom: 14rem !important; -} - -.pb-12 { - padding-bottom: 16rem !important; -} - -.ps-6 { - padding-left: 4rem !important; -} - -.ps-7 { - padding-left: 6rem !important; -} - -.ps-8 { - padding-left: 8rem !important; -} - -.ps-9 { - padding-left: 10rem !important; -} - -.ps-10 { - padding-left: 12rem !important; -} - -.ps-11 { - padding-left: 14rem !important; -} - -.ps-12 { - padding-left: 16rem !important; -} - -.px-6 { - padding-left: 4rem !important; - padding-right: 4rem !important; -} - -.px-7 { - padding-left: 6rem !important; - padding-right: 6rem !important; -} - -.px-8 { - padding-left: 8rem !important; - padding-right: 8rem !important; -} - -.px-9 { - padding-left: 10rem !important; - padding-right: 10rem !important; -} - -.px-10 { - padding-left: 12rem !important; - padding-right: 12rem !important; -} - -.px-11 { - padding-left: 14rem !important; - padding-right: 14rem !important; -} - -.px-12 { - padding-left: 16rem !important; - padding-right: 16rem !important; -} - -.py-6 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; -} - -.py-7 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; -} - -.py-8 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; -} - -.py-9 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; -} - -.py-10 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; -} - -.py-11 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; -} - -.py-12 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; -} - -@media (min-width: 1400px) { - .p-xxl-6 { - padding: 4rem !important; - } - - .p-xxl-7 { - padding: 6rem !important; - } - - .p-xxl-8 { - padding: 8rem !important; - } - - .p-xxl-9 { - padding: 10rem !important; - } - - .p-xxl-10 { - padding: 12rem !important; - } - - .p-xxl-11 { - padding: 14rem !important; - } - - .p-xxl-12 { - padding: 16rem !important; - } -} - -@media (min-width: 1400px) { - .pt-xxl-6 { - padding-top: 4rem !important; - } - - .pt-xxl-7 { - padding-top: 6rem !important; - } - - .pt-xxl-8 { - padding-top: 8rem !important; - } - - .pt-xxl-9 { - padding-top: 10rem !important; - } - - .pt-xxl-10 { - padding-top: 12rem !important; - } - - .pt-xxl-11 { - padding-top: 14rem !important; - } - - .pt-xxl-12 { - padding-top: 16rem !important; - } -} - -@media (min-width: 1400px) { - .pe-xxl-6 { - padding-right: 4rem !important; - } - - .pe-xxl-7 { - padding-right: 6rem !important; - } - - .pe-xxl-8 { - padding-right: 8rem !important; - } - - .pe-xxl-9 { - padding-right: 10rem !important; - } - - .pe-xxl-10 { - padding-right: 12rem !important; - } - - .pe-xxl-11 { - padding-right: 14rem !important; - } - - .pe-xxl-12 { - padding-right: 16rem !important; - } -} - -@media (min-width: 1400px) { - .pb-xxl-6 { - padding-bottom: 4rem !important; - } - - .pb-xxl-7 { - padding-bottom: 6rem !important; - } - - .pb-xxl-8 { - padding-bottom: 8rem !important; - } - - .pb-xxl-9 { - padding-bottom: 10rem !important; - } - - .pb-xxl-10 { - padding-bottom: 12rem !important; - } - - .pb-xxl-11 { - padding-bottom: 14rem !important; - } - - .pb-xxl-12 { - padding-bottom: 16rem !important; - } -} - -@media (min-width: 1400px) { - .ps-xxl-6 { - padding-top: 4rem !important; - } - - .ps-xxl-7 { - padding-top: 6rem !important; - } - - .ps-xxl-8 { - padding-top: 8rem !important; - } - - .ps-xxl-9 { - padding-top: 10rem !important; - } - - .ps-xxl-10 { - padding-top: 12rem !important; - } - - .ps-xxl-11 { - padding-top: 14rem !important; - } - - .ps-xxl-12 { - padding-top: 16rem !important; - } -} - -@media (min-width: 1400px) { - .px-xxl-6 { - padding-left: 4rem !important; - padding-right: 4rem !important; - } - - .px-xxl-7 { - padding-left: 6rem !important; - padding-right: 6rem !important; - } - - .px-xxl-8 { - padding-left: 8rem !important; - padding-right: 8rem !important; - } - - .px-xxl-9 { - padding-left: 10rem !important; - padding-right: 10rem !important; - } - - .px-xxl-10 { - padding-left: 12rem !important; - padding-right: 12rem !important; - } - - .px-xxl-11 { - padding-left: 14rem !important; - padding-right: 14rem !important; - } - - .px-xxl-12 { - padding-left: 16rem !important; - padding-right: 16rem !important; - } -} - -@media (min-width: 1400px) { - .py-xxl-6 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; - } - - .py-xxl-7 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; - } - - .py-xxl-8 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; - } - - .py-xxl-9 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; - } - - .py-xxl-10 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; - } - - .py-xxl-11 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; - } - - .py-xxl-12 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; - } -} - -@media (min-width: 1200px) { - .p-xl-6 { - padding: 4rem !important; - } - - .p-xl-7 { - padding: 6rem !important; - } - - .p-xl-8 { - padding: 8rem !important; - } - - .p-xl-9 { - padding: 10rem !important; - } - - .p-xl-10 { - padding: 12rem !important; - } - - .p-xl-11 { - padding: 14rem !important; - } - - .p-xl-12 { - padding: 16rem !important; - } -} - -@media (min-width: 1200px) { - .pt-xl-6 { - padding-top: 4rem !important; - } - - .pt-xl-7 { - padding-top: 6rem !important; - } - - .pt-xl-8 { - padding-top: 8rem !important; - } - - .pt-xl-9 { - padding-top: 10rem !important; - } - - .pt-xl-10 { - padding-top: 12rem !important; - } - - .pt-xl-11 { - padding-top: 14rem !important; - } - - .pt-xl-12 { - padding-top: 16rem !important; - } -} - -@media (min-width: 1200px) { - .pe-xl-6 { - padding-right: 4rem !important; - } - - .pe-xl-7 { - padding-right: 6rem !important; - } - - .pe-xl-8 { - padding-right: 8rem !important; - } - - .pe-xl-9 { - padding-right: 10rem !important; - } - - .pe-xl-10 { - padding-right: 12rem !important; - } - - .pe-xl-11 { - padding-right: 14rem !important; - } - - .pe-xl-12 { - padding-right: 16rem !important; - } -} - -@media (min-width: 1200px) { - .pb-xl-6 { - padding-bottom: 4rem !important; - } - - .pb-xl-7 { - padding-bottom: 6rem !important; - } - - .pb-xl-8 { - padding-bottom: 8rem !important; - } - - .pb-xl-9 { - padding-bottom: 10rem !important; - } - - .pb-xl-10 { - padding-bottom: 12rem !important; - } - - .pb-xl-11 { - padding-bottom: 14rem !important; - } - - .pb-xl-12 { - padding-bottom: 16rem !important; - } -} - -@media (min-width: 1200px) { - .ps-xl-6 { - padding-top: 4rem !important; - } - - .ps-xl-7 { - padding-top: 6rem !important; - } - - .ps-xl-8 { - padding-top: 8rem !important; - } - - .ps-xl-9 { - padding-top: 10rem !important; - } - - .ps-xl-10 { - padding-top: 12rem !important; - } - - .ps-xl-11 { - padding-top: 14rem !important; - } - - .ps-xl-12 { - padding-top: 16rem !important; - } -} - -@media (min-width: 1200px) { - .px-xl-6 { - padding-left: 4rem !important; - padding-right: 4rem !important; - } - - .px-xl-7 { - padding-left: 6rem !important; - padding-right: 6rem !important; - } - - .px-xl-8 { - padding-left: 8rem !important; - padding-right: 8rem !important; - } - - .px-xl-9 { - padding-left: 10rem !important; - padding-right: 10rem !important; - } - - .px-xl-10 { - padding-left: 12rem !important; - padding-right: 12rem !important; - } - - .px-xl-11 { - padding-left: 14rem !important; - padding-right: 14rem !important; - } - - .px-xl-12 { - padding-left: 16rem !important; - padding-right: 16rem !important; - } -} - -@media (min-width: 1200px) { - .py-xl-6 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; - } - - .py-xl-7 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; - } - - .py-xl-8 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; - } - - .py-xl-9 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; - } - - .py-xl-10 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; - } - - .py-xl-11 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; - } - - .py-xl-12 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; - } -} - -@media (min-width: 992px) { - .p-lg-6 { - padding: 4rem !important; - } - - .p-lg-7 { - padding: 6rem !important; - } - - .p-lg-8 { - padding: 8rem !important; - } - - .p-lg-9 { - padding: 10rem !important; - } - - .p-lg-10 { - padding: 12rem !important; - } - - .p-lg-11 { - padding: 14rem !important; - } - - .p-lg-12 { - padding: 16rem !important; - } -} - -@media (min-width: 992px) { - .pt-lg-6 { - padding-top: 4rem !important; - } - - .pt-lg-7 { - padding-top: 6rem !important; - } - - .pt-lg-8 { - padding-top: 8rem !important; - } - - .pt-lg-9 { - padding-top: 10rem !important; - } - - .pt-lg-10 { - padding-top: 12rem !important; - } - - .pt-lg-11 { - padding-top: 14rem !important; - } - - .pt-lg-12 { - padding-top: 16rem !important; - } -} - -@media (min-width: 992px) { - .pe-lg-6 { - padding-right: 4rem !important; - } - - .pe-lg-7 { - padding-right: 6rem !important; - } - - .pe-lg-8 { - padding-right: 8rem !important; - } - - .pe-lg-9 { - padding-right: 10rem !important; - } - - .pe-lg-10 { - padding-right: 12rem !important; - } - - .pe-lg-11 { - padding-right: 14rem !important; - } - - .pe-lg-12 { - padding-right: 16rem !important; - } -} - -@media (min-width: 992px) { - .pb-lg-6 { - padding-bottom: 4rem !important; - } - - .pb-lg-7 { - padding-bottom: 6rem !important; - } - - .pb-lg-8 { - padding-bottom: 8rem !important; - } - - .pb-lg-9 { - padding-bottom: 10rem !important; - } - - .pb-lg-10 { - padding-bottom: 12rem !important; - } - - .pb-lg-11 { - padding-bottom: 14rem !important; - } - - .pb-lg-12 { - padding-bottom: 16rem !important; - } -} - -@media (min-width: 992px) { - .ps-lg-6 { - padding-top: 4rem !important; - } - - .ps-lg-7 { - padding-top: 6rem !important; - } - - .ps-lg-8 { - padding-top: 8rem !important; - } - - .ps-lg-9 { - padding-top: 10rem !important; - } - - .ps-lg-10 { - padding-top: 12rem !important; - } - - .ps-lg-11 { - padding-top: 14rem !important; - } - - .ps-lg-12 { - padding-top: 16rem !important; - } -} - -@media (min-width: 992px) { - .px-lg-6 { - padding-left: 4rem !important; - padding-right: 4rem !important; - } - - .px-lg-7 { - padding-left: 6rem !important; - padding-right: 6rem !important; - } - - .px-lg-8 { - padding-left: 8rem !important; - padding-right: 8rem !important; - } - - .px-lg-9 { - padding-left: 10rem !important; - padding-right: 10rem !important; - } - - .px-lg-10 { - padding-left: 12rem !important; - padding-right: 12rem !important; - } - - .px-lg-11 { - padding-left: 14rem !important; - padding-right: 14rem !important; - } - - .px-lg-12 { - padding-left: 16rem !important; - padding-right: 16rem !important; - } -} - -@media (min-width: 992px) { - .py-lg-6 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; - } - - .py-lg-7 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; - } - - .py-lg-8 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; - } - - .py-lg-9 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; - } - - .py-lg-10 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; - } - - .py-lg-11 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; - } - - .py-lg-12 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; - } -} - -@media (min-width: 768px) { - .p-md-6 { - padding: 4rem !important; - } - - .p-md-7 { - padding: 6rem !important; - } - - .p-md-8 { - padding: 8rem !important; - } - - .p-md-9 { - padding: 10rem !important; - } - - .p-md-10 { - padding: 12rem !important; - } - - .p-md-11 { - padding: 14rem !important; - } - - .p-md-12 { - padding: 16rem !important; - } -} - -@media (min-width: 768px) { - .pt-md-6 { - padding-top: 4rem !important; - } - - .pt-md-7 { - padding-top: 6rem !important; - } - - .pt-md-8 { - padding-top: 8rem !important; - } - - .pt-md-9 { - padding-top: 10rem !important; - } - - .pt-md-10 { - padding-top: 12rem !important; - } - - .pt-md-11 { - padding-top: 14rem !important; - } - - .pt-md-12 { - padding-top: 16rem !important; - } -} - -@media (min-width: 768px) { - .pe-md-6 { - padding-right: 4rem !important; - } - - .pe-md-7 { - padding-right: 6rem !important; - } - - .pe-md-8 { - padding-right: 8rem !important; - } - - .pe-md-9 { - padding-right: 10rem !important; - } - - .pe-md-10 { - padding-right: 12rem !important; - } - - .pe-md-11 { - padding-right: 14rem !important; - } - - .pe-md-12 { - padding-right: 16rem !important; - } -} - -@media (min-width: 768px) { - .pb-md-6 { - padding-bottom: 4rem !important; - } - - .pb-md-7 { - padding-bottom: 6rem !important; - } - - .pb-md-8 { - padding-bottom: 8rem !important; - } - - .pb-md-9 { - padding-bottom: 10rem !important; - } - - .pb-md-10 { - padding-bottom: 12rem !important; - } - - .pb-md-11 { - padding-bottom: 14rem !important; - } - - .pb-md-12 { - padding-bottom: 16rem !important; - } -} - -@media (min-width: 768px) { - .ps-md-6 { - padding-top: 4rem !important; - } - - .ps-md-7 { - padding-top: 6rem !important; - } - - .ps-md-8 { - padding-top: 8rem !important; - } - - .ps-md-9 { - padding-top: 10rem !important; - } - - .ps-md-10 { - padding-top: 12rem !important; - } - - .ps-md-11 { - padding-top: 14rem !important; - } - - .ps-md-12 { - padding-top: 16rem !important; - } -} - -@media (min-width: 768px) { - .px-md-6 { - padding-left: 4rem !important; - padding-right: 4rem !important; - } - - .px-md-7 { - padding-left: 6rem !important; - padding-right: 6rem !important; - } - - .px-md-8 { - padding-left: 8rem !important; - padding-right: 8rem !important; - } - - .px-md-9 { - padding-left: 10rem !important; - padding-right: 10rem !important; - } - - .px-md-10 { - padding-left: 12rem !important; - padding-right: 12rem !important; - } - - .px-md-11 { - padding-left: 14rem !important; - padding-right: 14rem !important; - } - - .px-md-12 { - padding-left: 16rem !important; - padding-right: 16rem !important; - } -} - -@media (min-width: 768px) { - .py-md-6 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; - } - - .py-md-7 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; - } - - .py-md-8 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; - } - - .py-md-9 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; - } - - .py-md-10 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; - } - - .py-md-11 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; - } - - .py-md-12 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; - } -} - -@media (min-width: 576px) { - .p-sm-6 { - padding: 4rem !important; - } - - .p-sm-7 { - padding: 6rem !important; - } - - .p-sm-8 { - padding: 8rem !important; - } - - .p-sm-9 { - padding: 10rem !important; - } - - .p-sm-10 { - padding: 12rem !important; - } - - .p-sm-11 { - padding: 14rem !important; - } - - .p-sm-12 { - padding: 16rem !important; - } -} - -@media (min-width: 576px) { - .pt-sm-6 { - padding-top: 4rem !important; - } - - .pt-sm-7 { - padding-top: 6rem !important; - } - - .pt-sm-8 { - padding-top: 8rem !important; - } - - .pt-sm-9 { - padding-top: 10rem !important; - } - - .pt-sm-10 { - padding-top: 12rem !important; - } - - .pt-sm-11 { - padding-top: 14rem !important; - } - - .pt-sm-12 { - padding-top: 16rem !important; - } -} - -@media (min-width: 576px) { - .pe-sm-6 { - padding-right: 4rem !important; - } - - .pe-sm-7 { - padding-right: 6rem !important; - } - - .pe-sm-8 { - padding-right: 8rem !important; - } - - .pe-sm-9 { - padding-right: 10rem !important; - } - - .pe-sm-10 { - padding-right: 12rem !important; - } - - .pe-sm-11 { - padding-right: 14rem !important; - } - - .pe-sm-12 { - padding-right: 16rem !important; - } -} - -@media (min-width: 576px) { - .pb-sm-6 { - padding-bottom: 4rem !important; - } - - .pb-sm-7 { - padding-bottom: 6rem !important; - } - - .pb-sm-8 { - padding-bottom: 8rem !important; - } - - .pb-sm-9 { - padding-bottom: 10rem !important; - } - - .pb-sm-10 { - padding-bottom: 12rem !important; - } - - .pb-sm-11 { - padding-bottom: 14rem !important; - } - - .pb-sm-12 { - padding-bottom: 16rem !important; - } -} - -@media (min-width: 576px) { - .ps-sm-6 { - padding-left: 4rem !important; - } - - .ps-sm-7 { - padding-left: 6rem !important; - } - - .ps-sm-8 { - padding-left: 8rem !important; - } - - .ps-sm-9 { - padding-left: 10rem !important; - } - - .ps-sm-10 { - padding-left: 12rem !important; - } - - .ps-sm-11 { - padding-left: 14rem !important; - } - - .ps-sm-12 { - padding-left: 16rem !important; - } -} - -@media (min-width: 576px) { - .px-sm-6 { - padding-left: 4rem !important; - padding-right: 4rem !important; - } - - .px-sm-7 { - padding-left: 6rem !important; - padding-right: 6rem !important; - } - - .px-sm-8 { - padding-left: 8rem !important; - padding-right: 8rem !important; - } - - .px-sm-9 { - padding-left: 10rem !important; - padding-right: 10rem !important; - } - - .px-sm-10 { - padding-left: 12rem !important; - padding-right: 12rem !important; - } - - .px-sm-11 { - padding-left: 14rem !important; - padding-right: 14rem !important; - } - - .px-sm-12 { - padding-left: 16rem !important; - padding-right: 16rem !important; - } -} - -@media (min-width: 576px) { - .py-sm-6 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; - } - - .py-sm-7 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; - } - - .py-sm-8 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; - } - - .py-sm-9 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; - } - - .py-sm-10 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; - } - - .py-sm-11 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; - } - - .py-sm-12 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; - } -} - -.p-xs-6 { - padding: 4rem !important; -} - -.p-xs-7 { - padding: 6rem !important; -} - -.p-xs-8 { - padding: 8rem !important; -} - -.p-xs-9 { - padding: 10rem !important; -} - -.p-xs-10 { - padding: 12rem !important; -} - -.p-xs-11 { - padding: 14rem !important; -} - -.p-xs-12 { - padding: 16rem !important; -} - -.pt-xs-6 { - padding-top: 4rem !important; -} - -.pt-xs-7 { - padding-top: 6rem !important; -} - -.pt-xs-8 { - padding-top: 8rem !important; -} - -.pt-xs-9 { - padding-top: 10rem !important; -} - -.pt-xs-10 { - padding-top: 12rem !important; -} - -.pt-xs-11 { - padding-top: 14rem !important; -} - -.pt-xs-12 { - padding-top: 16rem !important; -} - -.pe-xs-6 { - padding-right: 4rem !important; -} - -.pe-xs-7 { - padding-right: 6rem !important; -} - -.pe-xs-8 { - padding-right: 8rem !important; -} - -.pe-xs-9 { - padding-right: 10rem !important; -} - -.pe-xs-10 { - padding-right: 12rem !important; -} - -.pe-xs-11 { - padding-right: 14rem !important; -} - -.pe-xs-12 { - padding-right: 16rem !important; -} - -.pb-xs-6 { - padding-bottom: 4rem !important; -} - -.pb-xs-7 { - padding-bottom: 6rem !important; -} - -.pb-xs-8 { - padding-bottom: 8rem !important; -} - -.pb-xs-9 { - padding-bottom: 10rem !important; -} - -.pb-xs-10 { - padding-bottom: 12rem !important; -} - -.pb-xs-11 { - padding-bottom: 14rem !important; -} - -.pb-xs-12 { - padding-bottom: 16rem !important; -} - -.ps-xs-6 { - padding-top: 4rem !important; -} - -.ps-xs-7 { - padding-top: 6rem !important; -} - -.ps-xs-8 { - padding-top: 8rem !important; -} + .float-sm-start { + float: left !important; } + .float-sm-end { + float: right !important; } + .float-sm-none { + float: none !important; } + .d-sm-inline { + display: inline !important; } + .d-sm-inline-block { + display: inline-block !important; } + .d-sm-block { + display: block !important; } + .d-sm-grid { + display: grid !important; } + .d-sm-table { + display: table !important; } + .d-sm-table-row { + display: table-row !important; } + .d-sm-table-cell { + display: table-cell !important; } + .d-sm-flex { + display: flex !important; } + .d-sm-inline-flex { + display: inline-flex !important; } + .d-sm-none { + display: none !important; } + .flex-sm-fill { + flex: 1 1 auto !important; } + .flex-sm-row { + flex-direction: row !important; } + .flex-sm-column { + flex-direction: column !important; } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; } + .flex-sm-grow-0 { + flex-grow: 0 !important; } + .flex-sm-grow-1 { + flex-grow: 1 !important; } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; } + .flex-sm-wrap { + flex-wrap: wrap !important; } + .flex-sm-nowrap { + flex-wrap: nowrap !important; } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; } + .gap-sm-0 { + gap: 0 !important; } + .gap-sm-1 { + gap: 0.25rem !important; } + .gap-sm-2 { + gap: 0.5rem !important; } + .gap-sm-3 { + gap: 1rem !important; } + .gap-sm-4 { + gap: 1.5rem !important; } + .gap-sm-5 { + gap: 3rem !important; } + .justify-content-sm-start { + justify-content: flex-start !important; } + .justify-content-sm-end { + justify-content: flex-end !important; } + .justify-content-sm-center { + justify-content: center !important; } + .justify-content-sm-between { + justify-content: space-between !important; } + .justify-content-sm-around { + justify-content: space-around !important; } + .justify-content-sm-evenly { + justify-content: space-evenly !important; } + .align-items-sm-start { + align-items: flex-start !important; } + .align-items-sm-end { + align-items: flex-end !important; } + .align-items-sm-center { + align-items: center !important; } + .align-items-sm-baseline { + align-items: baseline !important; } + .align-items-sm-stretch { + align-items: stretch !important; } + .align-content-sm-start { + align-content: flex-start !important; } + .align-content-sm-end { + align-content: flex-end !important; } + .align-content-sm-center { + align-content: center !important; } + .align-content-sm-between { + align-content: space-between !important; } + .align-content-sm-around { + align-content: space-around !important; } + .align-content-sm-stretch { + align-content: stretch !important; } + .align-self-sm-auto { + align-self: auto !important; } + .align-self-sm-start { + align-self: flex-start !important; } + .align-self-sm-end { + align-self: flex-end !important; } + .align-self-sm-center { + align-self: center !important; } + .align-self-sm-baseline { + align-self: baseline !important; } + .align-self-sm-stretch { + align-self: stretch !important; } + .order-sm-first { + order: -1 !important; } + .order-sm-0 { + order: 0 !important; } + .order-sm-1 { + order: 1 !important; } + .order-sm-2 { + order: 2 !important; } + .order-sm-3 { + order: 3 !important; } + .order-sm-4 { + order: 4 !important; } + .order-sm-5 { + order: 5 !important; } + .order-sm-last { + order: 6 !important; } + .m-sm-0 { + margin: 0 !important; } + .m-sm-1 { + margin: 0.25rem !important; } + .m-sm-2 { + margin: 0.5rem !important; } + .m-sm-3 { + margin: 1rem !important; } + .m-sm-4 { + margin: 1.5rem !important; } + .m-sm-5 { + margin: 3rem !important; } + .m-sm-auto { + margin: auto !important; } + .mx-sm-0 { + margin-right: 0 !important; + margin-left: 0 !important; } + .mx-sm-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; } + .mx-sm-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; } + .mx-sm-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; } + .mx-sm-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } + .mx-sm-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; } + .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; } + .my-sm-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + .my-sm-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } + .my-sm-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } + .my-sm-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + .my-sm-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + .my-sm-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + .my-sm-auto { + margin-top: auto !important; + margin-bottom: auto !important; } + .mt-sm-0 { + margin-top: 0 !important; } + .mt-sm-1 { + margin-top: 0.25rem !important; } + .mt-sm-2 { + margin-top: 0.5rem !important; } + .mt-sm-3 { + margin-top: 1rem !important; } + .mt-sm-4 { + margin-top: 1.5rem !important; } + .mt-sm-5 { + margin-top: 3rem !important; } + .mt-sm-auto { + margin-top: auto !important; } + .me-sm-0 { + margin-right: 0 !important; } + .me-sm-1 { + margin-right: 0.25rem !important; } + .me-sm-2 { + margin-right: 0.5rem !important; } + .me-sm-3 { + margin-right: 1rem !important; } + .me-sm-4 { + margin-right: 1.5rem !important; } + .me-sm-5 { + margin-right: 3rem !important; } + .me-sm-auto { + margin-right: auto !important; } + .mb-sm-0 { + margin-bottom: 0 !important; } + .mb-sm-1 { + margin-bottom: 0.25rem !important; } + .mb-sm-2 { + margin-bottom: 0.5rem !important; } + .mb-sm-3 { + margin-bottom: 1rem !important; } + .mb-sm-4 { + margin-bottom: 1.5rem !important; } + .mb-sm-5 { + margin-bottom: 3rem !important; } + .mb-sm-auto { + margin-bottom: auto !important; } + .ms-sm-0 { + margin-left: 0 !important; } + .ms-sm-1 { + margin-left: 0.25rem !important; } + .ms-sm-2 { + margin-left: 0.5rem !important; } + .ms-sm-3 { + margin-left: 1rem !important; } + .ms-sm-4 { + margin-left: 1.5rem !important; } + .ms-sm-5 { + margin-left: 3rem !important; } + .ms-sm-auto { + margin-left: auto !important; } + .m-sm-n1 { + margin: -0.25rem !important; } + .m-sm-n2 { + margin: -0.5rem !important; } + .m-sm-n3 { + margin: -1rem !important; } + .m-sm-n4 { + margin: -1.5rem !important; } + .m-sm-n5 { + margin: -3rem !important; } + .mx-sm-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; } + .mx-sm-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; } + .mx-sm-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; } + .mx-sm-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; } + .mx-sm-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; } + .my-sm-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } + .my-sm-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } + .my-sm-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; } + .my-sm-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } + .my-sm-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; } + .mt-sm-n1 { + margin-top: -0.25rem !important; } + .mt-sm-n2 { + margin-top: -0.5rem !important; } + .mt-sm-n3 { + margin-top: -1rem !important; } + .mt-sm-n4 { + margin-top: -1.5rem !important; } + .mt-sm-n5 { + margin-top: -3rem !important; } + .me-sm-n1 { + margin-right: -0.25rem !important; } + .me-sm-n2 { + margin-right: -0.5rem !important; } + .me-sm-n3 { + margin-right: -1rem !important; } + .me-sm-n4 { + margin-right: -1.5rem !important; } + .me-sm-n5 { + margin-right: -3rem !important; } + .mb-sm-n1 { + margin-bottom: -0.25rem !important; } + .mb-sm-n2 { + margin-bottom: -0.5rem !important; } + .mb-sm-n3 { + margin-bottom: -1rem !important; } + .mb-sm-n4 { + margin-bottom: -1.5rem !important; } + .mb-sm-n5 { + margin-bottom: -3rem !important; } + .ms-sm-n1 { + margin-left: -0.25rem !important; } + .ms-sm-n2 { + margin-left: -0.5rem !important; } + .ms-sm-n3 { + margin-left: -1rem !important; } + .ms-sm-n4 { + margin-left: -1.5rem !important; } + .ms-sm-n5 { + margin-left: -3rem !important; } + .p-sm-0 { + padding: 0 !important; } + .p-sm-1 { + padding: 0.25rem !important; } + .p-sm-2 { + padding: 0.5rem !important; } + .p-sm-3 { + padding: 1rem !important; } + .p-sm-4 { + padding: 1.5rem !important; } + .p-sm-5 { + padding: 3rem !important; } + .px-sm-0 { + padding-right: 0 !important; + padding-left: 0 !important; } + .px-sm-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } + .px-sm-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } + .px-sm-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; } + .px-sm-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } + .px-sm-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; } + .py-sm-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + .py-sm-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } + .py-sm-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + .py-sm-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + .py-sm-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + .py-sm-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + .pt-sm-0 { + padding-top: 0 !important; } + .pt-sm-1 { + padding-top: 0.25rem !important; } + .pt-sm-2 { + padding-top: 0.5rem !important; } + .pt-sm-3 { + padding-top: 1rem !important; } + .pt-sm-4 { + padding-top: 1.5rem !important; } + .pt-sm-5 { + padding-top: 3rem !important; } + .pe-sm-0 { + padding-right: 0 !important; } + .pe-sm-1 { + padding-right: 0.25rem !important; } + .pe-sm-2 { + padding-right: 0.5rem !important; } + .pe-sm-3 { + padding-right: 1rem !important; } + .pe-sm-4 { + padding-right: 1.5rem !important; } + .pe-sm-5 { + padding-right: 3rem !important; } + .pb-sm-0 { + padding-bottom: 0 !important; } + .pb-sm-1 { + padding-bottom: 0.25rem !important; } + .pb-sm-2 { + padding-bottom: 0.5rem !important; } + .pb-sm-3 { + padding-bottom: 1rem !important; } + .pb-sm-4 { + padding-bottom: 1.5rem !important; } + .pb-sm-5 { + padding-bottom: 3rem !important; } + .ps-sm-0 { + padding-left: 0 !important; } + .ps-sm-1 { + padding-left: 0.25rem !important; } + .ps-sm-2 { + padding-left: 0.5rem !important; } + .ps-sm-3 { + padding-left: 1rem !important; } + .ps-sm-4 { + padding-left: 1.5rem !important; } + .ps-sm-5 { + padding-left: 3rem !important; } + .text-sm-start { + text-align: left !important; } + .text-sm-end { + text-align: right !important; } + .text-sm-center { + text-align: center !important; } } -.ps-xs-9 { - padding-top: 10rem !important; -} +@media (min-width: 768px) { + .float-md-start { + float: left !important; } + .float-md-end { + float: right !important; } + .float-md-none { + float: none !important; } + .d-md-inline { + display: inline !important; } + .d-md-inline-block { + display: inline-block !important; } + .d-md-block { + display: block !important; } + .d-md-grid { + display: grid !important; } + .d-md-table { + display: table !important; } + .d-md-table-row { + display: table-row !important; } + .d-md-table-cell { + display: table-cell !important; } + .d-md-flex { + display: flex !important; } + .d-md-inline-flex { + display: inline-flex !important; } + .d-md-none { + display: none !important; } + .flex-md-fill { + flex: 1 1 auto !important; } + .flex-md-row { + flex-direction: row !important; } + .flex-md-column { + flex-direction: column !important; } + .flex-md-row-reverse { + flex-direction: row-reverse !important; } + .flex-md-column-reverse { + flex-direction: column-reverse !important; } + .flex-md-grow-0 { + flex-grow: 0 !important; } + .flex-md-grow-1 { + flex-grow: 1 !important; } + .flex-md-shrink-0 { + flex-shrink: 0 !important; } + .flex-md-shrink-1 { + flex-shrink: 1 !important; } + .flex-md-wrap { + flex-wrap: wrap !important; } + .flex-md-nowrap { + flex-wrap: nowrap !important; } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; } + .gap-md-0 { + gap: 0 !important; } + .gap-md-1 { + gap: 0.25rem !important; } + .gap-md-2 { + gap: 0.5rem !important; } + .gap-md-3 { + gap: 1rem !important; } + .gap-md-4 { + gap: 1.5rem !important; } + .gap-md-5 { + gap: 3rem !important; } + .justify-content-md-start { + justify-content: flex-start !important; } + .justify-content-md-end { + justify-content: flex-end !important; } + .justify-content-md-center { + justify-content: center !important; } + .justify-content-md-between { + justify-content: space-between !important; } + .justify-content-md-around { + justify-content: space-around !important; } + .justify-content-md-evenly { + justify-content: space-evenly !important; } + .align-items-md-start { + align-items: flex-start !important; } + .align-items-md-end { + align-items: flex-end !important; } + .align-items-md-center { + align-items: center !important; } + .align-items-md-baseline { + align-items: baseline !important; } + .align-items-md-stretch { + align-items: stretch !important; } + .align-content-md-start { + align-content: flex-start !important; } + .align-content-md-end { + align-content: flex-end !important; } + .align-content-md-center { + align-content: center !important; } + .align-content-md-between { + align-content: space-between !important; } + .align-content-md-around { + align-content: space-around !important; } + .align-content-md-stretch { + align-content: stretch !important; } + .align-self-md-auto { + align-self: auto !important; } + .align-self-md-start { + align-self: flex-start !important; } + .align-self-md-end { + align-self: flex-end !important; } + .align-self-md-center { + align-self: center !important; } + .align-self-md-baseline { + align-self: baseline !important; } + .align-self-md-stretch { + align-self: stretch !important; } + .order-md-first { + order: -1 !important; } + .order-md-0 { + order: 0 !important; } + .order-md-1 { + order: 1 !important; } + .order-md-2 { + order: 2 !important; } + .order-md-3 { + order: 3 !important; } + .order-md-4 { + order: 4 !important; } + .order-md-5 { + order: 5 !important; } + .order-md-last { + order: 6 !important; } + .m-md-0 { + margin: 0 !important; } + .m-md-1 { + margin: 0.25rem !important; } + .m-md-2 { + margin: 0.5rem !important; } + .m-md-3 { + margin: 1rem !important; } + .m-md-4 { + margin: 1.5rem !important; } + .m-md-5 { + margin: 3rem !important; } + .m-md-auto { + margin: auto !important; } + .mx-md-0 { + margin-right: 0 !important; + margin-left: 0 !important; } + .mx-md-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; } + .mx-md-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; } + .mx-md-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; } + .mx-md-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } + .mx-md-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; } + .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; } + .my-md-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + .my-md-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } + .my-md-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } + .my-md-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + .my-md-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + .my-md-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + .my-md-auto { + margin-top: auto !important; + margin-bottom: auto !important; } + .mt-md-0 { + margin-top: 0 !important; } + .mt-md-1 { + margin-top: 0.25rem !important; } + .mt-md-2 { + margin-top: 0.5rem !important; } + .mt-md-3 { + margin-top: 1rem !important; } + .mt-md-4 { + margin-top: 1.5rem !important; } + .mt-md-5 { + margin-top: 3rem !important; } + .mt-md-auto { + margin-top: auto !important; } + .me-md-0 { + margin-right: 0 !important; } + .me-md-1 { + margin-right: 0.25rem !important; } + .me-md-2 { + margin-right: 0.5rem !important; } + .me-md-3 { + margin-right: 1rem !important; } + .me-md-4 { + margin-right: 1.5rem !important; } + .me-md-5 { + margin-right: 3rem !important; } + .me-md-auto { + margin-right: auto !important; } + .mb-md-0 { + margin-bottom: 0 !important; } + .mb-md-1 { + margin-bottom: 0.25rem !important; } + .mb-md-2 { + margin-bottom: 0.5rem !important; } + .mb-md-3 { + margin-bottom: 1rem !important; } + .mb-md-4 { + margin-bottom: 1.5rem !important; } + .mb-md-5 { + margin-bottom: 3rem !important; } + .mb-md-auto { + margin-bottom: auto !important; } + .ms-md-0 { + margin-left: 0 !important; } + .ms-md-1 { + margin-left: 0.25rem !important; } + .ms-md-2 { + margin-left: 0.5rem !important; } + .ms-md-3 { + margin-left: 1rem !important; } + .ms-md-4 { + margin-left: 1.5rem !important; } + .ms-md-5 { + margin-left: 3rem !important; } + .ms-md-auto { + margin-left: auto !important; } + .m-md-n1 { + margin: -0.25rem !important; } + .m-md-n2 { + margin: -0.5rem !important; } + .m-md-n3 { + margin: -1rem !important; } + .m-md-n4 { + margin: -1.5rem !important; } + .m-md-n5 { + margin: -3rem !important; } + .mx-md-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; } + .mx-md-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; } + .mx-md-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; } + .mx-md-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; } + .mx-md-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; } + .my-md-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } + .my-md-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } + .my-md-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; } + .my-md-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } + .my-md-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; } + .mt-md-n1 { + margin-top: -0.25rem !important; } + .mt-md-n2 { + margin-top: -0.5rem !important; } + .mt-md-n3 { + margin-top: -1rem !important; } + .mt-md-n4 { + margin-top: -1.5rem !important; } + .mt-md-n5 { + margin-top: -3rem !important; } + .me-md-n1 { + margin-right: -0.25rem !important; } + .me-md-n2 { + margin-right: -0.5rem !important; } + .me-md-n3 { + margin-right: -1rem !important; } + .me-md-n4 { + margin-right: -1.5rem !important; } + .me-md-n5 { + margin-right: -3rem !important; } + .mb-md-n1 { + margin-bottom: -0.25rem !important; } + .mb-md-n2 { + margin-bottom: -0.5rem !important; } + .mb-md-n3 { + margin-bottom: -1rem !important; } + .mb-md-n4 { + margin-bottom: -1.5rem !important; } + .mb-md-n5 { + margin-bottom: -3rem !important; } + .ms-md-n1 { + margin-left: -0.25rem !important; } + .ms-md-n2 { + margin-left: -0.5rem !important; } + .ms-md-n3 { + margin-left: -1rem !important; } + .ms-md-n4 { + margin-left: -1.5rem !important; } + .ms-md-n5 { + margin-left: -3rem !important; } + .p-md-0 { + padding: 0 !important; } + .p-md-1 { + padding: 0.25rem !important; } + .p-md-2 { + padding: 0.5rem !important; } + .p-md-3 { + padding: 1rem !important; } + .p-md-4 { + padding: 1.5rem !important; } + .p-md-5 { + padding: 3rem !important; } + .px-md-0 { + padding-right: 0 !important; + padding-left: 0 !important; } + .px-md-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } + .px-md-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } + .px-md-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; } + .px-md-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } + .px-md-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; } + .py-md-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + .py-md-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } + .py-md-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + .py-md-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + .py-md-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + .py-md-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + .pt-md-0 { + padding-top: 0 !important; } + .pt-md-1 { + padding-top: 0.25rem !important; } + .pt-md-2 { + padding-top: 0.5rem !important; } + .pt-md-3 { + padding-top: 1rem !important; } + .pt-md-4 { + padding-top: 1.5rem !important; } + .pt-md-5 { + padding-top: 3rem !important; } + .pe-md-0 { + padding-right: 0 !important; } + .pe-md-1 { + padding-right: 0.25rem !important; } + .pe-md-2 { + padding-right: 0.5rem !important; } + .pe-md-3 { + padding-right: 1rem !important; } + .pe-md-4 { + padding-right: 1.5rem !important; } + .pe-md-5 { + padding-right: 3rem !important; } + .pb-md-0 { + padding-bottom: 0 !important; } + .pb-md-1 { + padding-bottom: 0.25rem !important; } + .pb-md-2 { + padding-bottom: 0.5rem !important; } + .pb-md-3 { + padding-bottom: 1rem !important; } + .pb-md-4 { + padding-bottom: 1.5rem !important; } + .pb-md-5 { + padding-bottom: 3rem !important; } + .ps-md-0 { + padding-left: 0 !important; } + .ps-md-1 { + padding-left: 0.25rem !important; } + .ps-md-2 { + padding-left: 0.5rem !important; } + .ps-md-3 { + padding-left: 1rem !important; } + .ps-md-4 { + padding-left: 1.5rem !important; } + .ps-md-5 { + padding-left: 3rem !important; } + .text-md-start { + text-align: left !important; } + .text-md-end { + text-align: right !important; } + .text-md-center { + text-align: center !important; } } -.ps-xs-10 { - padding-top: 12rem !important; -} +@media (min-width: 992px) { + .float-lg-start { + float: left !important; } + .float-lg-end { + float: right !important; } + .float-lg-none { + float: none !important; } + .d-lg-inline { + display: inline !important; } + .d-lg-inline-block { + display: inline-block !important; } + .d-lg-block { + display: block !important; } + .d-lg-grid { + display: grid !important; } + .d-lg-table { + display: table !important; } + .d-lg-table-row { + display: table-row !important; } + .d-lg-table-cell { + display: table-cell !important; } + .d-lg-flex { + display: flex !important; } + .d-lg-inline-flex { + display: inline-flex !important; } + .d-lg-none { + display: none !important; } + .flex-lg-fill { + flex: 1 1 auto !important; } + .flex-lg-row { + flex-direction: row !important; } + .flex-lg-column { + flex-direction: column !important; } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; } + .flex-lg-grow-0 { + flex-grow: 0 !important; } + .flex-lg-grow-1 { + flex-grow: 1 !important; } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; } + .flex-lg-wrap { + flex-wrap: wrap !important; } + .flex-lg-nowrap { + flex-wrap: nowrap !important; } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; } + .gap-lg-0 { + gap: 0 !important; } + .gap-lg-1 { + gap: 0.25rem !important; } + .gap-lg-2 { + gap: 0.5rem !important; } + .gap-lg-3 { + gap: 1rem !important; } + .gap-lg-4 { + gap: 1.5rem !important; } + .gap-lg-5 { + gap: 3rem !important; } + .justify-content-lg-start { + justify-content: flex-start !important; } + .justify-content-lg-end { + justify-content: flex-end !important; } + .justify-content-lg-center { + justify-content: center !important; } + .justify-content-lg-between { + justify-content: space-between !important; } + .justify-content-lg-around { + justify-content: space-around !important; } + .justify-content-lg-evenly { + justify-content: space-evenly !important; } + .align-items-lg-start { + align-items: flex-start !important; } + .align-items-lg-end { + align-items: flex-end !important; } + .align-items-lg-center { + align-items: center !important; } + .align-items-lg-baseline { + align-items: baseline !important; } + .align-items-lg-stretch { + align-items: stretch !important; } + .align-content-lg-start { + align-content: flex-start !important; } + .align-content-lg-end { + align-content: flex-end !important; } + .align-content-lg-center { + align-content: center !important; } + .align-content-lg-between { + align-content: space-between !important; } + .align-content-lg-around { + align-content: space-around !important; } + .align-content-lg-stretch { + align-content: stretch !important; } + .align-self-lg-auto { + align-self: auto !important; } + .align-self-lg-start { + align-self: flex-start !important; } + .align-self-lg-end { + align-self: flex-end !important; } + .align-self-lg-center { + align-self: center !important; } + .align-self-lg-baseline { + align-self: baseline !important; } + .align-self-lg-stretch { + align-self: stretch !important; } + .order-lg-first { + order: -1 !important; } + .order-lg-0 { + order: 0 !important; } + .order-lg-1 { + order: 1 !important; } + .order-lg-2 { + order: 2 !important; } + .order-lg-3 { + order: 3 !important; } + .order-lg-4 { + order: 4 !important; } + .order-lg-5 { + order: 5 !important; } + .order-lg-last { + order: 6 !important; } + .m-lg-0 { + margin: 0 !important; } + .m-lg-1 { + margin: 0.25rem !important; } + .m-lg-2 { + margin: 0.5rem !important; } + .m-lg-3 { + margin: 1rem !important; } + .m-lg-4 { + margin: 1.5rem !important; } + .m-lg-5 { + margin: 3rem !important; } + .m-lg-auto { + margin: auto !important; } + .mx-lg-0 { + margin-right: 0 !important; + margin-left: 0 !important; } + .mx-lg-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; } + .mx-lg-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; } + .mx-lg-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; } + .mx-lg-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } + .mx-lg-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; } + .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; } + .my-lg-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + .my-lg-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } + .my-lg-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } + .my-lg-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + .my-lg-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + .my-lg-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + .my-lg-auto { + margin-top: auto !important; + margin-bottom: auto !important; } + .mt-lg-0 { + margin-top: 0 !important; } + .mt-lg-1 { + margin-top: 0.25rem !important; } + .mt-lg-2 { + margin-top: 0.5rem !important; } + .mt-lg-3 { + margin-top: 1rem !important; } + .mt-lg-4 { + margin-top: 1.5rem !important; } + .mt-lg-5 { + margin-top: 3rem !important; } + .mt-lg-auto { + margin-top: auto !important; } + .me-lg-0 { + margin-right: 0 !important; } + .me-lg-1 { + margin-right: 0.25rem !important; } + .me-lg-2 { + margin-right: 0.5rem !important; } + .me-lg-3 { + margin-right: 1rem !important; } + .me-lg-4 { + margin-right: 1.5rem !important; } + .me-lg-5 { + margin-right: 3rem !important; } + .me-lg-auto { + margin-right: auto !important; } + .mb-lg-0 { + margin-bottom: 0 !important; } + .mb-lg-1 { + margin-bottom: 0.25rem !important; } + .mb-lg-2 { + margin-bottom: 0.5rem !important; } + .mb-lg-3 { + margin-bottom: 1rem !important; } + .mb-lg-4 { + margin-bottom: 1.5rem !important; } + .mb-lg-5 { + margin-bottom: 3rem !important; } + .mb-lg-auto { + margin-bottom: auto !important; } + .ms-lg-0 { + margin-left: 0 !important; } + .ms-lg-1 { + margin-left: 0.25rem !important; } + .ms-lg-2 { + margin-left: 0.5rem !important; } + .ms-lg-3 { + margin-left: 1rem !important; } + .ms-lg-4 { + margin-left: 1.5rem !important; } + .ms-lg-5 { + margin-left: 3rem !important; } + .ms-lg-auto { + margin-left: auto !important; } + .m-lg-n1 { + margin: -0.25rem !important; } + .m-lg-n2 { + margin: -0.5rem !important; } + .m-lg-n3 { + margin: -1rem !important; } + .m-lg-n4 { + margin: -1.5rem !important; } + .m-lg-n5 { + margin: -3rem !important; } + .mx-lg-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; } + .mx-lg-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; } + .mx-lg-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; } + .mx-lg-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; } + .mx-lg-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; } + .my-lg-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } + .my-lg-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } + .my-lg-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; } + .my-lg-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } + .my-lg-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; } + .mt-lg-n1 { + margin-top: -0.25rem !important; } + .mt-lg-n2 { + margin-top: -0.5rem !important; } + .mt-lg-n3 { + margin-top: -1rem !important; } + .mt-lg-n4 { + margin-top: -1.5rem !important; } + .mt-lg-n5 { + margin-top: -3rem !important; } + .me-lg-n1 { + margin-right: -0.25rem !important; } + .me-lg-n2 { + margin-right: -0.5rem !important; } + .me-lg-n3 { + margin-right: -1rem !important; } + .me-lg-n4 { + margin-right: -1.5rem !important; } + .me-lg-n5 { + margin-right: -3rem !important; } + .mb-lg-n1 { + margin-bottom: -0.25rem !important; } + .mb-lg-n2 { + margin-bottom: -0.5rem !important; } + .mb-lg-n3 { + margin-bottom: -1rem !important; } + .mb-lg-n4 { + margin-bottom: -1.5rem !important; } + .mb-lg-n5 { + margin-bottom: -3rem !important; } + .ms-lg-n1 { + margin-left: -0.25rem !important; } + .ms-lg-n2 { + margin-left: -0.5rem !important; } + .ms-lg-n3 { + margin-left: -1rem !important; } + .ms-lg-n4 { + margin-left: -1.5rem !important; } + .ms-lg-n5 { + margin-left: -3rem !important; } + .p-lg-0 { + padding: 0 !important; } + .p-lg-1 { + padding: 0.25rem !important; } + .p-lg-2 { + padding: 0.5rem !important; } + .p-lg-3 { + padding: 1rem !important; } + .p-lg-4 { + padding: 1.5rem !important; } + .p-lg-5 { + padding: 3rem !important; } + .px-lg-0 { + padding-right: 0 !important; + padding-left: 0 !important; } + .px-lg-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } + .px-lg-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } + .px-lg-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; } + .px-lg-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } + .px-lg-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; } + .py-lg-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + .py-lg-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } + .py-lg-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + .py-lg-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + .py-lg-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + .py-lg-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + .pt-lg-0 { + padding-top: 0 !important; } + .pt-lg-1 { + padding-top: 0.25rem !important; } + .pt-lg-2 { + padding-top: 0.5rem !important; } + .pt-lg-3 { + padding-top: 1rem !important; } + .pt-lg-4 { + padding-top: 1.5rem !important; } + .pt-lg-5 { + padding-top: 3rem !important; } + .pe-lg-0 { + padding-right: 0 !important; } + .pe-lg-1 { + padding-right: 0.25rem !important; } + .pe-lg-2 { + padding-right: 0.5rem !important; } + .pe-lg-3 { + padding-right: 1rem !important; } + .pe-lg-4 { + padding-right: 1.5rem !important; } + .pe-lg-5 { + padding-right: 3rem !important; } + .pb-lg-0 { + padding-bottom: 0 !important; } + .pb-lg-1 { + padding-bottom: 0.25rem !important; } + .pb-lg-2 { + padding-bottom: 0.5rem !important; } + .pb-lg-3 { + padding-bottom: 1rem !important; } + .pb-lg-4 { + padding-bottom: 1.5rem !important; } + .pb-lg-5 { + padding-bottom: 3rem !important; } + .ps-lg-0 { + padding-left: 0 !important; } + .ps-lg-1 { + padding-left: 0.25rem !important; } + .ps-lg-2 { + padding-left: 0.5rem !important; } + .ps-lg-3 { + padding-left: 1rem !important; } + .ps-lg-4 { + padding-left: 1.5rem !important; } + .ps-lg-5 { + padding-left: 3rem !important; } + .text-lg-start { + text-align: left !important; } + .text-lg-end { + text-align: right !important; } + .text-lg-center { + text-align: center !important; } } -.ps-xs-11 { - padding-top: 14rem !important; -} +@media (min-width: 1200px) { + .float-xl-start { + float: left !important; } + .float-xl-end { + float: right !important; } + .float-xl-none { + float: none !important; } + .d-xl-inline { + display: inline !important; } + .d-xl-inline-block { + display: inline-block !important; } + .d-xl-block { + display: block !important; } + .d-xl-grid { + display: grid !important; } + .d-xl-table { + display: table !important; } + .d-xl-table-row { + display: table-row !important; } + .d-xl-table-cell { + display: table-cell !important; } + .d-xl-flex { + display: flex !important; } + .d-xl-inline-flex { + display: inline-flex !important; } + .d-xl-none { + display: none !important; } + .flex-xl-fill { + flex: 1 1 auto !important; } + .flex-xl-row { + flex-direction: row !important; } + .flex-xl-column { + flex-direction: column !important; } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; } + .flex-xl-grow-0 { + flex-grow: 0 !important; } + .flex-xl-grow-1 { + flex-grow: 1 !important; } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; } + .flex-xl-wrap { + flex-wrap: wrap !important; } + .flex-xl-nowrap { + flex-wrap: nowrap !important; } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; } + .gap-xl-0 { + gap: 0 !important; } + .gap-xl-1 { + gap: 0.25rem !important; } + .gap-xl-2 { + gap: 0.5rem !important; } + .gap-xl-3 { + gap: 1rem !important; } + .gap-xl-4 { + gap: 1.5rem !important; } + .gap-xl-5 { + gap: 3rem !important; } + .justify-content-xl-start { + justify-content: flex-start !important; } + .justify-content-xl-end { + justify-content: flex-end !important; } + .justify-content-xl-center { + justify-content: center !important; } + .justify-content-xl-between { + justify-content: space-between !important; } + .justify-content-xl-around { + justify-content: space-around !important; } + .justify-content-xl-evenly { + justify-content: space-evenly !important; } + .align-items-xl-start { + align-items: flex-start !important; } + .align-items-xl-end { + align-items: flex-end !important; } + .align-items-xl-center { + align-items: center !important; } + .align-items-xl-baseline { + align-items: baseline !important; } + .align-items-xl-stretch { + align-items: stretch !important; } + .align-content-xl-start { + align-content: flex-start !important; } + .align-content-xl-end { + align-content: flex-end !important; } + .align-content-xl-center { + align-content: center !important; } + .align-content-xl-between { + align-content: space-between !important; } + .align-content-xl-around { + align-content: space-around !important; } + .align-content-xl-stretch { + align-content: stretch !important; } + .align-self-xl-auto { + align-self: auto !important; } + .align-self-xl-start { + align-self: flex-start !important; } + .align-self-xl-end { + align-self: flex-end !important; } + .align-self-xl-center { + align-self: center !important; } + .align-self-xl-baseline { + align-self: baseline !important; } + .align-self-xl-stretch { + align-self: stretch !important; } + .order-xl-first { + order: -1 !important; } + .order-xl-0 { + order: 0 !important; } + .order-xl-1 { + order: 1 !important; } + .order-xl-2 { + order: 2 !important; } + .order-xl-3 { + order: 3 !important; } + .order-xl-4 { + order: 4 !important; } + .order-xl-5 { + order: 5 !important; } + .order-xl-last { + order: 6 !important; } + .m-xl-0 { + margin: 0 !important; } + .m-xl-1 { + margin: 0.25rem !important; } + .m-xl-2 { + margin: 0.5rem !important; } + .m-xl-3 { + margin: 1rem !important; } + .m-xl-4 { + margin: 1.5rem !important; } + .m-xl-5 { + margin: 3rem !important; } + .m-xl-auto { + margin: auto !important; } + .mx-xl-0 { + margin-right: 0 !important; + margin-left: 0 !important; } + .mx-xl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; } + .mx-xl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; } + .mx-xl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; } + .mx-xl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } + .mx-xl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; } + .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; } + .my-xl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + .my-xl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } + .my-xl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } + .my-xl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + .my-xl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + .my-xl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + .my-xl-auto { + margin-top: auto !important; + margin-bottom: auto !important; } + .mt-xl-0 { + margin-top: 0 !important; } + .mt-xl-1 { + margin-top: 0.25rem !important; } + .mt-xl-2 { + margin-top: 0.5rem !important; } + .mt-xl-3 { + margin-top: 1rem !important; } + .mt-xl-4 { + margin-top: 1.5rem !important; } + .mt-xl-5 { + margin-top: 3rem !important; } + .mt-xl-auto { + margin-top: auto !important; } + .me-xl-0 { + margin-right: 0 !important; } + .me-xl-1 { + margin-right: 0.25rem !important; } + .me-xl-2 { + margin-right: 0.5rem !important; } + .me-xl-3 { + margin-right: 1rem !important; } + .me-xl-4 { + margin-right: 1.5rem !important; } + .me-xl-5 { + margin-right: 3rem !important; } + .me-xl-auto { + margin-right: auto !important; } + .mb-xl-0 { + margin-bottom: 0 !important; } + .mb-xl-1 { + margin-bottom: 0.25rem !important; } + .mb-xl-2 { + margin-bottom: 0.5rem !important; } + .mb-xl-3 { + margin-bottom: 1rem !important; } + .mb-xl-4 { + margin-bottom: 1.5rem !important; } + .mb-xl-5 { + margin-bottom: 3rem !important; } + .mb-xl-auto { + margin-bottom: auto !important; } + .ms-xl-0 { + margin-left: 0 !important; } + .ms-xl-1 { + margin-left: 0.25rem !important; } + .ms-xl-2 { + margin-left: 0.5rem !important; } + .ms-xl-3 { + margin-left: 1rem !important; } + .ms-xl-4 { + margin-left: 1.5rem !important; } + .ms-xl-5 { + margin-left: 3rem !important; } + .ms-xl-auto { + margin-left: auto !important; } + .m-xl-n1 { + margin: -0.25rem !important; } + .m-xl-n2 { + margin: -0.5rem !important; } + .m-xl-n3 { + margin: -1rem !important; } + .m-xl-n4 { + margin: -1.5rem !important; } + .m-xl-n5 { + margin: -3rem !important; } + .mx-xl-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; } + .mx-xl-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; } + .mx-xl-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; } + .mx-xl-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; } + .mx-xl-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; } + .my-xl-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } + .my-xl-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } + .my-xl-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; } + .my-xl-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } + .my-xl-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; } + .mt-xl-n1 { + margin-top: -0.25rem !important; } + .mt-xl-n2 { + margin-top: -0.5rem !important; } + .mt-xl-n3 { + margin-top: -1rem !important; } + .mt-xl-n4 { + margin-top: -1.5rem !important; } + .mt-xl-n5 { + margin-top: -3rem !important; } + .me-xl-n1 { + margin-right: -0.25rem !important; } + .me-xl-n2 { + margin-right: -0.5rem !important; } + .me-xl-n3 { + margin-right: -1rem !important; } + .me-xl-n4 { + margin-right: -1.5rem !important; } + .me-xl-n5 { + margin-right: -3rem !important; } + .mb-xl-n1 { + margin-bottom: -0.25rem !important; } + .mb-xl-n2 { + margin-bottom: -0.5rem !important; } + .mb-xl-n3 { + margin-bottom: -1rem !important; } + .mb-xl-n4 { + margin-bottom: -1.5rem !important; } + .mb-xl-n5 { + margin-bottom: -3rem !important; } + .ms-xl-n1 { + margin-left: -0.25rem !important; } + .ms-xl-n2 { + margin-left: -0.5rem !important; } + .ms-xl-n3 { + margin-left: -1rem !important; } + .ms-xl-n4 { + margin-left: -1.5rem !important; } + .ms-xl-n5 { + margin-left: -3rem !important; } + .p-xl-0 { + padding: 0 !important; } + .p-xl-1 { + padding: 0.25rem !important; } + .p-xl-2 { + padding: 0.5rem !important; } + .p-xl-3 { + padding: 1rem !important; } + .p-xl-4 { + padding: 1.5rem !important; } + .p-xl-5 { + padding: 3rem !important; } + .px-xl-0 { + padding-right: 0 !important; + padding-left: 0 !important; } + .px-xl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } + .px-xl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } + .px-xl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; } + .px-xl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } + .px-xl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; } + .py-xl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + .py-xl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } + .py-xl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + .py-xl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + .py-xl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + .py-xl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + .pt-xl-0 { + padding-top: 0 !important; } + .pt-xl-1 { + padding-top: 0.25rem !important; } + .pt-xl-2 { + padding-top: 0.5rem !important; } + .pt-xl-3 { + padding-top: 1rem !important; } + .pt-xl-4 { + padding-top: 1.5rem !important; } + .pt-xl-5 { + padding-top: 3rem !important; } + .pe-xl-0 { + padding-right: 0 !important; } + .pe-xl-1 { + padding-right: 0.25rem !important; } + .pe-xl-2 { + padding-right: 0.5rem !important; } + .pe-xl-3 { + padding-right: 1rem !important; } + .pe-xl-4 { + padding-right: 1.5rem !important; } + .pe-xl-5 { + padding-right: 3rem !important; } + .pb-xl-0 { + padding-bottom: 0 !important; } + .pb-xl-1 { + padding-bottom: 0.25rem !important; } + .pb-xl-2 { + padding-bottom: 0.5rem !important; } + .pb-xl-3 { + padding-bottom: 1rem !important; } + .pb-xl-4 { + padding-bottom: 1.5rem !important; } + .pb-xl-5 { + padding-bottom: 3rem !important; } + .ps-xl-0 { + padding-left: 0 !important; } + .ps-xl-1 { + padding-left: 0.25rem !important; } + .ps-xl-2 { + padding-left: 0.5rem !important; } + .ps-xl-3 { + padding-left: 1rem !important; } + .ps-xl-4 { + padding-left: 1.5rem !important; } + .ps-xl-5 { + padding-left: 3rem !important; } + .text-xl-start { + text-align: left !important; } + .text-xl-end { + text-align: right !important; } + .text-xl-center { + text-align: center !important; } } -.ps-xs-12 { - padding-top: 16rem !important; -} +@media (min-width: 1400px) { + .float-xxl-start { + float: left !important; } + .float-xxl-end { + float: right !important; } + .float-xxl-none { + float: none !important; } + .d-xxl-inline { + display: inline !important; } + .d-xxl-inline-block { + display: inline-block !important; } + .d-xxl-block { + display: block !important; } + .d-xxl-grid { + display: grid !important; } + .d-xxl-table { + display: table !important; } + .d-xxl-table-row { + display: table-row !important; } + .d-xxl-table-cell { + display: table-cell !important; } + .d-xxl-flex { + display: flex !important; } + .d-xxl-inline-flex { + display: inline-flex !important; } + .d-xxl-none { + display: none !important; } + .flex-xxl-fill { + flex: 1 1 auto !important; } + .flex-xxl-row { + flex-direction: row !important; } + .flex-xxl-column { + flex-direction: column !important; } + .flex-xxl-row-reverse { + flex-direction: row-reverse !important; } + .flex-xxl-column-reverse { + flex-direction: column-reverse !important; } + .flex-xxl-grow-0 { + flex-grow: 0 !important; } + .flex-xxl-grow-1 { + flex-grow: 1 !important; } + .flex-xxl-shrink-0 { + flex-shrink: 0 !important; } + .flex-xxl-shrink-1 { + flex-shrink: 1 !important; } + .flex-xxl-wrap { + flex-wrap: wrap !important; } + .flex-xxl-nowrap { + flex-wrap: nowrap !important; } + .flex-xxl-wrap-reverse { + flex-wrap: wrap-reverse !important; } + .gap-xxl-0 { + gap: 0 !important; } + .gap-xxl-1 { + gap: 0.25rem !important; } + .gap-xxl-2 { + gap: 0.5rem !important; } + .gap-xxl-3 { + gap: 1rem !important; } + .gap-xxl-4 { + gap: 1.5rem !important; } + .gap-xxl-5 { + gap: 3rem !important; } + .justify-content-xxl-start { + justify-content: flex-start !important; } + .justify-content-xxl-end { + justify-content: flex-end !important; } + .justify-content-xxl-center { + justify-content: center !important; } + .justify-content-xxl-between { + justify-content: space-between !important; } + .justify-content-xxl-around { + justify-content: space-around !important; } + .justify-content-xxl-evenly { + justify-content: space-evenly !important; } + .align-items-xxl-start { + align-items: flex-start !important; } + .align-items-xxl-end { + align-items: flex-end !important; } + .align-items-xxl-center { + align-items: center !important; } + .align-items-xxl-baseline { + align-items: baseline !important; } + .align-items-xxl-stretch { + align-items: stretch !important; } + .align-content-xxl-start { + align-content: flex-start !important; } + .align-content-xxl-end { + align-content: flex-end !important; } + .align-content-xxl-center { + align-content: center !important; } + .align-content-xxl-between { + align-content: space-between !important; } + .align-content-xxl-around { + align-content: space-around !important; } + .align-content-xxl-stretch { + align-content: stretch !important; } + .align-self-xxl-auto { + align-self: auto !important; } + .align-self-xxl-start { + align-self: flex-start !important; } + .align-self-xxl-end { + align-self: flex-end !important; } + .align-self-xxl-center { + align-self: center !important; } + .align-self-xxl-baseline { + align-self: baseline !important; } + .align-self-xxl-stretch { + align-self: stretch !important; } + .order-xxl-first { + order: -1 !important; } + .order-xxl-0 { + order: 0 !important; } + .order-xxl-1 { + order: 1 !important; } + .order-xxl-2 { + order: 2 !important; } + .order-xxl-3 { + order: 3 !important; } + .order-xxl-4 { + order: 4 !important; } + .order-xxl-5 { + order: 5 !important; } + .order-xxl-last { + order: 6 !important; } + .m-xxl-0 { + margin: 0 !important; } + .m-xxl-1 { + margin: 0.25rem !important; } + .m-xxl-2 { + margin: 0.5rem !important; } + .m-xxl-3 { + margin: 1rem !important; } + .m-xxl-4 { + margin: 1.5rem !important; } + .m-xxl-5 { + margin: 3rem !important; } + .m-xxl-auto { + margin: auto !important; } + .mx-xxl-0 { + margin-right: 0 !important; + margin-left: 0 !important; } + .mx-xxl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; } + .mx-xxl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; } + .mx-xxl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; } + .mx-xxl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } + .mx-xxl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; } + .mx-xxl-auto { + margin-right: auto !important; + margin-left: auto !important; } + .my-xxl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + .my-xxl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } + .my-xxl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } + .my-xxl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + .my-xxl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + .my-xxl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + .my-xxl-auto { + margin-top: auto !important; + margin-bottom: auto !important; } + .mt-xxl-0 { + margin-top: 0 !important; } + .mt-xxl-1 { + margin-top: 0.25rem !important; } + .mt-xxl-2 { + margin-top: 0.5rem !important; } + .mt-xxl-3 { + margin-top: 1rem !important; } + .mt-xxl-4 { + margin-top: 1.5rem !important; } + .mt-xxl-5 { + margin-top: 3rem !important; } + .mt-xxl-auto { + margin-top: auto !important; } + .me-xxl-0 { + margin-right: 0 !important; } + .me-xxl-1 { + margin-right: 0.25rem !important; } + .me-xxl-2 { + margin-right: 0.5rem !important; } + .me-xxl-3 { + margin-right: 1rem !important; } + .me-xxl-4 { + margin-right: 1.5rem !important; } + .me-xxl-5 { + margin-right: 3rem !important; } + .me-xxl-auto { + margin-right: auto !important; } + .mb-xxl-0 { + margin-bottom: 0 !important; } + .mb-xxl-1 { + margin-bottom: 0.25rem !important; } + .mb-xxl-2 { + margin-bottom: 0.5rem !important; } + .mb-xxl-3 { + margin-bottom: 1rem !important; } + .mb-xxl-4 { + margin-bottom: 1.5rem !important; } + .mb-xxl-5 { + margin-bottom: 3rem !important; } + .mb-xxl-auto { + margin-bottom: auto !important; } + .ms-xxl-0 { + margin-left: 0 !important; } + .ms-xxl-1 { + margin-left: 0.25rem !important; } + .ms-xxl-2 { + margin-left: 0.5rem !important; } + .ms-xxl-3 { + margin-left: 1rem !important; } + .ms-xxl-4 { + margin-left: 1.5rem !important; } + .ms-xxl-5 { + margin-left: 3rem !important; } + .ms-xxl-auto { + margin-left: auto !important; } + .m-xxl-n1 { + margin: -0.25rem !important; } + .m-xxl-n2 { + margin: -0.5rem !important; } + .m-xxl-n3 { + margin: -1rem !important; } + .m-xxl-n4 { + margin: -1.5rem !important; } + .m-xxl-n5 { + margin: -3rem !important; } + .mx-xxl-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; } + .mx-xxl-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; } + .mx-xxl-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; } + .mx-xxl-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; } + .mx-xxl-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; } + .my-xxl-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } + .my-xxl-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } + .my-xxl-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; } + .my-xxl-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } + .my-xxl-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; } + .mt-xxl-n1 { + margin-top: -0.25rem !important; } + .mt-xxl-n2 { + margin-top: -0.5rem !important; } + .mt-xxl-n3 { + margin-top: -1rem !important; } + .mt-xxl-n4 { + margin-top: -1.5rem !important; } + .mt-xxl-n5 { + margin-top: -3rem !important; } + .me-xxl-n1 { + margin-right: -0.25rem !important; } + .me-xxl-n2 { + margin-right: -0.5rem !important; } + .me-xxl-n3 { + margin-right: -1rem !important; } + .me-xxl-n4 { + margin-right: -1.5rem !important; } + .me-xxl-n5 { + margin-right: -3rem !important; } + .mb-xxl-n1 { + margin-bottom: -0.25rem !important; } + .mb-xxl-n2 { + margin-bottom: -0.5rem !important; } + .mb-xxl-n3 { + margin-bottom: -1rem !important; } + .mb-xxl-n4 { + margin-bottom: -1.5rem !important; } + .mb-xxl-n5 { + margin-bottom: -3rem !important; } + .ms-xxl-n1 { + margin-left: -0.25rem !important; } + .ms-xxl-n2 { + margin-left: -0.5rem !important; } + .ms-xxl-n3 { + margin-left: -1rem !important; } + .ms-xxl-n4 { + margin-left: -1.5rem !important; } + .ms-xxl-n5 { + margin-left: -3rem !important; } + .p-xxl-0 { + padding: 0 !important; } + .p-xxl-1 { + padding: 0.25rem !important; } + .p-xxl-2 { + padding: 0.5rem !important; } + .p-xxl-3 { + padding: 1rem !important; } + .p-xxl-4 { + padding: 1.5rem !important; } + .p-xxl-5 { + padding: 3rem !important; } + .px-xxl-0 { + padding-right: 0 !important; + padding-left: 0 !important; } + .px-xxl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } + .px-xxl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } + .px-xxl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; } + .px-xxl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } + .px-xxl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; } + .py-xxl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + .py-xxl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } + .py-xxl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + .py-xxl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + .py-xxl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + .py-xxl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + .pt-xxl-0 { + padding-top: 0 !important; } + .pt-xxl-1 { + padding-top: 0.25rem !important; } + .pt-xxl-2 { + padding-top: 0.5rem !important; } + .pt-xxl-3 { + padding-top: 1rem !important; } + .pt-xxl-4 { + padding-top: 1.5rem !important; } + .pt-xxl-5 { + padding-top: 3rem !important; } + .pe-xxl-0 { + padding-right: 0 !important; } + .pe-xxl-1 { + padding-right: 0.25rem !important; } + .pe-xxl-2 { + padding-right: 0.5rem !important; } + .pe-xxl-3 { + padding-right: 1rem !important; } + .pe-xxl-4 { + padding-right: 1.5rem !important; } + .pe-xxl-5 { + padding-right: 3rem !important; } + .pb-xxl-0 { + padding-bottom: 0 !important; } + .pb-xxl-1 { + padding-bottom: 0.25rem !important; } + .pb-xxl-2 { + padding-bottom: 0.5rem !important; } + .pb-xxl-3 { + padding-bottom: 1rem !important; } + .pb-xxl-4 { + padding-bottom: 1.5rem !important; } + .pb-xxl-5 { + padding-bottom: 3rem !important; } + .ps-xxl-0 { + padding-left: 0 !important; } + .ps-xxl-1 { + padding-left: 0.25rem !important; } + .ps-xxl-2 { + padding-left: 0.5rem !important; } + .ps-xxl-3 { + padding-left: 1rem !important; } + .ps-xxl-4 { + padding-left: 1.5rem !important; } + .ps-xxl-5 { + padding-left: 3rem !important; } + .text-xxl-start { + text-align: left !important; } + .text-xxl-end { + text-align: right !important; } + .text-xxl-center { + text-align: center !important; } } -.px-xs-6 { - padding-left: 4rem !important; - padding-right: 4rem !important; -} +@media (min-width: 1200px) { + .fs-1 { + font-size: 3rem !important; } + .fs-2 { + font-size: 2.25rem !important; } + .fs-3 { + font-size: 1.875rem !important; } + .fs-4 { + font-size: 1.5rem !important; } } -.px-xs-7 { - padding-left: 6rem !important; - padding-right: 6rem !important; -} +@media print { + .d-print-inline { + display: inline !important; } + .d-print-inline-block { + display: inline-block !important; } + .d-print-block { + display: block !important; } + .d-print-grid { + display: grid !important; } + .d-print-table { + display: table !important; } + .d-print-table-row { + display: table-row !important; } + .d-print-table-cell { + display: table-cell !important; } + .d-print-flex { + display: flex !important; } + .d-print-inline-flex { + display: inline-flex !important; } + .d-print-none { + display: none !important; } } -.px-xs-8 { - padding-left: 8rem !important; - padding-right: 8rem !important; -} +/*! -.px-xs-9 { - padding-left: 10rem !important; - padding-right: 10rem !important; -} +========================================================= +* Soft UI Dashboard - v1.0.0 +========================================================= -.px-xs-10 { - padding-left: 12rem !important; - padding-right: 12rem !important; -} +* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard +* Copyright 2021 Creative Tim (https://www.creative-tim.com) +* Licensed under MIT (site.license) -.px-xs-11 { - padding-left: 14rem !important; - padding-right: 14rem !important; -} +* Coded by www.creative-tim.com -.px-xs-12 { - padding-left: 16rem !important; - padding-right: 16rem !important; -} +========================================================= -.py-xs-6 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; -} +* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. -.py-xs-7 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; -} +*/ +.alert-primary { + background-image: linear-gradient(310deg, #7928CA 0%, #d6006c 100%); } -.py-xs-8 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; -} +.alert-secondary { + background-image: linear-gradient(310deg, #627594 0%, #8ca1cb 100%); } -.py-xs-9 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; -} +.alert-success { + background-image: linear-gradient(310deg, #17ad37 0%, #84dc14 100%); } -.py-xs-10 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; -} +.alert-info { + background-image: linear-gradient(310deg, #2152ff 0%, #02c6f3 100%); } -.py-xs-11 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; -} +.alert-warning { + background-image: linear-gradient(310deg, #f53939 0%, #fac60b 100%); } -.py-xs-12 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; -} +.alert-danger { + background-image: linear-gradient(310deg, #ea0606 0%, #ff3d59 100%); } -.m-6 { - margin: 4rem !important; -} +.alert-light { + background-image: linear-gradient(310deg, #CED4DA 0%, #d1dae6 100%); } -.m-7 { - margin: 6rem !important; -} +.alert-dark { + background-image: linear-gradient(310deg, #141727 0%, #2c3154 100%); } -.m-8 { - margin: 8rem !important; -} +.avatar { + color: #fff; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 1rem; + border-radius: 0.75rem; + height: 48px; + width: 48px; + transition: all .2s ease-in-out; } + .avatar img { + width: 100%; } + .avatar + .avatar-content { + display: inline-block; + margin-left: 0.75rem; } + .avatar.avatar-raised { + margin-top: -24px; } + .avatar.avatar-scale-up:hover { + transform: scale(1.2); } -.m-9 { - margin: 10rem !important; -} +.active .avatar.avatar-scale-up { + transform: scale(1.2); } -.m-10 { - margin: 12rem !important; -} +.avatar-xxl { + width: 110px !important; + height: 110px !important; } + .avatar-xxl.avatar-raised { + margin-top: -55px; } -.m-11 { - margin: 14rem !important; -} +.avatar-xl { + width: 74px !important; + height: 74px !important; } + .avatar-xl.avatar-raised { + margin-top: -37px; } -.m-12 { - margin: 16rem !important; -} +.avatar-lg { + width: 58px !important; + height: 58px !important; + font-size: 0.875rem; } + .avatar-lg.avatar-raised { + margin-top: -29px; } -.mt-6 { - margin-top: 4rem !important; -} +.avatar-sm { + width: 36px !important; + height: 36px !important; + font-size: 0.875rem; } + .avatar-sm.avatar-raised { + margin-top: -18px; } -.mt-7 { - margin-top: 6rem !important; -} +.avatar-xs { + width: 24px !important; + height: 24px !important; + font-size: 0.75rem; } + .avatar-xs.avatar-raised { + margin-top: -12px; } -.mt-8 { - margin-top: 8rem !important; -} +.avatar-group .avatar { + position: relative; + z-index: 2; + border: 2px solid #fff; } + .avatar-group .avatar:hover { + z-index: 3; } -.mt-9 { - margin-top: 10rem !important; -} +.avatar-group .avatar + .avatar { + margin-left: -1rem; } -.mt-10 { - margin-top: 12rem !important; -} +.badge.bg-primary { + background: #cb0c9f; } -.mt-11 { - margin-top: 14rem !important; -} +.badge.bg-secondary { + background: #8392AB; } -.mt-12 { - margin-top: 16rem !important; -} +.badge.bg-success { + background: #82d616; } -.me-6 { - margin-right: 4rem !important; -} +.badge.bg-info { + background: #17c1e8; } -.me-7 { - margin-right: 6rem !important; -} +.badge.bg-warning { + background: #f53939; } -.me-8 { - margin-right: 8rem !important; -} +.badge.bg-danger { + background: #ea0606; } -.me-9 { - margin-right: 10rem !important; -} +.badge.bg-light { + background: #e9ecef; } -.me-10 { - margin-right: 12rem !important; -} +.badge.bg-dark { + background: #252f40; } -.me-11 { - margin-right: 14rem !important; -} +.badge.bg-white { + background: #fff; } -.me-12 { - margin-right: 16rem !important; -} +.badge { + text-transform: uppercase; } -.mb-6 { - margin-bottom: 4rem !important; -} +.btn { + margin-bottom: 1rem; + letter-spacing: -0.025rem; + text-transform: uppercase; + box-shadow: 0 4px 7px -1px rgba(0, 0, 0, 0.11), 0 2px 4px -1px rgba(0, 0, 0, 0.07); + background-size: 150%; + background-position-x: 25%; } + .btn:not([class*="btn-outline-"]) { + border: 0; } + .btn:active, .btn:active:focus, .btn:active:hover { + box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07); + transform: scale(1); + opacity: 0.85; } + .btn:hover:not(.btn-icon-only) { + box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07); + transform: scale(1.02); } + .btn.bg-white:hover { + color: #67748e; } + .btn.btn-link { + box-shadow: none; + font-weight: 700; } + .btn.btn-link:hover, .btn.btn-link:focus { + box-shadow: none; } + .btn.btn-round { + border-radius: 1.875rem; } + .btn.btn-icon-only { + width: 2.375rem; + height: 2.375rem; + padding: 0.7rem 0.7rem; } + .btn.btn-sm.btn-icon-only, .btn-group-sm > .btn.btn-icon-only { + width: 1.5875rem; + height: 1.5875rem; + padding: 0.3rem 0.3rem; } + .btn.btn-sm i, .btn-group-sm > .btn i { + font-size: 0.5rem; } + .btn.btn-lg.btn-icon-only, .btn-group-lg > .btn.btn-icon-only { + width: 3.25rem; + height: 3.25rem; + padding: 1rem 1rem; } + .btn.btn-lg i, .btn-group-lg > .btn i { + font-size: 1.2rem; + position: relative; + top: 2px; } + .btn.btn-rounded { + border-radius: 1.875rem; } -.mb-7 { - margin-bottom: 6rem !important; -} +.icon-move-right i { + transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3); } -.mb-8 { - margin-bottom: 8rem !important; -} +.icon-move-right:hover i, .icon-move-right:focus i { + transform: translateX(5px); } -.mb-9 { - margin-bottom: 10rem !important; -} +.icon-move-left i { + transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3); } -.mb-10 { - margin-bottom: 12rem !important; -} +.icon-move-left:hover i, .icon-move-left:focus i { + transform: translateX(-5px); } -.mb-11 { - margin-bottom: 14rem !important; -} +.btn-primary:hover, +.btn.bg-gradient-primary:hover { + background-color: #cb0c9f; + border-color: #cb0c9f; } -.mb-12 { - margin-bottom: 16rem !important; -} +.btn-primary .btn.bg-outline-primary, +.btn.bg-gradient-primary .btn.bg-outline-primary { + border: 1px solid #cb0c9f; } -.ms-6 { - margin-left: 4rem !important; -} +.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, +.show > .btn-primary.dropdown-toggle, +.btn.bg-gradient-primary:not(:disabled):not(.disabled).active, +.btn.bg-gradient-primary:not(:disabled):not(.disabled):active, +.show > +.btn.bg-gradient-primary.dropdown-toggle { + color: color-yiq(#cb0c9f); + background-color: #cb0c9f; } -.ms-7 { - margin-left: 6rem !important; -} +.btn-primary.focus, .btn-primary:focus, +.btn.bg-gradient-primary.focus, +.btn.bg-gradient-primary:focus { + color: #fff; } -.ms-8 { - margin-left: 8rem !important; -} +.btn-outline-primary { + box-shadow: none; } + .btn-outline-primary:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #cb0c9f; } -.ms-9 { - margin-left: 10rem !important; -} +.btn-secondary:hover, +.btn.bg-gradient-secondary:hover { + background-color: #8392AB; + border-color: #8392AB; } -.ms-10 { - margin-left: 12rem !important; -} +.btn-secondary .btn.bg-outline-secondary, +.btn.bg-gradient-secondary .btn.bg-outline-secondary { + border: 1px solid #8392AB; } -.ms-11 { - margin-left: 14rem !important; -} +.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, +.show > .btn-secondary.dropdown-toggle, +.btn.bg-gradient-secondary:not(:disabled):not(.disabled).active, +.btn.bg-gradient-secondary:not(:disabled):not(.disabled):active, +.show > +.btn.bg-gradient-secondary.dropdown-toggle { + color: color-yiq(#8392AB); + background-color: #8392AB; } -.ms-12 { - margin-left: 16rem !important; -} +.btn-secondary.focus, .btn-secondary:focus, +.btn.bg-gradient-secondary.focus, +.btn.bg-gradient-secondary:focus { + color: #fff; } -.mx-6 { - margin-left: 4rem !important; - margin-right: 4rem !important; -} +.btn-outline-secondary { + box-shadow: none; } + .btn-outline-secondary:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #8392AB; } -.mx-7 { - margin-left: 6rem !important; - margin-right: 6rem !important; -} +.btn-success:hover, +.btn.bg-gradient-success:hover { + background-color: #82d616; + border-color: #82d616; } -.mx-8 { - margin-left: 8rem !important; - margin-right: 8rem !important; -} +.btn-success .btn.bg-outline-success, +.btn.bg-gradient-success .btn.bg-outline-success { + border: 1px solid #82d616; } -.mx-9 { - margin-left: 10rem !important; - margin-right: 10rem !important; -} +.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, +.show > .btn-success.dropdown-toggle, +.btn.bg-gradient-success:not(:disabled):not(.disabled).active, +.btn.bg-gradient-success:not(:disabled):not(.disabled):active, +.show > +.btn.bg-gradient-success.dropdown-toggle { + color: color-yiq(#82d616); + background-color: #82d616; } -.mx-10 { - margin-left: 12rem !important; - margin-right: 12rem !important; -} +.btn-success.focus, .btn-success:focus, +.btn.bg-gradient-success.focus, +.btn.bg-gradient-success:focus { + color: #fff; } -.mx-11 { - margin-left: 14rem !important; - margin-right: 14rem !important; -} +.btn-outline-success { + box-shadow: none; } + .btn-outline-success:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #82d616; } -.mx-12 { - margin-left: 16rem !important; - margin-right: 16rem !important; -} +.btn-info:hover, +.btn.bg-gradient-info:hover { + background-color: #17c1e8; + border-color: #17c1e8; } -.my-6 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; -} +.btn-info .btn.bg-outline-info, +.btn.bg-gradient-info .btn.bg-outline-info { + border: 1px solid #17c1e8; } -.my-7 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; -} +.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, +.show > .btn-info.dropdown-toggle, +.btn.bg-gradient-info:not(:disabled):not(.disabled).active, +.btn.bg-gradient-info:not(:disabled):not(.disabled):active, +.show > +.btn.bg-gradient-info.dropdown-toggle { + color: color-yiq(#17c1e8); + background-color: #17c1e8; } -.my-8 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; -} +.btn-info.focus, .btn-info:focus, +.btn.bg-gradient-info.focus, +.btn.bg-gradient-info:focus { + color: #fff; } -.my-9 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; -} +.btn-outline-info { + box-shadow: none; } + .btn-outline-info:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #17c1e8; } -.my-10 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; -} +.btn-warning:hover, +.btn.bg-gradient-warning:hover { + background-color: #f53939; + border-color: #f53939; } -.my-11 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; -} +.btn-warning .btn.bg-outline-warning, +.btn.bg-gradient-warning .btn.bg-outline-warning { + border: 1px solid #f53939; } -.my-12 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; -} +.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, +.show > .btn-warning.dropdown-toggle, +.btn.bg-gradient-warning:not(:disabled):not(.disabled).active, +.btn.bg-gradient-warning:not(:disabled):not(.disabled):active, +.show > +.btn.bg-gradient-warning.dropdown-toggle { + color: color-yiq(#f53939); + background-color: #f53939; } -.m-xs-6 { - margin: 4rem !important; -} +.btn-warning.focus, .btn-warning:focus, +.btn.bg-gradient-warning.focus, +.btn.bg-gradient-warning:focus { + color: #fff; } -.m-xs-7 { - margin: 6rem !important; -} +.btn-outline-warning { + box-shadow: none; } + .btn-outline-warning:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #f53939; } -.m-xs-8 { - margin: 8rem !important; -} +.btn-danger:hover, +.btn.bg-gradient-danger:hover { + background-color: #ea0606; + border-color: #ea0606; } -.m-xs-9 { - margin: 10rem !important; -} +.btn-danger .btn.bg-outline-danger, +.btn.bg-gradient-danger .btn.bg-outline-danger { + border: 1px solid #ea0606; } -.m-xs-10 { - margin: 12rem !important; -} +.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, +.show > .btn-danger.dropdown-toggle, +.btn.bg-gradient-danger:not(:disabled):not(.disabled).active, +.btn.bg-gradient-danger:not(:disabled):not(.disabled):active, +.show > +.btn.bg-gradient-danger.dropdown-toggle { + color: color-yiq(#ea0606); + background-color: #ea0606; } -.m-xs-11 { - margin: 14rem !important; -} +.btn-danger.focus, .btn-danger:focus, +.btn.bg-gradient-danger.focus, +.btn.bg-gradient-danger:focus { + color: #fff; } -.m-xs-12 { - margin: 16rem !important; -} +.btn-outline-danger { + box-shadow: none; } + .btn-outline-danger:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #ea0606; } -.mt-xs-6 { - margin-top: 4rem !important; -} +.btn-light:hover, +.btn.bg-gradient-light:hover { + background-color: #e9ecef; + border-color: #e9ecef; } -.mt-xs-7 { - margin-top: 6rem !important; -} +.btn-light .btn.bg-outline-light, +.btn.bg-gradient-light .btn.bg-outline-light { + border: 1px solid #e9ecef; } -.mt-xs-8 { - margin-top: 8rem !important; -} +.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, +.show > .btn-light.dropdown-toggle, +.btn.bg-gradient-light:not(:disabled):not(.disabled).active, +.btn.bg-gradient-light:not(:disabled):not(.disabled):active, +.show > +.btn.bg-gradient-light.dropdown-toggle { + color: color-yiq(#e9ecef); + background-color: #e9ecef; } -.mt-xs-9 { - margin-top: 10rem !important; -} +.btn-outline-light { + box-shadow: none; } + .btn-outline-light:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #e9ecef; } -.mt-xs-10 { - margin-top: 12rem !important; -} +.btn-dark:hover, +.btn.bg-gradient-dark:hover { + background-color: #252f40; + border-color: #252f40; } -.mt-xs-11 { - margin-top: 14rem !important; -} +.btn-dark .btn.bg-outline-dark, +.btn.bg-gradient-dark .btn.bg-outline-dark { + border: 1px solid #252f40; } -.mt-xs-12 { - margin-top: 16rem !important; -} +.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, +.show > .btn-dark.dropdown-toggle, +.btn.bg-gradient-dark:not(:disabled):not(.disabled).active, +.btn.bg-gradient-dark:not(:disabled):not(.disabled):active, +.show > +.btn.bg-gradient-dark.dropdown-toggle { + color: color-yiq(#252f40); + background-color: #252f40; } -.me-xs-6 { - margin-right: 4rem !important; -} +.btn-dark.focus, .btn-dark:focus, +.btn.bg-gradient-dark.focus, +.btn.bg-gradient-dark:focus { + color: #fff; } -.me-xs-7 { - margin-right: 6rem !important; -} +.btn-outline-dark { + box-shadow: none; } + .btn-outline-dark:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #252f40; } -.me-xs-8 { - margin-right: 8rem !important; -} +.btn-white:hover, +.btn.bg-gradient-white:hover { + background-color: #fff; + border-color: #fff; } -.me-xs-9 { - margin-right: 10rem !important; -} +.btn-white .btn.bg-outline-white, +.btn.bg-gradient-white .btn.bg-outline-white { + border: 1px solid #fff; } -.me-xs-10 { - margin-right: 12rem !important; -} +.btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, +.show > .btn-white.dropdown-toggle, +.btn.bg-gradient-white:not(:disabled):not(.disabled).active, +.btn.bg-gradient-white:not(:disabled):not(.disabled):active, +.show > +.btn.bg-gradient-white.dropdown-toggle { + color: color-yiq(#fff); + background-color: #fff; } -.me-xs-11 { - margin-right: 14rem !important; -} +.btn-outline-white { + box-shadow: none; } + .btn-outline-white:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #fff; } -.me-xs-12 { - margin-right: 16rem !important; -} +.btn-outline-white { + border-color: rgba(255, 255, 255, 0.75); + background: rgba(255, 255, 255, 0.1); } -.mb-xs-6 { - margin-bottom: 4rem !important; -} +.btn-primary, +.btn.bg-gradient-primary { + color: #fff; } + .btn-primary:hover, + .btn.bg-gradient-primary:hover { + color: #fff; } -.mb-xs-7 { - margin-bottom: 6rem !important; -} +.btn-secondary, +.btn.bg-gradient-secondary { + color: #fff; } + .btn-secondary:hover, + .btn.bg-gradient-secondary:hover { + color: #fff; } -.mb-xs-8 { - margin-bottom: 8rem !important; -} +.btn-danger, +.btn.bg-gradient-danger { + color: #fff; } + .btn-danger:hover, + .btn.bg-gradient-danger:hover { + color: #fff; } -.mb-xs-9 { - margin-bottom: 10rem !important; -} +.btn-info, +.btn.bg-gradient-info { + color: #fff; } + .btn-info:hover, + .btn.bg-gradient-info:hover { + color: #fff; } -.mb-xs-10 { - margin-bottom: 12rem !important; -} +.btn-success, +.btn.bg-gradient-success { + color: #fff; } + .btn-success:hover, + .btn.bg-gradient-success:hover { + color: #fff; } -.mb-xs-11 { - margin-bottom: 14rem !important; -} +.btn-warning, +.btn.bg-gradient-warning { + color: #fff; } + .btn-warning:hover, + .btn.bg-gradient-warning:hover { + color: #fff; } -.mb-xs-12 { - margin-bottom: 16rem !important; -} +.btn-dark, +.btn.bg-gradient-dark { + color: #fff; } + .btn-dark:hover, + .btn.bg-gradient-dark:hover { + color: #fff; } -.ms-xs-6 { - margin-left: 4rem !important; -} +.btn-light, +.btn.bg-gradient-light { + color: #3A416F; } + .btn-light:hover, + .btn.bg-gradient-light:hover { + color: #3A416F; } -.ms-xs-7 { - margin-left: 6rem !important; -} +.breadcrumb-item { + font-size: 0.875rem; } + .breadcrumb-item.text-white::before { + color: #fff; } -.ms-xs-8 { - margin-left: 8rem !important; -} +.breadcrumb-dark { + background-color: #252f40; } + .breadcrumb-dark .breadcrumb-item { + font-weight: 600; } + .breadcrumb-dark .breadcrumb-item a { + color: #f8f9fa; } + .breadcrumb-dark .breadcrumb-item a:hover { + color: #fff; } + .breadcrumb-dark .breadcrumb-item + .breadcrumb-item::before { + color: #adb5bd; } + .breadcrumb-dark .breadcrumb-item.active { + color: #dee2e6; } -.ms-xs-9 { - margin-left: 10rem !important; -} +.breadcrumb-links { + padding: 0; + margin: 0; + background: transparent; } -.ms-xs-10 { - margin-left: 12rem !important; -} +.card { + box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05); } + .card .card-header { + padding: 1.5rem; } + .card .card-body { + font-family: "Open Sans"; + padding: 1.5rem; } + .card.card-plain { + background-color: transparent; + box-shadow: none; } + .card .card-footer { + padding: 1.5rem; + background-color: transparent; } -.ms-xs-11 { - margin-left: 14rem !important; -} +.author { + display: flex; } + .author .name > span { + line-height: 1.571; + font-weight: 600; + font-size: 0.875rem; + color: #3A416F; } + .author .stats { + font-size: 0.875rem; + font-weight: 400; } -.ms-xs-12 { - margin-left: 16rem !important; -} +.card.card-background { + align-items: center; } + .card.card-background .full-background { + background-position: 50%; + background-size: cover; + margin-bottom: 30px; + width: 100%; + height: 100%; + position: absolute; + border-radius: 1rem; } + .card.card-background .card-body { + color: #fff; + position: relative; + z-index: 2; } + .card.card-background .card-body .content-center, + .card.card-background .card-body .content-left { + min-height: 330px; + max-width: 450px; + padding-top: 60px; + padding-bottom: 60px; } + .card.card-background .card-body .content-center { + text-align: center; } + .card.card-background .card-body.body-left { + width: 90%; } + .card.card-background .card-body .author .name span, + .card.card-background .card-body .author .name .stats { + color: #fff; } + .card.card-background:after { + position: absolute; + top: 0; + bottom: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 1; + display: block; + content: ""; + background: rgba(0, 0, 0, 0.4); + border-radius: 1rem; } + .card.card-background.card-background-mask-primary:before { + background: rgba(0, 0, 0, 0.2); } + .card.card-background.card-background-mask-primary:after { + background-image: linear-gradient(310deg, #7928CA 0%, #FF0080 100%); + opacity: .85; } + .card.card-background.card-background-mask-secondary:before { + background: rgba(0, 0, 0, 0.2); } + .card.card-background.card-background-mask-secondary:after { + background-image: linear-gradient(310deg, #627594 0%, #A8B8D8 100%); + opacity: .85; } + .card.card-background.card-background-mask-success:before { + background: rgba(0, 0, 0, 0.2); } + .card.card-background.card-background-mask-success:after { + background-image: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%); + opacity: .85; } + .card.card-background.card-background-mask-info:before { + background: rgba(0, 0, 0, 0.2); } + .card.card-background.card-background-mask-info:after { + background-image: linear-gradient(310deg, #2152ff 0%, #21d4fd 100%); + opacity: .85; } + .card.card-background.card-background-mask-warning:before { + background: rgba(0, 0, 0, 0.2); } + .card.card-background.card-background-mask-warning:after { + background-image: linear-gradient(310deg, #f53939 0%, #fbcf33 100%); + opacity: .85; } + .card.card-background.card-background-mask-danger:before { + background: rgba(0, 0, 0, 0.2); } + .card.card-background.card-background-mask-danger:after { + background-image: linear-gradient(310deg, #ea0606 0%, #ff667c 100%); + opacity: .85; } + .card.card-background.card-background-mask-light:before { + background: rgba(0, 0, 0, 0.2); } + .card.card-background.card-background-mask-light:after { + background-image: linear-gradient(310deg, #CED4DA 0%, #EBEFF4 100%); + opacity: .85; } + .card.card-background.card-background-mask-dark:before { + background: rgba(0, 0, 0, 0.2); } + .card.card-background.card-background-mask-dark:after { + background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%); + opacity: .85; } + .card.card-background .card-category { + font-size: 0.875rem; + font-weight: 600; } + .card.card-background .card-description { + margin-top: 24px; + margin-bottom: 24px; } -.mx-xs-6 { - margin-left: 4rem !important; - margin-right: 4rem !important; -} +.dropdown .dropdown-menu, +.dropup .dropdown-menu { + position: absolute; + box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06); + transition: visibility 0.25s, opacity 0.25s, transform 0.25s; + cursor: pointer; } -.mx-xs-7 { - margin-left: 6rem !important; - margin-right: 6rem !important; -} +.dropdown .dropdown-toggle:after, +.dropup .dropdown-toggle:after { + content: "\f107"; + font: normal normal normal 14px/1 FontAwesome; + border: none; + vertical-align: middle; + font-weight: 600; } -.mx-xs-8 { - margin-left: 8rem !important; - margin-right: 8rem !important; -} +.dropdown .dropdown-toggle.show:after, +.dropup .dropdown-toggle.show:after { + transform: rotate(180deg); } -.mx-xs-9 { - margin-left: 10rem !important; - margin-right: 10rem !important; -} +.dropdown .dropdown-toggle:after, +.dropup .dropdown-toggle:after { + transition: 0.3s ease; } -.mx-xs-10 { - margin-left: 12rem !important; - margin-right: 12rem !important; -} +.dropdown .dropdown-menu { + margin-top: 8px !important; + display: block; + opacity: 0; + top: 0; + transform-origin: 50% 0; + pointer-events: none; + transform: perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0px, 37px, 0px) !important; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + will-change: transform,box-shadow; } + .dropdown .dropdown-menu.dropdown-menu-end { + right: 0; + left: auto; } + .dropdown .dropdown-menu.dropdown-menu-end:before { + right: 28px; + left: auto; } -.mx-xs-11 { - margin-left: 14rem !important; - margin-right: 14rem !important; -} +.dropdown .dropdown-menu.show { + opacity: 1; + pointer-events: auto; + visibility: visible; + transform: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0, 37px, 5px) !important; } -.mx-xs-12 { - margin-left: 16rem !important; - margin-right: 16rem !important; -} +.dropdown .dropdown-menu.show:before { + top: -20px; } -.my-xs-6 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; -} +.dropdown .dropdown-menu:before { + font-family: "FontAwesome"; + content: "\f0d8"; + position: absolute; + top: 0; + left: 28px; + right: auto; + font-size: 22px; + color: #fff; + transition: top 0.35s ease; } -.my-xs-7 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; -} +.dropdown .dropdown-item .arrow { + transform: rotate(-90deg); } -.my-xs-8 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; -} +.dropdown-item { + transition: background-color 0.3s ease, color 0.3s ease; } -.my-xs-9 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; -} +.dropup .dropdown-menu { + box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06); + transition: visibility 0.25s, opacity 0.25s, transform 0.25s; + cursor: pointer; + top: auto !important; + bottom: 100% !important; + margin-bottom: 0.5rem !important; + display: block; + opacity: 0; + transform-origin: bottom; + pointer-events: none; + transform: perspective(999px) rotateX(12deg) translateZ(0) translate3d(0px, 0px, 0px) !important; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + will-change: transform,box-shadow; } + .dropup .dropdown-menu.show { + pointer-events: auto; + transform: perspective(999px) rotateX(0deg) translateZ(0) translate3d(1px, 0px, 5px) !important; + opacity: 1; } + .dropup .dropdown-menu.show:after { + bottom: -20px; } + .dropup .dropdown-menu:after { + font-family: "FontAwesome"; + content: "\f0d7"; + position: absolute; + z-index: -1; + bottom: 22px; + left: 28px; + right: auto; + font-size: 22px; + color: #fff; + transition: bottom 0.35s ease; } -.my-xs-10 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; -} +.page-header { + padding: 0; + position: relative; + overflow: hidden; + display: flex; + align-items: center; + background-size: cover; + background-position: 50%; } + .page-header .container { + z-index: 1; } -.my-xs-11 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; -} +.oblique { + transform: skewX(-10deg); + overflow: hidden; + width: 60%; + right: -10rem; + border-bottom-left-radius: 0.75rem; } + .oblique .oblique-image { + transform: skewX(10deg); } -.my-xs-12 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; -} +.input-group { + border-radius: 0.5rem; } + .input-group, + .input-group .input-group-text { + transition: box-shadow 0.15s ease, border-color 0.15s ease; } + .input-group > :not(:first-child):not(.dropdown-menu) { + margin-left: 0; } + .input-group .form-control:focus { + border-left: 1px solid #e293d3 !important; + border-right: 1px solid #e293d3 !important; } + .input-group .form-control:not(:first-child) { + border-left: 0; + padding-left: 0; } + .input-group .form-control:not(:last-child) { + border-right: 0; + padding-right: 0; } + .input-group .form-control + .input-group-text { + border-left: 0; + border-right: 1px solid #d2d6da; } + .input-group .input-group-text { + border-right: 0; } -@media (min-width: 576px) { - .m-sm-6 { - margin: 4rem !important; - } +.form-group { + margin-bottom: 1rem; } - .m-sm-7 { - margin: 6rem !important; - } +.form-check:not(.form-switch) .form-check-input[type="checkbox"], .form-check:not(.form-switch) .form-check-input[type="radio"] { + border: 1px solid #cbd3da; + margin-top: 0.25rem; + position: relative; } + .form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked, .form-check:not(.form-switch) .form-check-input[type="radio"]:checked { + border: 0; } - .m-sm-8 { - margin: 8rem !important; - } +.form-check:not(.form-switch) .form-check-input[type="checkbox"]:after { + transition: opacity 0.25s ease-in-out; + font-family: "FontAwesome"; + content: "\f00c"; + width: 100%; + height: 100%; + color: #fff; + position: absolute; + display: flex; + justify-content: center; + align-items: center; + font-size: 0.67rem; + opacity: 0; } - .m-sm-9 { - margin: 10rem !important; - } +.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked:after { + opacity: 1; } - .m-sm-10 { - margin: 12rem !important; - } +.form-check:not(.form-switch) .form-check-input[type="radio"] { + transition: border 0s; } + .form-check:not(.form-switch) .form-check-input[type="radio"]:after { + transition: opacity 0.25s ease-in-out; + content: ""; + position: absolute; + width: 0.4375rem; + height: 0.4375rem; + border-radius: 50%; + background-color: #fff; + opacity: 0; } + .form-check:not(.form-switch) .form-check-input[type="radio"]:checked { + padding: 6px; } + .form-check:not(.form-switch) .form-check-input[type="radio"]:checked:after { + opacity: 1; } - .m-sm-11 { - margin: 14rem !important; - } +.form-check-label, +.form-check-input[type="checkbox"] { + cursor: pointer; } - .m-sm-12 { - margin: 16rem !important; - } -} +.form-check-label { + font-size: 0.875rem; + font-weight: 400; } -@media (min-width: 576px) { - .mt-sm-6 { - margin-top: 4rem !important; - } +.form-check-input { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } - .mt-sm-7 { - margin-top: 6rem !important; - } +.form-switch .form-check-input { + border: 1px solid #e9ecef; + position: relative; + background-color: rgba(58, 65, 111, 0.1); + height: 1.25em; } + .form-switch .form-check-input:after { + transition: transform 0.25s ease-in-out, background-color 0.25s ease-in-out; + content: ""; + width: 1rem; + height: 1rem; + border-radius: 50%; + position: absolute; + background-color: #fff; + transform: translateX(1px); + box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(20, 20, 20, 0.12), 0 0.125rem 0.25rem -0.0625rem rgba(20, 20, 20, 0.07); + top: 1px; } + .form-switch .form-check-input:checked:after { + transform: translateX(21px); } + .form-switch .form-check-input:checked { + border-color: rgba(58, 65, 111, 0.95); + background-color: rgba(58, 65, 111, 0.95); } - .mt-sm-8 { - margin-top: 8rem !important; - } +.form-select { + transition: box-shadow 0.15s ease, border-color 0.15s ease; } - .mt-sm-9 { - margin-top: 10rem !important; - } +label, +.form-label { + font-size: 0.75rem; + font-weight: 700; + margin-bottom: 0.5rem; + color: #252f40; + margin-left: 0.25rem; } - .mt-sm-10 { - margin-top: 12rem !important; - } +.form-control.is-invalid:focus { + box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.6); } - .mt-sm-11 { - margin-top: 14rem !important; - } +.form-control.is-valid:focus { + box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.65); } - .mt-sm-12 { - margin-top: 16rem !important; - } -} +.footer .nav-link { + color: #252f40; + font-weight: 400; + font-size: 0.875rem; + padding-top: 0; + padding-bottom: 0.25rem; } + .footer .nav-link:hover { + opacity: 1 !important; + transition: opacity 0.3 ease; } -@media (min-width: 576px) { - .me-sm-6 { - margin-right: 4rem !important; - } +.bg-gradient-primary { + background-image: linear-gradient(310deg, #7928CA 0%, #FF0080 100%); } - .me-sm-7 { - margin-right: 6rem !important; - } +.bg-gradient-secondary { + background-image: linear-gradient(310deg, #627594 0%, #A8B8D8 100%); } - .me-sm-8 { - margin-right: 8rem !important; - } +.bg-gradient-success { + background-image: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%); } - .me-sm-9 { - margin-right: 10rem !important; - } +.bg-gradient-info { + background-image: linear-gradient(310deg, #2152ff 0%, #21d4fd 100%); } - .me-sm-10 { - margin-right: 12rem !important; - } +.bg-gradient-warning { + background-image: linear-gradient(310deg, #f53939 0%, #fbcf33 100%); } - .me-sm-11 { - margin-right: 14rem !important; - } +.bg-gradient-danger { + background-image: linear-gradient(310deg, #ea0606 0%, #ff667c 100%); } - .me-sm-12 { - margin-right: 16rem !important; - } -} +.bg-gradient-light { + background-image: linear-gradient(310deg, #CED4DA 0%, #EBEFF4 100%); } -@media (min-width: 576px) { - .mb-sm-6 { - margin-bottom: 4rem !important; - } +.bg-gradient-dark { + background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%); } - .mb-sm-7 { - margin-bottom: 6rem !important; - } +.bg-gradient-faded-primary { + background-image: radial-gradient(370px circle at 80% 50%, rgba(203, 12, 159, 0.6) 0, #9b0979 100%); } - .mb-sm-8 { - margin-bottom: 8rem !important; - } +.bg-gradient-faded-secondary { + background-image: radial-gradient(370px circle at 80% 50%, rgba(131, 146, 171, 0.6) 0, #657796 100%); } - .mb-sm-9 { - margin-bottom: 10rem !important; - } +.bg-gradient-faded-success { + background-image: radial-gradient(370px circle at 80% 50%, rgba(130, 214, 22, 0.6) 0, #66a811 100%); } - .mb-sm-10 { - margin-bottom: 12rem !important; - } +.bg-gradient-faded-info { + background-image: radial-gradient(370px circle at 80% 50%, rgba(23, 193, 232, 0.6) 0, #129aba 100%); } - .mb-sm-11 { - margin-bottom: 14rem !important; - } +.bg-gradient-faded-warning { + background-image: radial-gradient(370px circle at 80% 50%, rgba(245, 57, 57, 0.6) 0, #ef0c0c 100%); } - .mb-sm-12 { - margin-bottom: 16rem !important; - } -} +.bg-gradient-faded-danger { + background-image: radial-gradient(370px circle at 80% 50%, rgba(234, 6, 6, 0.6) 0, #b80505 100%); } -@media (min-width: 576px) { - .ms-sm-6 { - margin-left: 4rem !important; - } +.bg-gradient-faded-light { + background-image: radial-gradient(370px circle at 80% 50%, rgba(233, 236, 239, 0.6) 0, #cbd3da 100%); } - .ms-sm-7 { - margin-left: 6rem !important; - } +.bg-gradient-faded-dark { + background-image: radial-gradient(370px circle at 80% 50%, rgba(37, 47, 64, 0.6) 0, #121720 100%); } - .ms-sm-8 { - margin-left: 8rem !important; - } +.bg-gradient-faded-white { + background-image: radial-gradient(370px circle at 80% 50%, rgba(255, 255, 255, 0.6) 0, #e6e6e6 100%); } - .ms-sm-9 { - margin-left: 10rem !important; - } +.bg-gradient-faded-primary-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(203, 12, 159, 0.3) 0, #cb0c9f 100%); } - .ms-sm-10 { - margin-left: 12rem !important; - } +.bg-gradient-faded-secondary-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(131, 146, 171, 0.3) 0, #8392AB 100%); } - .ms-sm-11 { - margin-left: 14rem !important; - } +.bg-gradient-faded-success-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(130, 214, 22, 0.3) 0, #82d616 100%); } - .ms-sm-12 { - margin-left: 16rem !important; - } -} +.bg-gradient-faded-info-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(23, 193, 232, 0.3) 0, #17c1e8 100%); } -@media (min-width: 576px) { - .mx-sm-6 { - margin-left: 4rem !important; - margin-right: 4rem !important; - } +.bg-gradient-faded-warning-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(245, 57, 57, 0.3) 0, #f53939 100%); } - .mx-sm-7 { - margin-left: 6rem !important; - margin-right: 6rem !important; - } +.bg-gradient-faded-danger-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(234, 6, 6, 0.3) 0, #ea0606 100%); } - .mx-sm-8 { - margin-left: 8rem !important; - margin-right: 8rem !important; - } +.bg-gradient-faded-light-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(233, 236, 239, 0.3) 0, #e9ecef 100%); } - .mx-sm-9 { - margin-left: 10rem !important; - margin-right: 10rem !important; - } +.bg-gradient-faded-dark-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(37, 47, 64, 0.3) 0, #252f40 100%); } - .mx-sm-10 { - margin-left: 12rem !important; - margin-right: 12rem !important; - } +.bg-gradient-faded-white-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(255, 255, 255, 0.3) 0, #fff 100%); } + +.icon-shape { + width: 48px; + height: 48px; + background-position: center; + border-radius: 0.75rem; } + .icon-shape i { + color: #fff; + opacity: 0.8; + top: 11px; + position: relative; } + .icon-shape .ni { + top: 14px; } - .mx-sm-11 { - margin-left: 14rem !important; - margin-right: 14rem !important; - } +.icon-xxs { + width: 20px; + height: 20px; } + .icon-xxs i { + top: -4px; + font-size: .5rem; } - .mx-sm-12 { - margin-left: 16rem !important; - margin-right: 16rem !important; - } -} +.icon-xs { + width: 24px; + height: 24px; } + .icon-xs i { + top: -4px; + font-size: .5rem; } -@media (min-width: 576px) { - .my-sm-6 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; - } +.icon-sm { + width: 32px; + height: 32px; } + .icon-sm i { + top: 2px; + font-size: .65rem; } - .my-sm-7 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; - } +.icon-md { + width: 48px; + height: 48px; } + .icon-md i { + top: 22%; + font-size: 0.875rem; } + .icon-md.icon-striped { + background-position-x: 85px; + background-position-y: 85px; } + .icon-md.icon-striped i { + top: 11%; + margin-left: -10px; + font-size: 0.875rem; } - .my-sm-8 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; - } +.icon-lg { + width: 64px; + height: 64px; } + .icon-lg i { + top: 31%; + font-size: 1.25rem; } + .icon-lg.icon-striped { + background-position-x: 111px; + background-position-y: 111px; } + .icon-lg.icon-striped i { + top: 21%; + margin-left: -15px; } - .my-sm-9 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; - } +.icon-xl { + width: 100px; + height: 100px; + border-radius: 0.75rem; } + .icon-xl i { + top: 37%; + font-size: 1.6rem; } + .icon-xl.icon-striped { + background-position-x: 80px; + background-position-y: 80px; } + .icon-xl.icon-striped i { + top: 30%; + margin-left: -15px; } - .my-sm-10 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; - } +.info-horizontal { + text-align: left !important; } + .info-horizontal .icon { + float: left; } + .info-horizontal .description { + overflow: hidden; } - .my-sm-11 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; - } +svg.text-primary .color-foreground { + fill: #7928CA; } - .my-sm-12 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; - } -} +svg.text-primary .color-background { + fill: #FF0080; } -@media (min-width: 768px) { - .m-md-6 { - margin: 4rem !important; - } +svg.text-secondary .color-foreground { + fill: #627594; } - .m-md-7 { - margin: 6rem !important; - } +svg.text-secondary .color-background { + fill: #A8B8D8; } - .m-md-8 { - margin: 8rem !important; - } +svg.text-info .color-foreground { + fill: #2152ff; } - .m-md-9 { - margin: 10rem !important; - } +svg.text-info .color-background { + fill: #21d4fd; } - .m-md-10 { - margin: 12rem !important; - } +svg.text-warning .color-foreground { + fill: #f53939; } - .m-md-11 { - margin: 14rem !important; - } +svg.text-warning .color-background { + fill: #fbcf33; } - .m-md-12 { - margin: 16rem !important; - } -} +svg.text-danger .color-foreground { + fill: #ea0606; } -@media (min-width: 768px) { - .mt-md-6 { - margin-top: 4rem !important; - } +svg.text-danger .color-background { + fill: #ff667c; } - .mt-md-7 { - margin-top: 6rem !important; - } +svg.text-success .color-foreground { + fill: #17ad37; } - .mt-md-8 { - margin-top: 8rem !important; - } +svg.text-success .color-background { + fill: #98ec2d; } - .mt-md-9 { - margin-top: 10rem !important; - } +svg.text-dark .color-foreground { + fill: #141727; } - .mt-md-10 { - margin-top: 12rem !important; - } +svg.text-dark .color-background { + fill: #3A416F; } - .mt-md-11 { - margin-top: 14rem !important; - } +.blur { + box-shadow: inset 0px 0px 2px #fefefed1; + -webkit-backdrop-filter: saturate(200%) blur(30px); + backdrop-filter: saturate(200%) blur(30px); + background-color: rgba(255, 255, 255, 0.8) !important; } + .blur.saturation-less { + -webkit-backdrop-filter: saturate(20%) blur(30px); + backdrop-filter: saturate(20%) blur(30px); } + .blur.blur-rounded { + border-radius: 40px; } + .blur.blur-light { + background-color: rgba(255, 255, 255, 0.4); } + .blur.blur-dark { + background-color: rgba(0, 0, 0, 0.3); } - .mt-md-12 { - margin-top: 16rem !important; - } -} +.shadow-blur { + box-shadow: inset 0 0px 1px 1px rgba(254, 254, 254, 0.9), 0 20px 27px 0 rgba(0, 0, 0, 0.05) !important; } -@media (min-width: 768px) { - .me-md-6 { - margin-right: 4rem !important; - } +.shadow-card { + box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05) !important; } - .me-md-7 { - margin-right: 6rem !important; - } +.navbar-blur { + -webkit-backdrop-filter: saturate(200%) blur(30px); + backdrop-filter: saturate(200%) blur(30px); + background-color: rgba(255, 255, 255, 0.58) !important; } - .me-md-8 { - margin-right: 8rem !important; - } +.blur-section { + -webkit-backdrop-filter: saturate(200%) blur(30px); + backdrop-filter: saturate(200%) blur(30px); } + .blur-section.blur-gradient-primary { + background-image: linear-gradient(310deg, rgba(121, 40, 202, 0.95) 0%, rgba(255, 0, 128, 0.95) 100%); } - .me-md-9 { - margin-right: 10rem !important; - } +*.move-on-hover { + transition: 0.2s ease-out; + overflow: hidden; + transform-origin: 50% 0; + transform-origin: 50% 0; + transform: perspective(999px) rotateX(0deg) translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + will-change: transform, box-shadow; } + *.move-on-hover:hover { + transform: perspective(999px) rotateX(7deg) translate3d(0px, -4px, 5px); } - .me-md-10 { - margin-right: 12rem !important; - } +*.gradient-animation { + background: linear-gradient(-45deg, #2152ff, #ea0606, #f53939, #7928CA, #252f40); + background-size: 400% 400% !important; + -webkit-animation: gradient 10s ease infinite; + animation: gradient 10s ease infinite; } - .me-md-11 { - margin-right: 14rem !important; - } +hr.vertical { + position: absolute; + background-color: transparent; + height: 100%; + right: 0; + top: 0; + width: 1px; } + hr.vertical.light { + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)); } + hr.vertical.dark { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); } + hr.vertical.gray-light { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); } - .me-md-12 { - margin-right: 16rem !important; - } -} +hr.horizontal { + background-color: transparent; } + hr.horizontal.light { + background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)); } + hr.horizontal.dark { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); } + hr.horizontal.gray-light { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); } -@media (min-width: 768px) { - .mb-md-6 { - margin-bottom: 4rem !important; - } +.lock-size { + width: 1.7rem; + height: 1.7rem; } - .mb-md-7 { - margin-bottom: 6rem !important; - } +.border-radius-xs { + border-radius: 0.125rem; } - .mb-md-8 { - margin-bottom: 8rem !important; - } +.border-radius-sm { + border-radius: 0.25rem; } - .mb-md-9 { - margin-bottom: 10rem !important; - } +.border-radius-md { + border-radius: 0.5rem; } - .mb-md-10 { - margin-bottom: 12rem !important; - } +.border-radius-lg { + border-radius: 0.75rem; } - .mb-md-11 { - margin-bottom: 14rem !important; - } +.border-radius-xl { + border-radius: 1rem; } - .mb-md-12 { - margin-bottom: 16rem !important; - } -} +.border-radius-2xl { + border-radius: 1.5rem; } -@media (min-width: 768px) { - .ms-md-6 { - margin-left: 4rem !important; - } +.border-radius-section { + border-radius: 10rem; } - .ms-md-7 { - margin-left: 6rem !important; - } +.border-bottom-end-radius-0 { + border-bottom-right-radius: 0; } - .ms-md-8 { - margin-left: 8rem !important; - } +.border-top-end-radius-0 { + border-top-right-radius: 0; } - .ms-md-9 { - margin-left: 10rem !important; - } +.border-bottom-start-radius-0 { + border-bottom-left-radius: 0; } - .ms-md-10 { - margin-left: 12rem !important; - } +.border-top-start-radius-0 { + border-top-left-radius: 0; } - .ms-md-11 { - margin-left: 14rem !important; - } +.z-index-sticky { + z-index: 1020; } - .ms-md-12 { - margin-left: 16rem !important; - } -} +.waves { + position: relative; + width: 100%; + height: 16vh; + margin-bottom: -7px; + /*Fix for safari gap*/ + min-height: 100px; + max-height: 150px; } + .waves.waves-sm { + height: 50px; + min-height: 50px; } + .waves.no-animation .moving-waves > use { + -webkit-animation: none; + animation: none; } -@media (min-width: 768px) { - .mx-md-6 { - margin-left: 4rem !important; - margin-right: 4rem !important; - } +.wave-rotate { + transform: rotate(180deg); } - .mx-md-7 { - margin-left: 6rem !important; - margin-right: 6rem !important; - } +/* Animation for the waves */ +.moving-waves > use { + -webkit-animation: move-forever 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; + animation: move-forever 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; } + +.moving-waves > use:nth-child(1) { + -webkit-animation-delay: -2s; + animation-delay: -2s; + -webkit-animation-duration: 11s; + animation-duration: 11s; } + +.moving-waves > use:nth-child(2) { + -webkit-animation-delay: -4s; + animation-delay: -4s; + -webkit-animation-duration: 13s; + animation-duration: 13s; } + +.moving-waves > use:nth-child(3) { + -webkit-animation-delay: -3s; + animation-delay: -3s; + -webkit-animation-duration: 15s; + animation-duration: 15s; } + +.moving-waves > use:nth-child(4) { + -webkit-animation-delay: -4s; + animation-delay: -4s; + -webkit-animation-duration: 20s; + animation-duration: 20s; } + +.moving-waves > use:nth-child(5) { + -webkit-animation-delay: -4s; + animation-delay: -4s; + -webkit-animation-duration: 25s; + animation-duration: 25s; } + +.moving-waves > use:nth-child(6) { + -webkit-animation-delay: -3s; + animation-delay: -3s; + -webkit-animation-duration: 30s; + animation-duration: 30s; } + +@-webkit-keyframes move-forever { + 0% { + transform: translate3d(-90px, 0, 0); } + 100% { + transform: translate3d(85px, 0, 0); } } - .mx-md-8 { - margin-left: 8rem !important; - margin-right: 8rem !important; - } +@keyframes move-forever { + 0% { + transform: translate3d(-90px, 0, 0); } + 100% { + transform: translate3d(85px, 0, 0); } } - .mx-md-9 { - margin-left: 10rem !important; - margin-right: 10rem !important; - } +/*Shrinking for mobile*/ +@media (max-width: 767.98px) { + .waves { + height: 40px; + min-height: 40px; } + hr.horizontal { + background-color: transparent; } + hr.horizontal:not(.dark) { + background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)); } + hr.horizontal.vertical { + transform: rotate(90deg); } + hr.horizontal.dark { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); } } - .mx-md-10 { - margin-left: 12rem !important; - margin-right: 12rem !important; - } +.overflow-visible { + overflow: visible !important; } - .mx-md-11 { - margin-left: 14rem !important; - margin-right: 14rem !important; - } +.popover .popover-header { + font-weight: 600; } - .mx-md-12 { - margin-left: 16rem !important; - margin-right: 16rem !important; - } -} +@media (max-width: 767.98px) { + .navbar-collapse { + position: relative; } + .navbar-collapse .navbar-nav { + width: 100%; } + .navbar-collapse .navbar-nav .nav-item.dropdown { + position: static; } + .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu { + left: 0; + right: 0; } + .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu.show:before { + content: none; } } -@media (min-width: 768px) { - .my-md-6 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; - } +@media (max-width: 575.98px) { + .navbar-nav .nav-item.dropdown .dropdown-menu { + left: 0; + right: auto; } } - .my-md-7 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; - } +.nav.nav-pills { + background: #f8f9fa; + border-radius: 0.75rem; + position: relative; } + .nav.nav-pills.nav-pills-vertical { + border-radius: 1.1875rem; } + .nav.nav-pills.nav-pills-vertical .nav-link.active { + border-radius: 0.875rem; } + .nav.nav-pills .nav-link { + z-index: 3; + color: #252f40; + border-radius: 0.5rem; + background-color: inherit; } + .nav.nav-pills .nav-link.active { + -webkit-animation: 0.2s ease; + animation: 0.2s ease; } + .nav.nav-pills .nav-link:hover:not(.active) { + color: #252f40; } + .nav.nav-pills.nav-pills-primary { + background: #fff; + color: #fff; } + .nav.nav-pills.nav-pills-primary .nav-link.active { + color: #fff; } + .nav.nav-pills.nav-pills-primary .moving-tab .nav-link.active { + background: #7928CA; + color: #7928CA; } + .nav.nav-pills.nav-pills-info { + background: #fff; + color: #fff; } + .nav.nav-pills.nav-pills-info .nav-link.active { + color: #fff; } + .nav.nav-pills.nav-pills-info .moving-tab .nav-link.active { + background: #2152ff; + color: #2152ff; } + .nav.nav-pills.nav-pills-success { + background: #fff; + color: #fff; } + .nav.nav-pills.nav-pills-success .nav-link.active { + color: #fff; } + .nav.nav-pills.nav-pills-success .moving-tab .nav-link.active { + background: #17ad37; + color: #17ad37; } + .nav.nav-pills.nav-pills-warning { + background: #fff; + color: #fff; } + .nav.nav-pills.nav-pills-warning .nav-link.active { + color: #fff; } + .nav.nav-pills.nav-pills-warning .moving-tab .nav-link.active { + background: #f53939; + color: #f53939; } + .nav.nav-pills.nav-pills-danger { + background: #fff; + color: #fff; } + .nav.nav-pills.nav-pills-danger .nav-link.active { + color: #fff; } + .nav.nav-pills.nav-pills-danger .moving-tab .nav-link.active { + background: #ea0606; + color: #ea0606; } + .nav.nav-pills .nav-item { + z-index: 3; } - .my-md-8 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; - } +.moving-tab { + z-index: 1 !important; } + .moving-tab .nav-link { + color: #fff; + transition: .2s ease; + border-radius: 0.5rem; } + .moving-tab .nav-link.active { + color: #fff; + font-weight: 600; + box-shadow: 0px 1px 5px 1px #ddd; + -webkit-animation: 0.2s ease; + animation: 0.2s ease; + background: #fff; } + .moving-tab .nav-link:hover:not(.active) { + color: #252f40; } - .my-md-9 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; - } +.table thead th { + padding: 0.75rem 1.5rem; + text-transform: capitalize; + letter-spacing: 0px; + border-bottom: 1px solid #e9ecef; } - .my-md-10 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; - } +.table th { + font-weight: 600; } - .my-md-11 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; - } +.table td .progress { + height: 3px; + width: 120px; + margin: 0; } - .my-md-12 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; - } -} +.table td, +.table th { + white-space: nowrap; } -@media (min-width: 992px) { - .m-lg-6 { - margin: 4rem !important; - } +.table.align-items-center td, +.table.align-items-center th { + vertical-align: middle; } - .m-lg-7 { - margin: 6rem !important; - } +.table tbody tr:last-child td { + border-width: 0; } - .m-lg-8 { - margin: 8rem !important; - } +.table > :not(:last-child) > :last-child > * { + border-bottom-color: #e9ecef; } - .m-lg-9 { - margin: 10rem !important; - } +.timeline { + position: relative; } + .timeline:before { + content: ''; + position: absolute; + top: 0; + left: 1rem; + height: 100%; + border-right: 2px solid #dee2e6; } - .m-lg-10 { - margin: 12rem !important; - } +.timeline-block { + position: relative; } + .timeline-block:after { + content: ""; + display: table; + clear: both; } + .timeline-block:first-child { + margin-top: 0; } + .timeline-block:last-child { + margin-bottom: 0; } - .m-lg-11 { - margin: 14rem !important; - } +.timeline-step { + position: absolute; + display: inline-flex; + align-items: center; + justify-content: center; + left: 0; + width: 26px; + height: 26px; + border-radius: 50%; + background: #fff; + text-align: center; + transform: translateX(-50%); + font-size: 1rem; + font-weight: 600; + z-index: 1; } + .timeline-step svg, .timeline-step i { + line-height: 1.4; } - .m-lg-12 { - margin: 16rem !important; - } -} +.timeline-content { + position: relative; + margin-left: 45px; + padding-top: 0.35rem; + position: relative; + top: -6px; } + .timeline-content:after { + content: ""; + display: table; + clear: both; } @media (min-width: 992px) { - .mt-lg-6 { - margin-top: 4rem !important; - } + .timeline:before { + left: 50%; + margin-left: -1px; } + .timeline-step { + left: 50%; } + .timeline-content { + width: 38%; } + .timeline-block:nth-child(even) .timeline-content { + float: right; } } - .mt-lg-7 { - margin-top: 6rem !important; - } +.timeline-one-side:before { + left: 1rem; } - .mt-lg-8 { - margin-top: 8rem !important; - } +.timeline-one-side .timeline-step { + left: 1rem; } - .mt-lg-9 { - margin-top: 10rem !important; - } +.timeline-one-side .timeline-content { + width: auto; } - .mt-lg-10 { - margin-top: 12rem !important; - } +@media (min-width: 992px) { + .timeline-one-side .timeline-content { + max-width: 30rem; } } - .mt-lg-11 { - margin-top: 14rem !important; - } +.timeline-one-side .timeline-block:nth-child(even) .timeline-content { + float: none; } - .mt-lg-12 { - margin-top: 16rem !important; - } -} +html * { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -@media (min-width: 992px) { - .me-lg-6 { - margin-right: 4rem !important; - } +body { + color: #67748e; + font-weight: 400; + line-height: 1.6; + background-color: #fff; } - .me-lg-7 { - margin-right: 6rem !important; - } +h1, .h1, .h1, h2, .h2, .h2, h3, .h3, .h3, h4, .h4, .h4, h5, .h5, .h5, h6, .h6, .h6 { + color: #252f40; } - .me-lg-8 { - margin-right: 8rem !important; - } +h1, .h1, .h1 { + font-size: 3rem; + line-height: 1.25; + letter-spacing: -0.025rem; } + @media (max-width: 575.98px) { + h1, .h1, .h1 { + font-size: calc(1.425rem + 2.1vw); } } - .me-lg-9 { - margin-right: 10rem !important; - } +h2, .h2, .h2 { + font-size: 2.25rem; + line-height: 1.3; + letter-spacing: 0.05rem; } + @media (max-width: 575.98px) { + h2, .h2, .h2 { + font-size: calc(1.35rem + 1.2vw); } } - .me-lg-10 { - margin-right: 12rem !important; - } +h3, .h3, .h3 { + font-size: 1.875rem; + line-height: 1.375; } + @media (max-width: 575.98px) { + h3, .h3, .h3 { + font-size: calc(1.3125rem + 0.75vw); } } - .me-lg-11 { - margin-right: 14rem !important; - } +h4, .h4, .h4 { + font-size: 1.5rem; + line-height: 1.375; } + @media (max-width: 575.98px) { + h4, .h4, .h4 { + font-size: calc(1.275rem + 0.3vw); } } - .me-lg-12 { - margin-right: 16rem !important; - } -} +h5, .h5, .h5 { + font-size: 1.25rem; + line-height: 1.375; } + @media (max-width: 575.98px) { + h5, .h5, .h5 { + font-size: 1.25rem; } } -@media (min-width: 992px) { - .mb-lg-6 { - margin-bottom: 4rem !important; - } +h6, .h6, .h6 { + font-size: 1rem; + line-height: 1.625; } - .mb-lg-7 { - margin-bottom: 6rem !important; - } +p, .p { + font-size: 1rem; + font-weight: 400; + line-height: 1.6; } - .mb-lg-8 { - margin-bottom: 8rem !important; - } +.lead { + font-size: 1.25rem; + font-weight: 400; + line-height: 1.625; } - .mb-lg-9 { - margin-bottom: 10rem !important; - } +h1, .h1, .h1, h2, .h2, .h2, h3, .h3, .h3 { + font-weight: 700; } - .mb-lg-10 { - margin-bottom: 12rem !important; - } +h4, .h4, .h4, h5, .h5, .h5, h6, .h6, .h6 { + font-weight: 600; } - .mb-lg-11 { - margin-bottom: 14rem !important; - } +h1, .h1, .h1, h2, .h2, .h2, h3, .h3, .h3, h4, .h4, .h4 { + letter-spacing: -0.05rem; } - .mb-lg-12 { - margin-bottom: 16rem !important; - } -} +a { + letter-spacing: -0.025rem; + color: #000; } -@media (min-width: 992px) { - .ms-lg-6 { - margin-left: 4rem !important; - } +.text-sm { + line-height: 1.5; } - .ms-lg-7 { - margin-left: 6rem !important; - } +.text-xs { + line-height: 1.25; } - .ms-lg-8 { - margin-left: 8rem !important; - } +p, .p { + font-size: 1rem; } - .ms-lg-9 { - margin-left: 10rem !important; - } +.lead { + font-size: 1.25rem; } - .ms-lg-10 { - margin-left: 12rem !important; - } +.text-lg { + font-size: 1.125rem !important; } - .ms-lg-11 { - margin-left: 14rem !important; - } +.text-sm { + font-size: 0.875rem !important; } - .ms-lg-12 { - margin-left: 16rem !important; - } -} +.text-xs { + font-size: 0.75rem !important; } -@media (min-width: 992px) { - .mx-lg-6 { - margin-left: 4rem !important; - margin-right: 4rem !important; - } +.text-xxs { + font-size: 0.65rem !important; } - .mx-lg-7 { - margin-left: 6rem !important; - margin-right: 6rem !important; - } +p { + line-height: 1.625; + font-weight: 400; } - .mx-lg-8 { - margin-left: 8rem !important; - margin-right: 8rem !important; - } +.text-sans-serif { + font-family: "Open Sans" !important; } - .mx-lg-9 { - margin-left: 10rem !important; - margin-right: 10rem !important; - } +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } - .mx-lg-10 { - margin-left: 12rem !important; - margin-right: 12rem !important; - } +.text-justify { + text-align: justify !important; } - .mx-lg-11 { - margin-left: 14rem !important; - margin-right: 14rem !important; - } +.text-wrap { + white-space: normal !important; } - .mx-lg-12 { - margin-left: 16rem !important; - margin-right: 16rem !important; - } -} +.text-nowrap { + white-space: nowrap !important; } -@media (min-width: 992px) { - .my-lg-6 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; - } +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .my-lg-7 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; - } +.text-left { + text-align: left !important; } - .my-lg-8 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; - } +.text-right { + text-align: right !important; } - .my-lg-9 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; - } +.text-center { + text-align: center !important; } - .my-lg-10 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; - } +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; } + .text-sm-right { + text-align: right !important; } + .text-sm-center { + text-align: center !important; } } - .my-lg-11 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; - } +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; } + .text-md-right { + text-align: right !important; } + .text-md-center { + text-align: center !important; } } - .my-lg-12 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; - } -} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; } + .text-lg-right { + text-align: right !important; } + .text-lg-center { + text-align: center !important; } } @media (min-width: 1200px) { - .m-xl-6 { - margin: 4rem !important; - } - - .m-xl-7 { - margin: 6rem !important; - } + .text-xl-left { + text-align: left !important; } + .text-xl-right { + text-align: right !important; } + .text-xl-center { + text-align: center !important; } } - .m-xl-8 { - margin: 8rem !important; - } +@media (min-width: 1400px) { + .text-xxl-left { + text-align: left !important; } + .text-xxl-right { + text-align: right !important; } + .text-xxl-center { + text-align: center !important; } } - .m-xl-9 { - margin: 10rem !important; - } +.text-lowercase { + text-transform: lowercase !important; } - .m-xl-10 { - margin: 12rem !important; - } +.text-uppercase { + text-transform: uppercase !important; } - .m-xl-11 { - margin: 14rem !important; - } +.text-capitalize { + text-transform: capitalize !important; } - .m-xl-12 { - margin: 16rem !important; - } -} +.font-weight-light { + font-weight: 300 !important; } -@media (min-width: 1200px) { - .mt-xl-6 { - margin-top: 4rem !important; - } +.font-weight-lighter { + font-weight: lighter !important; } - .mt-xl-7 { - margin-top: 6rem !important; - } +.font-weight-normal { + font-weight: 400 !important; } - .mt-xl-8 { - margin-top: 8rem !important; - } +.font-weight-bold { + font-weight: 600 !important; } - .mt-xl-9 { - margin-top: 10rem !important; - } +.font-weight-bolder { + font-weight: 700 !important; } - .mt-xl-10 { - margin-top: 12rem !important; - } +.font-italic { + font-style: italic !important; } - .mt-xl-11 { - margin-top: 14rem !important; - } +.text-gradient { + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + position: relative; + z-index: 1; } + .text-gradient.text-primary { + background-image: linear-gradient(310deg, #7928CA, #FF0080); } + .text-gradient.text-info { + background-image: linear-gradient(310deg, #2152FF, #21D4FD); } + .text-gradient.text-success { + background-image: linear-gradient(310deg, #17AD37, #C1E823); } + .text-gradient.text-warning { + background-image: linear-gradient(310deg, #F53939, #FBCF33); } + .text-gradient.text-danger { + background-image: linear-gradient(310deg, #D60808, #FF6690); } + .text-gradient.text-dark { + background-image: linear-gradient(310deg, #141727, #3A416F); } - .mt-xl-12 { - margin-top: 16rem !important; - } -} +.blockquote { + border-left: 3px solid #6c757d; } + .blockquote > span { + font-style: italic; } -@media (min-width: 1200px) { - .me-xl-6 { - margin-right: 4rem !important; - } +.text-muted { + color: #67748e !important; } - .me-xl-7 { - margin-right: 6rem !important; - } +.text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; } - .me-xl-8 { - margin-right: 8rem !important; - } +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; } - .me-xl-9 { - margin-right: 10rem !important; - } +.text-decoration-none { + text-decoration: none !important; } - .me-xl-10 { - margin-right: 12rem !important; - } +.text-break { + word-wrap: break-word !important; } - .me-xl-11 { - margin-right: 14rem !important; - } +.text-reset { + color: inherit !important; } - .me-xl-12 { - margin-right: 16rem !important; - } -} +.letter-wider { + letter-spacing: 0.05rem; } -@media (min-width: 1200px) { - .mb-xl-6 { - margin-bottom: 4rem !important; - } +.letter-normal { + letter-spacing: 0rem; } - .mb-xl-7 { - margin-bottom: 6rem !important; - } +.letter-tighter { + letter-spacing: -0.05rem; } - .mb-xl-8 { - margin-bottom: 8rem !important; - } +.text-lighter { + font-weight: lighter; } - .mb-xl-9 { - margin-bottom: 10rem !important; - } +.text-light { + font-weight: 300; } - .mb-xl-10 { - margin-bottom: 12rem !important; - } +.text-normal { + font-weight: 400; } - .mb-xl-11 { - margin-bottom: 14rem !important; - } +.text-bold { + font-weight: 600; } - .mb-xl-12 { - margin-bottom: 16rem !important; - } -} +.text-bolder { + font-weight: 700; } @media (min-width: 1200px) { - .ms-xl-6 { - margin-left: 4rem !important; - } + .w-lg-50 { + width: 50% !important; } } - .ms-xl-7 { - margin-left: 6rem !important; - } +.shadow-xl { + box-shadow: 0 23px 45px -11px rgba(20, 20, 20, 0.25); } - .ms-xl-8 { - margin-left: 8rem !important; - } +.cursor-pointer { + cursor: pointer; } - .ms-xl-9 { - margin-left: 10rem !important; - } +.h-100-vh { + height: 100vh; } - .ms-xl-10 { - margin-left: 12rem !important; - } +.section-height-25 { + min-height: 25vh; } + +.section-height-50 { + min-height: 50vh; } - .ms-xl-11 { - margin-left: 14rem !important; - } +.section-height-75 { + min-height: 75vh; } - .ms-xl-12 { - margin-left: 16rem !important; - } -} +.section-height-85 { + min-height: 85vh; } -@media (min-width: 1200px) { - .mx-xl-6 { - margin-left: 4rem !important; - margin-right: 4rem !important; - } +.section-height-100 { + min-height: 100vh; } - .mx-xl-7 { - margin-left: 6rem !important; - margin-right: 6rem !important; - } +.transform-translate-50 { + transform: translate(0, -50%); } - .mx-xl-8 { - margin-left: 8rem !important; - margin-right: 8rem !important; - } +.border-radius-top-start-0 { + border-top-left-radius: 0 !important; } - .mx-xl-9 { - margin-left: 10rem !important; - margin-right: 10rem !important; - } +.border-radius-top-end-0 { + border-top-right-radius: 0 !important; } - .mx-xl-10 { - margin-left: 12rem !important; - margin-right: 12rem !important; - } +.border-radius-bottom-start-0 { + border-bottom-left-radius: 0 !important; } - .mx-xl-11 { - margin-left: 14rem !important; - margin-right: 14rem !important; - } +.border-radius-bottom-end-0 { + border-bottom-right-radius: 0 !important; } - .mx-xl-12 { - margin-left: 16rem !important; - margin-right: 16rem !important; - } -} +@media (min-width: 1400px) { + .border-radius-top-start-xxl-0 { + border-top-left-radius: 0 !important; } + .border-radius-top-end-xxl-0 { + border-top-right-radius: 0 !important; } + .border-radius-bottom-start-xxl-0 { + border-bottom-left-radius: 0 !important; } + .border-radius-bottom-end-xxl-0 { + border-bottom-right-radius: 0 !important; } } @media (min-width: 1200px) { - .my-xl-6 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; - } + .border-radius-top-start-xl-0 { + border-top-left-radius: 0 !important; } + .border-radius-top-end-xl-0 { + border-top-right-radius: 0 !important; } + .border-radius-bottom-start-xl-0 { + border-bottom-left-radius: 0 !important; } + .border-radius-bottom-end-xl-0 { + border-bottom-right-radius: 0 !important; } } - .my-xl-7 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; - } +@media (min-width: 992px) { + .border-radius-top-start-lg-0 { + border-top-left-radius: 0 !important; } + .border-radius-top-end-lg-0 { + border-top-right-radius: 0 !important; } + .border-radius-bottom-start-lg-0 { + border-bottom-left-radius: 0 !important; } + .border-radius-bottom-end-lg-0 { + border-bottom-right-radius: 0 !important; } } - .my-xl-8 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; - } +@media (min-width: 768px) { + .border-radius-top-start-md-0 { + border-top-left-radius: 0 !important; } + .border-radius-top-end-md-0 { + border-top-right-radius: 0 !important; } + .border-radius-bottom-start-md-0 { + border-bottom-left-radius: 0 !important; } + .border-radius-bottom-end-md-0 { + border-bottom-right-radius: 0 !important; } } - .my-xl-9 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; - } +@media (min-width: 576px) { + .border-radius-top-start-sm-0 { + border-top-left-radius: 0 !important; } + .border-radius-top-end-sm-0 { + border-top-right-radius: 0 !important; } + .border-radius-bottom-start-sm-0 { + border-bottom-left-radius: 0 !important; } + .border-radius-bottom-end-sm-0 { + border-bottom-right-radius: 0 !important; } } - .my-xl-10 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; - } +.border-radius-top-start-xs-0 { + border-top-left-radius: 0 !important; } - .my-xl-11 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; - } +.border-radius-top-end-xs-0 { + border-top-right-radius: 0 !important; } - .my-xl-12 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; - } -} +.border-radius-bottom-start-xs-0 { + border-bottom-left-radius: 0 !important; } -@media (min-width: 1400px) { - .m-xxl-6 { - margin: 4rem !important; - } +.border-radius-bottom-end-xs-0 { + border-bottom-right-radius: 0 !important; } - .m-xxl-7 { - margin: 6rem !important; - } +@media (min-width: 1400px) { + .border-top-xxl { + border-top: 1px solid #dee2e6 !important; } + .border-end-xxl { + border-right: 1px solid #dee2e6 !important; } + .border-bottom-xxl { + border-bottom: 1px solid #dee2e6 !important; } + .border-start-xxl { + border-left: 1px solid #dee2e6 !important; } } - .m-xxl-8 { - margin: 8rem !important; - } +@media (min-width: 1200px) { + .border-top-xl { + border-top: 1px solid #dee2e6 !important; } + .border-end-xl { + border-right: 1px solid #dee2e6 !important; } + .border-bottom-xl { + border-bottom: 1px solid #dee2e6 !important; } + .border-start-xl { + border-left: 1px solid #dee2e6 !important; } } - .m-xxl-9 { - margin: 10rem !important; - } +@media (min-width: 992px) { + .border-top-lg { + border-top: 1px solid #dee2e6 !important; } + .border-end-lg { + border-right: 1px solid #dee2e6 !important; } + .border-bottom-lg { + border-bottom: 1px solid #dee2e6 !important; } + .border-start-lg { + border-left: 1px solid #dee2e6 !important; } } - .m-xxl-10 { - margin: 12rem !important; - } +@media (min-width: 768px) { + .border-top-md { + border-top: 1px solid #dee2e6 !important; } + .border-end-md { + border-right: 1px solid #dee2e6 !important; } + .border-bottom-md { + border-bottom: 1px solid #dee2e6 !important; } + .border-start-md { + border-left: 1px solid #dee2e6 !important; } } - .m-xxl-11 { - margin: 14rem !important; - } +@media (min-width: 576px) { + .border-top-sm { + border-top: 1px solid #dee2e6 !important; } + .border-end-sm { + border-right: 1px solid #dee2e6 !important; } + .border-bottom-sm { + border-bottom: 1px solid #dee2e6 !important; } + .border-start-sm { + border-left: 1px solid #dee2e6 !important; } } - .m-xxl-12 { - margin: 16rem !important; - } -} +.border-top-xs { + border-top: 1px solid #dee2e6 !important; } -@media (min-width: 1400px) { - .mt-xxl-6 { - margin-top: 4rem !important; - } +.border-end-xs { + border-right: 1px solid #dee2e6 !important; } - .mt-xxl-7 { - margin-top: 6rem !important; - } +.border-bottom-xs { + border-bottom: 1px solid #dee2e6 !important; } - .mt-xxl-8 { - margin-top: 8rem !important; - } +.border-start-xs { + border-left: 1px solid #dee2e6 !important; } - .mt-xxl-9 { - margin-top: 10rem !important; - } +.bg-cover { + background-size: cover; } - .mt-xxl-10 { - margin-top: 12rem !important; - } +.mask { + position: absolute; + background-size: cover; + background-position: center center; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0.8; } - .mt-xxl-11 { - margin-top: 14rem !important; - } +.z-index-0 { + z-index: 0 !important; } - .mt-xxl-12 { - margin-top: 16rem !important; - } -} +.z-index-1 { + z-index: 1 !important; } -@media (min-width: 1400px) { - .me-xxl-6 { - margin-right: 4rem !important; - } +.z-index-2 { + z-index: 2 !important; } - .me-xxl-7 { - margin-right: 6rem !important; - } +.z-index-3 { + z-index: 3 !important; } - .me-xxl-8 { - margin-right: 8rem !important; - } +.p-6 { + padding: 4rem !important; } - .me-xxl-9 { - margin-right: 10rem !important; - } +.p-7 { + padding: 6rem !important; } - .me-xxl-10 { - margin-right: 12rem !important; - } +.p-8 { + padding: 8rem !important; } - .me-xxl-11 { - margin-right: 14rem !important; - } +.p-9 { + padding: 10rem !important; } - .me-xxl-12 { - margin-right: 16rem !important; - } -} +.p-10 { + padding: 12rem !important; } -@media (min-width: 1400px) { - .mb-xxl-6 { - margin-bottom: 4rem !important; - } +.p-11 { + padding: 14rem !important; } - .mb-xxl-7 { - margin-bottom: 6rem !important; - } +.p-12 { + padding: 16rem !important; } - .mb-xxl-8 { - margin-bottom: 8rem !important; - } +.pt-6 { + padding-top: 4rem !important; } - .mb-xxl-9 { - margin-bottom: 10rem !important; - } +.pt-7 { + padding-top: 6rem !important; } - .mb-xxl-10 { - margin-bottom: 12rem !important; - } +.pt-8 { + padding-top: 8rem !important; } - .mb-xxl-11 { - margin-bottom: 14rem !important; - } +.pt-9 { + padding-top: 10rem !important; } - .mb-xxl-12 { - margin-bottom: 16rem !important; - } -} +.pt-10 { + padding-top: 12rem !important; } -@media (min-width: 1400px) { - .ms-xxl-6 { - margin-left: 4rem !important; - } +.pt-11 { + padding-top: 14rem !important; } - .ms-xxl-7 { - margin-left: 6rem !important; - } +.pt-12 { + padding-top: 16rem !important; } - .ms-xxl-8 { - margin-left: 8rem !important; - } +.pe-6 { + padding-right: 4rem !important; } - .ms-xxl-9 { - margin-left: 10rem !important; - } +.pe-7 { + padding-right: 6rem !important; } - .ms-xxl-10 { - margin-left: 12rem !important; - } +.pe-8 { + padding-right: 8rem !important; } - .ms-xxl-11 { - margin-left: 14rem !important; - } +.pe-9 { + padding-right: 10rem !important; } - .ms-xxl-12 { - margin-left: 16rem !important; - } -} +.pe-10 { + padding-right: 12rem !important; } -@media (min-width: 1400px) { - .mx-xxl-6 { - margin-left: 4rem !important; - margin-right: 4rem !important; - } +.pe-11 { + padding-right: 14rem !important; } - .mx-xxl-7 { - margin-left: 6rem !important; - margin-right: 6rem !important; - } +.pe-12 { + padding-right: 16rem !important; } - .mx-xxl-8 { - margin-left: 8rem !important; - margin-right: 8rem !important; - } +.pb-6 { + padding-bottom: 4rem !important; } - .mx-xxl-9 { - margin-left: 10rem !important; - margin-right: 10rem !important; - } +.pb-7 { + padding-bottom: 6rem !important; } - .mx-xxl-10 { - margin-left: 12rem !important; - margin-right: 12rem !important; - } +.pb-8 { + padding-bottom: 8rem !important; } - .mx-xxl-11 { - margin-left: 14rem !important; - margin-right: 14rem !important; - } +.pb-9 { + padding-bottom: 10rem !important; } - .mx-xxl-12 { - margin-left: 16rem !important; - margin-right: 16rem !important; - } -} +.pb-10 { + padding-bottom: 12rem !important; } -@media (min-width: 1400px) { - .my-xxl-6 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; - } +.pb-11 { + padding-bottom: 14rem !important; } - .my-xxl-7 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; - } +.pb-12 { + padding-bottom: 16rem !important; } - .my-xxl-8 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; - } +.ps-6 { + padding-left: 4rem !important; } - .my-xxl-9 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; - } +.ps-7 { + padding-left: 6rem !important; } - .my-xxl-10 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; - } +.ps-8 { + padding-left: 8rem !important; } - .my-xxl-11 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; - } +.ps-9 { + padding-left: 10rem !important; } - .my-xxl-12 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; - } -} +.ps-10 { + padding-left: 12rem !important; } -.mt-n6 { - margin-top: -4rem !important; -} +.ps-11 { + padding-left: 14rem !important; } -.mt-n7 { - margin-top: -6rem !important; -} +.ps-12 { + padding-left: 16rem !important; } -.mt-n8 { - margin-top: -8rem !important; -} +.px-6 { + padding-left: 4rem !important; + padding-right: 4rem !important; } -.mt-n9 { - margin-top: -10rem !important; -} +.px-7 { + padding-left: 6rem !important; + padding-right: 6rem !important; } -.mt-n10 { - margin-top: -12rem !important; -} +.px-8 { + padding-left: 8rem !important; + padding-right: 8rem !important; } -.mt-n11 { - margin-top: -14rem !important; -} +.px-9 { + padding-left: 10rem !important; + padding-right: 10rem !important; } -.mt-n12 { - margin-top: -16rem !important; -} +.px-10 { + padding-left: 12rem !important; + padding-right: 12rem !important; } -.me-n6 { - margin-right: -4rem !important; -} +.px-11 { + padding-left: 14rem !important; + padding-right: 14rem !important; } -.me-n7 { - margin-right: -6rem !important; -} +.px-12 { + padding-left: 16rem !important; + padding-right: 16rem !important; } -.me-n8 { - margin-right: -8rem !important; -} +.py-6 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; } -.me-n9 { - margin-right: -10rem !important; -} +.py-7 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; } -.me-n10 { - margin-right: -12rem !important; -} +.py-8 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; } -.me-n11 { - margin-right: -14rem !important; -} +.py-9 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; } -.me-n12 { - margin-right: -16rem !important; -} +.py-10 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; } -.mb-n6 { - margin-bottom: -4rem !important; -} +.py-11 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; } -.mb-n7 { - margin-bottom: -6rem !important; -} +.py-12 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; } -.mb-n8 { - margin-bottom: -8rem !important; -} +@media (min-width: 1400px) { + .p-xxl-6 { + padding: 4rem !important; } + .p-xxl-7 { + padding: 6rem !important; } + .p-xxl-8 { + padding: 8rem !important; } + .p-xxl-9 { + padding: 10rem !important; } + .p-xxl-10 { + padding: 12rem !important; } + .p-xxl-11 { + padding: 14rem !important; } + .p-xxl-12 { + padding: 16rem !important; } } -.mb-n9 { - margin-bottom: -10rem !important; -} +@media (min-width: 1400px) { + .pt-xxl-6 { + padding-top: 4rem !important; } + .pt-xxl-7 { + padding-top: 6rem !important; } + .pt-xxl-8 { + padding-top: 8rem !important; } + .pt-xxl-9 { + padding-top: 10rem !important; } + .pt-xxl-10 { + padding-top: 12rem !important; } + .pt-xxl-11 { + padding-top: 14rem !important; } + .pt-xxl-12 { + padding-top: 16rem !important; } } -.mb-n10 { - margin-bottom: -12rem !important; -} +@media (min-width: 1400px) { + .pe-xxl-6 { + padding-right: 4rem !important; } + .pe-xxl-7 { + padding-right: 6rem !important; } + .pe-xxl-8 { + padding-right: 8rem !important; } + .pe-xxl-9 { + padding-right: 10rem !important; } + .pe-xxl-10 { + padding-right: 12rem !important; } + .pe-xxl-11 { + padding-right: 14rem !important; } + .pe-xxl-12 { + padding-right: 16rem !important; } } -.mb-n11 { - margin-bottom: -14rem !important; -} +@media (min-width: 1400px) { + .pb-xxl-6 { + padding-bottom: 4rem !important; } + .pb-xxl-7 { + padding-bottom: 6rem !important; } + .pb-xxl-8 { + padding-bottom: 8rem !important; } + .pb-xxl-9 { + padding-bottom: 10rem !important; } + .pb-xxl-10 { + padding-bottom: 12rem !important; } + .pb-xxl-11 { + padding-bottom: 14rem !important; } + .pb-xxl-12 { + padding-bottom: 16rem !important; } } -.mb-n12 { - margin-bottom: -16rem !important; -} +@media (min-width: 1400px) { + .ps-xxl-6 { + padding-top: 4rem !important; } + .ps-xxl-7 { + padding-top: 6rem !important; } + .ps-xxl-8 { + padding-top: 8rem !important; } + .ps-xxl-9 { + padding-top: 10rem !important; } + .ps-xxl-10 { + padding-top: 12rem !important; } + .ps-xxl-11 { + padding-top: 14rem !important; } + .ps-xxl-12 { + padding-top: 16rem !important; } } -.ms-n6 { - margin-left: -4rem !important; -} +@media (min-width: 1400px) { + .px-xxl-6 { + padding-left: 4rem !important; + padding-right: 4rem !important; } + .px-xxl-7 { + padding-left: 6rem !important; + padding-right: 6rem !important; } + .px-xxl-8 { + padding-left: 8rem !important; + padding-right: 8rem !important; } + .px-xxl-9 { + padding-left: 10rem !important; + padding-right: 10rem !important; } + .px-xxl-10 { + padding-left: 12rem !important; + padding-right: 12rem !important; } + .px-xxl-11 { + padding-left: 14rem !important; + padding-right: 14rem !important; } + .px-xxl-12 { + padding-left: 16rem !important; + padding-right: 16rem !important; } } -.ms-n7 { - margin-left: -6rem !important; -} +@media (min-width: 1400px) { + .py-xxl-6 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; } + .py-xxl-7 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; } + .py-xxl-8 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; } + .py-xxl-9 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; } + .py-xxl-10 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; } + .py-xxl-11 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; } + .py-xxl-12 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; } } -.ms-n8 { - margin-left: -8rem !important; -} +@media (min-width: 1200px) { + .p-xl-6 { + padding: 4rem !important; } + .p-xl-7 { + padding: 6rem !important; } + .p-xl-8 { + padding: 8rem !important; } + .p-xl-9 { + padding: 10rem !important; } + .p-xl-10 { + padding: 12rem !important; } + .p-xl-11 { + padding: 14rem !important; } + .p-xl-12 { + padding: 16rem !important; } } -.ms-n9 { - margin-left: -10rem !important; -} +@media (min-width: 1200px) { + .pt-xl-6 { + padding-top: 4rem !important; } + .pt-xl-7 { + padding-top: 6rem !important; } + .pt-xl-8 { + padding-top: 8rem !important; } + .pt-xl-9 { + padding-top: 10rem !important; } + .pt-xl-10 { + padding-top: 12rem !important; } + .pt-xl-11 { + padding-top: 14rem !important; } + .pt-xl-12 { + padding-top: 16rem !important; } } -.ms-n10 { - margin-left: -12rem !important; -} +@media (min-width: 1200px) { + .pe-xl-6 { + padding-right: 4rem !important; } + .pe-xl-7 { + padding-right: 6rem !important; } + .pe-xl-8 { + padding-right: 8rem !important; } + .pe-xl-9 { + padding-right: 10rem !important; } + .pe-xl-10 { + padding-right: 12rem !important; } + .pe-xl-11 { + padding-right: 14rem !important; } + .pe-xl-12 { + padding-right: 16rem !important; } } -.ms-n11 { - margin-left: -14rem !important; -} +@media (min-width: 1200px) { + .pb-xl-6 { + padding-bottom: 4rem !important; } + .pb-xl-7 { + padding-bottom: 6rem !important; } + .pb-xl-8 { + padding-bottom: 8rem !important; } + .pb-xl-9 { + padding-bottom: 10rem !important; } + .pb-xl-10 { + padding-bottom: 12rem !important; } + .pb-xl-11 { + padding-bottom: 14rem !important; } + .pb-xl-12 { + padding-bottom: 16rem !important; } } -.ms-n12 { - margin-left: -16rem !important; -} +@media (min-width: 1200px) { + .ps-xl-6 { + padding-top: 4rem !important; } + .ps-xl-7 { + padding-top: 6rem !important; } + .ps-xl-8 { + padding-top: 8rem !important; } + .ps-xl-9 { + padding-top: 10rem !important; } + .ps-xl-10 { + padding-top: 12rem !important; } + .ps-xl-11 { + padding-top: 14rem !important; } + .ps-xl-12 { + padding-top: 16rem !important; } } -.mt-xs-n6 { - margin-top: -4rem !important; -} +@media (min-width: 1200px) { + .px-xl-6 { + padding-left: 4rem !important; + padding-right: 4rem !important; } + .px-xl-7 { + padding-left: 6rem !important; + padding-right: 6rem !important; } + .px-xl-8 { + padding-left: 8rem !important; + padding-right: 8rem !important; } + .px-xl-9 { + padding-left: 10rem !important; + padding-right: 10rem !important; } + .px-xl-10 { + padding-left: 12rem !important; + padding-right: 12rem !important; } + .px-xl-11 { + padding-left: 14rem !important; + padding-right: 14rem !important; } + .px-xl-12 { + padding-left: 16rem !important; + padding-right: 16rem !important; } } -.me-xs-n6 { - margin-right: -4rem !important; -} +@media (min-width: 1200px) { + .py-xl-6 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; } + .py-xl-7 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; } + .py-xl-8 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; } + .py-xl-9 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; } + .py-xl-10 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; } + .py-xl-11 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; } + .py-xl-12 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; } } -.mb-xs-n6 { - margin-bottom: -4rem !important; -} +@media (min-width: 992px) { + .p-lg-6 { + padding: 4rem !important; } + .p-lg-7 { + padding: 6rem !important; } + .p-lg-8 { + padding: 8rem !important; } + .p-lg-9 { + padding: 10rem !important; } + .p-lg-10 { + padding: 12rem !important; } + .p-lg-11 { + padding: 14rem !important; } + .p-lg-12 { + padding: 16rem !important; } } -.ms-xs-n6 { - margin-left: -4rem !important; -} +@media (min-width: 992px) { + .pt-lg-6 { + padding-top: 4rem !important; } + .pt-lg-7 { + padding-top: 6rem !important; } + .pt-lg-8 { + padding-top: 8rem !important; } + .pt-lg-9 { + padding-top: 10rem !important; } + .pt-lg-10 { + padding-top: 12rem !important; } + .pt-lg-11 { + padding-top: 14rem !important; } + .pt-lg-12 { + padding-top: 16rem !important; } } -.mt-xs-n7 { - margin-top: -6rem !important; -} +@media (min-width: 992px) { + .pe-lg-6 { + padding-right: 4rem !important; } + .pe-lg-7 { + padding-right: 6rem !important; } + .pe-lg-8 { + padding-right: 8rem !important; } + .pe-lg-9 { + padding-right: 10rem !important; } + .pe-lg-10 { + padding-right: 12rem !important; } + .pe-lg-11 { + padding-right: 14rem !important; } + .pe-lg-12 { + padding-right: 16rem !important; } } -.me-xs-n7 { - margin-right: -6rem !important; -} +@media (min-width: 992px) { + .pb-lg-6 { + padding-bottom: 4rem !important; } + .pb-lg-7 { + padding-bottom: 6rem !important; } + .pb-lg-8 { + padding-bottom: 8rem !important; } + .pb-lg-9 { + padding-bottom: 10rem !important; } + .pb-lg-10 { + padding-bottom: 12rem !important; } + .pb-lg-11 { + padding-bottom: 14rem !important; } + .pb-lg-12 { + padding-bottom: 16rem !important; } } + +@media (min-width: 992px) { + .ps-lg-6 { + padding-top: 4rem !important; } + .ps-lg-7 { + padding-top: 6rem !important; } + .ps-lg-8 { + padding-top: 8rem !important; } + .ps-lg-9 { + padding-top: 10rem !important; } + .ps-lg-10 { + padding-top: 12rem !important; } + .ps-lg-11 { + padding-top: 14rem !important; } + .ps-lg-12 { + padding-top: 16rem !important; } } -.mb-xs-n7 { - margin-bottom: -6rem !important; -} +@media (min-width: 992px) { + .px-lg-6 { + padding-left: 4rem !important; + padding-right: 4rem !important; } + .px-lg-7 { + padding-left: 6rem !important; + padding-right: 6rem !important; } + .px-lg-8 { + padding-left: 8rem !important; + padding-right: 8rem !important; } + .px-lg-9 { + padding-left: 10rem !important; + padding-right: 10rem !important; } + .px-lg-10 { + padding-left: 12rem !important; + padding-right: 12rem !important; } + .px-lg-11 { + padding-left: 14rem !important; + padding-right: 14rem !important; } + .px-lg-12 { + padding-left: 16rem !important; + padding-right: 16rem !important; } } -.ms-xs-n7 { - margin-left: -6rem !important; -} +@media (min-width: 992px) { + .py-lg-6 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; } + .py-lg-7 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; } + .py-lg-8 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; } + .py-lg-9 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; } + .py-lg-10 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; } + .py-lg-11 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; } + .py-lg-12 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; } } -.mt-xs-n8 { - margin-top: -8rem !important; -} +@media (min-width: 768px) { + .p-md-6 { + padding: 4rem !important; } + .p-md-7 { + padding: 6rem !important; } + .p-md-8 { + padding: 8rem !important; } + .p-md-9 { + padding: 10rem !important; } + .p-md-10 { + padding: 12rem !important; } + .p-md-11 { + padding: 14rem !important; } + .p-md-12 { + padding: 16rem !important; } } -.me-xs-n8 { - margin-right: -8rem !important; -} +@media (min-width: 768px) { + .pt-md-6 { + padding-top: 4rem !important; } + .pt-md-7 { + padding-top: 6rem !important; } + .pt-md-8 { + padding-top: 8rem !important; } + .pt-md-9 { + padding-top: 10rem !important; } + .pt-md-10 { + padding-top: 12rem !important; } + .pt-md-11 { + padding-top: 14rem !important; } + .pt-md-12 { + padding-top: 16rem !important; } } -.mb-xs-n8 { - margin-bottom: -8rem !important; -} +@media (min-width: 768px) { + .pe-md-6 { + padding-right: 4rem !important; } + .pe-md-7 { + padding-right: 6rem !important; } + .pe-md-8 { + padding-right: 8rem !important; } + .pe-md-9 { + padding-right: 10rem !important; } + .pe-md-10 { + padding-right: 12rem !important; } + .pe-md-11 { + padding-right: 14rem !important; } + .pe-md-12 { + padding-right: 16rem !important; } } -.ms-xs-n8 { - margin-left: -8rem !important; -} +@media (min-width: 768px) { + .pb-md-6 { + padding-bottom: 4rem !important; } + .pb-md-7 { + padding-bottom: 6rem !important; } + .pb-md-8 { + padding-bottom: 8rem !important; } + .pb-md-9 { + padding-bottom: 10rem !important; } + .pb-md-10 { + padding-bottom: 12rem !important; } + .pb-md-11 { + padding-bottom: 14rem !important; } + .pb-md-12 { + padding-bottom: 16rem !important; } } -.mt-xs-n9 { - margin-top: -10rem !important; -} +@media (min-width: 768px) { + .ps-md-6 { + padding-top: 4rem !important; } + .ps-md-7 { + padding-top: 6rem !important; } + .ps-md-8 { + padding-top: 8rem !important; } + .ps-md-9 { + padding-top: 10rem !important; } + .ps-md-10 { + padding-top: 12rem !important; } + .ps-md-11 { + padding-top: 14rem !important; } + .ps-md-12 { + padding-top: 16rem !important; } } -.me-xs-n9 { - margin-right: -10rem !important; -} +@media (min-width: 768px) { + .px-md-6 { + padding-left: 4rem !important; + padding-right: 4rem !important; } + .px-md-7 { + padding-left: 6rem !important; + padding-right: 6rem !important; } + .px-md-8 { + padding-left: 8rem !important; + padding-right: 8rem !important; } + .px-md-9 { + padding-left: 10rem !important; + padding-right: 10rem !important; } + .px-md-10 { + padding-left: 12rem !important; + padding-right: 12rem !important; } + .px-md-11 { + padding-left: 14rem !important; + padding-right: 14rem !important; } + .px-md-12 { + padding-left: 16rem !important; + padding-right: 16rem !important; } } -.mb-xs-n9 { - margin-bottom: -10rem !important; -} +@media (min-width: 768px) { + .py-md-6 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; } + .py-md-7 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; } + .py-md-8 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; } + .py-md-9 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; } + .py-md-10 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; } + .py-md-11 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; } + .py-md-12 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; } } -.ms-xs-n9 { - margin-left: -10rem !important; -} +@media (min-width: 576px) { + .p-sm-6 { + padding: 4rem !important; } + .p-sm-7 { + padding: 6rem !important; } + .p-sm-8 { + padding: 8rem !important; } + .p-sm-9 { + padding: 10rem !important; } + .p-sm-10 { + padding: 12rem !important; } + .p-sm-11 { + padding: 14rem !important; } + .p-sm-12 { + padding: 16rem !important; } } -.mt-xs-n10 { - margin-top: -12rem !important; -} +@media (min-width: 576px) { + .pt-sm-6 { + padding-top: 4rem !important; } + .pt-sm-7 { + padding-top: 6rem !important; } + .pt-sm-8 { + padding-top: 8rem !important; } + .pt-sm-9 { + padding-top: 10rem !important; } + .pt-sm-10 { + padding-top: 12rem !important; } + .pt-sm-11 { + padding-top: 14rem !important; } + .pt-sm-12 { + padding-top: 16rem !important; } } -.me-xs-n10 { - margin-right: -12rem !important; -} +@media (min-width: 576px) { + .pe-sm-6 { + padding-right: 4rem !important; } + .pe-sm-7 { + padding-right: 6rem !important; } + .pe-sm-8 { + padding-right: 8rem !important; } + .pe-sm-9 { + padding-right: 10rem !important; } + .pe-sm-10 { + padding-right: 12rem !important; } + .pe-sm-11 { + padding-right: 14rem !important; } + .pe-sm-12 { + padding-right: 16rem !important; } } -.mb-xs-n10 { - margin-bottom: -12rem !important; -} +@media (min-width: 576px) { + .pb-sm-6 { + padding-bottom: 4rem !important; } + .pb-sm-7 { + padding-bottom: 6rem !important; } + .pb-sm-8 { + padding-bottom: 8rem !important; } + .pb-sm-9 { + padding-bottom: 10rem !important; } + .pb-sm-10 { + padding-bottom: 12rem !important; } + .pb-sm-11 { + padding-bottom: 14rem !important; } + .pb-sm-12 { + padding-bottom: 16rem !important; } } -.ms-xs-n10 { - margin-left: -12rem !important; -} +@media (min-width: 576px) { + .ps-sm-6 { + padding-left: 4rem !important; } + .ps-sm-7 { + padding-left: 6rem !important; } + .ps-sm-8 { + padding-left: 8rem !important; } + .ps-sm-9 { + padding-left: 10rem !important; } + .ps-sm-10 { + padding-left: 12rem !important; } + .ps-sm-11 { + padding-left: 14rem !important; } + .ps-sm-12 { + padding-left: 16rem !important; } } -.mt-xs-n11 { - margin-top: -14rem !important; -} +@media (min-width: 576px) { + .px-sm-6 { + padding-left: 4rem !important; + padding-right: 4rem !important; } + .px-sm-7 { + padding-left: 6rem !important; + padding-right: 6rem !important; } + .px-sm-8 { + padding-left: 8rem !important; + padding-right: 8rem !important; } + .px-sm-9 { + padding-left: 10rem !important; + padding-right: 10rem !important; } + .px-sm-10 { + padding-left: 12rem !important; + padding-right: 12rem !important; } + .px-sm-11 { + padding-left: 14rem !important; + padding-right: 14rem !important; } + .px-sm-12 { + padding-left: 16rem !important; + padding-right: 16rem !important; } } -.me-xs-n11 { - margin-right: -14rem !important; -} +@media (min-width: 576px) { + .py-sm-6 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; } + .py-sm-7 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; } + .py-sm-8 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; } + .py-sm-9 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; } + .py-sm-10 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; } + .py-sm-11 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; } + .py-sm-12 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; } } -.mb-xs-n11 { - margin-bottom: -14rem !important; -} +.p-xs-6 { + padding: 4rem !important; } -.ms-xs-n11 { - margin-left: -14rem !important; -} +.p-xs-7 { + padding: 6rem !important; } -.mt-xs-n12 { - margin-top: -16rem !important; -} +.p-xs-8 { + padding: 8rem !important; } -.me-xs-n12 { - margin-right: -16rem !important; -} +.p-xs-9 { + padding: 10rem !important; } -.mb-xs-n12 { - margin-bottom: -16rem !important; -} +.p-xs-10 { + padding: 12rem !important; } -.ms-xs-n12 { - margin-left: -16rem !important; -} +.p-xs-11 { + padding: 14rem !important; } -@media (min-width: 576px) { - .mt-sm-n6 { - margin-top: -4rem !important; - } +.p-xs-12 { + padding: 16rem !important; } - .me-sm-n6 { - margin-right: -4rem !important; - } +.pt-xs-6 { + padding-top: 4rem !important; } - .mb-sm-n6 { - margin-bottom: -4rem !important; - } +.pt-xs-7 { + padding-top: 6rem !important; } - .ms-sm-n6 { - margin-left: -4rem !important; - } +.pt-xs-8 { + padding-top: 8rem !important; } - .mt-sm-n7 { - margin-top: -6rem !important; - } +.pt-xs-9 { + padding-top: 10rem !important; } - .me-sm-n7 { - margin-right: -6rem !important; - } +.pt-xs-10 { + padding-top: 12rem !important; } - .mb-sm-n7 { - margin-bottom: -6rem !important; - } +.pt-xs-11 { + padding-top: 14rem !important; } - .ms-sm-n7 { - margin-left: -6rem !important; - } +.pt-xs-12 { + padding-top: 16rem !important; } - .mt-sm-n8 { - margin-top: -8rem !important; - } +.pe-xs-6 { + padding-right: 4rem !important; } - .me-sm-n8 { - margin-right: -8rem !important; - } +.pe-xs-7 { + padding-right: 6rem !important; } - .mb-sm-n8 { - margin-bottom: -8rem !important; - } +.pe-xs-8 { + padding-right: 8rem !important; } - .ms-sm-n8 { - margin-left: -8rem !important; - } +.pe-xs-9 { + padding-right: 10rem !important; } - .mt-sm-n9 { - margin-top: -10rem !important; - } +.pe-xs-10 { + padding-right: 12rem !important; } - .me-sm-n9 { - margin-right: -10rem !important; - } +.pe-xs-11 { + padding-right: 14rem !important; } - .mb-sm-n9 { - margin-bottom: -10rem !important; - } +.pe-xs-12 { + padding-right: 16rem !important; } - .ms-sm-n9 { - margin-left: -10rem !important; - } +.pb-xs-6 { + padding-bottom: 4rem !important; } - .mt-sm-n10 { - margin-top: -12rem !important; - } +.pb-xs-7 { + padding-bottom: 6rem !important; } - .me-sm-n10 { - margin-right: -12rem !important; - } +.pb-xs-8 { + padding-bottom: 8rem !important; } - .mb-sm-n10 { - margin-bottom: -12rem !important; - } +.pb-xs-9 { + padding-bottom: 10rem !important; } - .ms-sm-n10 { - margin-left: -12rem !important; - } +.pb-xs-10 { + padding-bottom: 12rem !important; } - .mt-sm-n11 { - margin-top: -14rem !important; - } +.pb-xs-11 { + padding-bottom: 14rem !important; } - .me-sm-n11 { - margin-right: -14rem !important; - } +.pb-xs-12 { + padding-bottom: 16rem !important; } - .mb-sm-n11 { - margin-bottom: -14rem !important; - } +.ps-xs-6 { + padding-top: 4rem !important; } - .ms-sm-n11 { - margin-left: -14rem !important; - } +.ps-xs-7 { + padding-top: 6rem !important; } - .mt-sm-n12 { - margin-top: -16rem !important; - } +.ps-xs-8 { + padding-top: 8rem !important; } - .me-sm-n12 { - margin-right: -16rem !important; - } +.ps-xs-9 { + padding-top: 10rem !important; } - .mb-sm-n12 { - margin-bottom: -16rem !important; - } +.ps-xs-10 { + padding-top: 12rem !important; } - .ms-sm-n12 { - margin-left: -16rem !important; - } -} +.ps-xs-11 { + padding-top: 14rem !important; } -@media (min-width: 768px) { - .mt-md-n6 { - margin-top: -4rem !important; - } +.ps-xs-12 { + padding-top: 16rem !important; } - .me-md-n6 { - margin-right: -4rem !important; - } +.px-xs-6 { + padding-left: 4rem !important; + padding-right: 4rem !important; } - .mb-md-n6 { - margin-bottom: -4rem !important; - } +.px-xs-7 { + padding-left: 6rem !important; + padding-right: 6rem !important; } - .ms-md-n6 { - margin-left: -4rem !important; - } +.px-xs-8 { + padding-left: 8rem !important; + padding-right: 8rem !important; } - .mt-md-n7 { - margin-top: -6rem !important; - } +.px-xs-9 { + padding-left: 10rem !important; + padding-right: 10rem !important; } - .me-md-n7 { - margin-right: -6rem !important; - } +.px-xs-10 { + padding-left: 12rem !important; + padding-right: 12rem !important; } - .mb-md-n7 { - margin-bottom: -6rem !important; - } +.px-xs-11 { + padding-left: 14rem !important; + padding-right: 14rem !important; } - .ms-md-n7 { - margin-left: -6rem !important; - } +.px-xs-12 { + padding-left: 16rem !important; + padding-right: 16rem !important; } - .mt-md-n8 { - margin-top: -8rem !important; - } +.py-xs-6 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; } - .me-md-n8 { - margin-right: -8rem !important; - } +.py-xs-7 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; } - .mb-md-n8 { - margin-bottom: -8rem !important; - } +.py-xs-8 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; } - .ms-md-n8 { - margin-left: -8rem !important; - } +.py-xs-9 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; } - .mt-md-n9 { - margin-top: -10rem !important; - } +.py-xs-10 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; } - .me-md-n9 { - margin-right: -10rem !important; - } +.py-xs-11 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; } - .mb-md-n9 { - margin-bottom: -10rem !important; - } +.py-xs-12 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; } - .ms-md-n9 { - margin-left: -10rem !important; - } +.m-6 { + margin: 4rem !important; } - .mt-md-n10 { - margin-top: -12rem !important; - } +.m-7 { + margin: 6rem !important; } - .me-md-n10 { - margin-right: -12rem !important; - } +.m-8 { + margin: 8rem !important; } - .mb-md-n10 { - margin-bottom: -12rem !important; - } +.m-9 { + margin: 10rem !important; } - .ms-md-n10 { - margin-left: -12rem !important; - } +.m-10 { + margin: 12rem !important; } - .mt-md-n11 { - margin-top: -14rem !important; - } +.m-11 { + margin: 14rem !important; } - .me-md-n11 { - margin-right: -14rem !important; - } +.m-12 { + margin: 16rem !important; } - .mb-md-n11 { - margin-bottom: -14rem !important; - } +.mt-6 { + margin-top: 4rem !important; } - .ms-md-n11 { - margin-left: -14rem !important; - } +.mt-7 { + margin-top: 6rem !important; } - .mt-md-n12 { - margin-top: -16rem !important; - } +.mt-8 { + margin-top: 8rem !important; } - .me-md-n12 { - margin-right: -16rem !important; - } +.mt-9 { + margin-top: 10rem !important; } - .mb-md-n12 { - margin-bottom: -16rem !important; - } +.mt-10 { + margin-top: 12rem !important; } - .ms-md-n12 { - margin-left: -16rem !important; - } -} +.mt-11 { + margin-top: 14rem !important; } -@media (min-width: 992px) { - .mt-lg-n6 { - margin-top: -4rem !important; - } +.mt-12 { + margin-top: 16rem !important; } - .me-lg-n6 { - margin-right: -4rem !important; - } +.me-6 { + margin-right: 4rem !important; } - .mb-lg-n6 { - margin-bottom: -4rem !important; - } +.me-7 { + margin-right: 6rem !important; } - .ms-lg-n6 { - margin-left: -4rem !important; - } +.me-8 { + margin-right: 8rem !important; } - .mt-lg-n7 { - margin-top: -6rem !important; - } +.me-9 { + margin-right: 10rem !important; } - .me-lg-n7 { - margin-right: -6rem !important; - } +.me-10 { + margin-right: 12rem !important; } - .mb-lg-n7 { - margin-bottom: -6rem !important; - } +.me-11 { + margin-right: 14rem !important; } - .ms-lg-n7 { - margin-left: -6rem !important; - } +.me-12 { + margin-right: 16rem !important; } - .mt-lg-n8 { - margin-top: -8rem !important; - } +.mb-6 { + margin-bottom: 4rem !important; } - .me-lg-n8 { - margin-right: -8rem !important; - } +.mb-7 { + margin-bottom: 6rem !important; } - .mb-lg-n8 { - margin-bottom: -8rem !important; - } +.mb-8 { + margin-bottom: 8rem !important; } - .ms-lg-n8 { - margin-left: -8rem !important; - } +.mb-9 { + margin-bottom: 10rem !important; } - .mt-lg-n9 { - margin-top: -10rem !important; - } +.mb-10 { + margin-bottom: 12rem !important; } - .me-lg-n9 { - margin-right: -10rem !important; - } +.mb-11 { + margin-bottom: 14rem !important; } - .mb-lg-n9 { - margin-bottom: -10rem !important; - } +.mb-12 { + margin-bottom: 16rem !important; } - .ms-lg-n9 { - margin-left: -10rem !important; - } +.ms-6 { + margin-left: 4rem !important; } - .mt-lg-n10 { - margin-top: -12rem !important; - } +.ms-7 { + margin-left: 6rem !important; } - .me-lg-n10 { - margin-right: -12rem !important; - } +.ms-8 { + margin-left: 8rem !important; } - .mb-lg-n10 { - margin-bottom: -12rem !important; - } +.ms-9 { + margin-left: 10rem !important; } - .ms-lg-n10 { - margin-left: -12rem !important; - } +.ms-10 { + margin-left: 12rem !important; } - .mt-lg-n11 { - margin-top: -14rem !important; - } +.ms-11 { + margin-left: 14rem !important; } - .me-lg-n11 { - margin-right: -14rem !important; - } +.ms-12 { + margin-left: 16rem !important; } - .mb-lg-n11 { - margin-bottom: -14rem !important; - } +.mx-6 { + margin-left: 4rem !important; + margin-right: 4rem !important; } - .ms-lg-n11 { - margin-left: -14rem !important; - } +.mx-7 { + margin-left: 6rem !important; + margin-right: 6rem !important; } - .mt-lg-n12 { - margin-top: -16rem !important; - } +.mx-8 { + margin-left: 8rem !important; + margin-right: 8rem !important; } - .me-lg-n12 { - margin-right: -16rem !important; - } +.mx-9 { + margin-left: 10rem !important; + margin-right: 10rem !important; } - .mb-lg-n12 { - margin-bottom: -16rem !important; - } +.mx-10 { + margin-left: 12rem !important; + margin-right: 12rem !important; } - .ms-lg-n12 { - margin-left: -16rem !important; - } -} +.mx-11 { + margin-left: 14rem !important; + margin-right: 14rem !important; } -@media (min-width: 1200px) { - .mt-xl-n6 { - margin-top: -4rem !important; - } +.mx-12 { + margin-left: 16rem !important; + margin-right: 16rem !important; } - .me-xl-n6 { - margin-right: -4rem !important; - } +.my-6 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; } - .mb-xl-n6 { - margin-bottom: -4rem !important; - } +.my-7 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; } - .ms-xl-n6 { - margin-left: -4rem !important; - } +.my-8 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; } - .mt-xl-n7 { - margin-top: -6rem !important; - } +.my-9 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; } - .me-xl-n7 { - margin-right: -6rem !important; - } +.my-10 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; } - .mb-xl-n7 { - margin-bottom: -6rem !important; - } +.my-11 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; } - .ms-xl-n7 { - margin-left: -6rem !important; - } +.my-12 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; } - .mt-xl-n8 { - margin-top: -8rem !important; - } +.m-xs-6 { + margin: 4rem !important; } - .me-xl-n8 { - margin-right: -8rem !important; - } +.m-xs-7 { + margin: 6rem !important; } - .mb-xl-n8 { - margin-bottom: -8rem !important; - } +.m-xs-8 { + margin: 8rem !important; } - .ms-xl-n8 { - margin-left: -8rem !important; - } +.m-xs-9 { + margin: 10rem !important; } - .mt-xl-n9 { - margin-top: -10rem !important; - } +.m-xs-10 { + margin: 12rem !important; } - .me-xl-n9 { - margin-right: -10rem !important; - } +.m-xs-11 { + margin: 14rem !important; } - .mb-xl-n9 { - margin-bottom: -10rem !important; - } +.m-xs-12 { + margin: 16rem !important; } - .ms-xl-n9 { - margin-left: -10rem !important; - } +.mt-xs-6 { + margin-top: 4rem !important; } - .mt-xl-n10 { - margin-top: -12rem !important; - } +.mt-xs-7 { + margin-top: 6rem !important; } - .me-xl-n10 { - margin-right: -12rem !important; - } +.mt-xs-8 { + margin-top: 8rem !important; } - .mb-xl-n10 { - margin-bottom: -12rem !important; - } +.mt-xs-9 { + margin-top: 10rem !important; } - .ms-xl-n10 { - margin-left: -12rem !important; - } +.mt-xs-10 { + margin-top: 12rem !important; } - .mt-xl-n11 { - margin-top: -14rem !important; - } +.mt-xs-11 { + margin-top: 14rem !important; } - .me-xl-n11 { - margin-right: -14rem !important; - } +.mt-xs-12 { + margin-top: 16rem !important; } - .mb-xl-n11 { - margin-bottom: -14rem !important; - } +.me-xs-6 { + margin-right: 4rem !important; } - .ms-xl-n11 { - margin-left: -14rem !important; - } +.me-xs-7 { + margin-right: 6rem !important; } - .mt-xl-n12 { - margin-top: -16rem !important; - } +.me-xs-8 { + margin-right: 8rem !important; } - .me-xl-n12 { - margin-right: -16rem !important; - } +.me-xs-9 { + margin-right: 10rem !important; } - .mb-xl-n12 { - margin-bottom: -16rem !important; - } +.me-xs-10 { + margin-right: 12rem !important; } - .ms-xl-n12 { - margin-left: -16rem !important; - } -} +.me-xs-11 { + margin-right: 14rem !important; } -@media (min-width: 1400px) { - .mt-xxl-n6 { - margin-top: -4rem !important; - } +.me-xs-12 { + margin-right: 16rem !important; } - .me-xxl-n6 { - margin-right: -4rem !important; - } +.mb-xs-6 { + margin-bottom: 4rem !important; } - .mb-xxl-n6 { - margin-bottom: -4rem !important; - } +.mb-xs-7 { + margin-bottom: 6rem !important; } - .ms-xxl-n6 { - margin-left: -4rem !important; - } +.mb-xs-8 { + margin-bottom: 8rem !important; } - .mt-xxl-n7 { - margin-top: -6rem !important; - } +.mb-xs-9 { + margin-bottom: 10rem !important; } - .me-xxl-n7 { - margin-right: -6rem !important; - } +.mb-xs-10 { + margin-bottom: 12rem !important; } - .mb-xxl-n7 { - margin-bottom: -6rem !important; - } +.mb-xs-11 { + margin-bottom: 14rem !important; } - .ms-xxl-n7 { - margin-left: -6rem !important; - } +.mb-xs-12 { + margin-bottom: 16rem !important; } - .mt-xxl-n8 { - margin-top: -8rem !important; - } +.ms-xs-6 { + margin-left: 4rem !important; } - .me-xxl-n8 { - margin-right: -8rem !important; - } +.ms-xs-7 { + margin-left: 6rem !important; } - .mb-xxl-n8 { - margin-bottom: -8rem !important; - } +.ms-xs-8 { + margin-left: 8rem !important; } - .ms-xxl-n8 { - margin-left: -8rem !important; - } +.ms-xs-9 { + margin-left: 10rem !important; } - .mt-xxl-n9 { - margin-top: -10rem !important; - } +.ms-xs-10 { + margin-left: 12rem !important; } - .me-xxl-n9 { - margin-right: -10rem !important; - } +.ms-xs-11 { + margin-left: 14rem !important; } - .mb-xxl-n9 { - margin-bottom: -10rem !important; - } +.ms-xs-12 { + margin-left: 16rem !important; } - .ms-xxl-n9 { - margin-left: -10rem !important; - } +.mx-xs-6 { + margin-left: 4rem !important; + margin-right: 4rem !important; } - .mt-xxl-n10 { - margin-top: -12rem !important; - } +.mx-xs-7 { + margin-left: 6rem !important; + margin-right: 6rem !important; } - .me-xxl-n10 { - margin-right: -12rem !important; - } +.mx-xs-8 { + margin-left: 8rem !important; + margin-right: 8rem !important; } - .mb-xxl-n10 { - margin-bottom: -12rem !important; - } +.mx-xs-9 { + margin-left: 10rem !important; + margin-right: 10rem !important; } - .ms-xxl-n10 { - margin-left: -12rem !important; - } +.mx-xs-10 { + margin-left: 12rem !important; + margin-right: 12rem !important; } - .mt-xxl-n11 { - margin-top: -14rem !important; - } +.mx-xs-11 { + margin-left: 14rem !important; + margin-right: 14rem !important; } - .me-xxl-n11 { - margin-right: -14rem !important; - } +.mx-xs-12 { + margin-left: 16rem !important; + margin-right: 16rem !important; } - .mb-xxl-n11 { - margin-bottom: -14rem !important; - } +.my-xs-6 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; } - .ms-xxl-n11 { - margin-left: -14rem !important; - } +.my-xs-7 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; } - .mt-xxl-n12 { - margin-top: -16rem !important; - } +.my-xs-8 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; } - .me-xxl-n12 { - margin-right: -16rem !important; - } +.my-xs-9 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; } - .mb-xxl-n12 { - margin-bottom: -16rem !important; - } +.my-xs-10 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; } - .ms-xxl-n12 { - margin-left: -16rem !important; - } -} +.my-xs-11 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; } -.opacity-0 { - opacity: 0 !important; -} +.my-xs-12 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; } -.opacity-1 { - opacity: 0.1 !important; -} +@media (min-width: 576px) { + .m-sm-6 { + margin: 4rem !important; } + .m-sm-7 { + margin: 6rem !important; } + .m-sm-8 { + margin: 8rem !important; } + .m-sm-9 { + margin: 10rem !important; } + .m-sm-10 { + margin: 12rem !important; } + .m-sm-11 { + margin: 14rem !important; } + .m-sm-12 { + margin: 16rem !important; } } -.opacity-2 { - opacity: 0.2 !important; -} +@media (min-width: 576px) { + .mt-sm-6 { + margin-top: 4rem !important; } + .mt-sm-7 { + margin-top: 6rem !important; } + .mt-sm-8 { + margin-top: 8rem !important; } + .mt-sm-9 { + margin-top: 10rem !important; } + .mt-sm-10 { + margin-top: 12rem !important; } + .mt-sm-11 { + margin-top: 14rem !important; } + .mt-sm-12 { + margin-top: 16rem !important; } } -.opacity-3 { - opacity: 0.3 !important; -} +@media (min-width: 576px) { + .me-sm-6 { + margin-right: 4rem !important; } + .me-sm-7 { + margin-right: 6rem !important; } + .me-sm-8 { + margin-right: 8rem !important; } + .me-sm-9 { + margin-right: 10rem !important; } + .me-sm-10 { + margin-right: 12rem !important; } + .me-sm-11 { + margin-right: 14rem !important; } + .me-sm-12 { + margin-right: 16rem !important; } } -.opacity-4 { - opacity: 0.4 !important; -} +@media (min-width: 576px) { + .mb-sm-6 { + margin-bottom: 4rem !important; } + .mb-sm-7 { + margin-bottom: 6rem !important; } + .mb-sm-8 { + margin-bottom: 8rem !important; } + .mb-sm-9 { + margin-bottom: 10rem !important; } + .mb-sm-10 { + margin-bottom: 12rem !important; } + .mb-sm-11 { + margin-bottom: 14rem !important; } + .mb-sm-12 { + margin-bottom: 16rem !important; } } -.opacity-5 { - opacity: 0.5 !important; -} +@media (min-width: 576px) { + .ms-sm-6 { + margin-left: 4rem !important; } + .ms-sm-7 { + margin-left: 6rem !important; } + .ms-sm-8 { + margin-left: 8rem !important; } + .ms-sm-9 { + margin-left: 10rem !important; } + .ms-sm-10 { + margin-left: 12rem !important; } + .ms-sm-11 { + margin-left: 14rem !important; } + .ms-sm-12 { + margin-left: 16rem !important; } } -.opacity-6 { - opacity: 0.6 !important; -} +@media (min-width: 576px) { + .mx-sm-6 { + margin-left: 4rem !important; + margin-right: 4rem !important; } + .mx-sm-7 { + margin-left: 6rem !important; + margin-right: 6rem !important; } + .mx-sm-8 { + margin-left: 8rem !important; + margin-right: 8rem !important; } + .mx-sm-9 { + margin-left: 10rem !important; + margin-right: 10rem !important; } + .mx-sm-10 { + margin-left: 12rem !important; + margin-right: 12rem !important; } + .mx-sm-11 { + margin-left: 14rem !important; + margin-right: 14rem !important; } + .mx-sm-12 { + margin-left: 16rem !important; + margin-right: 16rem !important; } } -.opacity-7 { - opacity: 0.7 !important; -} +@media (min-width: 576px) { + .my-sm-6 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; } + .my-sm-7 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; } + .my-sm-8 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; } + .my-sm-9 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; } + .my-sm-10 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; } + .my-sm-11 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; } + .my-sm-12 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; } } -.opacity-8 { - opacity: 0.8 !important; -} +@media (min-width: 768px) { + .m-md-6 { + margin: 4rem !important; } + .m-md-7 { + margin: 6rem !important; } + .m-md-8 { + margin: 8rem !important; } + .m-md-9 { + margin: 10rem !important; } + .m-md-10 { + margin: 12rem !important; } + .m-md-11 { + margin: 14rem !important; } + .m-md-12 { + margin: 16rem !important; } } -.opacity-9 { - opacity: 0.9 !important; -} +@media (min-width: 768px) { + .mt-md-6 { + margin-top: 4rem !important; } + .mt-md-7 { + margin-top: 6rem !important; } + .mt-md-8 { + margin-top: 8rem !important; } + .mt-md-9 { + margin-top: 10rem !important; } + .mt-md-10 { + margin-top: 12rem !important; } + .mt-md-11 { + margin-top: 14rem !important; } + .mt-md-12 { + margin-top: 16rem !important; } } -.opacity-10 { - opacity: 1 !important; -} +@media (min-width: 768px) { + .me-md-6 { + margin-right: 4rem !important; } + .me-md-7 { + margin-right: 6rem !important; } + .me-md-8 { + margin-right: 8rem !important; } + .me-md-9 { + margin-right: 10rem !important; } + .me-md-10 { + margin-right: 12rem !important; } + .me-md-11 { + margin-right: 14rem !important; } + .me-md-12 { + margin-right: 16rem !important; } } -.end-0 { - right: 0% !important; -} +@media (min-width: 768px) { + .mb-md-6 { + margin-bottom: 4rem !important; } + .mb-md-7 { + margin-bottom: 6rem !important; } + .mb-md-8 { + margin-bottom: 8rem !important; } + .mb-md-9 { + margin-bottom: 10rem !important; } + .mb-md-10 { + margin-bottom: 12rem !important; } + .mb-md-11 { + margin-bottom: 14rem !important; } + .mb-md-12 { + margin-bottom: 16rem !important; } } -.end-1 { - right: 1% !important; -} +@media (min-width: 768px) { + .ms-md-6 { + margin-left: 4rem !important; } + .ms-md-7 { + margin-left: 6rem !important; } + .ms-md-8 { + margin-left: 8rem !important; } + .ms-md-9 { + margin-left: 10rem !important; } + .ms-md-10 { + margin-left: 12rem !important; } + .ms-md-11 { + margin-left: 14rem !important; } + .ms-md-12 { + margin-left: 16rem !important; } } -.end-2 { - right: 2% !important; -} +@media (min-width: 768px) { + .mx-md-6 { + margin-left: 4rem !important; + margin-right: 4rem !important; } + .mx-md-7 { + margin-left: 6rem !important; + margin-right: 6rem !important; } + .mx-md-8 { + margin-left: 8rem !important; + margin-right: 8rem !important; } + .mx-md-9 { + margin-left: 10rem !important; + margin-right: 10rem !important; } + .mx-md-10 { + margin-left: 12rem !important; + margin-right: 12rem !important; } + .mx-md-11 { + margin-left: 14rem !important; + margin-right: 14rem !important; } + .mx-md-12 { + margin-left: 16rem !important; + margin-right: 16rem !important; } } -.end-3 { - right: 3% !important; -} +@media (min-width: 768px) { + .my-md-6 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; } + .my-md-7 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; } + .my-md-8 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; } + .my-md-9 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; } + .my-md-10 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; } + .my-md-11 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; } + .my-md-12 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; } } -.end-4 { - right: 4% !important; -} +@media (min-width: 992px) { + .m-lg-6 { + margin: 4rem !important; } + .m-lg-7 { + margin: 6rem !important; } + .m-lg-8 { + margin: 8rem !important; } + .m-lg-9 { + margin: 10rem !important; } + .m-lg-10 { + margin: 12rem !important; } + .m-lg-11 { + margin: 14rem !important; } + .m-lg-12 { + margin: 16rem !important; } } -.end-5 { - right: 5% !important; -} +@media (min-width: 992px) { + .mt-lg-6 { + margin-top: 4rem !important; } + .mt-lg-7 { + margin-top: 6rem !important; } + .mt-lg-8 { + margin-top: 8rem !important; } + .mt-lg-9 { + margin-top: 10rem !important; } + .mt-lg-10 { + margin-top: 12rem !important; } + .mt-lg-11 { + margin-top: 14rem !important; } + .mt-lg-12 { + margin-top: 16rem !important; } } -.end-6 { - right: 6% !important; -} +@media (min-width: 992px) { + .me-lg-6 { + margin-right: 4rem !important; } + .me-lg-7 { + margin-right: 6rem !important; } + .me-lg-8 { + margin-right: 8rem !important; } + .me-lg-9 { + margin-right: 10rem !important; } + .me-lg-10 { + margin-right: 12rem !important; } + .me-lg-11 { + margin-right: 14rem !important; } + .me-lg-12 { + margin-right: 16rem !important; } } -.end-7 { - right: 7% !important; -} +@media (min-width: 992px) { + .mb-lg-6 { + margin-bottom: 4rem !important; } + .mb-lg-7 { + margin-bottom: 6rem !important; } + .mb-lg-8 { + margin-bottom: 8rem !important; } + .mb-lg-9 { + margin-bottom: 10rem !important; } + .mb-lg-10 { + margin-bottom: 12rem !important; } + .mb-lg-11 { + margin-bottom: 14rem !important; } + .mb-lg-12 { + margin-bottom: 16rem !important; } } -.end-8 { - right: 8% !important; -} +@media (min-width: 992px) { + .ms-lg-6 { + margin-left: 4rem !important; } + .ms-lg-7 { + margin-left: 6rem !important; } + .ms-lg-8 { + margin-left: 8rem !important; } + .ms-lg-9 { + margin-left: 10rem !important; } + .ms-lg-10 { + margin-left: 12rem !important; } + .ms-lg-11 { + margin-left: 14rem !important; } + .ms-lg-12 { + margin-left: 16rem !important; } } -.end-9 { - right: 9% !important; -} +@media (min-width: 992px) { + .mx-lg-6 { + margin-left: 4rem !important; + margin-right: 4rem !important; } + .mx-lg-7 { + margin-left: 6rem !important; + margin-right: 6rem !important; } + .mx-lg-8 { + margin-left: 8rem !important; + margin-right: 8rem !important; } + .mx-lg-9 { + margin-left: 10rem !important; + margin-right: 10rem !important; } + .mx-lg-10 { + margin-left: 12rem !important; + margin-right: 12rem !important; } + .mx-lg-11 { + margin-left: 14rem !important; + margin-right: 14rem !important; } + .mx-lg-12 { + margin-left: 16rem !important; + margin-right: 16rem !important; } } -.end-10 { - right: 10% !important; -} +@media (min-width: 992px) { + .my-lg-6 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; } + .my-lg-7 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; } + .my-lg-8 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; } + .my-lg-9 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; } + .my-lg-10 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; } + .my-lg-11 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; } + .my-lg-12 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; } } -.w-0 { - width: 0% !important; -} +@media (min-width: 1200px) { + .m-xl-6 { + margin: 4rem !important; } + .m-xl-7 { + margin: 6rem !important; } + .m-xl-8 { + margin: 8rem !important; } + .m-xl-9 { + margin: 10rem !important; } + .m-xl-10 { + margin: 12rem !important; } + .m-xl-11 { + margin: 14rem !important; } + .m-xl-12 { + margin: 16rem !important; } } -.w-1 { - width: 1% !important; -} +@media (min-width: 1200px) { + .mt-xl-6 { + margin-top: 4rem !important; } + .mt-xl-7 { + margin-top: 6rem !important; } + .mt-xl-8 { + margin-top: 8rem !important; } + .mt-xl-9 { + margin-top: 10rem !important; } + .mt-xl-10 { + margin-top: 12rem !important; } + .mt-xl-11 { + margin-top: 14rem !important; } + .mt-xl-12 { + margin-top: 16rem !important; } } -.w-2 { - width: 2% !important; -} +@media (min-width: 1200px) { + .me-xl-6 { + margin-right: 4rem !important; } + .me-xl-7 { + margin-right: 6rem !important; } + .me-xl-8 { + margin-right: 8rem !important; } + .me-xl-9 { + margin-right: 10rem !important; } + .me-xl-10 { + margin-right: 12rem !important; } + .me-xl-11 { + margin-right: 14rem !important; } + .me-xl-12 { + margin-right: 16rem !important; } } -.w-3 { - width: 3% !important; -} +@media (min-width: 1200px) { + .mb-xl-6 { + margin-bottom: 4rem !important; } + .mb-xl-7 { + margin-bottom: 6rem !important; } + .mb-xl-8 { + margin-bottom: 8rem !important; } + .mb-xl-9 { + margin-bottom: 10rem !important; } + .mb-xl-10 { + margin-bottom: 12rem !important; } + .mb-xl-11 { + margin-bottom: 14rem !important; } + .mb-xl-12 { + margin-bottom: 16rem !important; } } -.w-4 { - width: 4% !important; -} +@media (min-width: 1200px) { + .ms-xl-6 { + margin-left: 4rem !important; } + .ms-xl-7 { + margin-left: 6rem !important; } + .ms-xl-8 { + margin-left: 8rem !important; } + .ms-xl-9 { + margin-left: 10rem !important; } + .ms-xl-10 { + margin-left: 12rem !important; } + .ms-xl-11 { + margin-left: 14rem !important; } + .ms-xl-12 { + margin-left: 16rem !important; } } -.w-5 { - width: 5% !important; -} +@media (min-width: 1200px) { + .mx-xl-6 { + margin-left: 4rem !important; + margin-right: 4rem !important; } + .mx-xl-7 { + margin-left: 6rem !important; + margin-right: 6rem !important; } + .mx-xl-8 { + margin-left: 8rem !important; + margin-right: 8rem !important; } + .mx-xl-9 { + margin-left: 10rem !important; + margin-right: 10rem !important; } + .mx-xl-10 { + margin-left: 12rem !important; + margin-right: 12rem !important; } + .mx-xl-11 { + margin-left: 14rem !important; + margin-right: 14rem !important; } + .mx-xl-12 { + margin-left: 16rem !important; + margin-right: 16rem !important; } } -.w-6 { - width: 6% !important; -} +@media (min-width: 1200px) { + .my-xl-6 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; } + .my-xl-7 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; } + .my-xl-8 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; } + .my-xl-9 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; } + .my-xl-10 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; } + .my-xl-11 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; } + .my-xl-12 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; } } -.w-7 { - width: 7% !important; -} +@media (min-width: 1400px) { + .m-xxl-6 { + margin: 4rem !important; } + .m-xxl-7 { + margin: 6rem !important; } + .m-xxl-8 { + margin: 8rem !important; } + .m-xxl-9 { + margin: 10rem !important; } + .m-xxl-10 { + margin: 12rem !important; } + .m-xxl-11 { + margin: 14rem !important; } + .m-xxl-12 { + margin: 16rem !important; } } -.w-8 { - width: 8% !important; -} +@media (min-width: 1400px) { + .mt-xxl-6 { + margin-top: 4rem !important; } + .mt-xxl-7 { + margin-top: 6rem !important; } + .mt-xxl-8 { + margin-top: 8rem !important; } + .mt-xxl-9 { + margin-top: 10rem !important; } + .mt-xxl-10 { + margin-top: 12rem !important; } + .mt-xxl-11 { + margin-top: 14rem !important; } + .mt-xxl-12 { + margin-top: 16rem !important; } } -.w-9 { - width: 9% !important; -} +@media (min-width: 1400px) { + .me-xxl-6 { + margin-right: 4rem !important; } + .me-xxl-7 { + margin-right: 6rem !important; } + .me-xxl-8 { + margin-right: 8rem !important; } + .me-xxl-9 { + margin-right: 10rem !important; } + .me-xxl-10 { + margin-right: 12rem !important; } + .me-xxl-11 { + margin-right: 14rem !important; } + .me-xxl-12 { + margin-right: 16rem !important; } } -.w-10 { - width: 10% !important; -} +@media (min-width: 1400px) { + .mb-xxl-6 { + margin-bottom: 4rem !important; } + .mb-xxl-7 { + margin-bottom: 6rem !important; } + .mb-xxl-8 { + margin-bottom: 8rem !important; } + .mb-xxl-9 { + margin-bottom: 10rem !important; } + .mb-xxl-10 { + margin-bottom: 12rem !important; } + .mb-xxl-11 { + margin-bottom: 14rem !important; } + .mb-xxl-12 { + margin-bottom: 16rem !important; } } -.w-15 { - width: 15% !important; -} +@media (min-width: 1400px) { + .ms-xxl-6 { + margin-left: 4rem !important; } + .ms-xxl-7 { + margin-left: 6rem !important; } + .ms-xxl-8 { + margin-left: 8rem !important; } + .ms-xxl-9 { + margin-left: 10rem !important; } + .ms-xxl-10 { + margin-left: 12rem !important; } + .ms-xxl-11 { + margin-left: 14rem !important; } + .ms-xxl-12 { + margin-left: 16rem !important; } } -.w-20 { - width: 20% !important; -} +@media (min-width: 1400px) { + .mx-xxl-6 { + margin-left: 4rem !important; + margin-right: 4rem !important; } + .mx-xxl-7 { + margin-left: 6rem !important; + margin-right: 6rem !important; } + .mx-xxl-8 { + margin-left: 8rem !important; + margin-right: 8rem !important; } + .mx-xxl-9 { + margin-left: 10rem !important; + margin-right: 10rem !important; } + .mx-xxl-10 { + margin-left: 12rem !important; + margin-right: 12rem !important; } + .mx-xxl-11 { + margin-left: 14rem !important; + margin-right: 14rem !important; } + .mx-xxl-12 { + margin-left: 16rem !important; + margin-right: 16rem !important; } } -.w-25 { - width: 25% !important; -} +@media (min-width: 1400px) { + .my-xxl-6 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; } + .my-xxl-7 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; } + .my-xxl-8 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; } + .my-xxl-9 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; } + .my-xxl-10 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; } + .my-xxl-11 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; } + .my-xxl-12 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; } } -.w-30 { - width: 30% !important; -} +.mt-n6 { + margin-top: -4rem !important; } -.w-35 { - width: 35% !important; -} +.mt-n7 { + margin-top: -6rem !important; } -.w-40 { - width: 40% !important; -} +.mt-n8 { + margin-top: -8rem !important; } -.w-45 { - width: 45% !important; -} +.mt-n9 { + margin-top: -10rem !important; } -.w-50 { - width: 50% !important; -} +.mt-n10 { + margin-top: -12rem !important; } -.w-55 { - width: 55% !important; -} +.mt-n11 { + margin-top: -14rem !important; } -.w-60 { - width: 60% !important; -} +.mt-n12 { + margin-top: -16rem !important; } -.w-65 { - width: 65% !important; -} +.me-n6 { + margin-right: -4rem !important; } -.w-70 { - width: 70% !important; -} +.me-n7 { + margin-right: -6rem !important; } -.w-75 { - width: 75% !important; -} +.me-n8 { + margin-right: -8rem !important; } -.w-80 { - width: 80% !important; -} +.me-n9 { + margin-right: -10rem !important; } -.w-85 { - width: 85% !important; -} +.me-n10 { + margin-right: -12rem !important; } -.w-90 { - width: 90% !important; -} +.me-n11 { + margin-right: -14rem !important; } -.w-95 { - width: 95% !important; -} +.me-n12 { + margin-right: -16rem !important; } -.w-100 { - width: 100% !important; -} +.mb-n6 { + margin-bottom: -4rem !important; } -.max-width-100 { - max-width: 100px !important; -} +.mb-n7 { + margin-bottom: -6rem !important; } -.max-width-200 { - max-width: 200px !important; -} +.mb-n8 { + margin-bottom: -8rem !important; } -.max-width-300 { - max-width: 300px !important; -} +.mb-n9 { + margin-bottom: -10rem !important; } -.max-width-400 { - max-width: 400px !important; -} +.mb-n10 { + margin-bottom: -12rem !important; } -.max-width-500 { - max-width: 500px !important; -} +.mb-n11 { + margin-bottom: -14rem !important; } -.height-100 { - height: 100px !important; -} +.mb-n12 { + margin-bottom: -16rem !important; } -.height-200 { - height: 200px !important; -} +.ms-n6 { + margin-left: -4rem !important; } -.height-300 { - height: 300px !important; -} +.ms-n7 { + margin-left: -6rem !important; } -.height-400 { - height: 400px !important; -} +.ms-n8 { + margin-left: -8rem !important; } -.height-500 { - height: 500px !important; -} +.ms-n9 { + margin-left: -10rem !important; } -.max-height-100 { - max-height: 100px !important; -} +.ms-n10 { + margin-left: -12rem !important; } -.max-height-150 { - max-height: 150px !important; -} +.ms-n11 { + margin-left: -14rem !important; } -.max-height-160 { - max-height: 160px !important; -} +.ms-n12 { + margin-left: -16rem !important; } -.max-height-200 { - max-height: 200px !important; -} +.mt-xs-n6 { + margin-top: -4rem !important; } -.max-height-250 { - max-height: 200px !important; -} +.me-xs-n6 { + margin-right: -4rem !important; } -.max-height-300 { - max-height: 300px !important; -} +.mb-xs-n6 { + margin-bottom: -4rem !important; } -.max-height-400 { - max-height: 400px !important; -} +.ms-xs-n6 { + margin-left: -4rem !important; } -.max-height-500 { - max-height: 500px !important; -} +.mt-xs-n7 { + margin-top: -6rem !important; } -.max-height-600 { - max-height: 600px !important; -} +.me-xs-n7 { + margin-right: -6rem !important; } -.min-height-100 { - min-height: 100px !important; -} +.mb-xs-n7 { + margin-bottom: -6rem !important; } -.min-height-150 { - min-height: 150px !important; -} +.ms-xs-n7 { + margin-left: -6rem !important; } -.min-height-160 { - min-height: 160px !important; -} +.mt-xs-n8 { + margin-top: -8rem !important; } -.min-height-200 { - min-height: 200px !important; -} +.me-xs-n8 { + margin-right: -8rem !important; } -.min-height-250 { - min-height: 200px !important; -} +.mb-xs-n8 { + margin-bottom: -8rem !important; } -.min-height-300 { - min-height: 300px !important; -} +.ms-xs-n8 { + margin-left: -8rem !important; } -.min-height-400 { - min-height: 400px !important; -} +.mt-xs-n9 { + margin-top: -10rem !important; } -.min-height-500 { - min-height: 500px !important; -} +.me-xs-n9 { + margin-right: -10rem !important; } -.min-height-600 { - min-height: 600px !important; -} +.mb-xs-n9 { + margin-bottom: -10rem !important; } -.bg-gray { - background: #adb5bd; -} +.ms-xs-n9 { + margin-left: -10rem !important; } -.bg-gray-100 { - background-color: #f8f9fa !important; -} +.mt-xs-n10 { + margin-top: -12rem !important; } -.bg-gray-200 { - background-color: #e9ecef !important; -} +.me-xs-n10 { + margin-right: -12rem !important; } -.bg-gray-300 { - background-color: #dee2e6 !important; -} +.mb-xs-n10 { + margin-bottom: -12rem !important; } -.bg-gray-400 { - background-color: #ced4da !important; -} +.ms-xs-n10 { + margin-left: -12rem !important; } -.bg-gray-500 { - background-color: #adb5bd !important; -} +.mt-xs-n11 { + margin-top: -14rem !important; } -.bg-gray-600 { - background-color: #6c757d !important; -} +.me-xs-n11 { + margin-right: -14rem !important; } -.bg-gray-700 { - background-color: #495057 !important; -} +.mb-xs-n11 { + margin-bottom: -14rem !important; } -.bg-gray-800 { - background-color: #343a40 !important; -} +.ms-xs-n11 { + margin-left: -14rem !important; } -.bg-gray-900 { - background-color: #212529 !important; -} +.mt-xs-n12 { + margin-top: -16rem !important; } -.letter-spacing-1 { - letter-spacing: 1px !important; -} +.me-xs-n12 { + margin-right: -16rem !important; } -.letter-spacing-2 { - letter-spacing: 2px !important; -} +.mb-xs-n12 { + margin-bottom: -16rem !important; } -.letter-spacing-3 { - letter-spacing: 3px !important; -} +.ms-xs-n12 { + margin-left: -16rem !important; } -.letter-spacing-4 { - letter-spacing: 4px !important; -} +@media (min-width: 576px) { + .mt-sm-n6 { + margin-top: -4rem !important; } + .me-sm-n6 { + margin-right: -4rem !important; } + .mb-sm-n6 { + margin-bottom: -4rem !important; } + .ms-sm-n6 { + margin-left: -4rem !important; } + .mt-sm-n7 { + margin-top: -6rem !important; } + .me-sm-n7 { + margin-right: -6rem !important; } + .mb-sm-n7 { + margin-bottom: -6rem !important; } + .ms-sm-n7 { + margin-left: -6rem !important; } + .mt-sm-n8 { + margin-top: -8rem !important; } + .me-sm-n8 { + margin-right: -8rem !important; } + .mb-sm-n8 { + margin-bottom: -8rem !important; } + .ms-sm-n8 { + margin-left: -8rem !important; } + .mt-sm-n9 { + margin-top: -10rem !important; } + .me-sm-n9 { + margin-right: -10rem !important; } + .mb-sm-n9 { + margin-bottom: -10rem !important; } + .ms-sm-n9 { + margin-left: -10rem !important; } + .mt-sm-n10 { + margin-top: -12rem !important; } + .me-sm-n10 { + margin-right: -12rem !important; } + .mb-sm-n10 { + margin-bottom: -12rem !important; } + .ms-sm-n10 { + margin-left: -12rem !important; } + .mt-sm-n11 { + margin-top: -14rem !important; } + .me-sm-n11 { + margin-right: -14rem !important; } + .mb-sm-n11 { + margin-bottom: -14rem !important; } + .ms-sm-n11 { + margin-left: -14rem !important; } + .mt-sm-n12 { + margin-top: -16rem !important; } + .me-sm-n12 { + margin-right: -16rem !important; } + .mb-sm-n12 { + margin-bottom: -16rem !important; } + .ms-sm-n12 { + margin-left: -16rem !important; } } -.letter-spacing-5 { - letter-spacing: 5px !important; -} +@media (min-width: 768px) { + .mt-md-n6 { + margin-top: -4rem !important; } + .me-md-n6 { + margin-right: -4rem !important; } + .mb-md-n6 { + margin-bottom: -4rem !important; } + .ms-md-n6 { + margin-left: -4rem !important; } + .mt-md-n7 { + margin-top: -6rem !important; } + .me-md-n7 { + margin-right: -6rem !important; } + .mb-md-n7 { + margin-bottom: -6rem !important; } + .ms-md-n7 { + margin-left: -6rem !important; } + .mt-md-n8 { + margin-top: -8rem !important; } + .me-md-n8 { + margin-right: -8rem !important; } + .mb-md-n8 { + margin-bottom: -8rem !important; } + .ms-md-n8 { + margin-left: -8rem !important; } + .mt-md-n9 { + margin-top: -10rem !important; } + .me-md-n9 { + margin-right: -10rem !important; } + .mb-md-n9 { + margin-bottom: -10rem !important; } + .ms-md-n9 { + margin-left: -10rem !important; } + .mt-md-n10 { + margin-top: -12rem !important; } + .me-md-n10 { + margin-right: -12rem !important; } + .mb-md-n10 { + margin-bottom: -12rem !important; } + .ms-md-n10 { + margin-left: -12rem !important; } + .mt-md-n11 { + margin-top: -14rem !important; } + .me-md-n11 { + margin-right: -14rem !important; } + .mb-md-n11 { + margin-bottom: -14rem !important; } + .ms-md-n11 { + margin-left: -14rem !important; } + .mt-md-n12 { + margin-top: -16rem !important; } + .me-md-n12 { + margin-right: -16rem !important; } + .mb-md-n12 { + margin-bottom: -16rem !important; } + .ms-md-n12 { + margin-left: -16rem !important; } } -.top-0 { - top: 0 !important; -} +@media (min-width: 992px) { + .mt-lg-n6 { + margin-top: -4rem !important; } + .me-lg-n6 { + margin-right: -4rem !important; } + .mb-lg-n6 { + margin-bottom: -4rem !important; } + .ms-lg-n6 { + margin-left: -4rem !important; } + .mt-lg-n7 { + margin-top: -6rem !important; } + .me-lg-n7 { + margin-right: -6rem !important; } + .mb-lg-n7 { + margin-bottom: -6rem !important; } + .ms-lg-n7 { + margin-left: -6rem !important; } + .mt-lg-n8 { + margin-top: -8rem !important; } + .me-lg-n8 { + margin-right: -8rem !important; } + .mb-lg-n8 { + margin-bottom: -8rem !important; } + .ms-lg-n8 { + margin-left: -8rem !important; } + .mt-lg-n9 { + margin-top: -10rem !important; } + .me-lg-n9 { + margin-right: -10rem !important; } + .mb-lg-n9 { + margin-bottom: -10rem !important; } + .ms-lg-n9 { + margin-left: -10rem !important; } + .mt-lg-n10 { + margin-top: -12rem !important; } + .me-lg-n10 { + margin-right: -12rem !important; } + .mb-lg-n10 { + margin-bottom: -12rem !important; } + .ms-lg-n10 { + margin-left: -12rem !important; } + .mt-lg-n11 { + margin-top: -14rem !important; } + .me-lg-n11 { + margin-right: -14rem !important; } + .mb-lg-n11 { + margin-bottom: -14rem !important; } + .ms-lg-n11 { + margin-left: -14rem !important; } + .mt-lg-n12 { + margin-top: -16rem !important; } + .me-lg-n12 { + margin-right: -16rem !important; } + .mb-lg-n12 { + margin-bottom: -16rem !important; } + .ms-lg-n12 { + margin-left: -16rem !important; } } -.top-1 { - top: 1rem !important; -} +@media (min-width: 1200px) { + .mt-xl-n6 { + margin-top: -4rem !important; } + .me-xl-n6 { + margin-right: -4rem !important; } + .mb-xl-n6 { + margin-bottom: -4rem !important; } + .ms-xl-n6 { + margin-left: -4rem !important; } + .mt-xl-n7 { + margin-top: -6rem !important; } + .me-xl-n7 { + margin-right: -6rem !important; } + .mb-xl-n7 { + margin-bottom: -6rem !important; } + .ms-xl-n7 { + margin-left: -6rem !important; } + .mt-xl-n8 { + margin-top: -8rem !important; } + .me-xl-n8 { + margin-right: -8rem !important; } + .mb-xl-n8 { + margin-bottom: -8rem !important; } + .ms-xl-n8 { + margin-left: -8rem !important; } + .mt-xl-n9 { + margin-top: -10rem !important; } + .me-xl-n9 { + margin-right: -10rem !important; } + .mb-xl-n9 { + margin-bottom: -10rem !important; } + .ms-xl-n9 { + margin-left: -10rem !important; } + .mt-xl-n10 { + margin-top: -12rem !important; } + .me-xl-n10 { + margin-right: -12rem !important; } + .mb-xl-n10 { + margin-bottom: -12rem !important; } + .ms-xl-n10 { + margin-left: -12rem !important; } + .mt-xl-n11 { + margin-top: -14rem !important; } + .me-xl-n11 { + margin-right: -14rem !important; } + .mb-xl-n11 { + margin-bottom: -14rem !important; } + .ms-xl-n11 { + margin-left: -14rem !important; } + .mt-xl-n12 { + margin-top: -16rem !important; } + .me-xl-n12 { + margin-right: -16rem !important; } + .mb-xl-n12 { + margin-bottom: -16rem !important; } + .ms-xl-n12 { + margin-left: -16rem !important; } } -.top-2 { - top: 2rem !important; -} +@media (min-width: 1400px) { + .mt-xxl-n6 { + margin-top: -4rem !important; } + .me-xxl-n6 { + margin-right: -4rem !important; } + .mb-xxl-n6 { + margin-bottom: -4rem !important; } + .ms-xxl-n6 { + margin-left: -4rem !important; } + .mt-xxl-n7 { + margin-top: -6rem !important; } + .me-xxl-n7 { + margin-right: -6rem !important; } + .mb-xxl-n7 { + margin-bottom: -6rem !important; } + .ms-xxl-n7 { + margin-left: -6rem !important; } + .mt-xxl-n8 { + margin-top: -8rem !important; } + .me-xxl-n8 { + margin-right: -8rem !important; } + .mb-xxl-n8 { + margin-bottom: -8rem !important; } + .ms-xxl-n8 { + margin-left: -8rem !important; } + .mt-xxl-n9 { + margin-top: -10rem !important; } + .me-xxl-n9 { + margin-right: -10rem !important; } + .mb-xxl-n9 { + margin-bottom: -10rem !important; } + .ms-xxl-n9 { + margin-left: -10rem !important; } + .mt-xxl-n10 { + margin-top: -12rem !important; } + .me-xxl-n10 { + margin-right: -12rem !important; } + .mb-xxl-n10 { + margin-bottom: -12rem !important; } + .ms-xxl-n10 { + margin-left: -12rem !important; } + .mt-xxl-n11 { + margin-top: -14rem !important; } + .me-xxl-n11 { + margin-right: -14rem !important; } + .mb-xxl-n11 { + margin-bottom: -14rem !important; } + .ms-xxl-n11 { + margin-left: -14rem !important; } + .mt-xxl-n12 { + margin-top: -16rem !important; } + .me-xxl-n12 { + margin-right: -16rem !important; } + .mb-xxl-n12 { + margin-bottom: -16rem !important; } + .ms-xxl-n12 { + margin-left: -16rem !important; } } -.top-3 { - top: 3rem !important; -} +.opacity-0 { + opacity: 0 !important; } -.top-4 { - top: 4rem !important; -} +.opacity-1 { + opacity: 0.1 !important; } -.top-5 { - top: 5rem !important; -} +.opacity-2 { + opacity: 0.2 !important; } -.right-0 { - right: 0 !important; -} +.opacity-3 { + opacity: 0.3 !important; } -.right-1 { - right: 1rem !important; -} +.opacity-4 { + opacity: 0.4 !important; } -.right-2 { - right: 2rem !important; -} +.opacity-5 { + opacity: 0.5 !important; } -.right-3 { - right: 3rem !important; -} +.opacity-6 { + opacity: 0.6 !important; } -.right-4 { - right: 4rem !important; -} +.opacity-7 { + opacity: 0.7 !important; } -.right-5 { - right: 5rem !important; -} +.opacity-8 { + opacity: 0.8 !important; } -.left-0 { - left: 0 !important; -} +.opacity-9 { + opacity: 0.9 !important; } -.left-1 { - left: 1rem !important; -} +.opacity-10 { + opacity: 1 !important; } -.left-2 { - left: 2rem !important; -} +.end-0 { + right: 0% !important; } -.left-3 { - left: 3rem !important; -} +.end-1 { + right: 1% !important; } -.left-4 { - left: 4rem !important; -} +.end-2 { + right: 2% !important; } -.left-5 { - left: 5rem !important; -} +.end-3 { + right: 3% !important; } -.bottom-0 { - bottom: 0 !important; -} +.end-4 { + right: 4% !important; } -.bottom-1 { - bottom: 1rem !important; -} +.end-5 { + right: 5% !important; } -.bottom-2 { - bottom: 2rem !important; -} +.end-6 { + right: 6% !important; } -.bottom-3 { - bottom: 3rem !important; -} +.end-7 { + right: 7% !important; } -.bottom-4 { - bottom: 4rem !important; -} +.end-8 { + right: 8% !important; } -.bottom-5 { - bottom: 5rem !important; -} +.end-9 { + right: 9% !important; } -.left-auto { - left: auto; -} +.end-10 { + right: 10% !important; } -.right-auto { - right: auto; -} +.w-0 { + width: 0% !important; } -.fixed-plugin .fixed-plugin-button { - background: #fff; - border-radius: 50%; - bottom: 30px; - right: 30px; - font-size: 1.25rem; - z-index: 1000; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16); - cursor: pointer; -} +.w-1 { + width: 1% !important; } -.fixed-plugin .fixed-plugin-button i { - pointer-events: none; -} +.w-2 { + width: 2% !important; } -.fixed-plugin .card { - position: fixed !important; - right: -360px; - top: 0; - height: 100%; - left: auto !important; - transform: unset !important; - width: 360px; - border-radius: 0; - padding: 0 10px; - transition: .2s ease; - z-index: 1020; -} +.w-3 { + width: 3% !important; } -.fixed-plugin .badge { - border: 1px solid #fff; - border-radius: 50%; - cursor: pointer; - display: inline-block; - height: 23px; - margin-right: 5px; - position: relative; - width: 23px; - transition: all 0.2s ease-in-out; -} +.w-4 { + width: 4% !important; } -.fixed-plugin .badge:hover, -.fixed-plugin .badge.active { - border-color: #252f40; -} +.w-5 { + width: 5% !important; } -.fixed-plugin .btn.bg-gradient-primary:not(:disabled):not(.disabled) { - border: 1px solid transparent; -} +.w-6 { + width: 6% !important; } -.fixed-plugin .btn.bg-gradient-primary:not(:disabled):not(.disabled):not(.active) { - background-color: transparent; - background-image: none; - border: 1px solid #cb0c9f; - color: #cb0c9f; -} +.w-7 { + width: 7% !important; } -.fixed-plugin.show .card { - right: 0; -} +.w-8 { + width: 8% !important; } -@media (max-width: 767.98px) { - .navbar-collapse { - position: relative; - } +.w-9 { + width: 9% !important; } - .navbar-collapse .navbar-nav { - width: 100%; - } +.w-10 { + width: 10% !important; } - .navbar-collapse .navbar-nav .nav-item.dropdown { - position: static; - } +.w-15 { + width: 15% !important; } - .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu { - left: 0; - right: 0; - } +.w-20 { + width: 20% !important; } - .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu.show:before { - content: none; - } -} +.w-25 { + width: 25% !important; } -@media (max-width: 575.98px) { - .navbar-nav .nav-item.dropdown .dropdown-menu { - left: 0; - right: auto; - } -} +.w-30 { + width: 30% !important; } -.navbar-vertical .navbar-brand-img, -.navbar-vertical .navbar-brand>img { - max-width: 100%; - max-height: 2rem; -} +.w-35 { + width: 35% !important; } -.navbar-vertical .navbar-nav .nav-link { - padding-left: 1rem; - padding-right: 1rem; - font-weight: 500; - color: #67748e; -} +.w-40 { + width: 40% !important; } -.navbar-vertical .navbar-nav .nav-link>i { - min-width: 1.8rem; - font-size: .9375rem; - line-height: 1.5rem; -} +.w-45 { + width: 45% !important; } -.navbar-vertical .navbar-nav .nav-link .dropdown-menu { - border: none; -} +.w-50 { + width: 50% !important; } -.navbar-vertical .navbar-nav .nav-link .dropdown-menu .dropdown-menu { - margin-left: 0.5rem; -} +.w-55 { + width: 55% !important; } -.navbar-vertical .navbar-nav .nav-sm .nav-link { - font-size: .8125rem; -} +.w-60 { + width: 60% !important; } -.navbar-vertical .navbar-nav .nav-link { - display: flex; - align-items: center; - white-space: nowrap; -} +.w-65 { + width: 65% !important; } -.navbar-vertical .navbar-heading { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - font-size: 0.75rem; - text-transform: uppercase; - letter-spacing: .04em; -} +.w-70 { + width: 70% !important; } -.navbar-vertical.navbar-expand-xs { - display: block; - position: fixed; - top: 0; - bottom: 0; - width: 100%; - max-width: 15.625rem !important; - overflow-y: auto; - padding: 0; - box-shadow: none; -} +.w-75 { + width: 75% !important; } -.navbar-vertical.navbar-expand-xs .navbar-collapse { - display: block; - overflow: auto; - height: calc(100vh - 360px); -} +.w-80 { + width: 80% !important; } -.navbar-vertical.navbar-expand-xs>[class*="container"] { - flex-direction: column; - align-items: stretch; - min-height: 100%; - padding-left: 0; - padding-right: 0; -} +.w-85 { + width: 85% !important; } -@media all and (-ms-high-contrast: none), -(-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-xs>[class*="container"] { - min-height: none; - height: 100%; - } -} +.w-90 { + width: 90% !important; } -.navbar-vertical.navbar-expand-xs.fixed-left { - left: 0; -} +.w-95 { + width: 95% !important; } -.navbar-vertical.navbar-expand-xs.fixed-right { - right: 0; -} +.w-100 { + width: 100% !important; } -.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link { - padding-top: 0.675rem; - padding-bottom: 0.675rem; - margin: 0 1rem; -} +.max-width-100 { + max-width: 100px !important; } -.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link i, -.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .sidenav-mini-icon, -.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .sidenav-normal, -.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .nav-link-text { - pointer-events: none; -} +.max-width-200 { + max-width: 200px !important; } -.navbar-vertical.navbar-expand-xs .navbar-nav .nav-item { - width: 100%; -} +.max-width-300 { + max-width: 300px !important; } -.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item { - margin-top: .125rem; -} +.max-width-400 { + max-width: 400px !important; } -.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item .icon .ni { - top: 0; -} +.max-width-500 { + max-width: 500px !important; } -.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item>.nav-link .icon svg .color-background { - fill: #3A416F; -} +.height-100 { + height: 100px !important; } -.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item>.nav-link .icon svg .color-foreground { - fill: #141727; -} +.height-200 { + height: 200px !important; } -.navbar-vertical.navbar-expand-xs .lavalamp-object { - width: calc(100% - 1rem) !important; - background: theme-color("primary"); - color: color-yiq(#cb0c9f); - margin-right: .5rem; - margin-left: .5rem; - padding-left: 1rem; - padding-right: 1rem; - border-radius: 0.25rem; -} +.height-300 { + height: 300px !important; } -.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link { - padding-top: 0.45rem; - padding-bottom: 0.45rem; - padding-left: 15px; -} +.height-400 { + height: 400px !important; } -.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link>span.sidenav-normal { - transition: all .1s ease 0s; -} +.height-500 { + height: 500px !important; } -.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link span.sidenav-mini-icon { - min-width: 1.8rem; - text-align: center; - transition: all .1s ease 0s; - margin-left: 1.65rem; -} +.max-height-100 { + max-height: 100px !important; } -@media (min-width: 576px) { - .navbar-vertical.navbar-expand-sm { - display: block; - position: fixed; - top: 0; - bottom: 0; - width: 100%; - max-width: 15.625rem !important; - overflow-y: auto; - padding: 0; - box-shadow: none; - } +.max-height-150 { + max-height: 150px !important; } - .navbar-vertical.navbar-expand-sm .navbar-collapse { - display: block; - overflow: auto; - height: calc(100vh - 360px); - } +.max-height-160 { + max-height: 160px !important; } - .navbar-vertical.navbar-expand-sm>[class*="container"] { - flex-direction: column; - align-items: stretch; - min-height: 100%; - padding-left: 0; - padding-right: 0; - } -} +.max-height-200 { + max-height: 200px !important; } -@media all and (min-width: 576px) and (-ms-high-contrast: none), -(min-width: 576px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-sm>[class*="container"] { - min-height: none; - height: 100%; - } -} +.max-height-250 { + max-height: 200px !important; } -@media (min-width: 576px) { - .navbar-vertical.navbar-expand-sm.fixed-left { - left: 0; - } +.max-height-300 { + max-height: 300px !important; } - .navbar-vertical.navbar-expand-sm.fixed-right { - right: 0; - } +.max-height-400 { + max-height: 400px !important; } - .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link { - padding-top: 0.675rem; - padding-bottom: 0.675rem; - margin: 0 1rem; - } +.max-height-500 { + max-height: 500px !important; } - .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link i, - .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-mini-icon, - .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-normal, - .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .nav-link-text { - pointer-events: none; - } +.max-height-600 { + max-height: 600px !important; } - .navbar-vertical.navbar-expand-sm .navbar-nav .nav-item { - width: 100%; - } +.min-height-100 { + min-height: 100px !important; } - .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item { - margin-top: .125rem; - } +.min-height-150 { + min-height: 150px !important; } - .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item .icon .ni { - top: 0; - } +.min-height-160 { + min-height: 160px !important; } - .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item>.nav-link .icon svg .color-background { - fill: #3A416F; - } +.min-height-200 { + min-height: 200px !important; } - .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item>.nav-link .icon svg .color-foreground { - fill: #141727; - } +.min-height-250 { + min-height: 200px !important; } - .navbar-vertical.navbar-expand-sm .lavalamp-object { - width: calc(100% - 1rem) !important; - background: theme-color("primary"); - color: color-yiq(#cb0c9f); - margin-right: .5rem; - margin-left: .5rem; - padding-left: 1rem; - padding-right: 1rem; - border-radius: 0.25rem; - } +.min-height-300 { + min-height: 300px !important; } - .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link { - padding-top: 0.45rem; - padding-bottom: 0.45rem; - padding-left: 15px; - } +.min-height-400 { + min-height: 400px !important; } - .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link>span.sidenav-normal { - transition: all .1s ease 0s; - } +.min-height-500 { + min-height: 500px !important; } - .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link span.sidenav-mini-icon { - min-width: 1.8rem; - text-align: center; - transition: all .1s ease 0s; - margin-left: 1.65rem; - } -} +.min-height-600 { + min-height: 600px !important; } -@media (min-width: 768px) { - .navbar-vertical.navbar-expand-md { - display: block; - position: fixed; - top: 0; - bottom: 0; - width: 100%; - max-width: 15.625rem !important; - overflow-y: auto; - padding: 0; - box-shadow: none; - } +.bg-gray { + background: #adb5bd; } - .navbar-vertical.navbar-expand-md .navbar-collapse { - display: block; - overflow: auto; - height: calc(100vh - 360px); - } +.bg-gray-100 { + background-color: #f8f9fa !important; } - .navbar-vertical.navbar-expand-md>[class*="container"] { - flex-direction: column; - align-items: stretch; - min-height: 100%; - padding-left: 0; - padding-right: 0; - } -} +.bg-gray-200 { + background-color: #e9ecef !important; } -@media all and (min-width: 768px) and (-ms-high-contrast: none), -(min-width: 768px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-md>[class*="container"] { - min-height: none; - height: 100%; - } -} +.bg-gray-300 { + background-color: #dee2e6 !important; } -@media (min-width: 768px) { - .navbar-vertical.navbar-expand-md.fixed-left { - left: 0; - } +.bg-gray-400 { + background-color: #ced4da !important; } - .navbar-vertical.navbar-expand-md.fixed-right { - right: 0; - } +.bg-gray-500 { + background-color: #adb5bd !important; } - .navbar-vertical.navbar-expand-md .navbar-nav .nav-link { - padding-top: 0.675rem; - padding-bottom: 0.675rem; - margin: 0 1rem; - } +.bg-gray-600 { + background-color: #6c757d !important; } - .navbar-vertical.navbar-expand-md .navbar-nav .nav-link i, - .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-mini-icon, - .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-normal, - .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .nav-link-text { - pointer-events: none; - } +.bg-gray-700 { + background-color: #495057 !important; } - .navbar-vertical.navbar-expand-md .navbar-nav .nav-item { - width: 100%; - } +.bg-gray-800 { + background-color: #343a40 !important; } - .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item { - margin-top: .125rem; - } +.bg-gray-900 { + background-color: #212529 !important; } - .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item .icon .ni { - top: 0; - } +.letter-spacing-1 { + letter-spacing: 1px !important; } - .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item>.nav-link .icon svg .color-background { - fill: #3A416F; - } +.letter-spacing-2 { + letter-spacing: 2px !important; } - .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item>.nav-link .icon svg .color-foreground { - fill: #141727; - } +.letter-spacing-3 { + letter-spacing: 3px !important; } - .navbar-vertical.navbar-expand-md .lavalamp-object { - width: calc(100% - 1rem) !important; - background: theme-color("primary"); - color: color-yiq(#cb0c9f); - margin-right: .5rem; - margin-left: .5rem; - padding-left: 1rem; - padding-right: 1rem; - border-radius: 0.25rem; - } +.letter-spacing-4 { + letter-spacing: 4px !important; } - .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link { - padding-top: 0.45rem; - padding-bottom: 0.45rem; - padding-left: 15px; - } +.letter-spacing-5 { + letter-spacing: 5px !important; } - .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link>span.sidenav-normal { - transition: all .1s ease 0s; - } +.top-0 { + top: 0 !important; } - .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link span.sidenav-mini-icon { - min-width: 1.8rem; - text-align: center; - transition: all .1s ease 0s; - margin-left: 1.65rem; - } -} +.top-1 { + top: 1rem !important; } -@media (min-width: 992px) { - .navbar-vertical.navbar-expand-lg { - display: block; - position: fixed; - top: 0; - bottom: 0; - width: 100%; - max-width: 15.625rem !important; - overflow-y: auto; - padding: 0; - box-shadow: none; - } +.top-2 { + top: 2rem !important; } - .navbar-vertical.navbar-expand-lg .navbar-collapse { - display: block; - overflow: auto; - height: calc(100vh - 360px); - } +.top-3 { + top: 3rem !important; } - .navbar-vertical.navbar-expand-lg>[class*="container"] { - flex-direction: column; - align-items: stretch; - min-height: 100%; - padding-left: 0; - padding-right: 0; - } -} +.top-4 { + top: 4rem !important; } -@media all and (min-width: 992px) and (-ms-high-contrast: none), -(min-width: 992px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-lg>[class*="container"] { - min-height: none; - height: 100%; - } -} +.top-5 { + top: 5rem !important; } -@media (min-width: 992px) { - .navbar-vertical.navbar-expand-lg.fixed-left { - left: 0; - } +.right-0 { + right: 0 !important; } - .navbar-vertical.navbar-expand-lg.fixed-right { - right: 0; - } +.right-1 { + right: 1rem !important; } - .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link { - padding-top: 0.675rem; - padding-bottom: 0.675rem; - margin: 0 1rem; - } +.right-2 { + right: 2rem !important; } - .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link i, - .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-mini-icon, - .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-normal, - .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .nav-link-text { - pointer-events: none; - } +.right-3 { + right: 3rem !important; } - .navbar-vertical.navbar-expand-lg .navbar-nav .nav-item { - width: 100%; - } +.right-4 { + right: 4rem !important; } - .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item { - margin-top: .125rem; - } +.right-5 { + right: 5rem !important; } - .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item .icon .ni { - top: 0; - } +.left-0 { + left: 0 !important; } - .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item>.nav-link .icon svg .color-background { - fill: #3A416F; - } +.left-1 { + left: 1rem !important; } - .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item>.nav-link .icon svg .color-foreground { - fill: #141727; - } +.left-2 { + left: 2rem !important; } - .navbar-vertical.navbar-expand-lg .lavalamp-object { - width: calc(100% - 1rem) !important; - background: theme-color("primary"); - color: color-yiq(#cb0c9f); - margin-right: .5rem; - margin-left: .5rem; - padding-left: 1rem; - padding-right: 1rem; - border-radius: 0.25rem; - } +.left-3 { + left: 3rem !important; } - .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link { - padding-top: 0.45rem; - padding-bottom: 0.45rem; - padding-left: 15px; - } +.left-4 { + left: 4rem !important; } - .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link>span.sidenav-normal { - transition: all .1s ease 0s; - } +.left-5 { + left: 5rem !important; } - .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link span.sidenav-mini-icon { - min-width: 1.8rem; - text-align: center; - transition: all .1s ease 0s; - margin-left: 1.65rem; - } -} +.bottom-0 { + bottom: 0 !important; } -@media (min-width: 1200px) { - .navbar-vertical.navbar-expand-xl { - display: block; - position: fixed; - top: 0; - bottom: 0; - width: 100%; - max-width: 15.625rem !important; - overflow-y: auto; - padding: 0; - box-shadow: none; - } +.bottom-1 { + bottom: 1rem !important; } - .navbar-vertical.navbar-expand-xl .navbar-collapse { - display: block; - overflow: auto; - height: calc(100vh - 360px); - } +.bottom-2 { + bottom: 2rem !important; } - .navbar-vertical.navbar-expand-xl>[class*="container"] { - flex-direction: column; - align-items: stretch; - min-height: 100%; - padding-left: 0; - padding-right: 0; - } -} +.bottom-3 { + bottom: 3rem !important; } -@media all and (min-width: 1200px) and (-ms-high-contrast: none), -(min-width: 1200px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-xl>[class*="container"] { - min-height: none; - height: 100%; - } -} +.bottom-4 { + bottom: 4rem !important; } -@media (min-width: 1200px) { - .navbar-vertical.navbar-expand-xl.fixed-left { - left: 0; - } +.bottom-5 { + bottom: 5rem !important; } - .navbar-vertical.navbar-expand-xl.fixed-right { - right: 0; - } +.left-auto { + left: auto; } - .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link { - padding-top: 0.675rem; - padding-bottom: 0.675rem; - margin: 0 1rem; - } +.right-auto { + right: auto; } - .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link i, - .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-mini-icon, - .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-normal, - .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .nav-link-text { - pointer-events: none; - } +.fixed-plugin .fixed-plugin-button { + background: #fff; + border-radius: 50%; + bottom: 30px; + right: 30px; + font-size: 1.25rem; + z-index: 1000; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16); + cursor: pointer; } + .fixed-plugin .fixed-plugin-button i { + pointer-events: none; } - .navbar-vertical.navbar-expand-xl .navbar-nav .nav-item { - width: 100%; - } +.fixed-plugin .card { + position: fixed !important; + right: -360px; + top: 0; + height: 100%; + left: auto !important; + transform: unset !important; + width: 360px; + border-radius: 0; + padding: 0 10px; + transition: .2s ease; + z-index: 1020; } + +.fixed-plugin .badge { + border: 1px solid #fff; + border-radius: 50%; + cursor: pointer; + display: inline-block; + height: 23px; + margin-right: 5px; + position: relative; + width: 23px; + transition: all 0.2s ease-in-out; } + .fixed-plugin .badge:hover, .fixed-plugin .badge.active { + border-color: #252f40; } - .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item { - margin-top: .125rem; - } +.fixed-plugin .btn.bg-gradient-primary:not(:disabled):not(.disabled) { + border: 1px solid transparent; } + .fixed-plugin .btn.bg-gradient-primary:not(:disabled):not(.disabled):not(.active) { + background-color: transparent; + background-image: none; + border: 1px solid #cb0c9f; + color: #cb0c9f; } - .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item .icon .ni { - top: 0; - } +.fixed-plugin.show .card { + right: 0; } - .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item>.nav-link .icon svg .color-background { - fill: #3A416F; - } +@media (max-width: 767.98px) { + .navbar-collapse { + position: relative; } + .navbar-collapse .navbar-nav { + width: 100%; } + .navbar-collapse .navbar-nav .nav-item.dropdown { + position: static; } + .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu { + left: 0; + right: 0; } + .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu.show:before { + content: none; } } - .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item>.nav-link .icon svg .color-foreground { - fill: #141727; - } +@media (max-width: 575.98px) { + .navbar-nav .nav-item.dropdown .dropdown-menu { + left: 0; + right: auto; } } - .navbar-vertical.navbar-expand-xl .lavalamp-object { - width: calc(100% - 1rem) !important; - background: theme-color("primary"); - color: color-yiq(#cb0c9f); - margin-right: .5rem; - margin-left: .5rem; - padding-left: 1rem; - padding-right: 1rem; - border-radius: 0.25rem; - } +.navbar-vertical .navbar-brand-img, +.navbar-vertical .navbar-brand > img { + max-width: 100%; + max-height: 2rem; } - .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link { - padding-top: 0.45rem; - padding-bottom: 0.45rem; - padding-left: 15px; - } +.navbar-vertical .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; + font-weight: 500; + color: #67748e; } + .navbar-vertical .navbar-nav .nav-link > i { + min-width: 1.8rem; + font-size: .9375rem; + line-height: 1.5rem; } + .navbar-vertical .navbar-nav .nav-link .dropdown-menu { + border: none; } + .navbar-vertical .navbar-nav .nav-link .dropdown-menu .dropdown-menu { + margin-left: 0.5rem; } - .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link>span.sidenav-normal { - transition: all .1s ease 0s; - } +.navbar-vertical .navbar-nav .nav-sm .nav-link { + font-size: .8125rem; } - .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link span.sidenav-mini-icon { - min-width: 1.8rem; - text-align: center; - transition: all .1s ease 0s; - margin-left: 1.65rem; - } -} +.navbar-vertical .navbar-nav .nav-link { + display: flex; + align-items: center; + white-space: nowrap; } -@media (min-width: 1400px) { - .navbar-vertical.navbar-expand-xxl { - display: block; - position: fixed; - top: 0; - bottom: 0; - width: 100%; - max-width: 15.625rem !important; - overflow-y: auto; - padding: 0; - box-shadow: none; - } +.navbar-vertical .navbar-heading { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + font-size: 0.75rem; + text-transform: uppercase; + letter-spacing: .04em; } - .navbar-vertical.navbar-expand-xxl .navbar-collapse { +.navbar-vertical.navbar-expand-xs { + display: block; + position: fixed; + top: 0; + bottom: 0; + width: 100%; + max-width: 15.625rem !important; + overflow-y: auto; + padding: 0; + box-shadow: none; } + .navbar-vertical.navbar-expand-xs .navbar-collapse { display: block; overflow: auto; - height: calc(100vh - 360px); - } - - .navbar-vertical.navbar-expand-xxl>[class*="container"] { + height: calc(100vh - 360px); } + .navbar-vertical.navbar-expand-xs > [class*="container"] { flex-direction: column; align-items: stretch; min-height: 100%; padding-left: 0; - padding-right: 0; - } -} - -@media all and (min-width: 1400px) and (-ms-high-contrast: none), -(min-width: 1400px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-xxl>[class*="container"] { - min-height: none; - height: 100%; - } -} - -@media (min-width: 1400px) { - .navbar-vertical.navbar-expand-xxl.fixed-left { - left: 0; - } - - .navbar-vertical.navbar-expand-xxl.fixed-right { - right: 0; - } - - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link { + padding-right: 0; } + @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-xs > [class*="container"] { + min-height: none; + height: 100%; } } + .navbar-vertical.navbar-expand-xs.fixed-left { + left: 0; } + .navbar-vertical.navbar-expand-xs.fixed-right { + right: 0; } + .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link { padding-top: 0.675rem; padding-bottom: 0.675rem; - margin: 0 1rem; - } - - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link i, - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-mini-icon, - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-normal, - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .nav-link-text { - pointer-events: none; - } - - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-item { - width: 100%; - } - - .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item { - margin-top: .125rem; - } - - .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item .icon .ni { - top: 0; - } - - .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item>.nav-link .icon svg .color-background { - fill: #3A416F; - } - - .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item>.nav-link .icon svg .color-foreground { - fill: #141727; - } - - .navbar-vertical.navbar-expand-xxl .lavalamp-object { + margin: 0 1rem; } + .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link i, + .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .sidenav-mini-icon, + .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .sidenav-normal, + .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .nav-link-text { + pointer-events: none; } + .navbar-vertical.navbar-expand-xs .navbar-nav .nav-item { + width: 100%; } + .navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item { + margin-top: .125rem; } + .navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item .icon .ni { + top: 0; } + .navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link .icon svg .color-background { + fill: #3A416F; } + .navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link .icon svg .color-foreground { + fill: #141727; } + .navbar-vertical.navbar-expand-xs .lavalamp-object { width: calc(100% - 1rem) !important; background: theme-color("primary"); color: color-yiq(#cb0c9f); @@ -20770,412 +13015,623 @@ p { margin-left: .5rem; padding-left: 1rem; padding-right: 1rem; - border-radius: 0.25rem; - } - - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link { + border-radius: 0.25rem; } + .navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link { padding-top: 0.45rem; padding-bottom: 0.45rem; - padding-left: 15px; - } + padding-left: 15px; } + .navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link > span.sidenav-normal { + transition: all .1s ease 0s; } + .navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link span.sidenav-mini-icon { + min-width: 1.8rem; + text-align: center; + transition: all .1s ease 0s; + margin-left: 1.65rem; } - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link>span.sidenav-normal { - transition: all .1s ease 0s; - } - - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link span.sidenav-mini-icon { - min-width: 1.8rem; - text-align: center; - transition: all .1s ease 0s; - margin-left: 1.65rem; - } -} +@media (min-width: 576px) { + .navbar-vertical.navbar-expand-sm { + display: block; + position: fixed; + top: 0; + bottom: 0; + width: 100%; + max-width: 15.625rem !important; + overflow-y: auto; + padding: 0; + box-shadow: none; } + .navbar-vertical.navbar-expand-sm .navbar-collapse { + display: block; + overflow: auto; + height: calc(100vh - 360px); } + .navbar-vertical.navbar-expand-sm > [class*="container"] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + padding-left: 0; + padding-right: 0; } } + @media all and (min-width: 576px) and (-ms-high-contrast: none), (min-width: 576px) and (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-sm > [class*="container"] { + min-height: none; + height: 100%; } } -.sidenav[data-color="primary"] .navbar-nav>.nav-item>.nav-link.active .icon { - background-image: linear-gradient(310deg, #cb0c9f 0%, #cb0c9f 100%); -} +@media (min-width: 576px) { + .navbar-vertical.navbar-expand-sm.fixed-left { + left: 0; } + .navbar-vertical.navbar-expand-sm.fixed-right { + right: 0; } + .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link { + padding-top: 0.675rem; + padding-bottom: 0.675rem; + margin: 0 1rem; } + .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link i, + .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-mini-icon, + .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-normal, + .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .nav-link-text { + pointer-events: none; } + .navbar-vertical.navbar-expand-sm .navbar-nav .nav-item { + width: 100%; } + .navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item { + margin-top: .125rem; } + .navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item .icon .ni { + top: 0; } + .navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item > .nav-link .icon svg .color-background { + fill: #3A416F; } + .navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item > .nav-link .icon svg .color-foreground { + fill: #141727; } + .navbar-vertical.navbar-expand-sm .lavalamp-object { + width: calc(100% - 1rem) !important; + background: theme-color("primary"); + color: color-yiq(#cb0c9f); + margin-right: .5rem; + margin-left: .5rem; + padding-left: 1rem; + padding-right: 1rem; + border-radius: 0.25rem; } + .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link { + padding-top: 0.45rem; + padding-bottom: 0.45rem; + padding-left: 15px; } + .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link > span.sidenav-normal { + transition: all .1s ease 0s; } + .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link span.sidenav-mini-icon { + min-width: 1.8rem; + text-align: center; + transition: all .1s ease 0s; + margin-left: 1.65rem; } } -.sidenav[data-color="secondary"] .navbar-nav>.nav-item>.nav-link.active .icon { - background-image: linear-gradient(310deg, #8392AB 0%, #8392AB 100%); -} +@media (min-width: 768px) { + .navbar-vertical.navbar-expand-md { + display: block; + position: fixed; + top: 0; + bottom: 0; + width: 100%; + max-width: 15.625rem !important; + overflow-y: auto; + padding: 0; + box-shadow: none; } + .navbar-vertical.navbar-expand-md .navbar-collapse { + display: block; + overflow: auto; + height: calc(100vh - 360px); } + .navbar-vertical.navbar-expand-md > [class*="container"] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + padding-left: 0; + padding-right: 0; } } + @media all and (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-md > [class*="container"] { + min-height: none; + height: 100%; } } -.sidenav[data-color="success"] .navbar-nav>.nav-item>.nav-link.active .icon { - background-image: linear-gradient(310deg, #82d616 0%, #82d616 100%); -} +@media (min-width: 768px) { + .navbar-vertical.navbar-expand-md.fixed-left { + left: 0; } + .navbar-vertical.navbar-expand-md.fixed-right { + right: 0; } + .navbar-vertical.navbar-expand-md .navbar-nav .nav-link { + padding-top: 0.675rem; + padding-bottom: 0.675rem; + margin: 0 1rem; } + .navbar-vertical.navbar-expand-md .navbar-nav .nav-link i, + .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-mini-icon, + .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-normal, + .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .nav-link-text { + pointer-events: none; } + .navbar-vertical.navbar-expand-md .navbar-nav .nav-item { + width: 100%; } + .navbar-vertical.navbar-expand-md .navbar-nav > .nav-item { + margin-top: .125rem; } + .navbar-vertical.navbar-expand-md .navbar-nav > .nav-item .icon .ni { + top: 0; } + .navbar-vertical.navbar-expand-md .navbar-nav > .nav-item > .nav-link .icon svg .color-background { + fill: #3A416F; } + .navbar-vertical.navbar-expand-md .navbar-nav > .nav-item > .nav-link .icon svg .color-foreground { + fill: #141727; } + .navbar-vertical.navbar-expand-md .lavalamp-object { + width: calc(100% - 1rem) !important; + background: theme-color("primary"); + color: color-yiq(#cb0c9f); + margin-right: .5rem; + margin-left: .5rem; + padding-left: 1rem; + padding-right: 1rem; + border-radius: 0.25rem; } + .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link { + padding-top: 0.45rem; + padding-bottom: 0.45rem; + padding-left: 15px; } + .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link > span.sidenav-normal { + transition: all .1s ease 0s; } + .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link span.sidenav-mini-icon { + min-width: 1.8rem; + text-align: center; + transition: all .1s ease 0s; + margin-left: 1.65rem; } } -.sidenav[data-color="info"] .navbar-nav>.nav-item>.nav-link.active .icon { - background-image: linear-gradient(310deg, #17c1e8 0%, #17c1e8 100%); -} +@media (min-width: 992px) { + .navbar-vertical.navbar-expand-lg { + display: block; + position: fixed; + top: 0; + bottom: 0; + width: 100%; + max-width: 15.625rem !important; + overflow-y: auto; + padding: 0; + box-shadow: none; } + .navbar-vertical.navbar-expand-lg .navbar-collapse { + display: block; + overflow: auto; + height: calc(100vh - 360px); } + .navbar-vertical.navbar-expand-lg > [class*="container"] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + padding-left: 0; + padding-right: 0; } } + @media all and (min-width: 992px) and (-ms-high-contrast: none), (min-width: 992px) and (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-lg > [class*="container"] { + min-height: none; + height: 100%; } } -.sidenav[data-color="warning"] .navbar-nav>.nav-item>.nav-link.active .icon { - background-image: linear-gradient(310deg, #f53939 0%, #f53939 100%); -} +@media (min-width: 992px) { + .navbar-vertical.navbar-expand-lg.fixed-left { + left: 0; } + .navbar-vertical.navbar-expand-lg.fixed-right { + right: 0; } + .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link { + padding-top: 0.675rem; + padding-bottom: 0.675rem; + margin: 0 1rem; } + .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link i, + .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-mini-icon, + .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-normal, + .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .nav-link-text { + pointer-events: none; } + .navbar-vertical.navbar-expand-lg .navbar-nav .nav-item { + width: 100%; } + .navbar-vertical.navbar-expand-lg .navbar-nav > .nav-item { + margin-top: .125rem; } + .navbar-vertical.navbar-expand-lg .navbar-nav > .nav-item .icon .ni { + top: 0; } + .navbar-vertical.navbar-expand-lg .navbar-nav > .nav-item > .nav-link .icon svg .color-background { + fill: #3A416F; } + .navbar-vertical.navbar-expand-lg .navbar-nav > .nav-item > .nav-link .icon svg .color-foreground { + fill: #141727; } + .navbar-vertical.navbar-expand-lg .lavalamp-object { + width: calc(100% - 1rem) !important; + background: theme-color("primary"); + color: color-yiq(#cb0c9f); + margin-right: .5rem; + margin-left: .5rem; + padding-left: 1rem; + padding-right: 1rem; + border-radius: 0.25rem; } + .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link { + padding-top: 0.45rem; + padding-bottom: 0.45rem; + padding-left: 15px; } + .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link > span.sidenav-normal { + transition: all .1s ease 0s; } + .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link span.sidenav-mini-icon { + min-width: 1.8rem; + text-align: center; + transition: all .1s ease 0s; + margin-left: 1.65rem; } } -.sidenav[data-color="danger"] .navbar-nav>.nav-item>.nav-link.active .icon { - background-image: linear-gradient(310deg, #ea0606 0%, #ea0606 100%); -} +@media (min-width: 1200px) { + .navbar-vertical.navbar-expand-xl { + display: block; + position: fixed; + top: 0; + bottom: 0; + width: 100%; + max-width: 15.625rem !important; + overflow-y: auto; + padding: 0; + box-shadow: none; } + .navbar-vertical.navbar-expand-xl .navbar-collapse { + display: block; + overflow: auto; + height: calc(100vh - 360px); } + .navbar-vertical.navbar-expand-xl > [class*="container"] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + padding-left: 0; + padding-right: 0; } } + @media all and (min-width: 1200px) and (-ms-high-contrast: none), (min-width: 1200px) and (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-xl > [class*="container"] { + min-height: none; + height: 100%; } } -.sidenav[data-color="light"] .navbar-nav>.nav-item>.nav-link.active .icon { - background-image: linear-gradient(310deg, #e9ecef 0%, #e9ecef 100%); -} +@media (min-width: 1200px) { + .navbar-vertical.navbar-expand-xl.fixed-left { + left: 0; } + .navbar-vertical.navbar-expand-xl.fixed-right { + right: 0; } + .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link { + padding-top: 0.675rem; + padding-bottom: 0.675rem; + margin: 0 1rem; } + .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link i, + .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-mini-icon, + .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-normal, + .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .nav-link-text { + pointer-events: none; } + .navbar-vertical.navbar-expand-xl .navbar-nav .nav-item { + width: 100%; } + .navbar-vertical.navbar-expand-xl .navbar-nav > .nav-item { + margin-top: .125rem; } + .navbar-vertical.navbar-expand-xl .navbar-nav > .nav-item .icon .ni { + top: 0; } + .navbar-vertical.navbar-expand-xl .navbar-nav > .nav-item > .nav-link .icon svg .color-background { + fill: #3A416F; } + .navbar-vertical.navbar-expand-xl .navbar-nav > .nav-item > .nav-link .icon svg .color-foreground { + fill: #141727; } + .navbar-vertical.navbar-expand-xl .lavalamp-object { + width: calc(100% - 1rem) !important; + background: theme-color("primary"); + color: color-yiq(#cb0c9f); + margin-right: .5rem; + margin-left: .5rem; + padding-left: 1rem; + padding-right: 1rem; + border-radius: 0.25rem; } + .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link { + padding-top: 0.45rem; + padding-bottom: 0.45rem; + padding-left: 15px; } + .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link > span.sidenav-normal { + transition: all .1s ease 0s; } + .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link span.sidenav-mini-icon { + min-width: 1.8rem; + text-align: center; + transition: all .1s ease 0s; + margin-left: 1.65rem; } } -.sidenav[data-color="dark"] .navbar-nav>.nav-item>.nav-link.active .icon { - background-image: linear-gradient(310deg, #252f40 0%, #252f40 100%); -} +@media (min-width: 1400px) { + .navbar-vertical.navbar-expand-xxl { + display: block; + position: fixed; + top: 0; + bottom: 0; + width: 100%; + max-width: 15.625rem !important; + overflow-y: auto; + padding: 0; + box-shadow: none; } + .navbar-vertical.navbar-expand-xxl .navbar-collapse { + display: block; + overflow: auto; + height: calc(100vh - 360px); } + .navbar-vertical.navbar-expand-xxl > [class*="container"] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + padding-left: 0; + padding-right: 0; } } + @media all and (min-width: 1400px) and (-ms-high-contrast: none), (min-width: 1400px) and (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-xxl > [class*="container"] { + min-height: none; + height: 100%; } } -.sidenav[data-color="white"] .navbar-nav>.nav-item>.nav-link.active .icon { - background-image: linear-gradient(310deg, #fff 0%, #fff 100%); -} +@media (min-width: 1400px) { + .navbar-vertical.navbar-expand-xxl.fixed-left { + left: 0; } + .navbar-vertical.navbar-expand-xxl.fixed-right { + right: 0; } + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link { + padding-top: 0.675rem; + padding-bottom: 0.675rem; + margin: 0 1rem; } + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link i, + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-mini-icon, + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-normal, + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .nav-link-text { + pointer-events: none; } + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-item { + width: 100%; } + .navbar-vertical.navbar-expand-xxl .navbar-nav > .nav-item { + margin-top: .125rem; } + .navbar-vertical.navbar-expand-xxl .navbar-nav > .nav-item .icon .ni { + top: 0; } + .navbar-vertical.navbar-expand-xxl .navbar-nav > .nav-item > .nav-link .icon svg .color-background { + fill: #3A416F; } + .navbar-vertical.navbar-expand-xxl .navbar-nav > .nav-item > .nav-link .icon svg .color-foreground { + fill: #141727; } + .navbar-vertical.navbar-expand-xxl .lavalamp-object { + width: calc(100% - 1rem) !important; + background: theme-color("primary"); + color: color-yiq(#cb0c9f); + margin-right: .5rem; + margin-left: .5rem; + padding-left: 1rem; + padding-right: 1rem; + border-radius: 0.25rem; } + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link { + padding-top: 0.45rem; + padding-bottom: 0.45rem; + padding-left: 15px; } + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link > span.sidenav-normal { + transition: all .1s ease 0s; } + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link span.sidenav-mini-icon { + min-width: 1.8rem; + text-align: center; + transition: all .1s ease 0s; + margin-left: 1.65rem; } } + +.sidenav[data-color="primary"] .navbar-nav > .nav-item > .nav-link.active .icon { + background-image: linear-gradient(310deg, #cb0c9f 0%, #cb0c9f 100%); } + +.sidenav[data-color="secondary"] .navbar-nav > .nav-item > .nav-link.active .icon { + background-image: linear-gradient(310deg, #8392AB 0%, #8392AB 100%); } + +.sidenav[data-color="success"] .navbar-nav > .nav-item > .nav-link.active .icon { + background-image: linear-gradient(310deg, #82d616 0%, #82d616 100%); } + +.sidenav[data-color="info"] .navbar-nav > .nav-item > .nav-link.active .icon { + background-image: linear-gradient(310deg, #17c1e8 0%, #17c1e8 100%); } + +.sidenav[data-color="warning"] .navbar-nav > .nav-item > .nav-link.active .icon { + background-image: linear-gradient(310deg, #f53939 0%, #f53939 100%); } + +.sidenav[data-color="danger"] .navbar-nav > .nav-item > .nav-link.active .icon { + background-image: linear-gradient(310deg, #ea0606 0%, #ea0606 100%); } + +.sidenav[data-color="light"] .navbar-nav > .nav-item > .nav-link.active .icon { + background-image: linear-gradient(310deg, #e9ecef 0%, #e9ecef 100%); } + +.sidenav[data-color="dark"] .navbar-nav > .nav-item > .nav-link.active .icon { + background-image: linear-gradient(310deg, #252f40 0%, #252f40 100%); } + +.sidenav[data-color="white"] .navbar-nav > .nav-item > .nav-link.active .icon { + background-image: linear-gradient(310deg, #fff 0%, #fff 100%); } .sidenav, .main-content { - transition: all 0.2s ease-in-out; -} + transition: all 0.2s ease-in-out; } .sidenav { - z-index: 1050; -} - -.sidenav .navbar-brand, -.sidenav .navbar-heading { - display: block; -} - -@media (min-width: 1200px) { - .sidenav:hover { - max-width: 15.625rem; - } - - .sidenav .sidenav-toggler { - padding: 1.5rem; - } - - .sidenav.fixed-left+.main-content { - margin-left: 17.125rem; - } - - .sidenav.fixed-right+.main-content { - margin-right: 17.125rem; - } -} - -.sidenav .navbar-heading .docs-mini { - padding-left: 3px; -} - -.sidenav .navbar-heading { - transition: all .1s ease; -} - -.sidenav .navbar-brand { - padding: 1.5rem 2rem; -} + z-index: 1050; } + .sidenav .navbar-brand, + .sidenav .navbar-heading { + display: block; } + @media (min-width: 1200px) { + .sidenav:hover { + max-width: 15.625rem; } + .sidenav .sidenav-toggler { + padding: 1.5rem; } + .sidenav.fixed-left + .main-content { + margin-left: 17.125rem; } + .sidenav.fixed-right + .main-content { + margin-right: 17.125rem; } } + .sidenav .navbar-heading .docs-mini { + padding-left: 3px; } + .sidenav .navbar-heading { + transition: all .1s ease; } + .sidenav .navbar-brand { + padding: 1.5rem 2rem; } .sidenav-header { - height: 4.875rem; -} + height: 4.875rem; } .sidenav-footer .card.card-background:after { - opacity: 0.65; -} + opacity: 0.65; } .g-sidenav-show .sidenav .nav-item .collapse { height: auto; - transition: all 0.2s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - .g-sidenav-show .sidenav .nav-item .collapse { - transition: none; - } -} + transition: all 0.2s ease-in-out; } + @media (prefers-reduced-motion: reduce) { + .g-sidenav-show .sidenav .nav-item .collapse { + transition: none; } } .g-sidenav-show .sidenav .nav-link-text { transition: 0.3s ease; - opacity: 1; -} + opacity: 1; } @media (max-width: 1199.98px) { .g-sidenav-show.rtl .sidenav { - transform: translateX(17.125rem); - } - + transform: translateX(17.125rem); } .g-sidenav-show:not(.rtl) .sidenav { - transform: translateX(-17.125rem); - } - - .g-sidenav-show .sidenav.fixed-left+.main-content { - margin-left: 0 !important; - } - + transform: translateX(-17.125rem); } + .g-sidenav-show .sidenav.fixed-left + .main-content { + margin-left: 0 !important; } .g-sidenav-show.g-sidenav-pinned .sidenav { - transform: translateX(0); - } -} + transform: translateX(0); } } .navbar-vertical.bg-white { - box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05); -} - -.navbar-vertical.bg-white .navbar-nav .nav-link.active { - box-shadow: none; -} - -.navbar-vertical.bg-white .navbar-nav .nav-link .icon { - background-image: linear-gradient(310deg, #e9ecef 0%, #e9ecef 100%); -} + box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05); } + .navbar-vertical.bg-white .navbar-nav .nav-link.active { + box-shadow: none; } + .navbar-vertical.bg-white .navbar-nav .nav-link .icon { + background-image: linear-gradient(310deg, #e9ecef 0%, #e9ecef 100%); } .navbar-vertical .navbar-nav .nav-link.active { font-weight: 600; box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05); - border-radius: 0.5rem; -} + border-radius: 0.5rem; } -.navbar-vertical .navbar-nav>.nav-item .nav-link.active { +.navbar-vertical .navbar-nav > .nav-item .nav-link.active { color: #252f40; - background-color: #fff; -} - -.navbar-vertical .navbar-nav>.nav-item .nav-link.active .icon { - background-image: linear-gradient(310deg, #cb0c9f 0%, #cb0c9f 100%); -} - -.navbar-vertical .navbar-nav>.nav-item .nav-link.active .icon svg .color-background, -.navbar-vertical .navbar-nav>.nav-item .nav-link.active .icon svg .color-foreground { - fill: #fff; -} + background-color: #fff; } + .navbar-vertical .navbar-nav > .nav-item .nav-link.active .icon { + background-image: linear-gradient(310deg, #cb0c9f 0%, #cb0c9f 100%); } + .navbar-vertical .navbar-nav > .nav-item .nav-link.active .icon svg .color-background, + .navbar-vertical .navbar-nav > .nav-item .nav-link.active .icon svg .color-foreground { + fill: #fff; } .navbar-main { - transition: box-shadow 0.25s ease-in, background-color 0.25s ease-in; -} - -.navbar-main.fixed-top { - width: calc(100% - (15.625rem + 1.5rem * 3)); -} - -.navbar-main.fixed-top+[class*="container"] { - margin-top: 7.1875rem !important; -} + transition: box-shadow 0.25s ease-in, background-color 0.25s ease-in; } + .navbar-main.fixed-top { + width: calc(100% - (15.625rem + 1.5rem * 3)); } + .navbar-main.fixed-top + [class*="container"] { + margin-top: 7.1875rem !important; } .btn.btn-facebook { background-color: #3b5998; - color: #fff; -} - -.btn.btn-facebook:focus, -.btn.btn-facebook:hover { - background-color: #344e86; - color: #fff; -} - -.btn.btn-facebook:active, -.btn.btn-facebook:focus, -.btn.btn-facebook:active:focus { - box-shadow: none; -} - -.btn.btn-facebook.btn-simple { - color: #344e86; - background-color: transparent; - background-image: none !important; - box-shadow: none; - border: none; -} - -.btn.btn-facebook.btn-simple:hover, -.btn.btn-facebook.btn-simple:focus, -.btn.btn-facebook.btn-simple:hover:focus, -.btn.btn-facebook.btn-simple:active, -.btn.btn-facebook.btn-simple:hover:focus:active { - color: #344e86; - background: transparent !important; - box-shadow: none !important; -} - -.btn.btn-facebook.btn-neutral { - color: #3b5998; - background-color: #fff; -} - -.btn.btn-facebook.btn-neutral:hover, -.btn.btn-facebook.btn-neutral:focus, -.btn.btn-facebook.btn-neutral:active { - color: #344e86; -} + color: #fff; } + .btn.btn-facebook:focus, .btn.btn-facebook:hover { + background-color: #344e86; + color: #fff; } + .btn.btn-facebook:active, .btn.btn-facebook:focus, .btn.btn-facebook:active:focus { + box-shadow: none; } + .btn.btn-facebook.btn-simple { + color: #344e86; + background-color: transparent; + background-image: none !important; + box-shadow: none; + border: none; } + .btn.btn-facebook.btn-simple:hover, .btn.btn-facebook.btn-simple:focus, .btn.btn-facebook.btn-simple:hover:focus, .btn.btn-facebook.btn-simple:active, .btn.btn-facebook.btn-simple:hover:focus:active { + color: #344e86; + background: transparent !important; + box-shadow: none !important; } + .btn.btn-facebook.btn-neutral { + color: #3b5998; + background-color: #fff; } + .btn.btn-facebook.btn-neutral:hover, .btn.btn-facebook.btn-neutral:focus, .btn.btn-facebook.btn-neutral:active { + color: #344e86; } .btn.btn-twitter { background-color: #55acee; - color: #fff; -} - -.btn.btn-twitter:focus, -.btn.btn-twitter:hover { - background-color: #3ea1ec; - color: #fff; -} - -.btn.btn-twitter:active, -.btn.btn-twitter:focus, -.btn.btn-twitter:active:focus { - box-shadow: none; -} - -.btn.btn-twitter.btn-simple { - color: #3ea1ec; - background-color: transparent; - background-image: none !important; - box-shadow: none; - border: none; -} - -.btn.btn-twitter.btn-simple:hover, -.btn.btn-twitter.btn-simple:focus, -.btn.btn-twitter.btn-simple:hover:focus, -.btn.btn-twitter.btn-simple:active, -.btn.btn-twitter.btn-simple:hover:focus:active { - color: #3ea1ec; - background: transparent !important; - box-shadow: none !important; -} - -.btn.btn-twitter.btn-neutral { - color: #55acee; - background-color: #fff; -} - -.btn.btn-twitter.btn-neutral:hover, -.btn.btn-twitter.btn-neutral:focus, -.btn.btn-twitter.btn-neutral:active { - color: #3ea1ec; -} + color: #fff; } + .btn.btn-twitter:focus, .btn.btn-twitter:hover { + background-color: #3ea1ec; + color: #fff; } + .btn.btn-twitter:active, .btn.btn-twitter:focus, .btn.btn-twitter:active:focus { + box-shadow: none; } + .btn.btn-twitter.btn-simple { + color: #3ea1ec; + background-color: transparent; + background-image: none !important; + box-shadow: none; + border: none; } + .btn.btn-twitter.btn-simple:hover, .btn.btn-twitter.btn-simple:focus, .btn.btn-twitter.btn-simple:hover:focus, .btn.btn-twitter.btn-simple:active, .btn.btn-twitter.btn-simple:hover:focus:active { + color: #3ea1ec; + background: transparent !important; + box-shadow: none !important; } + .btn.btn-twitter.btn-neutral { + color: #55acee; + background-color: #fff; } + .btn.btn-twitter.btn-neutral:hover, .btn.btn-twitter.btn-neutral:focus, .btn.btn-twitter.btn-neutral:active { + color: #3ea1ec; } .btn.btn-instagram { background-color: #125688; - color: #fff; -} - -.btn.btn-instagram:focus, -.btn.btn-instagram:hover { - background-color: #0e456d; - color: #fff; -} - -.btn.btn-instagram:active, -.btn.btn-instagram:focus, -.btn.btn-instagram:active:focus { - box-shadow: none; -} - -.btn.btn-instagram.btn-simple { - color: #0e456d; - background-color: transparent; - background-image: none !important; - box-shadow: none; - border: none; -} - -.btn.btn-instagram.btn-simple:hover, -.btn.btn-instagram.btn-simple:focus, -.btn.btn-instagram.btn-simple:hover:focus, -.btn.btn-instagram.btn-simple:active, -.btn.btn-instagram.btn-simple:hover:focus:active { - color: #0e456d; - background: transparent !important; - box-shadow: none !important; -} - -.btn.btn-instagram.btn-neutral { - color: #125688; - background-color: #fff; -} - -.btn.btn-instagram.btn-neutral:hover, -.btn.btn-instagram.btn-neutral:focus, -.btn.btn-instagram.btn-neutral:active { - color: #0e456d; -} - -.rtl .breadcrumb .breadcrumb-item+.breadcrumb-item::before { + color: #fff; } + .btn.btn-instagram:focus, .btn.btn-instagram:hover { + background-color: #0e456d; + color: #fff; } + .btn.btn-instagram:active, .btn.btn-instagram:focus, .btn.btn-instagram:active:focus { + box-shadow: none; } + .btn.btn-instagram.btn-simple { + color: #0e456d; + background-color: transparent; + background-image: none !important; + box-shadow: none; + border: none; } + .btn.btn-instagram.btn-simple:hover, .btn.btn-instagram.btn-simple:focus, .btn.btn-instagram.btn-simple:hover:focus, .btn.btn-instagram.btn-simple:active, .btn.btn-instagram.btn-simple:hover:focus:active { + color: #0e456d; + background: transparent !important; + box-shadow: none !important; } + .btn.btn-instagram.btn-neutral { + color: #125688; + background-color: #fff; } + .btn.btn-instagram.btn-neutral:hover, .btn.btn-instagram.btn-neutral:focus, .btn.btn-instagram.btn-neutral:active { + color: #0e456d; } + +.rtl .breadcrumb .breadcrumb-item + .breadcrumb-item::before { float: right; padding-left: 0.5rem; - padding-right: 0; -} + padding-right: 0; } .rtl .sidenav .navbar-nav { width: 100%; - padding-right: 0; -} + padding-right: 0; } .rtl .fixed-plugin .fixed-plugin-button { left: 30px; - right: auto; -} + right: auto; } .rtl .fixed-plugin .card { left: -360px !important; - right: auto; -} + right: auto; } .rtl .fixed-plugin.show .card { right: auto; - left: 0 !important; -} + left: 0 !important; } .rtl .timeline .timeline-content { margin-right: 45px; - margin-left: 0; -} + margin-left: 0; } .rtl .timeline .timeline-step { - transform: translateX(50%); -} + transform: translateX(50%); } .rtl .timeline.timeline-one-side:before { - right: 1rem; -} + right: 1rem; } .rtl .timeline.timeline-one-side .timeline-step { - right: 1rem; -} + right: 1rem; } .rtl .form-check.form-switch .form-check-input:after { - transform: translateX(-1px); -} + transform: translateX(-1px); } .rtl .form-check.form-switch .form-check-input:checked:after { - transform: translateX(-21px); -} + transform: translateX(-21px); } -.rtl .avatar-group .avatar+.avatar { +.rtl .avatar-group .avatar + .avatar { margin-left: 0; - margin-right: -1rem; -} + margin-right: -1rem; } .rtl .dropdown .dropdown-menu { left: 0; -} + right: auto !important; } + +.rtl .dropdown .dropdown-menu-end:before { + left: 28px !important; + right: auto !important; } .rtl .input-group .input-group-text { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; - border-right: 1px solid #d2d6da; -} + border-right: 1px solid #d2d6da; } -.rtl .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { +.rtl .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-right: -1px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-right: 0; - border-left: 1px solid #d2d6da; -} + border-left: 1px solid #d2d6da; } -.rtl .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), -.rtl .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3) { +.rtl .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), +.rtl .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) { border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; -} + border-bottom-right-radius: 0.5rem; } -/*# sourceMappingURL=dashboard-free.css.map */ \ No newline at end of file +/*# sourceMappingURL=soft-ui-dashboard.css.map */ diff --git a/assets/css/soft-ui-dashboard.css.map b/assets/css/soft-ui-dashboard.css.map index 6592b06b7..787c01e77 100644 --- a/assets/css/soft-ui-dashboard.css.map +++ b/assets/css/soft-ui-dashboard.css.map @@ -1,280 +1 @@ -{ - "version": 3, - "file": "dashboard-free.css", - "sources": [ - "../scss/dashboard-free.scss", - "../scss/bootstrap/_functions.scss", - "../scss/custom/_variables.scss", - "../scss//_variables.scss", - "../scss//variables/_animations.scss", - "../scss//variables/_avatars.scss", - "../scss//variables/_cards.scss", - "../scss//variables/_dropdowns.scss", - "../scss//variables/_header.scss", - "../scss//variables/_info-areas.scss", - "../scss//variables/_navbar.scss", - "../scss//variables/_utilities.scss", - "../scss//variables/_misc.scss", - "../scss//variables/_form-switch.scss", - "../scss//variables/_pagination.scss", - "../scss/bootstrap/bootstrap.scss", - "../scss/bootstrap/_functions.scss", - "../scss/bootstrap/_variables.scss", - "../scss/bootstrap/_mixins.scss", - "../scss/bootstrap/vendor/_rfs.scss", - "../scss/bootstrap/mixins/_deprecate.scss", - "../scss/bootstrap/mixins/_breakpoints.scss", - "../scss/bootstrap/mixins/_image.scss", - "../scss/bootstrap/mixins/_resize.scss", - "../scss/bootstrap/mixins/_visually-hidden.scss", - "../scss/bootstrap/mixins/_reset-text.scss", - "../scss/bootstrap/mixins/_text-truncate.scss", - "../scss/bootstrap/mixins/_utilities.scss", - "../scss/bootstrap/mixins/_alert.scss", - "../scss/bootstrap/mixins/_buttons.scss", - "../scss/bootstrap/mixins/_caret.scss", - "../scss/bootstrap/mixins/_pagination.scss", - "../scss/bootstrap/mixins/_lists.scss", - "../scss/bootstrap/mixins/_list-group.scss", - "../scss/bootstrap/mixins/_forms.scss", - "../scss/bootstrap/mixins/_table-variants.scss", - "../scss/bootstrap/mixins/_border-radius.scss", - "../scss/bootstrap/mixins/_box-shadow.scss", - "../scss/bootstrap/mixins/_gradients.scss", - "../scss/bootstrap/mixins/_transition.scss", - "../scss/bootstrap/mixins/_clearfix.scss", - "../scss/bootstrap/mixins/_container.scss", - "../scss/bootstrap/mixins/_grid.scss", - "../scss/bootstrap/_utilities.scss", - "../scss/bootstrap/_root.scss", - "../scss/bootstrap/_reboot.scss", - "../scss/bootstrap/_type.scss", - "../scss/bootstrap/_images.scss", - "../scss/bootstrap/_containers.scss", - "../scss/bootstrap/_grid.scss", - "../scss/bootstrap/_tables.scss", - "../scss/bootstrap/_forms.scss", - "../scss/bootstrap/forms/_labels.scss", - "../scss/bootstrap/forms/_form-text.scss", - "../scss/bootstrap/forms/_form-control.scss", - "../scss/bootstrap/forms/_form-select.scss", - "../scss/bootstrap/forms/_form-check.scss", - "../scss/bootstrap/forms/_form-range.scss", - "../scss/bootstrap/forms/_floating-labels.scss", - "../scss/bootstrap/forms/_input-group.scss", - "../scss/bootstrap/forms/_validation.scss", - "../scss/bootstrap/_buttons.scss", - "../scss/bootstrap/_transitions.scss", - "../scss/bootstrap/_dropdown.scss", - "../scss/bootstrap/_button-group.scss", - "../scss/bootstrap/_nav.scss", - "../scss/bootstrap/_navbar.scss", - "../scss/bootstrap/_card.scss", - "../scss/bootstrap/_accordion.scss", - "../scss/bootstrap/_breadcrumb.scss", - "../scss/bootstrap/_pagination.scss", - "../scss/bootstrap/_badge.scss", - "../scss/bootstrap/_alert.scss", - "../scss/bootstrap/_progress.scss", - "../scss/bootstrap/_list-group.scss", - "../scss/bootstrap/_close.scss", - "../scss/bootstrap/_toasts.scss", - "../scss/bootstrap/_modal.scss", - "../scss/bootstrap/_tooltip.scss", - "../scss/bootstrap/_popover.scss", - "../scss/bootstrap/_carousel.scss", - "../scss/bootstrap/_spinners.scss", - "../scss/bootstrap/_offcanvas.scss", - "../scss/bootstrap/_helpers.scss", - "../scss/bootstrap/helpers/_clearfix.scss", - "../scss/bootstrap/helpers/_colored-links.scss", - "../scss/bootstrap/helpers/_ratio.scss", - "../scss/bootstrap/helpers/_position.scss", - "../scss/bootstrap/helpers/_visually-hidden.scss", - "../scss/bootstrap/helpers/_stretched-link.scss", - "../scss/bootstrap/helpers/_text-truncation.scss", - "../scss/bootstrap/utilities/_api.scss", - "../scss/theme.scss", - "../scss/variables/_navbar-vertical.scss", - "../scss/variables/_social-buttons.scss", - "../scss/variables/_rtl.scss", - "../scss//variables/_breadcrumb.scss", - "../scss/variables/_fixed-plugin.scss", - "../scss/variables/_timeline.scss", - "../scss//mixins/_hover.scss", - "../scss/mixins/_social-buttons.scss", - "../scss//_alert.scss", - "../scss//avatars/_avatar.scss", - "../scss//avatars/_avatar-group.scss", - "../scss//_badge.scss", - "../scss//_buttons.scss", - "../scss//breadcrumbs/_breadcrumb.scss", - "../scss//_cards.scss", - "../scss//cards/card-background.scss", - "../scss/_dropdown.scss", - "../scss//_dropup.scss", - "../scss//_header.scss", - "../scss//forms/_forms.scss", - "../scss//forms/_input-group.scss", - "../scss//forms/_form-check.scss", - "../scss//forms/_form-switch.scss", - "../scss//forms/_form-select.scss", - "../scss//forms/_labels.scss", - "../scss//forms/_inputs.scss", - "../scss//_footer.scss", - "../scss//_gradients.scss", - "../scss//_info-areas.scss", - "../scss//_misc.scss", - "../scss//_navbar.scss", - "../scss//_nav.scss", - "../scss//_tables.scss", - "../scss/_timeline.scss", - "../scss//_typography.scss", - "../scss//_utilities.scss", - "../scss/_fixed-plugin.scss", - "../scss/_navbar.scss", - "../scss/_navbar-vertical.scss", - "../scss/_social-buttons.scss", - "../scss/_rtl.scss", - "../scss/custom/_styles.scss" - ], - "sourcesContent": [ - "// =========================================================\n// * Soft UI Dashboard - v1.0.0\n// =========================================================\n//\n// * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard\n// * Copyright 2021 Creative Tim (https://www.creative-tim.com)\n//\n// Coded by www.creative-tim.com\n//\n// =========================================================\n//\n// * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n// Bootstrap Functions\n@import \"bootstrap/functions\";\n\n// Custom Variables\n@import \"custom/variables\";\n\n// Theme Variables\n@import \"/variables\";\n\n// Bootstrap Core\n@import \"bootstrap/bootstrap\";\n\n// Theme Core\n@import \"theme\";\n\n// Custom Variables\n@import \"custom/styles\";\n", - "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n @if length($map) > 0 {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n }\n}\n\n// Internal Bootstrap function to turn maps into its negative variant.\n// It prefixes the keys with `n` and makes the value negative.\n@function negativify-map($map) {\n $result: ();\n @each $key, $value in $map {\n @if $key != 0 {\n $result: map-merge($result, (\"n\" + $key: (-$value)));\n }\n }\n @return $result;\n}\n\n// Get multiple keys from a sass map\n@function map-get-multiple($map, $values) {\n $result: ();\n @each $key, $value in $map {\n @if (index($values, $key) != null) {\n $result: map-merge($result, ($key: $value));\n }\n }\n @return $result;\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n//\n// Requires the use of quotes around data URIs.\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// Color contrast\n// See https://github.com/twbs/bootstrap/pull/30168\n\n// A list of pre-calculated numbers of pow(($value / 255 + .055) / 1.055, 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;\n\n@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {\n $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;\n $max-ratio: 0;\n $max-ratio-color: null;\n\n @each $color in $foregrounds {\n $contrast-ratio: contrast-ratio($background, $color);\n @if $contrast-ratio > $min-contrast-ratio {\n @return $color;\n } @else if $contrast-ratio > $max-ratio {\n $max-ratio: $contrast-ratio;\n $max-ratio-color: $color;\n }\n }\n\n @warn \"Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...\";\n\n @return $max-ratio-color;\n}\n\n@function contrast-ratio($background, $foreground: $color-contrast-light) {\n $l1: luminance($background);\n $l2: luminance(opaque($background, $foreground));\n\n @return if($l1 > $l2, ($l1 + .05) / ($l2 + .05), ($l2 + .05) / ($l1 + .05));\n}\n\n// Return WCAG2.0 relative luminance\n// See https://www.w3.org/WAI/GL/wiki/Relative_luminance\n// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n@function luminance($color) {\n $rgb: (\n \"r\": red($color),\n \"g\": green($color),\n \"b\": blue($color)\n );\n\n @each $name, $value in $rgb {\n $value: if($value / 255 < .03928, $value / 255 / 12.92, nth($_luminance-list, $value + 1));\n $rgb: map-merge($rgb, ($name: $value));\n }\n\n @return (map-get($rgb, \"r\") * .2126) + (map-get($rgb, \"g\") * .7152) + (map-get($rgb, \"b\") * .0722);\n}\n\n// Return opaque color\n// opaque(#fff, rgba(0, 0, 0, .5)) => #808080\n@function opaque($background, $foreground) {\n @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100);\n}\n\n// scss-docs-start color-functions\n// Tint a color: mix a color with white\n@function tint-color($color, $weight) {\n @return mix(white, $color, $weight);\n}\n\n// Shade a color: mix a color with black\n@function shade-color($color, $weight) {\n @return mix(black, $color, $weight);\n}\n\n// Shade the color if the weight is positive, else tint it\n@function shift-color($color, $weight) {\n @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));\n}\n// scss-docs-end color-functions\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n @if $value1 == null {\n @return $value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 + $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n @if $value1 == null and $value2 == null {\n @return null;\n }\n\n @if $value1 == null {\n @return -$value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 - $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n", - "", - "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// $soft-background-color: #fbfbfb !default;\n$soft-background-color: #ffffff !default; // Testing\n$font-color: #67748e !default;\n$h-color: #252f40 !default;\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n// fusv-disable\n$grays: (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n) !default;\n// fusv-enable\n\n$blue: #63B3ED !default;\n$indigo: #596CFF !default;\n$purple: #6f42c1 !default;\n$pink: #d63384 !default;\n$red: #F56565 !default;\n$orange: #fd7e14 !default;\n$yellow: #FBD38D !default;\n$green: #81E6D9 !default;\n$teal: #20c997 !default;\n$cyan: #0dcaf0 !default;\n\n// scss-docs-start colors-map\n$colors: (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800,\n) !default;\n// scss-docs-end colors-map\n\n$primary: #cb0c9f !default;\n$secondary: #8392AB !default;\n$info: #17c1e8 !default;\n$success: #82d616 !default;\n$warning: #f53939 !default;\n$danger: #ea0606 !default;\n$light: $gray-200 !default;\n$dark: $h-color !default;\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark,\n \"white\": $white\n) !default;\n// scss-docs-end theme-colors-map\n\n\n// Gradient colors\n$primary-gradient: #7928CA !default;\n$primary-gradient-state: #FF0080 !default;\n\n$secondary-gradient: #627594 !default;\n$secondary-gradient-state: #A8B8D8 !default;\n\n$info-gradient: #2152ff !default;\n$info-gradient-state: #21d4fd !default;\n\n$success-gradient: #17ad37 !default;\n$success-gradient-state: #98ec2d !default;\n\n$danger-gradient: #ea0606 !default;\n$danger-gradient-state: #ff667c !default;\n\n$warning-gradient: #f53939 !default;\n$warning-gradient-state: #fbcf33 !default;\n\n$dark-gradient: #141727 !default;\n$dark-gradient-state: #3A416F !default;\n\n$light-gradient: #CED4DA !default;\n$light-gradient-state: #EBEFF4 !default;\n\n// Gradient Colors map\n$theme-gradient-colors: (\n \"primary\": ($primary-gradient, $primary-gradient-state),\n \"secondary\": ($secondary-gradient, $secondary-gradient-state),\n \"success\": ($success-gradient, $success-gradient-state),\n \"info\": ($info-gradient, $info-gradient-state),\n \"warning\": ($warning-gradient, $warning-gradient-state),\n \"danger\": ($danger-gradient, $danger-gradient-state),\n \"light\": ($light-gradient, $light-gradient-state),\n \"dark\": ($dark-gradient, $dark-gradient-state)\n) !default;\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $black !default;\n$color-contrast-light: $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 8) !default;\n$blue-200: tint-color($blue, 6) !default;\n$blue-300: tint-color($blue, 4) !default;\n$blue-400: tint-color($blue, 2) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 2) !default;\n$blue-700: shade-color($blue, 4) !default;\n$blue-800: shade-color($blue, 6) !default;\n$blue-900: shade-color($blue, 8) !default;\n\n$indigo-100: tint-color($indigo, 8) !default;\n$indigo-200: tint-color($indigo, 6) !default;\n$indigo-300: tint-color($indigo, 4) !default;\n$indigo-400: tint-color($indigo, 2) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 2) !default;\n$indigo-700: shade-color($indigo, 4) !default;\n$indigo-800: shade-color($indigo, 6) !default;\n$indigo-900: shade-color($indigo, 8) !default;\n\n$purple-100: tint-color($purple, 8) !default;\n$purple-200: tint-color($purple, 6) !default;\n$purple-300: tint-color($purple, 4) !default;\n$purple-400: tint-color($purple, 2) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 2) !default;\n$purple-700: shade-color($purple, 4) !default;\n$purple-800: shade-color($purple, 6) !default;\n$purple-900: shade-color($purple, 8) !default;\n\n$pink-100: tint-color($pink, 8) !default;\n$pink-200: tint-color($pink, 6) !default;\n$pink-300: tint-color($pink, 4) !default;\n$pink-400: tint-color($pink, 2) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 2) !default;\n$pink-700: shade-color($pink, 4) !default;\n$pink-800: shade-color($pink, 6) !default;\n$pink-900: shade-color($pink, 8) !default;\n\n$red-100: tint-color($red, 8) !default;\n$red-200: tint-color($red, 6) !default;\n$red-300: tint-color($red, 4) !default;\n$red-400: tint-color($red, 2) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 2) !default;\n$red-700: shade-color($red, 4) !default;\n$red-800: shade-color($red, 6) !default;\n$red-900: shade-color($red, 8) !default;\n\n$orange-100: tint-color($orange, 8) !default;\n$orange-200: tint-color($orange, 6) !default;\n$orange-300: tint-color($orange, 4) !default;\n$orange-400: tint-color($orange, 2) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 2) !default;\n$orange-700: shade-color($orange, 4) !default;\n$orange-800: shade-color($orange, 6) !default;\n$orange-900: shade-color($orange, 8) !default;\n\n$yellow-100: tint-color($yellow, 8) !default;\n$yellow-200: tint-color($yellow, 6) !default;\n$yellow-300: tint-color($yellow, 4) !default;\n$yellow-400: tint-color($yellow, 2) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 2) !default;\n$yellow-700: shade-color($yellow, 4) !default;\n$yellow-800: shade-color($yellow, 6) !default;\n$yellow-900: shade-color($yellow, 8) !default;\n\n$green-100: tint-color($green, 8) !default;\n$green-200: tint-color($green, 6) !default;\n$green-300: tint-color($green, 4) !default;\n$green-400: tint-color($green, 2) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 2) !default;\n$green-700: shade-color($green, 4) !default;\n$green-800: shade-color($green, 6) !default;\n$green-900: shade-color($green, 8) !default;\n\n$teal-100: tint-color($teal, 8) !default;\n$teal-200: tint-color($teal, 6) !default;\n$teal-300: tint-color($teal, 4) !default;\n$teal-400: tint-color($teal, 2) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 2) !default;\n$teal-700: shade-color($teal, 4) !default;\n$teal-800: shade-color($teal, 6) !default;\n$teal-900: shade-color($teal, 8) !default;\n\n$cyan-100: tint-color($cyan, 8) !default;\n$cyan-200: tint-color($cyan, 6) !default;\n$cyan-300: tint-color($cyan, 4) !default;\n$cyan-400: tint-color($cyan, 2) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 2) !default;\n$cyan-700: shade-color($cyan, 4) !default;\n$cyan-800: shade-color($cyan, 6) !default;\n$cyan-900: shade-color($cyan, 8) !default;\n// fusv-enable\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-reduced-motion: true !default;\n$enable-grid-classes: true !default;\n$enable-button-pointers: true !default;\n$enable-rfs: true !default;\n$enable-validation-icons: true !default;\n$enable-negative-margins: true !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities: true !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: (\n 0: 0,\n 1: $spacer / 4,\n 2: $spacer / 2,\n 3: $spacer,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\n) !default;\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n$position-values: (\n 0: 0,\n 50: 50%,\n 100: 100%\n) !default;\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $font-color !default;\n$body-text-align: null !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: none !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n$stretched-link-pseudo-element: after !default;\n$stretched-link-z-index: 1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 1.5rem !default;\n$grid-row-columns: 6 !default;\n\n$gutters: $spacers !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius-xs: .125rem !default;\n$border-radius-sm: .25rem !default;\n$border-radius-md: .5rem !default;\n$border-radius-lg: .75rem !default;\n$border-radius-xl: 1rem !default;\n$border-radius-2xl: 1.5rem !default;\n$border-radius-section: 10rem !default;\n\n$border-widths: (\n 0: 0,\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n) !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-xs: 0 2px 9px -5px rgba($black, 0.15) !default;\n$box-shadow-sm: 0 .3125rem .625rem 0 rgba(0, 0, 0, 0.12) !default;\n$box-shadow: 0 .25rem .375rem -.0625rem rgba(20, 20, 20, .12), 0 .125rem .25rem -.0625rem rgba(20, 20, 20, .07) !default;\n$box-shadow-lg: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06) !default;\n$box-shadow-xl: 0 23px 45px -11px rgba(20, 20, 20, .25) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: $primary !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n \"1x1\": 100%,\n \"4x3\": calc(3 / 4 * 100%),\n \"16x9\": calc(9 / 16 * 100%),\n \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: 'Open Sans' !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base: var(--bs-font-sans-serif) !default;\n$font-family-code: var(--bs-font-monospace) !default;\n\n// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins\n// $font-size-base effects the font size of the body text\n$font-size-root: null !default;\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-xxs: $font-size-base * .65 !default;\n$font-size-xs: $font-size-base * .75 !default;\n$font-size-sm: $font-size-base * .875 !default;\n$font-size-lg: $font-size-base * 1.125 !default;\n$font-size-xl: $font-size-base * 1.25 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 600 !default;\n$font-weight-bolder: 700 !default;\n\n$font-weight-base: $font-weight-normal !default;\n\n$h1-font-weight: $font-weight-bold !default;\n$h2-font-weight: $font-weight-bold !default;\n$h3-font-weight: $font-weight-bold !default;\n$h4-font-weight: $font-weight-bold !default;\n$h5-font-weight: $font-weight-bold !default;\n$h6-font-weight: $font-weight-bold !default;\n$p-font-weight: $font-weight-normal !default;\n$lead-font-weight: $font-weight-normal !default;\n$text-sm-font-weight: $font-weight-normal !default;\n$text-xs-font-weight: $font-weight-normal !default;\n\n$line-height: 1.75rem !default;\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.25 !default;\n$line-height-lg: 2 !default;\n\n$h1-line-height: 1.25 !default;\n$h2-line-height: 1.3 !default;\n$h3-line-height: 1.375 !default;\n$h4-line-height: 1.375 !default;\n$h5-line-height: 1.375 !default;\n$h6-line-height: 1.625 !default;\n$p-line-height: 1.6 !default;\n$lead-line-height: 1.625 !default;\n$text-sm-line-height: 1.5 !default;\n$text-xs-line-height: 1.25 !default;\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$h1-font-size: $font-size-base * 3 !default;\n$h2-font-size: $font-size-base * 2.25 !default;\n$h3-font-size: $font-size-base * 1.875 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n$lead-font-size: $font-size-base * 1.25 !default;\n\n\n$text-sm-font-size: .875rem !default;\n$text-xs-font-size: .75rem !default;\n$p-font-size: 1rem !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-style: null !default;\n$headings-font-weight: 400 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n 1: 5rem,\n 2: 4.5rem,\n 3: 4rem,\n 4: 3.5rem,\n 5: 3rem,\n 6: 2.5rem\n) !default;\n\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$sub-sup-font-size: .75em !default;\n\n$text-secondary: $font-color !default;\n$text-muted: $gray-600 !default;\n\n// text gradient\n$text-gradient-bg-clip: text !default;\n$text-gradient-text-fill: transparent !default;\n$text-gradient-position: relative !default;\n$text-gradient-zindex: 1 !default;\n$text-gradient-bg-primary: linear-gradient(310deg, #7928CA, #FF0080) !default;\n$text-gradient-bg-info: linear-gradient(310deg, #2152FF, #21D4FD) !default;\n$text-gradient-bg-success: linear-gradient(310deg, #17AD37, #C1E823) !default;\n$text-gradient-bg-warning: linear-gradient(310deg, #F53939, #FBCF33) !default;\n$text-gradient-bg-danger: linear-gradient(310deg, #D60808, #FF6690) !default;\n$text-gradient-bg-dark: linear-gradient(310deg, #141727, #3A416F) !default;\n\n$initialism-font-size: $small-font-size !default;\n\n$blockquote-margin-y: $spacer !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n$blockquote-footer-color: $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y: $spacer !default;\n$hr-color: inherit !default;\n$hr-height: $border-width !default;\n$hr-opacity: .25 !default;\n\n$legend-margin-bottom: .5rem !default;\n$legend-font-size: 1.5rem !default;\n$legend-font-weight: null !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n// Letter Spacing\n$letter-wider: .05rem !default;\n$letter-normal: 0rem !default;\n$letter-tighter: -0.05rem !default;\n$h1-letter-spacing: 0.1rem !default;\n$a-letter-spacing: -0.025rem !default;\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n$table-head-spacer-y: .75rem !default;\n$table-head-spacer-x: 1.5rem !default;\n$table-head-font-size: .65rem !default;\n$table-head-font-weight: $font-weight-bold !default;\n$table-head-text-transform: capitalize !default;\n$table-head-letter-spacing: 0px !default;\n$table-head-bg: $gray-100 !default;\n$table-head-color: $gray-600 !default;\n\n$table-body-font-size: .8125rem !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-200 !default;\n\n// scss-docs-start table-variables\n$table-cell-padding-y: .5rem !default;\n$table-cell-padding-x: .5rem !default;\n$table-cell-padding-y-sm: .25rem !default;\n$table-cell-padding-x-sm: .25rem !default;\n\n$table-cell-vertical-align: top !default;\n\n$table-color: $body-color !default;\n$table-bg: transparent !default;\n\n$table-th-font-weight: null !default;\n\n$table-striped-color: $table-color !default;\n$table-striped-bg-factor: .05 !default;\n$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color: $table-color !default;\n$table-active-bg-factor: .1 !default;\n$table-active-bg: rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color: $table-color !default;\n$table-hover-bg-factor: .075 !default;\n$table-hover-bg: rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor: .1 !default;\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-striped-order: odd !default;\n\n$table-group-separator-color: currentColor !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-bg-scale: -80% !default;\n\n\n$table-variants: (\n \"primary\": shift-color($primary, $table-bg-scale),\n \"secondary\": shift-color($secondary, $table-bg-scale),\n \"success\": shift-color($success, $table-bg-scale),\n \"info\": shift-color($info, $table-bg-scale),\n \"warning\": shift-color($warning, $table-bg-scale),\n \"danger\": shift-color($danger, $table-bg-scale),\n \"light\": $light,\n \"dark\": $dark,\n) !default;\n// scss-docs-end table-variables\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .5rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: 1rem !default;\n$input-btn-line-height: 1.4 !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .75rem !default;\n$input-btn-font-size-sm: .75rem !default;\n\n$input-btn-padding-y-lg: .75rem !default;\n$input-btn-padding-x-lg: .75rem !default;\n$input-btn-font-size-lg: .875rem !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: .75rem !default;\n$btn-padding-x: 1.5rem !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $text-xs-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n$btn-letter-spacing: -0.025rem !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-margin-bottom: 1rem !default;\n$btn-padding-y-sm: .5rem !default;\n$btn-padding-x-sm: 2rem !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg: .875rem !default;\n$btn-padding-x-lg: 4rem !default;\n$btn-font-size-lg: .875rem !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-bolder !default;\n$btn-box-shadow: 0 4px 7px -1px rgba(0,0,0,.11), 0 2px 4px -1px rgba(0,0,0,.07) !default;\n$btn-box-shadow-values: 0 5px 8px 0 !default;\n$btn-box-shadow-hover-values: 0 8px 10px 0 !default;\n$btn-hover-box-shadow: 0 3px 5px -1px rgba(0,0,0,.09), 0 2px 3px -1px rgba(0,0,0,.07) !default;\n$btn-focus-box-shadow: $btn-hover-box-shadow !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-hover-opacity: .85 !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: none !default;\n$btn-background-size: 150% !default;\n$btn-hover-transform: scale(1.02) !default;\n$btn-active-hover-transform: scale(1) !default;\n$btn-background-position-x: 25% !default;\n\n$btn-link-color: $link-color !default;\n$btn-link-hover-color: $link-hover-color !default;\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: .5rem !default;\n$btn-border-radius-lg: .5rem !default;\n$btn-border-radius-sm: .5rem !default;\n$btn-border-rounded: 1.875rem !default;\n\n$btn-icon-transition: all .2s cubic-bezier(.34,1.61,.7,1.3) !default;\n$btn-icon-transform-right: translateX(5px) !default;\n$btn-icon-transform-left: translateX(-5px) !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius-md !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n\n$btn-transition: all .15s ease-in !default;\n\n$btn-just-icon-padding-x-sm: .3rem !default;\n$btn-just-icon-padding-y-sm: .3rem !default;\n$btn-just-icon-padding-x: .7rem !default;\n$btn-just-icon-padding-y: .7rem !default;\n$btn-just-icon-padding-x-lg: 1rem !default;\n$btn-just-icon-padding-y-lg: 1rem !default;\n$btn-just-icon-width: 2.375rem !default;\n$btn-just-icon-height: $btn-just-icon-width !default;\n$btn-just-icon-width-sm: 1.5875rem !default;\n$btn-just-icon-height-sm: $btn-just-icon-width-sm !default;\n$btn-just-icon-sm-font-size: .5rem !default;\n$btn-just-icon-width-lg: 3.25rem !default;\n$btn-just-icon-height-lg: $btn-just-icon-width-lg !default;\n$btn-just-icon-lg-font-size: 1.2rem !default;\n$btn-just-icon-lg-position: relative !default;\n$btn-just-icon-lg-top: 2px !default;\n\n// we've overwritten the default Bootstrap function\n// for dynamically adding font color since the colors\n// added by that function were not correctly set\n$btn-primary-font-color: #fff !default;\n$btn-secondary-font-color: #fff !default;\n$btn-danger-font-color: #fff !default;\n$btn-info-font-color: #fff !default;\n$btn-success-font-color: #fff !default;\n$btn-warning-font-color: #fff !default;\n$btn-dark-font-color: #fff !default;\n$btn-light-font-color: #3A416F !default;\n\n$btn-font-colors: () !default;\n\n$btn-font-colors: map-merge(\n (\n \"primary\": $btn-primary-font-color,\n \"secondary\": $btn-secondary-font-color,\n \"danger\": $btn-danger-font-color,\n \"info\": $btn-info-font-color,\n \"success\": $btn-success-font-color,\n \"warning\": $btn-warning-font-color,\n \"dark\": $btn-dark-font-color,\n \"light\": $btn-light-font-color\n ),\n $btn-font-colors\n);\n\n// Forms\n\n$form-text-margin-top: .25rem !default;\n$form-text-font-size: $small-font-size !default;\n$form-text-font-style: null !default;\n$form-text-font-weight: null !default;\n$form-text-color: $text-muted !default;\n\n$form-label-margin-bottom: .5rem !default;\n$form-label-margin-left: .25rem !default;\n$form-label-font-size: .75rem !default;\n$form-label-font-style: null !default;\n$form-label-font-weight: 700 !default;\n$form-label-color: $dark !default;\n\n$input-padding-y: .5rem !default;\n$input-padding-x: .75rem !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $font-size-sm !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: 1.4rem !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: .75rem !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: .875rem !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n$input-disabled-border-color: null !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: #d2d6da !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !default;\n\n$input-border-radius: $border-radius-md !default;\n$input-border-radius-sm: $border-radius-md !default;\n$input-border-radius-lg: $border-radius-md !default;\n\n$input-focus-bg: $white !default;\n$input-focus-border-color: #e293d3 !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: 2px !default;\n$input-focus-box-shadow: 0 0 0 $input-focus-width #e9aede !default;\n\n$input-placeholder-color: $gray-500 !default;\n$input-plaintext-color: $dark !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: unset !default;\n$input-height-inner-half: 1rem !default;\n$input-height-inner-quarter: .75rem !default;\n\n$input-height: unset !default;\n$input-height-sm: unset !default;\n$input-height-lg: unset !default;\n\n$input-transition: box-shadow .15s ease, border-color .15s ease !default;\n\n\n$form-check-input-width: 1.23em !default;\n$form-check-min-height: $font-size-base * $line-height-base !default;\n$form-check-padding-left: $form-check-input-width + .45em !default;\n$form-check-margin-bottom: .125rem !default;\n$form-check-label-color: null !default;\n$form-check-label-cursor: null !default;\n$form-check-transition: background-color .25s ease, border-color .25s ease, background-position .15s ease-in-out, opacity .15s ease-out, box-shadow .15s ease-in-out !default;\n$form-check-transition-time: .25s !default;\n\n$form-check-input-active-filter: brightness(99%) !default;\n\n$form-check-input-bg: $white !default;\n$form-check-input-border: none !default;\n$form-check-input-border-radius: .35rem !default;\n$form-check-radio-border-radius: 50% !default;\n$form-check-input-focus-border: none !default;\n$form-check-input-focus-box-shadow: none !default;\n\n$form-check-input-checked-color: $white !default;\n$form-check-input-checked-bg-color: transparent !default;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image: linear-gradient(310deg, $dark-gradient 0%, $dark-gradient-state 100%) !default;\n$form-check-radio-checked-bg-image: $form-check-input-checked-bg-image !default;\n$form-check-radio-after-width: .4375rem !default;\n\n$form-check-input-indeterminate-color: $component-active-color !default;\n$form-check-input-indeterminate-bg-color: $component-active-bg !default;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-switch-color: rgba(0, 0, 0, 1) !default;\n$form-switch-height: 1.2em !default;\n$form-switch-width: 2.5rem !default;\n$form-switch-check-after-width: 1rem !default;\n$form-switch-padding-start: $form-switch-width + .5rem !default;\n$form-switch-bg-image: none !default;\n$form-switch-border-radius: $form-switch-width !default;\n$form-switch-translate-x-start: 1px !default;\n$form-switch-translate-x-end: 21px !default;\n$form-switch-round-box-shadow: $box-shadow !default;\n$form-switch-transition: $form-check-transition !default;\n\n$form-switch-focus-color: $form-switch-color !default;\n$form-switch-focus-bg-image: $form-switch-bg-image !default;\n$form-switch-checked-color: $white !default;\n$form-switch-checked-bg-image: $form-switch-bg-image !default;\n$form-switch-checked-bg-position: right center !default;\n\n$form-check-inline-margin-right: 1rem !default;\n\n$input-group-addon-padding-y: $input-padding-y !default;\n$input-group-addon-padding-x: $input-padding-x !default;\n$input-group-addon-font-weight: $input-font-weight !default;\n$input-group-addon-color: $dark !default;\n$input-group-addon-bg: $white !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n\n$form-select-padding-y: $input-padding-y !default;\n$form-select-padding-x: $input-padding-x !default;\n$form-select-font-family: $input-font-family !default;\n$form-select-font-size: $input-font-size !default;\n$form-select-height: $input-height !default;\n$form-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$form-select-font-weight: $input-font-weight !default;\n$form-select-line-height: $input-line-height !default;\n$form-select-color: $input-color !default;\n$form-select-disabled-color: $gray-600 !default;\n$form-select-bg: $input-bg !default;\n$form-select-disabled-bg: $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position: right $form-select-padding-x center !default;\n$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color: $gray-800 !default;\n$form-select-indicator: url(\"data:image/svg+xml,\") !default;\n\n$form-select-feedback-icon-padding-right: add(1em * .75, (2 * $form-select-padding-y * .75) + $form-select-padding-x + $form-select-indicator-padding) !default;\n$form-select-feedback-icon-position: center right ($form-select-padding-x + $form-select-indicator-padding) !default;\n$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width: $input-border-width !default;\n$form-select-border-color: $input-border-color !default;\n$form-select-border-radius: $border-radius-md !default;\n$form-select-box-shadow: $box-shadow-inset !default;\n\n$form-select-focus-border-color: $input-focus-border-color !default;\n$form-select-focus-width: $input-focus-width !default;\n$form-select-focus-box-shadow: $input-focus-box-shadow !default;\n\n$form-select-padding-y-sm: $input-padding-y-sm !default;\n$form-select-padding-x-sm: $input-padding-x-sm !default;\n$form-select-font-size-sm: $input-font-size-sm !default;\n$form-select-height-sm: $input-height-sm !default;\n\n$form-select-padding-y-lg: $input-padding-y-lg !default;\n$form-select-padding-x-lg: $input-padding-x-lg !default;\n$form-select-font-size-lg: $input-font-size-lg !default;\n$form-select-height-lg: $input-height-lg !default;\n\n$form-range-track-width: 100% !default;\n$form-range-track-height: .5rem !default;\n$form-range-track-cursor: pointer !default;\n$form-range-track-bg: $gray-300 !default;\n$form-range-track-border-radius: 1rem !default;\n$form-range-track-box-shadow: $box-shadow-inset !default;\n\n$form-range-thumb-width: 1rem !default;\n$form-range-thumb-height: $form-range-thumb-width !default;\n$form-range-thumb-bg: $component-active-bg !default;\n$form-range-thumb-border: 0 !default;\n$form-range-thumb-border-radius: 1rem !default;\n$form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$form-range-thumb-disabled-bg: $gray-500 !default;\n$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-file-height: $input-height !default;\n$form-file-focus-border-color: $input-focus-border-color !default;\n$form-file-focus-box-shadow: $input-focus-box-shadow !default;\n$form-file-disabled-bg: $input-disabled-bg !default;\n$form-file-disabled-border-color: $input-disabled-border-color !default;\n\n$form-file-padding-y: $input-padding-y !default;\n$form-file-padding-x: $input-padding-x !default;\n$form-file-line-height: $input-line-height !default;\n$form-file-font-family: $input-font-family !default;\n$form-file-font-weight: $input-font-weight !default;\n$form-file-color: $input-color !default;\n$form-file-bg: $input-bg !default;\n$form-file-border-width: $input-border-width !default;\n$form-file-border-color: $input-border-color !default;\n$form-file-border-radius: $input-border-radius !default;\n$form-file-box-shadow: $input-box-shadow !default;\n$form-file-button-color: $form-file-color !default;\n$form-file-button-bg: $input-group-addon-bg !default;\n\n$form-file-padding-y-sm: $input-padding-y-sm !default;\n$form-file-padding-x-sm: $input-padding-x-sm !default;\n$form-file-font-size-sm: $input-font-size-sm !default;\n$form-file-height-sm: $input-height-sm !default;\n\n$form-file-padding-y-lg: $input-padding-y-lg !default;\n$form-file-padding-x-lg: $input-padding-x-lg !default;\n$form-file-font-size-lg: $input-font-size-lg !default;\n$form-file-height-lg: $input-height-lg !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $form-text-font-size !default;\n$form-feedback-font-style: $form-text-font-style !default;\n$form-feedback-valid-color: #66d432 !default;\n$form-feedback-invalid-color: #fd5c70 !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,\") !default;\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n )\n) !default;\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-font-size: null !default;\n$nav-link-font-weight: null !default;\n$nav-link-color: null !default;\n$nav-link-hover-color: null !default;\n$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color: $gray-600 !default;\n$nav-link-footer-padding: .25rem !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius-md !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: 0.75rem !default;\n$nav-pills-link-active-color: $dark !default;\n$nav-pills-link-active-bg: $white !default;\n$nav-pills-link-transition: background-color .3s ease !default;\n$nav-pills-background: $gray-100 !default;\n$nav-pills-vertical-background: transparent !default;\n$nav-pills-vertical-radius: 1.1875rem !default;\n$nav-pills-vertical-link-radius: .875rem !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: null !default;\n$navbar-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16) !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n$navbar-nav-link-padding: $navbar-nav-link-padding-x 1rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n$navbar-brand-margin-right: 1rem !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n$navbar-toggler-focus-width: $btn-focus-width !default;\n$navbar-toggler-transition: box-shadow .15s ease-in-out !default;\n\n$navbar-blur-bg-color: rgba(255, 255, 255, .8) !default;\n$navbar-blur-dark-bg-color: rgba(2, 5, 22, .8) !default;\n\n$navbar-dark-color: rgba($white, .85) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: $dark !default;\n$navbar-light-hover-color: rgba($dark, .7) !default;\n$navbar-light-active-color: rgba($dark, .9) !default;\n$navbar-light-disabled-color: rgba($dark, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-light-toggler-border-color: rgba($dark, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n// Sidenav toggler\n$sidenav-toggler-width: 18px !default;\n$sidenav-toggler-line-transition: all .15s ease !default;\n$sidenav-toggler-line-height: 2px !default;\n$sidenav-toggler-line-margin-bottom: 3px !default;\n$sidenav-toggler-line-active-width: 13px !default;\n$sidenav-toggler-line-transform: translateX(5px) !default;\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 11rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: 1.625rem !default;\n$dropdown-font-size: $font-size-sm !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: transparent !default;\n$dropdown-border-radius: $border-radius-md !default;\n$dropdown-border-width: 0 !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-transition-time: .3s ease !default;\n$dropdown-divider-bg: $dropdown-border-color !default;\n$dropdown-divider-margin-y: $spacer / 2 !default;\n$dropdown-box-shadow: $box-shadow-lg !default;\n\n$dropdown-link-color: $font-color !default;\n$dropdown-link-hover-color: $h-color !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $font-color !default;\n$dropdown-link-active-bg: transparent !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .3rem !default;\n$dropdown-item-padding-x: $spacer !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;\n\n$dropdown-dark-color: $gray-300 !default;\n$dropdown-dark-bg: $gray-800 !default;\n$dropdown-dark-border-color: $dropdown-border-color !default;\n$dropdown-dark-divider-bg: $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow: null !default;\n$dropdown-dark-link-color: $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color: $white !default;\n$dropdown-dark-link-hover-bg: rgba($white, .15) !default;\n$dropdown-dark-link-active-color: $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color: $gray-500 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .375rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-radius: $border-radius-md !default;\n$pagination-margin-left: -$pagination-border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-color: $link-hover-color !default;\n$pagination-focus-bg: $gray-200 !default;\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n// Cards\n\n$card-spacer-y: $spacer !default;\n$card-spacer-x: $spacer !default;\n$card-title-spacer-y: $spacer / 2 !default;\n$card-border-width: 0 !default;\n$card-border-radius: 1rem !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y: $card-spacer-y / 2 !default;\n$card-cap-padding-x: $card-spacer-x !default;\n$card-cap-bg: $white !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: $spacer !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n\n\n// Accordion\n$accordion-padding-y: 1rem !default;\n$accordion-padding-x: 1rem !default;\n$accordion-color: $body-color !default;\n$accordion-bg: transparent !default;\n$accordion-border-width: 0 !default;\n$accordion-border-color: rgba($black, .125) !default;\n$accordion-border-radius: $border-radius-sm !default;\n\n$accordion-body-padding-y: $accordion-padding-y !default;\n$accordion-body-padding-x: $accordion-padding-x !default;\n\n$accordion-button-padding-y: $accordion-padding-y !default;\n$accordion-button-padding-x: $accordion-padding-x !default;\n$accordion-button-color: $accordion-color !default;\n$accordion-button-bg: $accordion-bg !default;\n$accordion-transition: $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg: $accordion-bg !default;\n$accordion-button-active-color: $dark !default;\n\n$accordion-button-focus-border-color: $input-focus-border-color !default;\n$accordion-button-focus-box-shadow: none !default;\n\n$accordion-icon-width: 1rem !default;\n$accordion-icon-color: $accordion-color !default;\n$accordion-icon-active-color: $accordion-button-active-color !default;\n$accordion-icon-transition: transform .2s ease-in-out !default;\n$accordion-icon-transform: rotate(180deg) !default;\n\n$accordion-button-icon: none !default;\n$accordion-button-active-icon: none !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius-md !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: $spacer / 4 !default;\n$tooltip-padding-x: $spacer / 2 !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: null !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-xs !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: 0px !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: $box-shadow-sm !default;\n\n$popover-header-bg: $gray-200 !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: $spacer !default;\n\n$popover-body-color: $font-color !default;\n$popover-body-padding-y: $spacer !default;\n$popover-body-padding-x: $spacer !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .75rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 0 !default;\n$toast-border-color: transparent !default;\n$toast-border-radius: $border-radius-md !default;\n$toast-box-shadow: $box-shadow !default;\n\n$toast-header-color: $h-color !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: .75em !default;\n$badge-font-weight: $font-weight-bolder !default;\n$badge-color: $white !default;\n$badge-padding-y: .55em !default;\n$badge-padding-x: .9em !default;\n$badge-border-radius-custom: .45rem !default;\n$badge-border-radius: $badge-border-radius-custom !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: $spacer !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up: $box-shadow !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: $modal-inner-padding !default;\n$modal-header-padding-x: $modal-inner-padding !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-sm: 300px !default;\n$modal-md: 500px !default;\n$modal-lg: 800px !default;\n$modal-xl: 1140px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius-md !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n\n\n// Progress bars\n\n$progress-height: 3px !default;\n$progress-bar-height: 6px !default;\n$progress-height-sm: 4px !default;\n$progress-height-lg: 20px !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius-md !default;\n$progress-box-shadow: $box-shadow-inset !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: $primary !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: inherit !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius-md !default;\n\n$list-group-item-padding-y: $spacer / 2 !default;\n$list-group-item-padding-x: $spacer !default;\n$list-group-item-bg-level: -9 !default;\n$list-group-item-color-level: 6 !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius-md !default;\n$thumbnail-box-shadow: $box-shadow-sm !default;\n\n\n// Figures\n\n$figure-caption-font-size: $small-font-size !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size: null !default;\n$breadcrumb-padding-y: $spacer / 2 !default;\n$breadcrumb-padding-x: $spacer !default;\n$breadcrumb-item-padding-x: .5rem !default;\n$breadcrumb-margin-bottom: 1rem !default;\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n$breadcrumb-border-radius: $border-radius-md !default;\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-opacity: .5 !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-active-opacity: 1 !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n$carousel-caption-padding-y: 1.25rem !default;\n$carousel-caption-spacer: 1.25rem !default;\n\n$carousel-control-icon-width: 2rem !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg: $black !default;\n$carousel-dark-caption-color: $black !default;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$btn-close-width: 1em !default;\n$btn-close-height: $btn-close-width !default;\n$btn-close-padding-x: .25em !default;\n$btn-close-padding-y: $btn-close-padding-x !default;\n$btn-close-color: $white !default;\n$btn-close-bg: url(\"data:image/svg+xml,\") !default;\n$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;\n$btn-close-opacity: .5 !default;\n$btn-close-hover-opacity: .75 !default;\n$btn-close-focus-opacity: 1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;\n\n// Code\n\n$code-font-size: $small-font-size !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n$pre-color: null !default;\n\n// Tilt Animation\n\n$tilt-transform-style: preserve-3d !default;\n$tilt-transform-up-transform: translateZ(50px) scale(0.7) !default;\n$tilt-transform-up-transition: all 0.5s !default;\n\n// Variables for Core\n\n@import \"variables/animations\";\n@import \"variables/avatars\";\n@import \"variables/cards\";\n@import \"variables/dropdowns\";\n@import 'variables/header';\n@import 'variables/info-areas';\n@import 'variables/navbar';\n@import 'variables/utilities';\n@import 'variables/misc';\n@import 'variables/form-switch';\n@import 'variables/pagination';\n", - "// Waves Animation & Styling\n\n$waves-position: relative !default;\n$waves-width: 100% !default;\n$waves-height: 16vh !default;\n$waves-min-height: 100px !default;\n$waves-max-height: 150px !default;\n$waves-margin-bottom: -7px !default;\n$waves-height-sm: 50px !default;\n$waves-min-height-sm: $waves-height-sm !default;\n$waves-rotate: rotate(180deg) !default;\n$waves-mobile-height: 40px !default;\n\n$moving-waves-keyframe-0: translate3d(-90px,0,0) !default;\n$moving-waves-keyframe-100: translate3d(85px,0,0) !default;\n$moving-waves-animation: move-forever 40s cubic-bezier(.55,.5,.45,.5) infinite !default;\n$moving-waves-child-1-delay: -2s !default;\n$moving-waves-child-1-duration: 11s !default;\n$moving-waves-child-2-delay: -4s !default;\n$moving-waves-child-2-duration: 13s !default;\n$moving-waves-child-3-delay: -3s !default;\n$moving-waves-child-3-duration: 15s !default;\n$moving-waves-child-4-delay: -4s !default;\n$moving-waves-child-4-duration: 20s !default;\n$moving-waves-child-5-delay: -4s !default;\n$moving-waves-child-5-duration: 25s !default;\n$moving-waves-child-6-delay: -3s !default;\n$moving-waves-child-6-duration: 30s !default;\n\n// Fade In\n\n$fade-in-animation-name: fadeInBottom !default;\n$fade-in-animation-top-name: fadeInTop !default;\n$fade-in-bottom-transform: translateY(100%) !default;\n$fade-in-top-transform: translateY(-100%) !default;\n\n\n$fade-in-1-animation-duration: 1.5s !default;\n$fade-in-2-animation-duration: 1.75s !default;\n$fade-in-3-animation-duration: 2s !default;\n$fade-in-4-animation-duration: 2.25s !default;\n$fade-in-5-animation-duration: 2.5s !default;\n\n\n$floating-man-width: 350px !default;\n", - "// Avatar\n$avatar-height: 48px !default;\n$avatar-width: 48px !default;\n\n$avatar-xs-height: 24px !default;\n$avatar-xs-width: 24px !default;\n\n$avatar-sm-height: 36px !default;\n$avatar-sm-width: 36px !default;\n\n$avatar-lg-height: 58px !default;\n$avatar-lg-width: 58px !default;\n\n$avatar-xl-height: 74px !default;\n$avatar-xl-width: 74px !default;\n\n$avatar-xxl-height: 110px !default;\n$avatar-xxl-width: 110px !default;\n\n$avatar-font-size: 1rem !default;\n$avatar-content-margin: .75rem !default;\n\n\n// Avatar Group\n$avatar-group-border: 2px !default;\n$avatar-group-zindex: 2 !default;\n$avatar-group-zindex-hover: 3 !default;\n$avatar-group-double: -1rem !default;\n", - "$card-box-shadow: 0 20px 27px 0 rgba(0,0,0,0.05) !default;\n$card-background-blur: rgba(255, 255, 255, 0.8) !default;\n\n$card-header-padding: 1.5rem !default;\n\n$card-body-padding: $card-header-padding !default;\n$card-plain-bg-color: transparent !default;\n$card-plain-box-shadow: none !default;\n\n$card-footer-padding: $card-body-padding !default;\n\n$card-title-font-weight: $font-weight-bold !default;\n$card-title-line-height: 1.2 !default;\n\n$card-author-display: flex !default;\n$card-author-name-line-height: 1.571 !default;\n$card-author-name-color: #3A416F !default;\n$card-author-stats-color: #5D6494 !default;\n$card-avatar-width: 30px !default;\n$card-avatar-height: $card-avatar-width !default;\n$card-avatar-overflow: hidden !default;\n$card-avatar-radius: 50% !default;\n$card-avatar-mr: 5px !default;\n$card-stats-name-mt: -4px !default;\n$card-name-ml: .25rem !default;\n\n$card-badge-text-transform: uppercase !default;\n$card-badge-bg-color: #FAFAFF !default;\n\n\n// Card Background\n$card-bg-align-items: center !default;\n$card-bg-body-position: relative !default;\n$card-bg-body-z-index: 2 !default;\n$card-bg-content-min-height: 330px !default;\n$card-bg-content-max-width: 450px !default;\n$card-bg-content-pt: 60px !default;\n$card-bg-content-pb: $card-bg-content-pt !default;\n$card-bg-body-left-width: 90% !default;\n\n$card-bg-description-margin: 24px !default;\n\n$card-bg-filter-position: absolute !default;\n$card-bg-filter-top: 0 !default;\n$card-bg-filter-bottom: $card-bg-filter-top !default;\n$card-bg-filter-left: $card-bg-filter-top !default;\n$card-bg-filter-height: 100% !default;\n$card-bg-filter-width: $card-bg-filter-height !default;\n$card-bg-filter-z-index: 1 !default;\n$card-bg-filter-display: block !default;\n$card-bg-filter-content: \"\" !default;\n$card-bg-filter-bg: rgba(0,0,0,.4) !default;\n$card-bg-filter-mask-bg: rgba(0,0,0,.2) !default;\n$card-bg-filter-radius: 1rem !default;\n\n$card-full-bg-bg-position: 50% !default;\n$card-full-bg-bg-size: cover !default;\n$card-full-bg-mb: 30px !default;\n$card-full-bg-width: 100% !default;\n$card-full-bg-height: $card-full-bg-width !default;\n$card-full-bg-position: absolute !default;\n$card-full-bg-radius: $card-bg-filter-radius !default;\n", - "$dropdown-subitem-position: 101% !default;\n$dropdown-transition: visibility .25s,opacity .25s,transform .25s !default;\n$dropdown-transform-origin: 50% 0 !default;\n$dropdown-transform: perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0px, 37px, 0px) !important !default;\n$dropdown-transform-show: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0, 37px,5px) !important !default;\n\n$dropdown-multilevel-transform: perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0px, 0px, 0px) !important !default;\n$dropdown-multilevel-transform-show: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0, 0px,5px) !important !default;\n\n$dropup-transform-origin: bottom !default;\n$dropup-transform: perspective(999px) rotateX(12deg) translateZ(0) translate3d(0px, 0px, 0px) !important !default;\n$dropup-transform-show: perspective(999px) rotateX(0deg) translateZ(0) translate3d(1px,0px,5px) !important !default;\n\n$dropdown-icon-margin-right: .75rem !default;\n\n$dropdown-toggle-arrow-transform: rotate(180deg) !default;\n$dropdown-toggle-arrow-transition: .3s ease !default;\n\n$dropdown-button-after-margin-top: 3px !default;\n\n$dropdown-animation-arrow-left-position: 28px !default;\n$dropup-animation-arrow-bottom-position: 22px !default;\n$dropdown-animation-arrow-font-size: 22px !default;\n$dropup-animation-arrow-transition: bottom .35s ease !default;\n$dropdown-animation-arrow-transition: top .35s ease !default;\n$dropup-mb: .5rem !default;\n\n$dropdown-mt: 8px !default;\n$dropdown-hover-after-bottom-pos: -24px !default;\n$dropdown-hover-after-bottom-pos: -24px !default;\n$dropdown-hover-arrow-active-top: -20px !default;\n\n$dropdown-subitem-position-right: -197px !default;\n$dropdown-subitem-left-hover: -8px !default;\n$dropdown-subitem-arrow-rotate: rotate(-90deg) !default;\n\n$dropdown-md-min-width: 15rem !default;\n$dropdown-lg-min-width: 23rem !default;\n$dropdown-lg-width-responsive: 19rem !default;\n$dropdown-xl-min-width: 40rem !default;\n", - "$page-header-padding: 0 !default;\n$page-header-position: relative !default;\n$page-header-overflow: hidden !default;\n$page-header-display: flex !default;\n$page-header-align-items: center !default;\n$page-header-bg-size: cover !default;\n$page-header-bg-position: 50% !default;\n\n$mask-position: absolute !default;\n$mask-bg-size: cover !default;\n$mask-bg-position: center center !default;\n$mask-top: 0 !default;\n$mask-left: $mask-top !default;\n$mask-width: 100% !default;\n$mask-height: $mask-width !default;\n$mask-opacity: .8 !default;\n\n$page-header-conteiner-index: 1 !default;\n\n$header-oblique-img-width: 60% !default;\n$header-oblique-img-right: -10rem !default;\n$header-oblique-transform: skewX(-10deg) !default;\n$header-oblique-overflow: hidden !default;\n$header-oblique-img-transform: skewX(10deg) !default;\n", - "$icon-shape-bg-image: linear-gradient(310deg,#7928CA,#FF0080) !default;\n$icon-shape-bg-position: center !default;\n\n$icon-striped-bg-md: 85px !default;\n$icon-striped-bg-lg: 111px !default;\n$icon-striped-bg-xl: 80px !default;\n\n$icon-striped-icon-mt: 25% !default;\n$icon-striped-icon-ml: -24% !default;\n\n$icon-shape-icon-opacity: .8 !default;\n$info-icon-top: 11px !default;\n$info-icon-top-xxs: -4px !default;\n$info-icon-top-xs: -4px !default;\n$info-icon-top-sm: 2px !default;\n$info-icon-top-md: 22% !default;\n$info-icon-top-lg: 31% !default;\n$info-icon-top-xl: 37% !default;\n$info-icon-position: relative !default;\n\n$icon-xxs-width: 20px !default;\n$icon-xxs-height: $icon-xxs-width !default;\n$icon-xs-width: 24px !default;\n$icon-xs-height: $icon-xs-width !default;\n$icon-sm-width: 32px !default;\n$icon-sm-height: $icon-sm-width !default;\n$icon-md-width: 48px !default;\n$icon-md-height: $icon-md-width !default;\n$icon-lg-width: 64px !default;\n$icon-lg-height: $icon-lg-width !default;\n$icon-xl-width: 100px !default;\n$icon-xl-height: $icon-xl-width !default;\n", - "// Navbar toggler icon on responsive styling\n\n$navbar-toggler-bar-display: block !default;\n$navbar-toggler-bar-position: relative !default;\n$navbar-toggler-bar-width: 22px !default;\n$navbar-toggler-bar-height: 1px !default;\n$navbar-toggler-bar-radius: 1px !default;\n$navbar-toggler-bar-transition: all 0.2s !default;\n$navbar-toggler-bar-margin-top: 7px !default;\n\n$navbar-toggler-bar-1-transform: rotate(45deg) !default;\n$navbar-toggler-bar-1-transform-origin: 10% 10% !default;\n$navbar-toggler-bar-1-margin-top: 4px !default;\n$navbar-toggler-bar-2-opacity: 0 !default;\n$navbar-toggler-bar-3-transform: rotate(-45deg) !default;\n$navbar-toggler-bar-3-transform-origin: 10% 90% !default;\n$navbar-toggler-bar-3-margin-top: 3px !default;\n", - "// on hover transition variables\n$move-transition: .2s ease-out !default;\n$move-overflow: hidden !default;\n$move-transform: perspective(999px) rotateX(0deg) translate3d(0,0,0) !default;\n$move-transform-origin: 50% 0 !default;\n$move-backface-visibility: hidden !default;\n$move-will-change: transform,box-shadow !default;\n$move-hover-transform: perspective(999px) rotateX(7deg) translate3d(0px,-4px,5px) !default;\n\n// Sections Height Utilities\n$section-height-25-min-height: 25vh !default;\n$section-height-50-min-height: 50vh !default;\n$section-height-75-min-height: 75vh !default;\n$section-height-85-min-height: 85vh !default;\n$section-height-100-min-height: 100vh !default;\n\n// extra padding utilities variables - CT\n$padding-6: 4rem !default;\n$padding-7: 6rem !default;\n$padding-8: 8rem !default;\n$padding-9: 10rem !default;\n$padding-10: 12rem !default;\n$padding-11: 14rem !default;\n$padding-12: 16rem !default;\n\n// extra margins utilities variables - CT\n$margin-6: 4rem !default;\n$margin-7: 6rem !default;\n$margin-8: 8rem !default;\n$margin-9: 10rem !default;\n$margin-10: 12rem !default;\n$margin-11: 14rem !default;\n$margin-12: 16rem !default;\n\n// extra margins utilities variables - CT\n$opacity-0: 0 !default;\n$opacity-1: .1 !default;\n$opacity-2: .2 !default;\n$opacity-3: .3 !default;\n$opacity-4: .4 !default;\n$opacity-5: .5 !default;\n$opacity-6: .6 !default;\n$opacity-7: .7 !default;\n$opacity-8: .8 !default;\n$opacity-9: .9 !default;\n$opacity-10: 1 !default;\n\n// Z-index\n$z-index: (\n \"0\": 0,\n \"1\": 1,\n \"2\": 2,\n \"3\": 3\n) !default;\n\n// extra right values variables - CT\n$right-0: 0% !default;\n$right-1: 1% !default;\n$right-2: 2% !default;\n$right-3: 3% !default;\n$right-4: 4% !default;\n$right-5: 5% !default;\n$right-6: 6% !default;\n$right-7: 7% !default;\n$right-8: 8% !default;\n$right-9: 9% !default;\n$right-10: 10% !default;\n\n// extra width values variables - CT\n$width-0: 0% !default;\n$width-1: 1% !default;\n$width-2: 2% !default;\n$width-3: 3% !default;\n$width-4: 4% !default;\n$width-5: 5% !default;\n$width-6: 6% !default;\n$width-7: 7% !default;\n$width-8: 8% !default;\n$width-9: 9% !default;\n$width-10: 10% !default;\n$width-15: 15% !default;\n$width-20: 20% !default;\n$width-25: 25% !default;\n$width-30: 30% !default;\n$width-35: 35% !default;\n$width-40: 40% !default;\n$width-45: 45% !default;\n$width-50: 50% !default;\n$width-55: 55% !default;\n$width-60: 60% !default;\n$width-65: 65% !default;\n$width-70: 70% !default;\n$width-75: 75% !default;\n$width-80: 80% !default;\n$width-85: 85% !default;\n$width-90: 90% !default;\n$width-95: 95% !default;\n$width-100: 100% !default;\n\n// extra max width values variables - CT\n$max-width-100: 100px !default;\n$max-width-200: 200px !default;\n$max-width-300: 300px !default;\n$max-width-400: 400px !default;\n$max-width-500: 500px !default;\n\n// extra height values variables - CT\n$height-100: 100px !default;\n$height-200: 200px !default;\n$height-300: 300px !default;\n$height-400: 400px !default;\n$height-500: 500px !default;\n\n// extra min height values variables - CT\n$min-height-100: 100px !default;\n$min-height-150: 150px !default;\n$min-height-160: 160px !default;\n$min-height-200: 200px !default;\n$min-height-250: 200px !default;\n$min-height-300: 300px !default;\n$min-height-400: 400px !default;\n$min-height-500: 500px !default;\n$min-height-600: 600px !default;\n\n// extra min height values variables - CT\n$max-height-100: 100px !default;\n$max-height-150: 150px !default;\n$max-height-160: 160px !default;\n$max-height-200: 200px !default;\n$max-height-250: 200px !default;\n$max-height-300: 300px !default;\n$max-height-400: 400px !default;\n$max-height-500: 500px !default;\n$max-height-600: 600px !default;\n\n// letter spacing - CT\n$letter-spacing-1: 1px !default;\n$letter-spacing-2: 2px !default;\n$letter-spacing-3: 3px !default;\n$letter-spacing-4: 4px !default;\n$letter-spacing-5: 5px !default;\n\n// top values - CT\n$top-1: 1rem !default;\n$top-2: 2rem !default;\n$top-3: 3rem !default;\n$top-4: 4rem !default;\n$top-5: 5rem !default;\n\n// bottom values - CT\n$bottom-1: 1rem !default;\n$bottom-2: 2rem !default;\n$bottom-3: 3rem !default;\n$bottom-4: 4rem !default;\n$bottom-5: 5rem !default;\n\n// left values - CT\n$left-1: 1rem !default;\n$left-2: 2rem !default;\n$left-3: 3rem !default;\n$left-4: 4rem !default;\n$left-5: 5rem !default;\n\n// right values - CT\n$right-1: 1rem !default;\n$right-2: 2rem !default;\n$right-3: 3rem !default;\n$right-4: 4rem !default;\n$right-5: 5rem !default;\n\n// Extra Padding values Map\n$paddings: (\n \"6\": $padding-6,\n \"7\": $padding-7,\n \"8\": $padding-8,\n \"9\": $padding-9,\n \"10\": $padding-10,\n \"11\": $padding-11,\n \"12\": $padding-12\n) !default;\n\n// Extra Margins values Map\n$margins: (\n \"6\": $margin-6,\n \"7\": $margin-7,\n \"8\": $margin-8,\n \"9\": $margin-9,\n \"10\": $margin-10,\n \"11\": $margin-11,\n \"12\": $margin-12\n) !default;\n\n// Extra Opacity values Map\n$opacities: (\n \"0\": $opacity-0,\n \"1\": $opacity-1,\n \"2\": $opacity-2,\n \"3\": $opacity-3,\n \"4\": $opacity-4,\n \"5\": $opacity-5,\n \"6\": $opacity-6,\n \"7\": $opacity-7,\n \"8\": $opacity-8,\n \"9\": $opacity-9,\n \"10\": $opacity-10\n) !default;\n\n$end: (\n \"0\": $right-0,\n \"1\": $right-1,\n \"2\": $right-2,\n \"3\": $right-3,\n \"4\": $right-4,\n \"5\": $right-5,\n \"6\": $right-6,\n \"7\": $right-7,\n \"8\": $right-8,\n \"9\": $right-9,\n \"10\": $right-10\n) !default;\n\n$width: (\n \"0\": $width-0,\n \"1\": $width-1,\n \"2\": $width-2,\n \"3\": $width-3,\n \"4\": $width-4,\n \"5\": $width-5,\n \"6\": $width-6,\n \"7\": $width-7,\n \"8\": $width-8,\n \"9\": $width-9,\n \"10\": $width-10,\n \"15\": $width-15,\n \"20\": $width-20,\n \"25\": $width-25,\n \"30\": $width-30,\n \"35\": $width-35,\n \"40\": $width-40,\n \"45\": $width-45,\n \"50\": $width-50,\n \"55\": $width-55,\n \"60\": $width-60,\n \"65\": $width-65,\n \"70\": $width-70,\n \"75\": $width-75,\n \"80\": $width-80,\n \"85\": $width-85,\n \"90\": $width-90,\n \"95\": $width-95,\n \"100\": $width-100,\n) !default;\n\n$max-width: (\n \"100\": $max-width-100,\n \"200\": $max-width-200,\n \"300\": $max-width-300,\n \"400\": $max-width-400,\n \"500\": $max-width-500\n) !default;\n\n$height: (\n \"100\": $height-100,\n \"200\": $height-200,\n \"300\": $height-300,\n \"400\": $height-400,\n \"500\": $height-500\n) !default;\n\n$min-height: (\n \"100\": $min-height-100,\n \"150\": $min-height-150,\n \"160\": $min-height-160,\n \"200\": $min-height-200,\n \"250\": $min-height-250,\n \"300\": $min-height-300,\n \"400\": $min-height-400,\n \"500\": $min-height-500,\n \"600\": $min-height-600\n) !default;\n\n$max-height: (\n \"100\": $max-height-100,\n \"150\": $max-height-150,\n \"160\": $max-height-160,\n \"200\": $max-height-200,\n \"250\": $max-height-250,\n \"300\": $max-height-300,\n \"400\": $max-height-400,\n \"500\": $max-height-500,\n \"600\": $max-height-600\n) !default;\n\n$letterSpacing: (\n \"1\": $letter-spacing-1,\n \"2\": $letter-spacing-2,\n \"3\": $letter-spacing-3,\n \"4\": $letter-spacing-4,\n \"5\": $letter-spacing-5\n) !default;\n\n\n$top: (\n \"0\": 0,\n \"1\": $top-1,\n \"2\": $top-2,\n \"3\": $top-3,\n \"4\": $top-4,\n \"5\": $top-5\n) !default;\n\n$right: (\n \"0\": 0,\n \"1\": $right-1,\n \"2\": $right-2,\n \"3\": $right-3,\n \"4\": $right-4,\n \"5\": $right-5\n) !default;\n\n$left: (\n \"0\": 0,\n \"1\": $left-1,\n \"2\": $left-2,\n \"3\": $left-3,\n \"4\": $left-4,\n \"5\": $left-5\n) !default;\n\n$bottom: (\n \"0\": 0,\n \"1\": $bottom-1,\n \"2\": $bottom-2,\n \"3\": $bottom-3,\n \"4\": $bottom-4,\n \"5\": $bottom-5\n) !default;\n\n// blur effect variables\n$blur-border-radius-rounded: 40px !default;\n$blur-box-shadow: inset 0px 0px 2px #fefefed1 !default;\n$blur-backdrop-filter: saturate(200%) blur(30px) !default;\n$blur-backdrop-filter-less: saturate(20%) blur(30px) !default;\n\n$shadow-blur-box-shadow: inset 0 0px 1px 1px rgba(254, 254, 254, .9), 0 20px 27px 0 rgba(0, 0, 0, .05) !default;\n\n// sidebar variables\n\n$sidebar-width: 80px !default;\n$sidebar-transition: 1s ease !default;\n", - "// Horizontal Faded Line\n$hr-bg: transparent !default;\n$hr-transform: rotate(90deg) !default;\n$hr-bg-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) !default;\n$hr-bg-dark-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)) !default;\n\n\n// Gradient Animation\n$gradient-animation-background: linear-gradient(-45deg, $info-gradient, $danger, $warning, $primary-gradient, $dark) !default;\n$gradient-animation-bg-size: 400% 400% !default;\n\n// Device Wrapper\n$device-wrapper-radius: 3.5rem !default;\n$device-wrapper-box-shadow: 0 12px 15px rgba(140, 152, 164, 0.1) !default;\n$device-wrapper-animation: gradient 10s ease infinite !default;\n\n\n// Nav pills\n$nav-pills-link-border-radius: 0.5rem !default;\n$nav-pills-link-box-shadow: 0px 1px 5px 1px #ddd !default;\n$nav-pills-link-active-padding: 7px 15px !default;\n$nav-pills-link-active-margin: 1px !default;\n$nav-pills-link-active-animation: .2s ease !default;\n\n// Table Progress\n\n$table-progress-width: 120px !default;\n$table-progress-height: 3px !default;\n$table-progress-margin: 0 !default;\n\n// Tooltip Arrow\n\n$tooltip-arrow-left: 1px !default;\n$tooltip-arrow-right: $tooltip-arrow-left !default;\n\n// Footer Link hover animation\n\n$footer-link-animation: opacity .3 ease !default;\n\n// Blur background\n\n$blur-light-background: rgba(255, 255, 255, 0.4) !default;\n$blur-dark-background: rgba(0, 0, 0, 0.3) !default;\n\n// HR w/ opacity\n\n$hr-bg-color: transparent !default;\n$hr-width: 1px !default;\n$hr-margin: .75rem 0 !default;\n$hr-horizontal-bg-image-light: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)) !default;\n$hr-horizontal-bg-image-gray-light: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)) !default;\n$hr-horizontal-bg-image-dark: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)) !default;\n$hr-vertical-bg-image-light: linear-gradient(to bottom, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)) !default;\n$hr-vertical-bg-image-dark: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)) !default;\n", - "$slider-dim: 15px !default;\n$slider-position: 2px !default;\n$moving-circle: translateX(21px) !default;\n", - "// Pagination\n\n$pagination-active-box-shadow: $btn-hover-box-shadow !default;\n\n$page-link-display: flex !default;\n$page-link-align-items: center !default;\n$page-link-justify-content: $page-link-align-items !default;\n$page-link-margin: 0 3px !default;\n$page-link-radius: 50% !default;\n$page-link-width: 36px !default;\n$page-link-height: $page-link-width !default;\n\n$page-link-width-lg: 46px !default;\n$page-link-height-lg: $page-link-width-lg !default;\n$page-link-line-height-lg: $page-link-width-lg !default;\n\n$page-link-width-sm: 30px !default;\n$page-link-height-sm: $page-link-width-sm !default;\n$page-link-line-height-sm: $page-link-width-sm !default;\n", - "/*!\n * Bootstrap v5.0.0-beta3 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n\n// scss-docs-start import-stack\n// Configuration\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"utilities\";\n\n// Layout & components\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"containers\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"accordion\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"alert\";\n@import \"progress\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"offcanvas\";\n\n// Helpers\n@import \"helpers\";\n\n// Utilities\n@import \"utilities/api\";\n// scss-docs-end import-stack\n", - "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n @if length($map) > 0 {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n }\n}\n\n// Internal Bootstrap function to turn maps into its negative variant.\n// It prefixes the keys with `n` and makes the value negative.\n@function negativify-map($map) {\n $result: ();\n @each $key, $value in $map {\n @if $key != 0 {\n $result: map-merge($result, (\"n\" + $key: (-$value)));\n }\n }\n @return $result;\n}\n\n// Get multiple keys from a sass map\n@function map-get-multiple($map, $values) {\n $result: ();\n @each $key, $value in $map {\n @if (index($values, $key) != null) {\n $result: map-merge($result, ($key: $value));\n }\n }\n @return $result;\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n//\n// Requires the use of quotes around data URIs.\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// Color contrast\n// See https://github.com/twbs/bootstrap/pull/30168\n\n// A list of pre-calculated numbers of pow(($value / 255 + .055) / 1.055, 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;\n\n@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {\n $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;\n $max-ratio: 0;\n $max-ratio-color: null;\n\n @each $color in $foregrounds {\n $contrast-ratio: contrast-ratio($background, $color);\n @if $contrast-ratio > $min-contrast-ratio {\n @return $color;\n } @else if $contrast-ratio > $max-ratio {\n $max-ratio: $contrast-ratio;\n $max-ratio-color: $color;\n }\n }\n\n @warn \"Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...\";\n\n @return $max-ratio-color;\n}\n\n@function contrast-ratio($background, $foreground: $color-contrast-light) {\n $l1: luminance($background);\n $l2: luminance(opaque($background, $foreground));\n\n @return if($l1 > $l2, ($l1 + .05) / ($l2 + .05), ($l2 + .05) / ($l1 + .05));\n}\n\n// Return WCAG2.0 relative luminance\n// See https://www.w3.org/WAI/GL/wiki/Relative_luminance\n// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n@function luminance($color) {\n $rgb: (\n \"r\": red($color),\n \"g\": green($color),\n \"b\": blue($color)\n );\n\n @each $name, $value in $rgb {\n $value: if($value / 255 < .03928, $value / 255 / 12.92, nth($_luminance-list, $value + 1));\n $rgb: map-merge($rgb, ($name: $value));\n }\n\n @return (map-get($rgb, \"r\") * .2126) + (map-get($rgb, \"g\") * .7152) + (map-get($rgb, \"b\") * .0722);\n}\n\n// Return opaque color\n// opaque(#fff, rgba(0, 0, 0, .5)) => #808080\n@function opaque($background, $foreground) {\n @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100);\n}\n\n// scss-docs-start color-functions\n// Tint a color: mix a color with white\n@function tint-color($color, $weight) {\n @return mix(white, $color, $weight);\n}\n\n// Shade a color: mix a color with black\n@function shade-color($color, $weight) {\n @return mix(black, $color, $weight);\n}\n\n// Shade the color if the weight is positive, else tint it\n@function shift-color($color, $weight) {\n @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));\n}\n// scss-docs-end color-functions\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n @if $value1 == null {\n @return $value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 + $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n @if $value1 == null and $value2 == null {\n @return null;\n }\n\n @if $value1 == null {\n @return -$value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 - $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n", - "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n) !default;\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue: #0d6efd !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #d63384 !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #198754 !default;\n$teal: #20c997 !default;\n$cyan: #0dcaf0 !default;\n// scss-docs-end color-variables\n\n// scss-docs-start colors-map\n$colors: (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n) !default;\n// scss-docs-end colors-map\n\n// scss-docs-start theme-color-variables\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-900 !default;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n) !default;\n// scss-docs-end theme-colors-map\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $black !default;\n$color-contrast-light: $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%) !default;\n$blue-200: tint-color($blue, 60%) !default;\n$blue-300: tint-color($blue, 40%) !default;\n$blue-400: tint-color($blue, 20%) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 20%) !default;\n$blue-700: shade-color($blue, 40%) !default;\n$blue-800: shade-color($blue, 60%) !default;\n$blue-900: shade-color($blue, 80%) !default;\n\n$indigo-100: tint-color($indigo, 80%) !default;\n$indigo-200: tint-color($indigo, 60%) !default;\n$indigo-300: tint-color($indigo, 40%) !default;\n$indigo-400: tint-color($indigo, 20%) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 20%) !default;\n$indigo-700: shade-color($indigo, 40%) !default;\n$indigo-800: shade-color($indigo, 60%) !default;\n$indigo-900: shade-color($indigo, 80%) !default;\n\n$purple-100: tint-color($purple, 80%) !default;\n$purple-200: tint-color($purple, 60%) !default;\n$purple-300: tint-color($purple, 40%) !default;\n$purple-400: tint-color($purple, 20%) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 20%) !default;\n$purple-700: shade-color($purple, 40%) !default;\n$purple-800: shade-color($purple, 60%) !default;\n$purple-900: shade-color($purple, 80%) !default;\n\n$pink-100: tint-color($pink, 80%) !default;\n$pink-200: tint-color($pink, 60%) !default;\n$pink-300: tint-color($pink, 40%) !default;\n$pink-400: tint-color($pink, 20%) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 20%) !default;\n$pink-700: shade-color($pink, 40%) !default;\n$pink-800: shade-color($pink, 60%) !default;\n$pink-900: shade-color($pink, 80%) !default;\n\n$red-100: tint-color($red, 80%) !default;\n$red-200: tint-color($red, 60%) !default;\n$red-300: tint-color($red, 40%) !default;\n$red-400: tint-color($red, 20%) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 20%) !default;\n$red-700: shade-color($red, 40%) !default;\n$red-800: shade-color($red, 60%) !default;\n$red-900: shade-color($red, 80%) !default;\n\n$orange-100: tint-color($orange, 80%) !default;\n$orange-200: tint-color($orange, 60%) !default;\n$orange-300: tint-color($orange, 40%) !default;\n$orange-400: tint-color($orange, 20%) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 20%) !default;\n$orange-700: shade-color($orange, 40%) !default;\n$orange-800: shade-color($orange, 60%) !default;\n$orange-900: shade-color($orange, 80%) !default;\n\n$yellow-100: tint-color($yellow, 80%) !default;\n$yellow-200: tint-color($yellow, 60%) !default;\n$yellow-300: tint-color($yellow, 40%) !default;\n$yellow-400: tint-color($yellow, 20%) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 20%) !default;\n$yellow-700: shade-color($yellow, 40%) !default;\n$yellow-800: shade-color($yellow, 60%) !default;\n$yellow-900: shade-color($yellow, 80%) !default;\n\n$green-100: tint-color($green, 80%) !default;\n$green-200: tint-color($green, 60%) !default;\n$green-300: tint-color($green, 40%) !default;\n$green-400: tint-color($green, 20%) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 20%) !default;\n$green-700: shade-color($green, 40%) !default;\n$green-800: shade-color($green, 60%) !default;\n$green-900: shade-color($green, 80%) !default;\n\n$teal-100: tint-color($teal, 80%) !default;\n$teal-200: tint-color($teal, 60%) !default;\n$teal-300: tint-color($teal, 40%) !default;\n$teal-400: tint-color($teal, 20%) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 20%) !default;\n$teal-700: shade-color($teal, 40%) !default;\n$teal-800: shade-color($teal, 60%) !default;\n$teal-900: shade-color($teal, 80%) !default;\n\n$cyan-100: tint-color($cyan, 80%) !default;\n$cyan-200: tint-color($cyan, 60%) !default;\n$cyan-300: tint-color($cyan, 40%) !default;\n$cyan-400: tint-color($cyan, 20%) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 20%) !default;\n$cyan-700: shade-color($cyan, 40%) !default;\n$cyan-800: shade-color($cyan, 60%) !default;\n$cyan-900: shade-color($cyan, 80%) !default;\n// fusv-enable\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-reduced-motion: true !default;\n$enable-smooth-scroll: true !default;\n$enable-grid-classes: true !default;\n$enable-button-pointers: true !default;\n$enable-rfs: true !default;\n$enable-validation-icons: true !default;\n$enable-negative-margins: false !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities: true !default;\n\n// Prefix for :root CSS variables\n\n$variable-prefix: bs- !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem !default;\n$spacers: (\n 0: 0,\n 1: $spacer / 4,\n 2: $spacer / 2,\n 3: $spacer,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\n) !default;\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n 0: 0,\n 50: 50%,\n 100: 100%\n) !default;\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n$body-text-align: null !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary !default;\n$link-decoration: underline !default;\n$link-shade-percentage: 20% !default;\n$link-hover-color: shift-color($link-color, $link-shade-percentage) !default;\n$link-hover-decoration: null !default;\n\n$stretched-link-pseudo-element: after !default;\n$stretched-link-z-index: 1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 1.5rem !default;\n$grid-row-columns: 6 !default;\n\n$gutters: $spacers !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width / 2 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width: 1px !default;\n$border-widths: (\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n) !default;\n\n$border-color: $gray-300 !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius: .25rem !default;\n$border-radius-sm: .2rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-pill: 50rem !default;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n// scss-docs-end box-shadow-variables\n\n$component-active-color: $white !default;\n$component-active-bg: $primary !default;\n\n// scss-docs-start caret-variables\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n// scss-docs-end caret-variables\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n// scss-docs-start collapse-transition\n$transition-collapse: height .35s ease !default;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n \"1x1\": 100%,\n \"4x3\": calc(3 / 4 * 100%),\n \"16x9\": calc(9 / 16 * 100%),\n \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base: var(--#{$variable-prefix}font-sans-serif) !default;\n$font-family-code: var(--#{$variable-prefix}font-monospace) !default;\n\n// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins\n// $font-size-base effects the font size of the body text\n$font-size-root: null !default;\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-sm: $font-size-base * .875 !default;\n$font-size-lg: $font-size-base * 1.25 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.25 !default;\n$line-height-lg: 2 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n 1: $h1-font-size,\n 2: $h2-font-size,\n 3: $h3-font-size,\n 4: $h4-font-size,\n 5: $h5-font-size,\n 6: $h6-font-size\n) !default;\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-style: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n 1: 5rem,\n 2: 4.5rem,\n 3: 4rem,\n 4: 3.5rem,\n 5: 3rem,\n 6: 2.5rem\n) !default;\n\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$sub-sup-font-size: .75em !default;\n\n$text-muted: $gray-600 !default;\n\n$initialism-font-size: $small-font-size !default;\n\n$blockquote-margin-y: $spacer !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n$blockquote-footer-color: $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y: $spacer !default;\n$hr-color: inherit !default;\n$hr-height: $border-width !default;\n$hr-opacity: .25 !default;\n\n$legend-margin-bottom: .5rem !default;\n$legend-font-size: 1.5rem !default;\n$legend-font-weight: null !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n// scss-docs-end type-variables\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y: .5rem !default;\n$table-cell-padding-x: .5rem !default;\n$table-cell-padding-y-sm: .25rem !default;\n$table-cell-padding-x-sm: .25rem !default;\n\n$table-cell-vertical-align: top !default;\n\n$table-color: $body-color !default;\n$table-bg: transparent !default;\n\n$table-th-font-weight: null !default;\n\n$table-striped-color: $table-color !default;\n$table-striped-bg-factor: .05 !default;\n$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color: $table-color !default;\n$table-active-bg-factor: .1 !default;\n$table-active-bg: rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color: $table-color !default;\n$table-hover-bg-factor: .075 !default;\n$table-hover-bg: rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor: .1 !default;\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-striped-order: odd !default;\n\n$table-group-separator-color: currentColor !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-scale: -80% !default;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n \"primary\": shift-color($primary, $table-bg-scale),\n \"secondary\": shift-color($secondary, $table-bg-scale),\n \"success\": shift-color($success, $table-bg-scale),\n \"info\": shift-color($info, $table-bg-scale),\n \"warning\": shift-color($warning, $table-bg-scale),\n \"danger\": shift-color($danger, $table-bg-scale),\n \"light\": $light,\n \"dark\": $dark,\n) !default;\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .25rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-blur: 0 !default;\n$input-btn-focus-box-shadow: 0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n\n$input-btn-border-width: $border-width !default;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-color: $link-color !default;\n$btn-link-hover-color: $link-hover-color !default;\n$btn-link-disabled-color: $gray-600 !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$btn-hover-bg-shade-amount: 15% !default;\n$btn-hover-bg-tint-amount: 15% !default;\n$btn-hover-border-shade-amount: 20% !default;\n$btn-hover-border-tint-amount: 10% !default;\n$btn-active-bg-shade-amount: 20% !default;\n$btn-active-bg-tint-amount: 20% !default;\n$btn-active-border-shade-amount: 25% !default;\n$btn-active-border-tint-amount: 10% !default;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top: .25rem !default;\n$form-text-font-size: $small-font-size !default;\n$form-text-font-style: null !default;\n$form-text-font-weight: null !default;\n$form-text-color: $text-muted !default;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom: .5rem !default;\n$form-label-font-size: null !default;\n$form-label-font-style: null !default;\n$form-label-font-weight: null !default;\n$form-label-color: null !default;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n$input-disabled-border-color: null !default;\n\n$input-color: $body-color !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: $box-shadow-inset !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-sm: $border-radius-sm !default;\n$input-border-radius-lg: $border-radius-lg !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: tint-color($component-active-bg, 50%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2) !default;\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width: 1em !default;\n$form-check-min-height: $font-size-base * $line-height-base !default;\n$form-check-padding-start: $form-check-input-width + .5em !default;\n$form-check-margin-bottom: .125rem !default;\n$form-check-label-color: null !default;\n$form-check-label-cursor: null !default;\n$form-check-transition: null !default;\n\n$form-check-input-active-filter: brightness(90%) !default;\n\n$form-check-input-bg: $input-bg !default;\n$form-check-input-border: 1px solid rgba(0, 0, 0, .25) !default;\n$form-check-input-border-radius: .25em !default;\n$form-check-radio-border-radius: 50% !default;\n$form-check-input-focus-border: $input-focus-border-color !default;\n$form-check-input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$form-check-input-checked-color: $component-active-color !default;\n$form-check-input-checked-bg-color: $component-active-bg !default;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-check-radio-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-check-input-indeterminate-color: $component-active-color !default;\n$form-check-input-indeterminate-bg-color: $component-active-bg !default;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-check-input-disabled-opacity: .5 !default;\n$form-check-label-disabled-opacity: $form-check-input-disabled-opacity !default;\n$form-check-btn-check-disabled-opacity: $btn-disabled-opacity !default;\n\n$form-check-inline-margin-end: 1rem !default;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color: rgba(0, 0, 0, .25) !default;\n$form-switch-width: 2em !default;\n$form-switch-padding-start: $form-switch-width + .5em !default;\n$form-switch-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-switch-border-radius: $form-switch-width !default;\n$form-switch-transition: background-position .15s ease-in-out !default;\n\n$form-switch-focus-color: $input-focus-border-color !default;\n$form-switch-focus-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-switch-checked-color: $component-active-color !default;\n$form-switch-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-switch-checked-bg-position: right center !default;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y: $input-padding-y !default;\n$input-group-addon-padding-x: $input-padding-x !default;\n$input-group-addon-font-weight: $input-font-weight !default;\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y: $input-padding-y !default;\n$form-select-padding-x: $input-padding-x !default;\n$form-select-font-family: $input-font-family !default;\n$form-select-font-size: $input-font-size !default;\n$form-select-indicator-padding: $form-select-padding-x * 3 !default; // Extra padding for background-image\n$form-select-font-weight: $input-font-weight !default;\n$form-select-line-height: $input-line-height !default;\n$form-select-color: $input-color !default;\n$form-select-bg: $input-bg !default;\n$form-select-disabled-color: null !default;\n$form-select-disabled-bg: $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position: right $form-select-padding-x center !default;\n$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color: $gray-800 !default;\n$form-select-indicator: url(\"data:image/svg+xml,\") !default;\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default;\n$form-select-feedback-icon-position: center right $form-select-indicator-padding !default;\n$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width: $input-border-width !default;\n$form-select-border-color: $input-border-color !default;\n$form-select-border-radius: $border-radius !default;\n$form-select-box-shadow: $box-shadow-inset !default;\n\n$form-select-focus-border-color: $input-focus-border-color !default;\n$form-select-focus-width: $input-focus-width !default;\n$form-select-focus-box-shadow: 0 0 0 $form-select-focus-width $input-btn-focus-color !default;\n\n$form-select-padding-y-sm: $input-padding-y-sm !default;\n$form-select-padding-x-sm: $input-padding-x-sm !default;\n$form-select-font-size-sm: $input-font-size-sm !default;\n\n$form-select-padding-y-lg: $input-padding-y-lg !default;\n$form-select-padding-x-lg: $input-padding-x-lg !default;\n$form-select-font-size-lg: $input-font-size-lg !default;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width: 100% !default;\n$form-range-track-height: .5rem !default;\n$form-range-track-cursor: pointer !default;\n$form-range-track-bg: $gray-300 !default;\n$form-range-track-border-radius: 1rem !default;\n$form-range-track-box-shadow: $box-shadow-inset !default;\n\n$form-range-thumb-width: 1rem !default;\n$form-range-thumb-height: $form-range-thumb-width !default;\n$form-range-thumb-bg: $component-active-bg !default;\n$form-range-thumb-border: 0 !default;\n$form-range-thumb-border-radius: 1rem !default;\n$form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg: tint-color($component-active-bg, 70%) !default;\n$form-range-thumb-disabled-bg: $gray-500 !default;\n$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color: $input-color !default;\n$form-file-button-bg: $input-group-addon-bg !default;\n$form-file-button-hover-bg: shade-color($form-file-button-bg, 5%) !default;\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height: add(3.5rem, $input-height-border) !default;\n$form-floating-padding-x: $input-padding-x !default;\n$form-floating-padding-y: 1rem !default;\n$form-floating-input-padding-t: 1.625rem !default;\n$form-floating-input-padding-b: .625rem !default;\n$form-floating-label-opacity: .65 !default;\n$form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem) !default;\n$form-floating-transition: opacity .1s ease-in-out, transform .1s ease-in-out !default;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $form-text-font-size !default;\n$form-feedback-font-style: $form-text-font-style !default;\n$form-feedback-valid-color: $success !default;\n$form-feedback-invalid-color: $danger !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,\") !default;\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n )\n) !default;\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-offcanvas: 1040 !default;\n$zindex-modal-backdrop: 1050 !default;\n$zindex-modal: 1060 !default;\n$zindex-popover: 1070 !default;\n$zindex-tooltip: 1080 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-font-size: null !default;\n$nav-link-font-weight: null !default;\n$nav-link-color: null !default;\n$nav-link-hover-color: null !default;\n$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: null !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n$navbar-brand-margin-end: 1rem !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n$navbar-toggler-focus-width: $btn-focus-width !default;\n$navbar-toggler-transition: box-shadow .15s ease-in-out !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-theme-variables\n$navbar-dark-color: rgba($white, .55) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .55) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n// scss-docs-end navbar-theme-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $dropdown-border-color !default;\n$dropdown-divider-margin-y: $spacer / 2 !default;\n$dropdown-box-shadow: $box-shadow !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: shade-color($gray-900, 10%) !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-500 !default;\n\n$dropdown-item-padding-y: $spacer / 4 !default;\n$dropdown-item-padding-x: $spacer !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color: $gray-300 !default;\n$dropdown-dark-bg: $gray-800 !default;\n$dropdown-dark-border-color: $dropdown-border-color !default;\n$dropdown-dark-divider-bg: $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow: null !default;\n$dropdown-dark-link-color: $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color: $white !default;\n$dropdown-dark-link-hover-bg: rgba($white, .15) !default;\n$dropdown-dark-link-active-color: $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color: $gray-500 !default;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y: .375rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-radius: $border-radius !default;\n$pagination-margin-start: -$pagination-border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-color: $link-hover-color !default;\n$pagination-focus-bg: $gray-200 !default;\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$pagination-border-radius-sm: $border-radius-sm !default;\n$pagination-border-radius-lg: $border-radius-lg !default;\n// scss-docs-end pagination-variables\n\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y: $spacer !default;\n$card-spacer-x: $spacer !default;\n$card-title-spacer-y: $spacer / 2 !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y: $card-spacer-y / 2 !default;\n$card-cap-padding-x: $card-spacer-x !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n$card-img-overlay-padding: $spacer !default;\n$card-group-margin: $grid-gutter-width / 2 !default;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y: 1rem !default;\n$accordion-padding-x: 1.25rem !default;\n$accordion-color: $body-color !default;\n$accordion-bg: $body-bg !default;\n$accordion-border-width: $border-width !default;\n$accordion-border-color: rgba($black, .125) !default;\n$accordion-border-radius: $border-radius !default;\n$accordion-inner-border-radius: subtract($accordion-border-radius, $accordion-border-width) !default;\n\n$accordion-body-padding-y: $accordion-padding-y !default;\n$accordion-body-padding-x: $accordion-padding-x !default;\n\n$accordion-button-padding-y: $accordion-padding-y !default;\n$accordion-button-padding-x: $accordion-padding-x !default;\n$accordion-button-color: $accordion-color !default;\n$accordion-button-bg: $accordion-bg !default;\n$accordion-transition: $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg: tint-color($component-active-bg, 90%) !default;\n$accordion-button-active-color: shade-color($primary, 10%) !default;\n\n$accordion-button-focus-border-color: $input-focus-border-color !default;\n$accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;\n\n$accordion-icon-width: 1.25rem !default;\n$accordion-icon-color: $accordion-color !default;\n$accordion-icon-active-color: $accordion-button-active-color !default;\n$accordion-icon-transition: transform .2s ease-in-out !default;\n$accordion-icon-transform: rotate(180deg) !default;\n\n$accordion-button-icon: url(\"data:image/svg+xml,\") !default;\n$accordion-button-active-icon: url(\"data:image/svg+xml,\") !default;\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: $spacer / 4 !default;\n$tooltip-padding-x: $spacer / 2 !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: null !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n// scss-docs-start tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: $box-shadow !default;\n\n$popover-header-bg: shade-color($popover-bg, 6%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: $spacer !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $spacer !default;\n$popover-body-padding-x: $spacer !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n// scss-docs-end popover-variables\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .5rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: $border-radius !default;\n$toast-box-shadow: $box-shadow !default;\n$toast-spacing: $container-padding-x !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size: .75em !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-color: $white !default;\n$badge-padding-y: .35em !default;\n$badge-padding-x: .65em !default;\n$badge-border-radius: $border-radius !default;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding: $spacer !default;\n\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up: $box-shadow !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: $modal-inner-padding !default;\n$modal-header-padding-x: $modal-inner-padding !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-sm: 300px !default;\n$modal-md: 500px !default;\n$modal-lg: 800px !default;\n$modal-xl: 1140px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n$alert-bg-scale: -80% !default;\n$alert-border-scale: -70% !default;\n$alert-color-scale: 40% !default;\n$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: $box-shadow-inset !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: $primary !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color: $gray-900 !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: $spacer / 2 !default;\n$list-group-item-padding-x: $spacer !default;\n$list-group-item-bg-scale: -80% !default;\n$list-group-item-color-scale: 40% !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: $box-shadow-sm !default;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size: $small-font-size !default;\n$figure-caption-color: $gray-600 !default;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size: null !default;\n$breadcrumb-padding-y: 0 !default;\n$breadcrumb-padding-x: 0 !default;\n$breadcrumb-item-padding-x: .5rem !default;\n$breadcrumb-margin-bottom: 1rem !default;\n$breadcrumb-bg: null !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n$breadcrumb-divider-flipped: $breadcrumb-divider !default;\n$breadcrumb-border-radius: null !default;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-opacity: .5 !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-active-opacity: 1 !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n$carousel-caption-padding-y: 1.25rem !default;\n$carousel-caption-spacer: 1.25rem !default;\n\n$carousel-control-icon-width: 2rem !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg: $black !default;\n$carousel-dark-caption-color: $black !default;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;\n// scss-docs-end carousel-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width: 1em !default;\n$btn-close-height: $btn-close-width !default;\n$btn-close-padding-x: .25em !default;\n$btn-close-padding-y: $btn-close-padding-x !default;\n$btn-close-color: $black !default;\n$btn-close-bg: url(\"data:image/svg+xml,\") !default;\n$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;\n$btn-close-opacity: .5 !default;\n$btn-close-hover-opacity: .75 !default;\n$btn-close-focus-opacity: 1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y: $modal-inner-padding !default;\n$offcanvas-padding-x: $modal-inner-padding !default;\n$offcanvas-horizontal-width: 400px !default;\n$offcanvas-vertical-height: 30vh !default;\n$offcanvas-transition-duration: .3s !default;\n$offcanvas-border-color: $modal-content-border-color !default;\n$offcanvas-border-width: $modal-content-border-width !default;\n$offcanvas-title-line-height: $modal-title-line-height !default;\n$offcanvas-bg-color: $modal-content-bg !default;\n$offcanvas-color: $modal-content-color !default;\n$offcanvas-body-backdrop-color: rgba($modal-backdrop-bg, $modal-backdrop-opacity) !default;\n$offcanvas-box-shadow: $modal-content-box-shadow-xs !default;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size: $small-font-size !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: null !default;\n", - "// Toggles\n//\n// Used in conjunction with global variables to enable certain theme features.\n\n// Vendor\n@import \"vendor/rfs\";\n\n// Deprecate\n@import \"mixins/deprecate\";\n\n// Helpers\n@import \"mixins/breakpoints\";\n@import \"mixins/image\";\n@import \"mixins/resize\";\n@import \"mixins/visually-hidden\";\n@import \"mixins/reset-text\";\n@import \"mixins/text-truncate\";\n\n// Utilities\n@import \"mixins/utilities\";\n\n// Components\n@import \"mixins/alert\";\n@import \"mixins/buttons\";\n@import \"mixins/caret\";\n@import \"mixins/pagination\";\n@import \"mixins/lists\";\n@import \"mixins/list-group\";\n@import \"mixins/forms\";\n@import \"mixins/table-variants\";\n\n// Skins\n@import \"mixins/border-radius\";\n@import \"mixins/box-shadow\";\n@import \"mixins/gradients\";\n@import \"mixins/transition\";\n\n// Layout\n@import \"mixins/clearfix\";\n@import \"mixins/container\";\n@import \"mixins/grid\";\n", - "// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive values for font sizes, paddings, margins and much more\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/master/LICENSE)\n\n// Configuration\n\n// Base value\n$rfs-base-value: 1.25rem !default;\n$rfs-unit: rem !default;\n\n@if $rfs-unit != rem and $rfs-unit != px {\n @error \"`#{$rfs-unit}` is not a valid unit for $rfs-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where values start decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize values based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != number or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Mode. Possibilities: \"min-media-query\", \"max-media-query\"\n$rfs-mode: min-media-query !default;\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-rfs to false\n$enable-rfs: true !default;\n\n// Cache $rfs-base-value unit\n$rfs-base-value-unit: unit($rfs-base-value);\n\n// Remove px-unit from $rfs-base-value for calculations\n@if $rfs-base-value-unit == px {\n $rfs-base-value: $rfs-base-value / ($rfs-base-value * 0 + 1);\n}\n@else if $rfs-base-value-unit == rem {\n $rfs-base-value: $rfs-base-value / ($rfs-base-value * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == px {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == rem or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Calculate the media query value\n$rfs-mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit});\n$rfs-mq-property-width: if($rfs-mode == max-media-query, max-width, min-width);\n$rfs-mq-property-height: if($rfs-mode == max-media-query, max-height, min-height);\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query {\n @if $rfs-two-dimensional {\n @if $rfs-mode == max-media-query {\n @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}), (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {\n @content;\n }\n }\n @else {\n @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) and (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {\n @content;\n }\n }\n }\n @else {\n @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) {\n @content;\n }\n }\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-rule {\n @if $rfs-class == disable and $rfs-mode == max-media-query {\n // Adding an extra class increases specificity, which prevents the media query to override the property\n &,\n .disable-rfs &,\n &.disable-rfs {\n @content;\n }\n }\n @else if $rfs-class == enable and $rfs-mode == min-media-query {\n .enable-rfs &,\n &.enable-rfs {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-media-query-rule {\n\n @if $rfs-class == enable {\n @if $rfs-mode == min-media-query {\n @content;\n }\n\n @include _rfs-media-query {\n .enable-rfs &,\n &.enable-rfs {\n @content;\n }\n }\n }\n @else {\n @if $rfs-class == disable and $rfs-mode == min-media-query {\n .disable-rfs &,\n &.disable-rfs {\n @content;\n }\n }\n @include _rfs-media-query {\n @content;\n }\n }\n}\n\n// Helper function to get the formatted non-responsive value\n@function rfs-value($values) {\n // Convert to list\n $values: if(type-of($values) != list, ($values,), $values);\n\n $val: '';\n\n // Loop over each value and calculate value\n @each $value in $values {\n @if $value == 0 {\n $val: $val + ' 0';\n }\n @else {\n // Cache $value unit\n $unit: if(type-of($value) == \"number\", unit($value), false);\n\n @if $unit == px {\n // Convert to rem if needed\n $val: $val + ' ' + if($rfs-unit == rem, #{$value / ($value * 0 + $rfs-rem-value)}rem, $value);\n }\n @else if $unit == rem {\n // Convert to px if needed\n $val: $val + ' ' + if($rfs-unit == px, #{$value / ($value * 0 + 1) * $rfs-rem-value}px, $value);\n }\n @else {\n // If $value isn't a number (like inherit) or $value has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n $val: $val + ' ' + $value;\n }\n }\n }\n\n // Remove first space\n @return unquote(str-slice($val, 2));\n}\n\n// Helper function to get the responsive value calculated by RFS\n@function rfs-fluid-value($values) {\n // Convert to list\n $values: if(type-of($values) != list, ($values,), $values);\n\n $val: '';\n\n // Loop over each value and calculate value\n @each $value in $values {\n @if $value == 0 {\n $val: $val + ' 0';\n }\n\n @else {\n // Cache $value unit\n $unit: if(type-of($value) == \"number\", unit($value), false);\n\n // If $value isn't a number (like inherit) or $value has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $unit or $unit != px and $unit != rem {\n $val: $val + ' ' + $value;\n }\n\n @else {\n // Remove unit from $value for calculations\n $value: $value / ($value * 0 + if($unit == px, 1, 1 / $rfs-rem-value));\n\n // Only add the media query if the value is greater than the minimum value\n @if abs($value) <= $rfs-base-value or not $enable-rfs {\n $val: $val + ' ' + if($rfs-unit == rem, #{$value / $rfs-rem-value}rem, #{$value}px);\n }\n @else {\n // Calculate the minimum value\n $value-min: $rfs-base-value + (abs($value) - $rfs-base-value) / $rfs-factor;\n\n // Calculate difference between $value and the minimum value\n $value-diff: abs($value) - $value-min;\n\n // Base value formatting\n $min-width: if($rfs-unit == rem, #{$value-min / $rfs-rem-value}rem, #{$value-min}px);\n\n // Use negative value if needed\n $min-width: if($value < 0, -$min-width, $min-width);\n\n // Use `vmin` if two-dimensional is enabled\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$value-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Return the calculated value\n $val: $val + ' calc(' + $min-width + if($value < 0, ' - ', ' + ') + $variable-width + ')';\n }\n }\n }\n }\n\n // Remove first space\n @return unquote(str-slice($val, 2));\n}\n\n// RFS mixin\n@mixin rfs($values, $property: font-size) {\n @if $values != null {\n $val: rfs-value($values);\n $fluidVal: rfs-fluid-value($values);\n\n // Do not print the media query if responsive & non-responsive values are the same\n @if $val == $fluidVal {\n #{$property}: $val;\n }\n @else {\n @include _rfs-rule {\n #{$property}: if($rfs-mode == max-media-query, $val, $fluidVal);\n\n // Include safari iframe resize fix if needed\n min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n }\n\n @include _rfs-media-query-rule {\n #{$property}: if($rfs-mode == max-media-query, $fluidVal, $val);\n }\n }\n }\n}\n\n// Shorthand helper mixins\n@mixin font-size($value) {\n @include rfs($value);\n}\n\n@mixin padding($value) {\n @include rfs($value, padding);\n}\n\n@mixin padding-top($value) {\n @include rfs($value, padding-top);\n}\n\n@mixin padding-right($value) {\n @include rfs($value, padding-right);\n}\n\n@mixin padding-bottom($value) {\n @include rfs($value, padding-bottom);\n}\n\n@mixin padding-left($value) {\n @include rfs($value, padding-left);\n}\n\n@mixin margin($value) {\n @include rfs($value, margin);\n}\n\n@mixin margin-top($value) {\n @include rfs($value, margin-top);\n}\n\n@mixin margin-right($value) {\n @include rfs($value, margin-right);\n}\n\n@mixin margin-bottom($value) {\n @include rfs($value, margin-bottom);\n}\n\n@mixin margin-left($value) {\n @include rfs($value, margin-left);\n}\n", - "// Deprecate mixin\n//\n// This mixin can be used to deprecate mixins or functions.\n// `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to\n// some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap)\n@mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) {\n @if ($enable-deprecation-messages != false and $ignore-warning != true) {\n @warn \"#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}.\";\n }\n}\n", - "// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @if not $n {\n @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n }\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $max: map-get($breakpoints, $name);\n @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $next: breakpoint-next($name, $breakpoints);\n $max: breakpoint-max($next);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($next, $breakpoints) {\n @content;\n }\n }\n}\n", - "// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid {\n // Part 1: Set a maximum relative to the parent\n max-width: 100%;\n // Part 2: Override the height to auto, otherwise images will be stretched\n // when setting a width and height attribute on the img element.\n height: auto;\n}\n", - "// Resize anything\n\n@mixin resizable($direction) {\n overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`\n resize: $direction; // Options: horizontal, vertical, both\n}\n", - "// stylelint-disable declaration-no-important\n\n// Hide content visually while keeping it accessible to assistive technologies\n//\n// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin visually-hidden() {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important; // Fix for https://github.com/twbs/bootstrap/issues/25686\n overflow: hidden !important;\n clip: rect(0, 0, 0, 0) !important;\n white-space: nowrap !important;\n border: 0 !important;\n}\n\n// Use to only display content when it's focused, or one of its child elements is focused\n// (i.e. when focus is within the element/container that the class was applied to)\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n\n@mixin visually-hidden-focusable() {\n &:not(:focus):not(:focus-within) {\n @include visually-hidden();\n }\n}\n", - "@mixin reset-text {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size or overflow-wrap / word-wrap.\n font-style: normal;\n font-weight: $font-weight-normal;\n line-height: $line-height-base;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n}\n", - "// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n", - "// Utility generator\n// Used to generate utilities & print utilities\n@mixin generate-utility($utility, $infix, $is-rfs-media-query: false) {\n $values: map-get($utility, values);\n\n // If the values are a list or string, convert it into a map\n @if type-of($values) == \"string\" or type-of(nth($values, 1)) != \"list\" {\n $values: zip($values, $values);\n }\n\n @each $key, $value in $values {\n $properties: map-get($utility, property);\n\n // Multiple properties are possible, for example with vertical or horizontal margins or paddings\n @if type-of($properties) == \"string\" {\n $properties: append((), $properties);\n }\n\n // Use custom class if present\n $property-class: if(map-has-key($utility, class), map-get($utility, class), nth($properties, 1));\n $property-class: if($property-class == null, \"\", $property-class);\n\n // State params to generate pseudo-classes\n $state: if(map-has-key($utility, state), map-get($utility, state), ());\n\n $infix: if($property-class == \"\" and str-slice($infix, 1, 1) == \"-\", str-slice($infix, 2), $infix);\n\n // Don't prefix if value key is null (eg. with shadow class)\n $property-class-modifier: if($key, if($property-class == \"\" and $infix == \"\", \"\", \"-\") + $key, \"\");\n\n @if map-get($utility, rfs) {\n // Inside the media query\n @if $is-rfs-media-query {\n $val: rfs-value($value);\n\n // Do not render anything if fluid and non fluid values are the same\n $value: if($val == rfs-fluid-value($value), null, $val);\n }\n @else {\n $value: rfs-fluid-value($value);\n }\n }\n\n $is-rtl: map-get($utility, rtl);\n\n @if $value != null {\n @if $is-rtl == false {\n /* rtl:begin:remove */\n }\n .#{$property-class + $infix + $property-class-modifier} {\n @each $property in $properties {\n #{$property}: $value if($enable-important-utilities, !important, null);\n }\n }\n\n @each $pseudo in $state {\n .#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} {\n @each $property in $properties {\n #{$property}: $value if($enable-important-utilities, !important, null);\n }\n }\n }\n @if $is-rtl == false {\n /* rtl:end:remove */\n }\n }\n }\n}\n", - "// scss-docs-start alert-variant-mixin\n@mixin alert-variant($background, $border, $color) {\n color: $color;\n @include gradient-bg($background);\n border-color: $border;\n\n .alert-link {\n color: shade-color($color, 20%);\n }\n}\n// scss-docs-end alert-variant-mixin\n", - "// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n// scss-docs-start btn-variant-mixin\n@mixin button-variant(\n $background,\n $border,\n $color: color-contrast($background),\n $hover-background: if($color == $color-contrast-light, shade-color($background, $btn-hover-bg-shade-amount), tint-color($background, $btn-hover-bg-tint-amount)),\n $hover-border: if($color == $color-contrast-light, shade-color($border, $btn-hover-border-shade-amount), tint-color($border, $btn-hover-border-tint-amount)),\n $hover-color: color-contrast($hover-background),\n $active-background: if($color == $color-contrast-light, shade-color($background,$btn-active-bg-shade-amount), tint-color($background, $btn-active-bg-tint-amount)),\n $active-border: if($color == $color-contrast-light, shade-color($border, $btn-active-border-shade-amount), tint-color($border, $btn-active-border-tint-amount)),\n $active-color: color-contrast($active-background),\n $disabled-background: $background,\n $disabled-border: $border,\n $disabled-color: color-contrast($disabled-background)\n) {\n color: $color;\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n &:hover {\n color: $hover-color;\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n .btn-check:focus + &,\n &:focus {\n color: $hover-color;\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n @if $enable-shadows {\n @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5));\n } @else {\n // Avoid using mixin so we can pass custom focus shadow properly\n box-shadow: 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5);\n }\n }\n\n .btn-check:checked + &,\n .btn-check:active + &,\n &:active,\n &.active,\n .show > &.dropdown-toggle {\n color: $active-color;\n background-color: $active-background;\n // Remove CSS gradients if they're enabled\n background-image: if($enable-gradients, none, null);\n border-color: $active-border;\n\n &:focus {\n @if $enable-shadows {\n @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5));\n } @else {\n // Avoid using mixin so we can pass custom focus shadow properly\n box-shadow: 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5);\n }\n }\n }\n\n &:disabled,\n &.disabled {\n color: $disabled-color;\n background-color: $disabled-background;\n // Remove CSS gradients if they're enabled\n background-image: if($enable-gradients, none, null);\n border-color: $disabled-border;\n }\n}\n// scss-docs-end btn-variant-mixin\n\n// scss-docs-start btn-outline-variant-mixin\n@mixin button-outline-variant(\n $color,\n $color-hover: color-contrast($color),\n $active-background: $color,\n $active-border: $color,\n $active-color: color-contrast($active-background)\n) {\n color: $color;\n border-color: $color;\n\n &:hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n .btn-check:focus + &,\n &:focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n .btn-check:checked + &,\n .btn-check:active + &,\n &:active,\n &.active,\n &.dropdown-toggle.show {\n color: $active-color;\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n @if $enable-shadows {\n @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));\n } @else {\n // Avoid using mixin so we can pass custom focus shadow properly\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n\n &:disabled,\n &.disabled {\n color: $color;\n background-color: transparent;\n }\n}\n// scss-docs-end btn-outline-variant-mixin\n\n// scss-docs-start btn-size-mixin\n@mixin button-size($padding-y, $padding-x, $font-size, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n// scss-docs-end btn-size-mixin\n", - "// scss-docs-start caret-mixins\n@mixin caret-down {\n border-top: $caret-width solid;\n border-right: $caret-width solid transparent;\n border-bottom: 0;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up {\n border-top: 0;\n border-right: $caret-width solid transparent;\n border-bottom: $caret-width solid;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-end {\n border-top: $caret-width solid transparent;\n border-right: 0;\n border-bottom: $caret-width solid transparent;\n border-left: $caret-width solid;\n}\n\n@mixin caret-start {\n border-top: $caret-width solid transparent;\n border-right: $caret-width solid;\n border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n @if $enable-caret {\n &::after {\n display: inline-block;\n margin-left: $caret-spacing;\n vertical-align: $caret-vertical-align;\n content: \"\";\n @if $direction == down {\n @include caret-down();\n } @else if $direction == up {\n @include caret-up();\n } @else if $direction == end {\n @include caret-end();\n }\n }\n\n @if $direction == start {\n &::after {\n display: none;\n }\n\n &::before {\n display: inline-block;\n margin-right: $caret-spacing;\n vertical-align: $caret-vertical-align;\n content: \"\";\n @include caret-start();\n }\n }\n\n &:empty::after {\n margin-left: 0;\n }\n }\n}\n// scss-docs-end caret-mixins\n", - "// Pagination\n\n// scss-docs-start pagination-mixin\n@mixin pagination-size($padding-y, $padding-x, $font-size, $border-radius) {\n .page-link {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n }\n\n .page-item {\n @if $pagination-margin-start == (-$pagination-border-width) {\n &:first-child {\n .page-link {\n @include border-start-radius($border-radius);\n }\n }\n\n &:last-child {\n .page-link {\n @include border-end-radius($border-radius);\n }\n }\n } @else {\n //Add border-radius to all pageLinks in case they have left margin\n .page-link {\n @include border-radius($border-radius);\n }\n }\n }\n}\n// scss-docs-end pagination-mixin\n", - "// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n", - "// List Groups\n\n// scss-docs-start list-group-mixin\n@mixin list-group-item-variant($state, $background, $color) {\n .list-group-item-#{$state} {\n color: $color;\n background-color: $background;\n\n &.list-group-item-action {\n &:hover,\n &:focus {\n color: $color;\n background-color: shade-color($background, 10%);\n }\n\n &.active {\n color: $white;\n background-color: $color;\n border-color: $color;\n }\n }\n }\n}\n// scss-docs-end list-group-mixin\n", - "// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n\n// scss-docs-start form-validation-mixins\n@mixin form-validation-state-selector($state) {\n @if ($state == \"valid\" or $state == \"invalid\") {\n .was-validated #{if(&, \"&\", \"\")}:#{$state},\n #{if(&, \"&\", \"\")}.is-#{$state} {\n @content;\n }\n } @else {\n #{if(&, \"&\", \"\")}.is-#{$state} {\n @content;\n }\n }\n}\n\n@mixin form-validation-state(\n $state,\n $color,\n $icon,\n $tooltip-color: color-contrast($color),\n $tooltip-bg-color: rgba($color, $form-feedback-tooltip-opacity),\n $focus-box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($color, $input-btn-focus-color-opacity)\n) {\n .#{$state}-feedback {\n display: none;\n width: 100%;\n margin-top: $form-feedback-margin-top;\n @include font-size($form-feedback-font-size);\n font-style: $form-feedback-font-style;\n color: $color;\n }\n\n .#{$state}-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%; // Contain to parent when possible\n padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n margin-top: .1rem;\n @include font-size($form-feedback-tooltip-font-size);\n line-height: $form-feedback-tooltip-line-height;\n color: $tooltip-color;\n background-color: $tooltip-bg-color;\n @include border-radius($form-feedback-tooltip-border-radius);\n }\n\n @include form-validation-state-selector($state) {\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n\n .form-control {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-image: escape-svg($icon);\n background-repeat: no-repeat;\n background-position: right $input-height-inner-quarter center;\n background-size: $input-height-inner-half $input-height-inner-half;\n }\n\n &:focus {\n border-color: $color;\n box-shadow: $focus-box-shadow;\n }\n }\n }\n\n // stylelint-disable-next-line selector-no-qualifying-type\n textarea.form-control {\n @include form-validation-state-selector($state) {\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n }\n }\n }\n\n .form-select {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $form-select-feedback-icon-padding-end;\n background-image: escape-svg($form-select-indicator), escape-svg($icon);\n background-position: $form-select-bg-position, $form-select-feedback-icon-position;\n background-size: $form-select-bg-size, $form-select-feedback-icon-size;\n }\n\n &:focus {\n border-color: $color;\n box-shadow: $focus-box-shadow;\n }\n }\n }\n\n .form-check-input {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n &:checked {\n background-color: $color;\n }\n\n &:focus {\n box-shadow: $focus-box-shadow;\n }\n\n ~ .form-check-label {\n color: $color;\n }\n }\n }\n .form-check-inline .form-check-input {\n ~ .#{$state}-feedback {\n margin-left: .5em;\n }\n }\n\n .input-group .form-control,\n .input-group .form-select {\n @include form-validation-state-selector($state) {\n z-index: 3;\n }\n }\n}\n// scss-docs-end form-validation-mixins\n", - "// scss-docs-start table-variant\n@mixin table-variant($state, $background) {\n .table-#{$state} {\n $color: color-contrast(opaque($body-bg, $background));\n $hover-bg: mix($color, $background, percentage($table-hover-bg-factor));\n $striped-bg: mix($color, $background, percentage($table-striped-bg-factor));\n $active-bg: mix($color, $background, percentage($table-active-bg-factor));\n\n --#{$variable-prefix}table-bg: #{$background};\n --#{$variable-prefix}table-striped-bg: #{$striped-bg};\n --#{$variable-prefix}table-striped-color: #{color-contrast($striped-bg)};\n --#{$variable-prefix}table-active-bg: #{$active-bg};\n --#{$variable-prefix}table-active-color: #{color-contrast($active-bg)};\n --#{$variable-prefix}table-hover-bg: #{$hover-bg};\n --#{$variable-prefix}table-hover-color: #{color-contrast($hover-bg)};\n\n color: $color;\n border-color: mix($color, $background, percentage($table-border-factor));\n }\n}\n// scss-docs-end table-variant\n", - "// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n $return: ();\n @each $value in $radius {\n @if type-of($value) == number {\n $return: append($return, max($value, 0));\n } @else {\n $return: append($return, $value);\n }\n }\n @return $return;\n}\n\n// scss-docs-start border-radius-mixins\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: valid-radius($radius);\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n border-top-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-right-radius: valid-radius($radius);\n border-bottom-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-bottom-right-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-top-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-top-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-bottom-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n// scss-docs-end border-radius-mixins\n", - "@mixin box-shadow($shadow...) {\n @if $enable-shadows {\n $result: ();\n\n @each $value in $shadow {\n @if $value != null {\n $result: append($result, $value, \"comma\");\n }\n @if $value == none and length($shadow) > 1 {\n @warn \"The keyword 'none' must be used as a single argument.\";\n }\n }\n\n @if (length($result) > 0) {\n box-shadow: $result;\n }\n }\n}\n", - "// Gradients\n\n// scss-docs-start gradient-bg-mixin\n@mixin gradient-bg($color: null) {\n background-color: $color;\n\n @if $enable-gradients {\n background-image: var(--#{$variable-prefix}gradient);\n }\n}\n// scss-docs-end gradient-bg-mixin\n\n// scss-docs-start gradient-mixins\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: null, $end-percent: null) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n}\n\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n}\n\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n}\n\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n}\n\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n// scss-docs-end gradient-mixins\n", - "// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n @if length($transition) == 0 {\n $transition: $transition-base;\n }\n\n @if length($transition) > 1 {\n @each $value in $transition {\n @if $value == null or $value == none {\n @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n }\n }\n }\n\n @if $enable-transitions {\n @if nth($transition, 1) != null {\n transition: $transition;\n }\n\n @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n }\n}\n", - "// scss-docs-start clearfix\n@mixin clearfix() {\n &::after {\n display: block;\n clear: both;\n content: \"\";\n }\n}\n// scss-docs-end clearfix\n", - "// Container mixins\n\n@mixin make-container($gutter: $container-padding-x) {\n width: 100%;\n padding-right: var(--#{$variable-prefix}gutter-x, #{$gutter});\n padding-left: var(--#{$variable-prefix}gutter-x, #{$gutter});\n margin-right: auto;\n margin-left: auto;\n}\n", - "/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-row($gutter: $grid-gutter-width) {\n --#{$variable-prefix}gutter-x: #{$gutter};\n --#{$variable-prefix}gutter-y: 0;\n display: flex;\n flex-wrap: wrap;\n margin-top: calc(var(--#{$variable-prefix}gutter-y) * -1); // stylelint-disable-line function-disallowed-list\n margin-right: calc(var(--#{$variable-prefix}gutter-x) / -2); // stylelint-disable-line function-disallowed-list\n margin-left: calc(var(--#{$variable-prefix}gutter-x) / -2); // stylelint-disable-line function-disallowed-list\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n // Add box sizing if only the grid is loaded\n box-sizing: if(variable-exists(include-column-box-sizing) and $include-column-box-sizing, border-box, null);\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we set the width\n // later on to override this initial width.\n flex-shrink: 0;\n width: 100%;\n max-width: 100%; // Prevent `.col-auto`, `.col` (& responsive variants) from breaking out the grid\n padding-right: calc(var(--#{$variable-prefix}gutter-x) / 2); // stylelint-disable-line function-disallowed-list\n padding-left: calc(var(--#{$variable-prefix}gutter-x) / 2); // stylelint-disable-line function-disallowed-list\n margin-top: var(--#{$variable-prefix}gutter-y);\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 auto;\n width: percentage($size / $columns);\n}\n\n@mixin make-col-auto() {\n flex: 0 0 auto;\n width: auto;\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: $size / $columns;\n margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n > * {\n flex: 0 0 auto;\n width: 100% / $count;\n }\n}\n\n// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex: 1 0 0%; // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n }\n\n .row-cols#{$infix}-auto > * {\n @include make-col-auto();\n }\n\n @if $grid-row-columns > 0 {\n @for $i from 1 through $grid-row-columns {\n .row-cols#{$infix}-#{$i} {\n @include row-cols($i);\n }\n }\n }\n\n .col#{$infix}-auto {\n @include make-col-auto();\n }\n\n @if $columns > 0 {\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n .offset#{$infix}-#{$i} {\n @include make-col-offset($i, $columns);\n }\n }\n }\n }\n\n // Gutters\n //\n // Make use of `.g-*`, `.gx-*` or `.gy-*` utilities to change spacing between the columns.\n @each $key, $value in $gutters {\n .g#{$infix}-#{$key},\n .gx#{$infix}-#{$key} {\n --#{$variable-prefix}gutter-x: #{$value};\n }\n\n .g#{$infix}-#{$key},\n .gy#{$infix}-#{$key} {\n --#{$variable-prefix}gutter-y: #{$value};\n }\n }\n }\n }\n}\n", - "// stylelint-disable indentation\n\n// Utilities\n\n$utilities: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$utilities: map-merge(\n (\n // scss-docs-start utils-vertical-align\n \"align\": (\n property: vertical-align,\n class: align,\n values: baseline top middle bottom text-bottom text-top\n ),\n // scss-docs-end utils-vertical-align\n // scss-docs-start utils-float\n \"float\": (\n responsive: true,\n property: float,\n values: (\n start: left,\n end: right,\n none: none,\n )\n ),\n // scss-docs-end utils-float\n // scss-docs-start utils-overflow\n \"overflow\": (\n property: overflow,\n values: auto hidden visible scroll,\n ),\n // scss-docs-end utils-overflow\n // scss-docs-start utils-display\n \"display\": (\n responsive: true,\n print: true,\n property: display,\n class: d,\n values: inline inline-block block grid table table-row table-cell flex inline-flex none\n ),\n // scss-docs-end utils-display\n // scss-docs-start utils-shadow\n \"shadow\": (\n property: box-shadow,\n class: shadow,\n values: (\n null: $box-shadow,\n sm: $box-shadow-sm,\n lg: $box-shadow-lg,\n none: none,\n )\n ),\n // scss-docs-end utils-shadow\n // scss-docs-start utils-position\n \"position\": (\n property: position,\n values: static relative absolute fixed sticky\n ),\n \"top\": (\n property: top,\n values: $position-values\n ),\n \"bottom\": (\n property: bottom,\n values: $position-values\n ),\n \"start\": (\n property: left,\n class: start,\n values: $position-values\n ),\n \"end\": (\n property: right,\n class: end,\n values: $position-values\n ),\n \"translate-middle\": (\n property: transform,\n class: translate-middle,\n values: (\n null: translate(-50%, -50%),\n x: translateX(-50%),\n y: translateY(-50%),\n )\n ),\n // scss-docs-end utils-position\n // scss-docs-start utils-borders\n \"border\": (\n property: border,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-top\": (\n property: border-top,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-end\": (\n property: border-right,\n class: border-end,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-bottom\": (\n property: border-bottom,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-start\": (\n property: border-left,\n class: border-start,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-color\": (\n property: border-color,\n class: border,\n values: map-merge($theme-colors, (\"white\": $white))\n ),\n \"border-width\": (\n property: border-width,\n class: border,\n values: $border-widths\n ),\n // scss-docs-end utils-borders\n // Sizing utilities\n // scss-docs-start utils-sizing\n \"width\": (\n property: width,\n class: w,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-width\": (\n property: max-width,\n class: mw,\n values: (100: 100%)\n ),\n \"viewport-width\": (\n property: width,\n class: vw,\n values: (100: 100vw)\n ),\n \"min-viewport-width\": (\n property: min-width,\n class: min-vw,\n values: (100: 100vw)\n ),\n \"height\": (\n property: height,\n class: h,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-height\": (\n property: max-height,\n class: mh,\n values: (100: 100%)\n ),\n \"viewport-height\": (\n property: height,\n class: vh,\n values: (100: 100vh)\n ),\n \"min-viewport-height\": (\n property: min-height,\n class: min-vh,\n values: (100: 100vh)\n ),\n // scss-docs-end utils-sizing\n // Flex utilities\n // scss-docs-start utils-flex\n \"flex\": (\n responsive: true,\n property: flex,\n values: (fill: 1 1 auto)\n ),\n \"flex-direction\": (\n responsive: true,\n property: flex-direction,\n class: flex,\n values: row column row-reverse column-reverse\n ),\n \"flex-grow\": (\n responsive: true,\n property: flex-grow,\n class: flex,\n values: (\n grow-0: 0,\n grow-1: 1,\n )\n ),\n \"flex-shrink\": (\n responsive: true,\n property: flex-shrink,\n class: flex,\n values: (\n shrink-0: 0,\n shrink-1: 1,\n )\n ),\n \"flex-wrap\": (\n responsive: true,\n property: flex-wrap,\n class: flex,\n values: wrap nowrap wrap-reverse\n ),\n \"gap\": (\n responsive: true,\n property: gap,\n class: gap,\n values: $spacers\n ),\n \"justify-content\": (\n responsive: true,\n property: justify-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n evenly: space-evenly,\n )\n ),\n \"align-items\": (\n responsive: true,\n property: align-items,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"align-content\": (\n responsive: true,\n property: align-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n stretch: stretch,\n )\n ),\n \"align-self\": (\n responsive: true,\n property: align-self,\n values: (\n auto: auto,\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"order\": (\n responsive: true,\n property: order,\n values: (\n first: -1,\n 0: 0,\n 1: 1,\n 2: 2,\n 3: 3,\n 4: 4,\n 5: 5,\n last: 6,\n ),\n ),\n // scss-docs-end utils-flex\n // Margin utilities\n // scss-docs-start utils-spacing\n \"margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: map-merge($spacers, (auto: auto))\n ),\n // Negative margin utilities\n \"negative-margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: $negative-spacers\n ),\n \"negative-margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: $negative-spacers\n ),\n \"negative-margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: $negative-spacers\n ),\n \"negative-margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: $negative-spacers\n ),\n \"negative-margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: $negative-spacers\n ),\n \"negative-margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: $negative-spacers\n ),\n \"negative-margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: $negative-spacers\n ),\n // Padding utilities\n \"padding\": (\n responsive: true,\n property: padding,\n class: p,\n values: $spacers\n ),\n \"padding-x\": (\n responsive: true,\n property: padding-right padding-left,\n class: px,\n values: $spacers\n ),\n \"padding-y\": (\n responsive: true,\n property: padding-top padding-bottom,\n class: py,\n values: $spacers\n ),\n \"padding-top\": (\n responsive: true,\n property: padding-top,\n class: pt,\n values: $spacers\n ),\n \"padding-end\": (\n responsive: true,\n property: padding-right,\n class: pe,\n values: $spacers\n ),\n \"padding-bottom\": (\n responsive: true,\n property: padding-bottom,\n class: pb,\n values: $spacers\n ),\n \"padding-start\": (\n responsive: true,\n property: padding-left,\n class: ps,\n values: $spacers\n ),\n // scss-docs-end utils-spacing\n // Text\n // scss-docs-start utils-text\n \"font-family\": (\n property: font-family,\n class: font,\n values: (monospace: var(--#{$variable-prefix}font-monospace))\n ),\n \"font-size\": (\n rfs: true,\n property: font-size,\n class: fs,\n values: $font-sizes\n ),\n \"font-style\": (\n property: font-style,\n class: fst,\n values: italic normal\n ),\n \"font-weight\": (\n property: font-weight,\n class: fw,\n values: (\n light: $font-weight-light,\n lighter: $font-weight-lighter,\n normal: $font-weight-normal,\n bold: $font-weight-bold,\n bolder: $font-weight-bolder\n )\n ),\n \"line-height\": (\n property: line-height,\n class: lh,\n values: (\n 1: 1,\n sm: $line-height-sm,\n base: $line-height-base,\n lg: $line-height-lg,\n )\n ),\n \"text-align\": (\n responsive: true,\n property: text-align,\n class: text,\n values: (\n start: left,\n end: right,\n center: center,\n )\n ),\n \"text-decoration\": (\n property: text-decoration,\n values: none underline line-through\n ),\n \"text-transform\": (\n property: text-transform,\n class: text,\n values: lowercase uppercase capitalize\n ),\n \"white-space\": (\n property: white-space,\n class: text,\n values: (\n wrap: normal,\n nowrap: nowrap,\n )\n ),\n \"word-wrap\": (\n property: word-wrap word-break,\n class: text,\n values: (break: break-word),\n rtl: false\n ),\n // scss-docs-end utils-text\n // scss-docs-start utils-color\n \"color\": (\n property: color,\n class: text,\n values: map-merge(\n $theme-colors,\n (\n \"white\": $white,\n \"body\": $body-color,\n \"muted\": $text-muted,\n \"black-50\": rgba($black, .5),\n \"white-50\": rgba($white, .5),\n \"reset\": inherit,\n )\n )\n ),\n // scss-docs-end utils-color\n // scss-docs-start utils-bg-color\n \"background-color\": (\n property: background-color,\n class: bg,\n values: map-merge(\n $theme-colors,\n (\n \"body\": $body-bg,\n \"white\": $white,\n \"transparent\": transparent\n )\n )\n ),\n // scss-docs-end utils-bg-color\n \"gradient\": (\n property: background-image,\n class: bg,\n values: (gradient: var(--#{$variable-prefix}gradient))\n ),\n // scss-docs-start utils-interaction\n \"user-select\": (\n property: user-select,\n values: all auto none\n ),\n \"pointer-events\": (\n property: pointer-events,\n class: pe,\n values: none auto,\n ),\n // scss-docs-end utils-interaction\n // scss-docs-start utils-border-radius\n \"rounded\": (\n property: border-radius,\n class: rounded,\n values: (\n null: $border-radius,\n 0: 0,\n 1: $border-radius-sm,\n 2: $border-radius,\n 3: $border-radius-lg,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n \"rounded-top\": (\n property: border-top-left-radius border-top-right-radius,\n class: rounded-top,\n values: (null: $border-radius)\n ),\n \"rounded-end\": (\n property: border-top-right-radius border-bottom-right-radius,\n class: rounded-end,\n values: (null: $border-radius)\n ),\n \"rounded-bottom\": (\n property: border-bottom-right-radius border-bottom-left-radius,\n class: rounded-bottom,\n values: (null: $border-radius)\n ),\n \"rounded-start\": (\n property: border-bottom-left-radius border-top-left-radius,\n class: rounded-start,\n values: (null: $border-radius)\n ),\n // scss-docs-end utils-border-radius\n // scss-docs-start utils-visibility\n \"visibility\": (\n property: visibility,\n class: null,\n values: (\n visible: visible,\n invisible: hidden,\n )\n )\n // scss-docs-end utils-visibility\n ),\n $utilities\n);\n", - ":root {\n // Custom variable values only support SassScript inside `#{}`.\n @each $color, $value in $colors {\n --#{$variable-prefix}#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors {\n --#{$variable-prefix}#{$color}: #{$value};\n }\n\n // Use `inspect` for lists so that quoted items keep the quotes.\n // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n --#{$variable-prefix}font-sans-serif: #{inspect($font-family-sans-serif)};\n --#{$variable-prefix}font-monospace: #{inspect($font-family-monospace)};\n --#{$variable-prefix}gradient: #{$gradient};\n}\n", - "// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n\n// Root\n//\n// Ability to the value of the root font sizes, affecting the value of `rem`.\n// null by default, thus nothing is generated.\n\n:root {\n font-size: $font-size-root;\n\n @if $enable-smooth-scroll {\n @media (prefers-reduced-motion: no-preference) {\n scroll-behavior: smooth;\n }\n }\n}\n\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Prevent adjustments of font size after orientation changes in iOS.\n// 4. Change the default tap highlight to be completely transparent in iOS.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n @include font-size($font-size-base);\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: $body-text-align;\n background-color: $body-bg; // 2\n -webkit-text-size-adjust: 100%; // 3\n -webkit-tap-highlight-color: rgba($black, 0); // 4\n}\n\n\n// Content grouping\n//\n// 1. Reset Firefox's gray color\n// 2. Set correct height and prevent the `size` attribute to make the `hr` look like an input field\n\nhr {\n margin: $hr-margin-y 0;\n color: $hr-color; // 1\n background-color: currentColor;\n border: 0;\n opacity: $hr-opacity;\n}\n\nhr:not([size]) {\n height: $hr-height; // 2\n}\n\n\n// Typography\n//\n// 1. Remove top margins from headings\n// By default, `

`-`

` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n\n%heading {\n margin-top: 0; // 1\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-style: $headings-font-style;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n}\n\nh1 {\n @extend %heading;\n @include font-size($h1-font-size);\n}\n\nh2 {\n @extend %heading;\n @include font-size($h2-font-size);\n}\n\nh3 {\n @extend %heading;\n @include font-size($h3-font-size);\n}\n\nh4 {\n @extend %heading;\n @include font-size($h4-font-size);\n}\n\nh5 {\n @extend %heading;\n @include font-size($h5-font-size);\n}\n\nh6 {\n @extend %heading;\n @include font-size($h6-font-size);\n}\n\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `

`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\n\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-bs-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-bs-original-title] { // 1\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n text-decoration-skip-ink: none; // 4\n}\n\n\n// Address\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\n\n// Lists\n\nol,\nul {\n padding-left: 2rem;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\n// 1. Undo browser default\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // 1\n}\n\n\n// Blockquote\n\nblockquote {\n margin: 0 0 1rem;\n}\n\n\n// Strong\n//\n// Add the correct font weight in Chrome, Edge, and Safari\n\nb,\nstrong {\n font-weight: $font-weight-bolder;\n}\n\n\n// Small\n//\n// Add the correct font size in all browsers\n\nsmall {\n @include font-size($small-font-size);\n}\n\n\n// Mark\n\nmark {\n padding: $mark-padding;\n background-color: $mark-bg;\n}\n\n\n// Sub and Sup\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n\nsub,\nsup {\n position: relative;\n @include font-size($sub-sup-font-size);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n// Links\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n\n &:hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n &,\n &:hover {\n color: inherit;\n text-decoration: none;\n }\n}\n\n\n// Code\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-code;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n direction: ltr #{\"/* rtl:ignore */\"};\n unicode-bidi: bidi-override;\n}\n\n// 1. Remove browser default top margin\n// 2. Reset browser default of `1em` to use `rem`s\n// 3. Don't allow content to break outside\n\npre {\n display: block;\n margin-top: 0; // 1\n margin-bottom: 1rem; // 2\n overflow: auto; // 3\n @include font-size($code-font-size);\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n @include font-size(inherit);\n color: inherit;\n word-break: normal;\n }\n}\n\ncode {\n @include font-size($code-font-size);\n color: $code-color;\n word-wrap: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n @include font-size($kbd-font-size);\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n\n kbd {\n padding: 0;\n @include font-size(1em);\n font-weight: $nested-kbd-font-weight;\n }\n}\n\n\n// Figures\n//\n// Apply a consistent margin strategy (matches our type styles).\n\nfigure {\n margin: 0 0 1rem;\n}\n\n\n// Images and content\n\nimg,\nsvg {\n vertical-align: middle;\n}\n\n\n// Tables\n//\n// Prevent double borders\n\ntable {\n caption-side: bottom;\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: $table-cell-padding-y;\n padding-bottom: $table-cell-padding-y;\n color: $table-caption-color;\n text-align: left;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n font-weight: $table-th-font-weight; // 1\n text-align: inherit; // 2\n text-align: -webkit-match-parent; // 3\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\n\n// Forms\n//\n// 1. Allow labels to use `margin` for spacing.\n\nlabel {\n display: inline-block; // 1\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n// See https://github.com/twbs/bootstrap/issues/24093\n\nbutton {\n // stylelint-disable-next-line property-disallowed-list\n border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n outline: 0;\n}\n\n// 1. Remove the margin in Firefox and Safari\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // 1\n font-family: inherit;\n @include font-size(inherit);\n line-height: inherit;\n}\n\n// Remove the inheritance of text transform in Firefox\nbutton,\nselect {\n text-transform: none;\n}\n// Set the cursor for non-`