diff --git a/public/assets/css/style.bundle.css b/public/assets/css/style.bundle.css new file mode 100644 index 0000000..eb1e373 --- /dev/null +++ b/public/assets/css/style.bundle.css @@ -0,0 +1,48557 @@ +@charset "UTF-8"; +/*! + * Bootstrap v5.3.3 (https://getbootstrap.com/) + * Copyright 2011-2024 The Bootstrap Authors + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */ +:root, +[data-bs-theme=light] { + --bs-blue: #0d6efd; + --bs-indigo: #6610f2; + --bs-purple: #6f42c1; + --bs-pink: #d63384; + --bs-red: #dc3545; + --bs-orange: #fd7e14; + --bs-yellow: #ffc107; + --bs-green: #198754; + --bs-teal: #20c997; + --bs-cyan: #0dcaf0; + --bs-black: #000000; + --bs-white: #ffffff; + --bs-gray: #78829D; + --bs-gray-dark: #252F4A; + --bs-gray-100: #F9F9F9; + --bs-gray-200: #F1F1F4; + --bs-gray-300: #DBDFE9; + --bs-gray-400: #C4CADA; + --bs-gray-500: #99A1B7; + --bs-gray-600: #78829D; + --bs-gray-700: #4B5675; + --bs-gray-800: #252F4A; + --bs-gray-900: #071437; + --bs-light: #F9F9F9; + --bs-primary: #1B84FF; + --bs-secondary: #F1F1F4; + --bs-success: #17C653; + --bs-info: #7239EA; + --bs-warning: #F6C000; + --bs-danger: #F8285A; + --bs-dark: #1E2129; + --bs-light-rgb: 249, 249, 249; + --bs-primary-rgb: 27, 132, 255; + --bs-secondary-rgb: 241, 241, 244; + --bs-success-rgb: 23, 198, 83; + --bs-info-rgb: 114, 57, 234; + --bs-warning-rgb: 246, 192, 0; + --bs-danger-rgb: 248, 40, 90; + --bs-dark-rgb: 30, 33, 41; + --bs-primary-text-emphasis: #0b3566; + --bs-secondary-text-emphasis: #606062; + --bs-success-text-emphasis: #094f21; + --bs-info-text-emphasis: #2e175e; + --bs-warning-text-emphasis: #624d00; + --bs-danger-text-emphasis: #631024; + --bs-light-text-emphasis: #4B5675; + --bs-dark-text-emphasis: #4B5675; + --bs-primary-bg-subtle: #d1e6ff; + --bs-secondary-bg-subtle: #fcfcfd; + --bs-success-bg-subtle: #d1f4dd; + --bs-info-bg-subtle: #e3d7fb; + --bs-warning-bg-subtle: #fdf2cc; + --bs-danger-bg-subtle: #fed4de; + --bs-light-bg-subtle: #fcfcfc; + --bs-dark-bg-subtle: #C4CADA; + --bs-primary-border-subtle: #a4ceff; + --bs-secondary-border-subtle: #f9f9fb; + --bs-success-border-subtle: #a2e8ba; + --bs-info-border-subtle: #c7b0f7; + --bs-warning-border-subtle: #fbe699; + --bs-danger-border-subtle: #fca9bd; + --bs-light-border-subtle: #F1F1F4; + --bs-dark-border-subtle: #99A1B7; + --bs-white-rgb: 255, 255, 255; + --bs-black-rgb: 0, 0, 0; + --bs-font-sans-serif: Inter, Helvetica, "sans-serif"; + --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-body-font-family: var(--bs-font-sans-serif); + --bs-body-font-size: 1rem; + --bs-body-font-weight: 400; + --bs-body-line-height: 1.5; + --bs-body-color: #071437; + --bs-body-color-rgb: 7, 20, 55; + --bs-body-bg: #ffffff; + --bs-body-bg-rgb: 255, 255, 255; + --bs-emphasis-color: #000000; + --bs-emphasis-color-rgb: 0, 0, 0; + --bs-secondary-color: rgba(7, 20, 55, 0.75); + --bs-secondary-color-rgb: 7, 20, 55; + --bs-secondary-bg: #F1F1F4; + --bs-secondary-bg-rgb: 241, 241, 244; + --bs-tertiary-color: rgba(7, 20, 55, 0.5); + --bs-tertiary-color-rgb: 7, 20, 55; + --bs-tertiary-bg: #F9F9F9; + --bs-tertiary-bg-rgb: 249, 249, 249; + --bs-heading-color: #071437; + --bs-link-color: #1B84FF; + --bs-link-color-rgb: 27, 132, 255; + --bs-link-decoration: none; + --bs-link-hover-color: #056EE9; + --bs-link-hover-color-rgb: 5, 110, 233; + --bs-link-hover-decoration: none; + --bs-code-color: #b93993; + --bs-highlight-color: #071437; + --bs-highlight-bg: #fff3cd; + --bs-border-width: 1px; + --bs-border-style: solid; + --bs-border-color: #F1F1F4; + --bs-border-color-translucent: rgba(0, 0, 0, 0.175); + --bs-border-radius: 0.95rem; + --bs-border-radius-sm: 0.425rem; + --bs-border-radius-lg: 1.5rem; + --bs-border-radius-xl: 2rem; + --bs-border-radius-xxl: 2rem; + --bs-border-radius-2xl: var(--bs-border-radius-xxl); + --bs-border-radius-pill: 50rem; + --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075); + --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05); + --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1); + --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); + --bs-focus-ring-width: 0.25rem; + --bs-focus-ring-opacity: 0.25; + --bs-focus-ring-color: rgba(27, 132, 255, 0.25); + --bs-form-valid-color: #17C653; + --bs-form-valid-border-color: #17C653; + --bs-form-invalid-color: #F8285A; + --bs-form-invalid-border-color: #F8285A; +} + +[data-bs-theme=dark] { + color-scheme: dark; + --bs-body-color: #F5F5F5; + --bs-body-color-rgb: 245, 245, 245; + --bs-body-bg: #15171C; + --bs-body-bg-rgb: 21, 23, 28; + --bs-emphasis-color: #ffffff; + --bs-emphasis-color-rgb: 255, 255, 255; + --bs-secondary-color: rgba(245, 245, 245, 0.75); + --bs-secondary-color-rgb: 245, 245, 245; + --bs-secondary-bg: #252F4A; + --bs-secondary-bg-rgb: 37, 47, 74; + --bs-tertiary-color: rgba(245, 245, 245, 0.5); + --bs-tertiary-color-rgb: 245, 245, 245; + --bs-tertiary-bg: #162241; + --bs-tertiary-bg-rgb: 22, 34, 65; + --bs-primary-text-emphasis: #76b5ff; + --bs-secondary-text-emphasis: #f7f7f8; + --bs-success-text-emphasis: #74dd98; + --bs-info-text-emphasis: #aa88f2; + --bs-warning-text-emphasis: #fad966; + --bs-danger-text-emphasis: #fb7e9c; + --bs-light-text-emphasis: #F9F9F9; + --bs-dark-text-emphasis: #DBDFE9; + --bs-primary-bg-subtle: #051a33; + --bs-secondary-bg-subtle: #303031; + --bs-success-bg-subtle: #052811; + --bs-info-bg-subtle: #170b2f; + --bs-warning-bg-subtle: #312600; + --bs-danger-bg-subtle: #320812; + --bs-light-bg-subtle: #252F4A; + --bs-dark-bg-subtle: #131825; + --bs-primary-border-subtle: #104f99; + --bs-secondary-border-subtle: #919192; + --bs-success-border-subtle: #0e7732; + --bs-info-border-subtle: #44228c; + --bs-warning-border-subtle: #947300; + --bs-danger-border-subtle: #951836; + --bs-light-border-subtle: #4B5675; + --bs-dark-border-subtle: #252F4A; + --bs-heading-color: #F5F5F5; + --bs-link-color: #006AE6; + --bs-link-hover-color: #3388eb; + --bs-link-color-rgb: 0, 106, 230; + --bs-link-hover-color-rgb: 51, 136, 235; + --bs-code-color: #b93993; + --bs-highlight-color: #F5F5F5; + --bs-highlight-bg: #664d03; + --bs-border-color: #26272F; + --bs-border-color-translucent: rgba(255, 255, 255, 0.15); + --bs-form-valid-color: #75b798; + --bs-form-valid-border-color: #75b798; + --bs-form-invalid-color: #ea868f; + --bs-form-invalid-border-color: #ea868f; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +body { + margin: 0; + font-family: var(--bs-body-font-family); + font-size: var(--bs-body-font-size); + font-weight: var(--bs-body-font-weight); + line-height: var(--bs-body-line-height); + color: var(--bs-body-color); + text-align: var(--bs-body-text-align); + background-color: var(--bs-body-bg); + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +hr { + margin: 1rem 0; + color: inherit; + border: 0; + border-top: var(--bs-border-width) solid; + opacity: 0.25; +} + +h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { + margin-top: 0; + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; + color: var(--bs-heading-color); +} + +h1, .h1 { + font-size: calc(1.3rem + 0.6vw); +} +@media (min-width: 1200px) { + h1, .h1 { + font-size: 1.75rem; + } +} + +h2, .h2 { + font-size: calc(1.275rem + 0.3vw); +} +@media (min-width: 1200px) { + h2, .h2 { + font-size: 1.5rem; + } +} + +h3, .h3 { + font-size: calc(1.26rem + 0.12vw); +} +@media (min-width: 1200px) { + h3, .h3 { + font-size: 1.35rem; + } +} + +h4, .h4 { + font-size: 1.25rem; +} + +h5, .h5 { + font-size: 1.15rem; +} + +h6, .h6 { + font-size: 1.075rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title] { + text-decoration: underline dotted; + cursor: help; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul { + padding-left: 2rem; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 600; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small, .small { + font-size: 0.875em; +} + +mark, .mark { + padding: 0.1875em; + color: var(--bs-highlight-color); + background-color: var(--bs-highlight-bg); +} + +sub, +sup { + position: relative; + font-size: 0.75em; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); + text-decoration: none; +} +a:hover { + --bs-link-color-rgb: var(--bs-link-hover-color-rgb); + text-decoration: none; +} + +a:not([href]):not([class]), a:not([href]):not([class]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: var(--bs-font-monospace); + font-size: 1em; +} + +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + font-size: 1rem; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +code { + font-size: 1rem; + color: var(--bs-code-color); + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.1875rem 0.375rem; + font-size: 1rem; + color: var(--bs-body-bg); + background-color: var(--bs-body-color); + border-radius: 0.425rem; +} +kbd kbd { + padding: 0; + font-size: 1em; +} + +figure { + margin: 0 0 1rem; +} + +img, +svg { + vertical-align: middle; +} + +table { + caption-side: bottom; + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #99A1B7; + text-align: left; +} + +th { + text-align: inherit; + text-align: -webkit-match-parent; +} + +thead, +tbody, +tfoot, +tr, +td, +th { + border-color: inherit; + border-style: solid; + border-width: 0; +} + +label { + display: inline-block; +} + +button { + border-radius: 0; +} + +button:focus:not(:focus-visible) { + outline: 0; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +select { + text-transform: none; +} + +[role=button] { + cursor: pointer; +} + +select { + word-wrap: normal; +} +select:disabled { + opacity: 1; +} + +[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { + display: none !important; +} + +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; +} + +::-moz-focus-inner { + padding: 0; + border-style: none; +} + +textarea { + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + float: left; + width: 100%; + 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; +} + +::-webkit-datetime-edit-fields-wrapper, +::-webkit-datetime-edit-text, +::-webkit-datetime-edit-minute, +::-webkit-datetime-edit-hour-field, +::-webkit-datetime-edit-day-field, +::-webkit-datetime-edit-month-field, +::-webkit-datetime-edit-year-field { + padding: 0; +} + +::-webkit-inner-spin-button { + height: auto; +} + +[type=search] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +/* rtl:raw: +[type="tel"], +[type="url"], +[type="email"], +[type="number"] { + direction: ltr; +} +*/ +::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-color-swatch-wrapper { + padding: 0; +} + +::file-selector-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +iframe { + border: 0; +} + +summary { + display: list-item; + cursor: pointer; +} + +progress { + vertical-align: baseline; +} + +[hidden] { + display: none !important; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: calc(1.625rem + 4.5vw); + font-weight: 700; + line-height: 1.2; +} +@media (min-width: 1200px) { + .display-1 { + font-size: 5rem; + } +} + +.display-2 { + font-size: calc(1.575rem + 3.9vw); + font-weight: 700; + 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: 700; + line-height: 1.2; +} +@media (min-width: 1200px) { + .display-3 { + font-size: 4rem; + } +} + +.display-4 { + font-size: calc(1.475rem + 2.7vw); + font-weight: 700; + 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: 700; + line-height: 1.2; +} +@media (min-width: 1200px) { + .display-5 { + font-size: 3rem; + } +} + +.display-6 { + font-size: calc(1.375rem + 1.5vw); + font-weight: 700; + line-height: 1.2; +} +@media (min-width: 1200px) { + .display-6 { + font-size: 2.5rem; + } +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 0.875em; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} +.blockquote > :last-child { + margin-bottom: 0; +} + +.blockquote-footer { + margin-top: -1rem; + margin-bottom: 1rem; + font-size: 0.875em; + color: #78829D; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: var(--bs-body-bg); + border: var(--bs-border-width) solid var(--bs-border-color); + border-radius: var(--bs-border-radius); + box-shadow: var(--bs-box-shadow-sm); + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 0.875em; + color: var(--bs-gray-600); +} + +.container, +.container-fluid, +.container-xxl, +.container-xl, +.container-lg, +.container-md, +.container-sm { + --bs-gutter-x: 1.5rem; + --bs-gutter-y: 0; + width: 100%; + padding-right: calc(var(--bs-gutter-x) * 0.5); + padding-left: calc(var(--bs-gutter-x) * 0.5); + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +@media (min-width: 1400px) { + .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1320px; + } +} +:root { + --bs-breakpoint-xs: 0; + --bs-breakpoint-sm: 576px; + --bs-breakpoint-md: 768px; + --bs-breakpoint-lg: 992px; + --bs-breakpoint-xl: 1200px; + --bs-breakpoint-xxl: 1400px; +} + +.row { + --bs-gutter-x: 1.5rem; + --bs-gutter-y: 0; + display: flex; + flex-wrap: wrap; + margin-top: calc(-1 * var(--bs-gutter-y)); + margin-right: calc(-0.5 * var(--bs-gutter-x)); + margin-left: calc(-0.5 * var(--bs-gutter-x)); +} +.row > * { + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-right: calc(var(--bs-gutter-x) * 0.5); + padding-left: calc(var(--bs-gutter-x) * 0.5); + margin-top: var(--bs-gutter-y); +} + +.col { + flex: 1 0 0%; +} + +.row-cols-auto > * { + flex: 0 0 auto; + width: auto; +} + +.row-cols-1 > * { + flex: 0 0 auto; + width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 auto; + width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 auto; + width: 33.33333333%; +} + +.row-cols-4 > * { + flex: 0 0 auto; + width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 auto; + width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 auto; + width: 16.66666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; +} + +.col-1 { + flex: 0 0 auto; + width: 8.33333333%; +} + +.col-2 { + flex: 0 0 auto; + width: 16.66666667%; +} + +.col-3 { + flex: 0 0 auto; + width: 25%; +} + +.col-4 { + flex: 0 0 auto; + width: 33.33333333%; +} + +.col-5 { + flex: 0 0 auto; + width: 41.66666667%; +} + +.col-6 { + flex: 0 0 auto; + width: 50%; +} + +.col-7 { + flex: 0 0 auto; + width: 58.33333333%; +} + +.col-8 { + flex: 0 0 auto; + width: 66.66666667%; +} + +.col-9 { + flex: 0 0 auto; + width: 75%; +} + +.col-10 { + flex: 0 0 auto; + width: 83.33333333%; +} + +.col-11 { + flex: 0 0 auto; + width: 91.66666667%; +} + +.col-12 { + flex: 0 0 auto; + width: 100%; +} + +.offset-1 { + margin-left: 8.33333333%; +} + +.offset-2 { + margin-left: 16.66666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.33333333%; +} + +.offset-5 { + margin-left: 41.66666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.33333333%; +} + +.offset-8 { + margin-left: 66.66666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.33333333%; +} + +.offset-11 { + margin-left: 91.66666667%; +} + +.g-0, +.gx-0 { + --bs-gutter-x: 0rem; +} + +.g-0, +.gy-0 { + --bs-gutter-y: 0rem; +} + +.g-1, +.gx-1 { + --bs-gutter-x: 0.25rem; +} + +.g-1, +.gy-1 { + --bs-gutter-y: 0.25rem; +} + +.g-2, +.gx-2 { + --bs-gutter-x: 0.5rem; +} + +.g-2, +.gy-2 { + --bs-gutter-y: 0.5rem; +} + +.g-3, +.gx-3 { + --bs-gutter-x: 0.75rem; +} + +.g-3, +.gy-3 { + --bs-gutter-y: 0.75rem; +} + +.g-4, +.gx-4 { + --bs-gutter-x: 1rem; +} + +.g-4, +.gy-4 { + --bs-gutter-y: 1rem; +} + +.g-5, +.gx-5 { + --bs-gutter-x: 1.25rem; +} + +.g-5, +.gy-5 { + --bs-gutter-y: 1.25rem; +} + +.g-6, +.gx-6 { + --bs-gutter-x: 1.5rem; +} + +.g-6, +.gy-6 { + --bs-gutter-y: 1.5rem; +} + +.g-7, +.gx-7 { + --bs-gutter-x: 1.75rem; +} + +.g-7, +.gy-7 { + --bs-gutter-y: 1.75rem; +} + +.g-8, +.gx-8 { + --bs-gutter-x: 2rem; +} + +.g-8, +.gy-8 { + --bs-gutter-y: 2rem; +} + +.g-9, +.gx-9 { + --bs-gutter-x: 2.25rem; +} + +.g-9, +.gy-9 { + --bs-gutter-y: 2.25rem; +} + +.g-10, +.gx-10 { + --bs-gutter-x: 2.5rem; +} + +.g-10, +.gy-10 { + --bs-gutter-y: 2.5rem; +} + +@media (min-width: 576px) { + .col-sm { + flex: 1 0 0%; + } + .row-cols-sm-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-sm-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-sm-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-sm-3 > * { + flex: 0 0 auto; + width: 33.33333333%; + } + .row-cols-sm-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-sm-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-sm-6 > * { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + } + .col-sm-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-sm-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-sm-3 { + flex: 0 0 auto; + width: 25%; + } + .col-sm-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-sm-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-sm-6 { + flex: 0 0 auto; + width: 50%; + } + .col-sm-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-sm-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-sm-9 { + flex: 0 0 auto; + width: 75%; + } + .col-sm-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-sm-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-sm-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.33333333%; + } + .offset-sm-2 { + margin-left: 16.66666667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.33333333%; + } + .offset-sm-5 { + margin-left: 41.66666667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.33333333%; + } + .offset-sm-8 { + margin-left: 66.66666667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.33333333%; + } + .offset-sm-11 { + margin-left: 91.66666667%; + } + .g-sm-0, + .gx-sm-0 { + --bs-gutter-x: 0rem; + } + .g-sm-0, + .gy-sm-0 { + --bs-gutter-y: 0rem; + } + .g-sm-1, + .gx-sm-1 { + --bs-gutter-x: 0.25rem; + } + .g-sm-1, + .gy-sm-1 { + --bs-gutter-y: 0.25rem; + } + .g-sm-2, + .gx-sm-2 { + --bs-gutter-x: 0.5rem; + } + .g-sm-2, + .gy-sm-2 { + --bs-gutter-y: 0.5rem; + } + .g-sm-3, + .gx-sm-3 { + --bs-gutter-x: 0.75rem; + } + .g-sm-3, + .gy-sm-3 { + --bs-gutter-y: 0.75rem; + } + .g-sm-4, + .gx-sm-4 { + --bs-gutter-x: 1rem; + } + .g-sm-4, + .gy-sm-4 { + --bs-gutter-y: 1rem; + } + .g-sm-5, + .gx-sm-5 { + --bs-gutter-x: 1.25rem; + } + .g-sm-5, + .gy-sm-5 { + --bs-gutter-y: 1.25rem; + } + .g-sm-6, + .gx-sm-6 { + --bs-gutter-x: 1.5rem; + } + .g-sm-6, + .gy-sm-6 { + --bs-gutter-y: 1.5rem; + } + .g-sm-7, + .gx-sm-7 { + --bs-gutter-x: 1.75rem; + } + .g-sm-7, + .gy-sm-7 { + --bs-gutter-y: 1.75rem; + } + .g-sm-8, + .gx-sm-8 { + --bs-gutter-x: 2rem; + } + .g-sm-8, + .gy-sm-8 { + --bs-gutter-y: 2rem; + } + .g-sm-9, + .gx-sm-9 { + --bs-gutter-x: 2.25rem; + } + .g-sm-9, + .gy-sm-9 { + --bs-gutter-y: 2.25rem; + } + .g-sm-10, + .gx-sm-10 { + --bs-gutter-x: 2.5rem; + } + .g-sm-10, + .gy-sm-10 { + --bs-gutter-y: 2.5rem; + } +} +@media (min-width: 768px) { + .col-md { + flex: 1 0 0%; + } + .row-cols-md-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-md-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-md-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-md-3 > * { + flex: 0 0 auto; + width: 33.33333333%; + } + .row-cols-md-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-md-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-md-6 > * { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-md-auto { + flex: 0 0 auto; + width: auto; + } + .col-md-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-md-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-md-3 { + flex: 0 0 auto; + width: 25%; + } + .col-md-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-md-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-md-6 { + flex: 0 0 auto; + width: 50%; + } + .col-md-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-md-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-md-9 { + flex: 0 0 auto; + width: 75%; + } + .col-md-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-md-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-md-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.33333333%; + } + .offset-md-2 { + margin-left: 16.66666667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.33333333%; + } + .offset-md-5 { + margin-left: 41.66666667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.33333333%; + } + .offset-md-8 { + margin-left: 66.66666667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.33333333%; + } + .offset-md-11 { + margin-left: 91.66666667%; + } + .g-md-0, + .gx-md-0 { + --bs-gutter-x: 0rem; + } + .g-md-0, + .gy-md-0 { + --bs-gutter-y: 0rem; + } + .g-md-1, + .gx-md-1 { + --bs-gutter-x: 0.25rem; + } + .g-md-1, + .gy-md-1 { + --bs-gutter-y: 0.25rem; + } + .g-md-2, + .gx-md-2 { + --bs-gutter-x: 0.5rem; + } + .g-md-2, + .gy-md-2 { + --bs-gutter-y: 0.5rem; + } + .g-md-3, + .gx-md-3 { + --bs-gutter-x: 0.75rem; + } + .g-md-3, + .gy-md-3 { + --bs-gutter-y: 0.75rem; + } + .g-md-4, + .gx-md-4 { + --bs-gutter-x: 1rem; + } + .g-md-4, + .gy-md-4 { + --bs-gutter-y: 1rem; + } + .g-md-5, + .gx-md-5 { + --bs-gutter-x: 1.25rem; + } + .g-md-5, + .gy-md-5 { + --bs-gutter-y: 1.25rem; + } + .g-md-6, + .gx-md-6 { + --bs-gutter-x: 1.5rem; + } + .g-md-6, + .gy-md-6 { + --bs-gutter-y: 1.5rem; + } + .g-md-7, + .gx-md-7 { + --bs-gutter-x: 1.75rem; + } + .g-md-7, + .gy-md-7 { + --bs-gutter-y: 1.75rem; + } + .g-md-8, + .gx-md-8 { + --bs-gutter-x: 2rem; + } + .g-md-8, + .gy-md-8 { + --bs-gutter-y: 2rem; + } + .g-md-9, + .gx-md-9 { + --bs-gutter-x: 2.25rem; + } + .g-md-9, + .gy-md-9 { + --bs-gutter-y: 2.25rem; + } + .g-md-10, + .gx-md-10 { + --bs-gutter-x: 2.5rem; + } + .g-md-10, + .gy-md-10 { + --bs-gutter-y: 2.5rem; + } +} +@media (min-width: 992px) { + .col-lg { + flex: 1 0 0%; + } + .row-cols-lg-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-lg-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-lg-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-lg-3 > * { + flex: 0 0 auto; + width: 33.33333333%; + } + .row-cols-lg-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-lg-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-lg-6 > * { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + } + .col-lg-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-lg-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-lg-3 { + flex: 0 0 auto; + width: 25%; + } + .col-lg-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-lg-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-lg-6 { + flex: 0 0 auto; + width: 50%; + } + .col-lg-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-lg-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-lg-9 { + flex: 0 0 auto; + width: 75%; + } + .col-lg-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-lg-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-lg-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.33333333%; + } + .offset-lg-2 { + margin-left: 16.66666667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.33333333%; + } + .offset-lg-5 { + margin-left: 41.66666667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.33333333%; + } + .offset-lg-8 { + margin-left: 66.66666667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.33333333%; + } + .offset-lg-11 { + margin-left: 91.66666667%; + } + .g-lg-0, + .gx-lg-0 { + --bs-gutter-x: 0rem; + } + .g-lg-0, + .gy-lg-0 { + --bs-gutter-y: 0rem; + } + .g-lg-1, + .gx-lg-1 { + --bs-gutter-x: 0.25rem; + } + .g-lg-1, + .gy-lg-1 { + --bs-gutter-y: 0.25rem; + } + .g-lg-2, + .gx-lg-2 { + --bs-gutter-x: 0.5rem; + } + .g-lg-2, + .gy-lg-2 { + --bs-gutter-y: 0.5rem; + } + .g-lg-3, + .gx-lg-3 { + --bs-gutter-x: 0.75rem; + } + .g-lg-3, + .gy-lg-3 { + --bs-gutter-y: 0.75rem; + } + .g-lg-4, + .gx-lg-4 { + --bs-gutter-x: 1rem; + } + .g-lg-4, + .gy-lg-4 { + --bs-gutter-y: 1rem; + } + .g-lg-5, + .gx-lg-5 { + --bs-gutter-x: 1.25rem; + } + .g-lg-5, + .gy-lg-5 { + --bs-gutter-y: 1.25rem; + } + .g-lg-6, + .gx-lg-6 { + --bs-gutter-x: 1.5rem; + } + .g-lg-6, + .gy-lg-6 { + --bs-gutter-y: 1.5rem; + } + .g-lg-7, + .gx-lg-7 { + --bs-gutter-x: 1.75rem; + } + .g-lg-7, + .gy-lg-7 { + --bs-gutter-y: 1.75rem; + } + .g-lg-8, + .gx-lg-8 { + --bs-gutter-x: 2rem; + } + .g-lg-8, + .gy-lg-8 { + --bs-gutter-y: 2rem; + } + .g-lg-9, + .gx-lg-9 { + --bs-gutter-x: 2.25rem; + } + .g-lg-9, + .gy-lg-9 { + --bs-gutter-y: 2.25rem; + } + .g-lg-10, + .gx-lg-10 { + --bs-gutter-x: 2.5rem; + } + .g-lg-10, + .gy-lg-10 { + --bs-gutter-y: 2.5rem; + } +} +@media (min-width: 1200px) { + .col-xl { + flex: 1 0 0%; + } + .row-cols-xl-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-xl-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-xl-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-xl-3 > * { + flex: 0 0 auto; + width: 33.33333333%; + } + .row-cols-xl-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-xl-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-xl-6 > * { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + } + .col-xl-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-xl-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xl-3 { + flex: 0 0 auto; + width: 25%; + } + .col-xl-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-xl-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-xl-6 { + flex: 0 0 auto; + width: 50%; + } + .col-xl-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-xl-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-xl-9 { + flex: 0 0 auto; + width: 75%; + } + .col-xl-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-xl-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-xl-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.33333333%; + } + .offset-xl-2 { + margin-left: 16.66666667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.33333333%; + } + .offset-xl-5 { + margin-left: 41.66666667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.33333333%; + } + .offset-xl-8 { + margin-left: 66.66666667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.33333333%; + } + .offset-xl-11 { + margin-left: 91.66666667%; + } + .g-xl-0, + .gx-xl-0 { + --bs-gutter-x: 0rem; + } + .g-xl-0, + .gy-xl-0 { + --bs-gutter-y: 0rem; + } + .g-xl-1, + .gx-xl-1 { + --bs-gutter-x: 0.25rem; + } + .g-xl-1, + .gy-xl-1 { + --bs-gutter-y: 0.25rem; + } + .g-xl-2, + .gx-xl-2 { + --bs-gutter-x: 0.5rem; + } + .g-xl-2, + .gy-xl-2 { + --bs-gutter-y: 0.5rem; + } + .g-xl-3, + .gx-xl-3 { + --bs-gutter-x: 0.75rem; + } + .g-xl-3, + .gy-xl-3 { + --bs-gutter-y: 0.75rem; + } + .g-xl-4, + .gx-xl-4 { + --bs-gutter-x: 1rem; + } + .g-xl-4, + .gy-xl-4 { + --bs-gutter-y: 1rem; + } + .g-xl-5, + .gx-xl-5 { + --bs-gutter-x: 1.25rem; + } + .g-xl-5, + .gy-xl-5 { + --bs-gutter-y: 1.25rem; + } + .g-xl-6, + .gx-xl-6 { + --bs-gutter-x: 1.5rem; + } + .g-xl-6, + .gy-xl-6 { + --bs-gutter-y: 1.5rem; + } + .g-xl-7, + .gx-xl-7 { + --bs-gutter-x: 1.75rem; + } + .g-xl-7, + .gy-xl-7 { + --bs-gutter-y: 1.75rem; + } + .g-xl-8, + .gx-xl-8 { + --bs-gutter-x: 2rem; + } + .g-xl-8, + .gy-xl-8 { + --bs-gutter-y: 2rem; + } + .g-xl-9, + .gx-xl-9 { + --bs-gutter-x: 2.25rem; + } + .g-xl-9, + .gy-xl-9 { + --bs-gutter-y: 2.25rem; + } + .g-xl-10, + .gx-xl-10 { + --bs-gutter-x: 2.5rem; + } + .g-xl-10, + .gy-xl-10 { + --bs-gutter-y: 2.5rem; + } +} +@media (min-width: 1400px) { + .col-xxl { + flex: 1 0 0%; + } + .row-cols-xxl-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-xxl-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-xxl-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-xxl-3 > * { + flex: 0 0 auto; + width: 33.33333333%; + } + .row-cols-xxl-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-xxl-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-xxl-6 > * { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xxl-auto { + flex: 0 0 auto; + width: auto; + } + .col-xxl-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-xxl-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xxl-3 { + flex: 0 0 auto; + width: 25%; + } + .col-xxl-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-xxl-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-xxl-6 { + flex: 0 0 auto; + width: 50%; + } + .col-xxl-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-xxl-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-xxl-9 { + flex: 0 0 auto; + width: 75%; + } + .col-xxl-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-xxl-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-xxl-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-xxl-0 { + margin-left: 0; + } + .offset-xxl-1 { + margin-left: 8.33333333%; + } + .offset-xxl-2 { + margin-left: 16.66666667%; + } + .offset-xxl-3 { + margin-left: 25%; + } + .offset-xxl-4 { + margin-left: 33.33333333%; + } + .offset-xxl-5 { + margin-left: 41.66666667%; + } + .offset-xxl-6 { + margin-left: 50%; + } + .offset-xxl-7 { + margin-left: 58.33333333%; + } + .offset-xxl-8 { + margin-left: 66.66666667%; + } + .offset-xxl-9 { + margin-left: 75%; + } + .offset-xxl-10 { + margin-left: 83.33333333%; + } + .offset-xxl-11 { + margin-left: 91.66666667%; + } + .g-xxl-0, + .gx-xxl-0 { + --bs-gutter-x: 0rem; + } + .g-xxl-0, + .gy-xxl-0 { + --bs-gutter-y: 0rem; + } + .g-xxl-1, + .gx-xxl-1 { + --bs-gutter-x: 0.25rem; + } + .g-xxl-1, + .gy-xxl-1 { + --bs-gutter-y: 0.25rem; + } + .g-xxl-2, + .gx-xxl-2 { + --bs-gutter-x: 0.5rem; + } + .g-xxl-2, + .gy-xxl-2 { + --bs-gutter-y: 0.5rem; + } + .g-xxl-3, + .gx-xxl-3 { + --bs-gutter-x: 0.75rem; + } + .g-xxl-3, + .gy-xxl-3 { + --bs-gutter-y: 0.75rem; + } + .g-xxl-4, + .gx-xxl-4 { + --bs-gutter-x: 1rem; + } + .g-xxl-4, + .gy-xxl-4 { + --bs-gutter-y: 1rem; + } + .g-xxl-5, + .gx-xxl-5 { + --bs-gutter-x: 1.25rem; + } + .g-xxl-5, + .gy-xxl-5 { + --bs-gutter-y: 1.25rem; + } + .g-xxl-6, + .gx-xxl-6 { + --bs-gutter-x: 1.5rem; + } + .g-xxl-6, + .gy-xxl-6 { + --bs-gutter-y: 1.5rem; + } + .g-xxl-7, + .gx-xxl-7 { + --bs-gutter-x: 1.75rem; + } + .g-xxl-7, + .gy-xxl-7 { + --bs-gutter-y: 1.75rem; + } + .g-xxl-8, + .gx-xxl-8 { + --bs-gutter-x: 2rem; + } + .g-xxl-8, + .gy-xxl-8 { + --bs-gutter-y: 2rem; + } + .g-xxl-9, + .gx-xxl-9 { + --bs-gutter-x: 2.25rem; + } + .g-xxl-9, + .gy-xxl-9 { + --bs-gutter-y: 2.25rem; + } + .g-xxl-10, + .gx-xxl-10 { + --bs-gutter-x: 2.5rem; + } + .g-xxl-10, + .gy-xxl-10 { + --bs-gutter-y: 2.5rem; + } +} +.table { + --bs-table-color-type: initial; + --bs-table-bg-type: initial; + --bs-table-color-state: initial; + --bs-table-bg-state: initial; + --bs-table-color: var(--bs-body-color); + --bs-table-bg: transparent; + --bs-table-border-color: var(--bs-border-color); + --bs-table-accent-bg: transparent; + --bs-table-striped-color: var(--bs-body-color); + --bs-table-striped-bg: rgba(var(--bs-gray-100-rgb), 0.75); + --bs-table-active-color: var(--bs-body-color); + --bs-table-active-bg: var(--bs-gray-100); + --bs-table-hover-color: var(--bs-body-color); + --bs-table-hover-bg: var(--bs-gray-100); + width: 100%; + margin-bottom: 1rem; + vertical-align: top; + border-color: var(--bs-table-border-color); +} +.table > :not(caption) > * > * { + padding: 0.75rem 0.75rem; + color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); + background-color: var(--bs-table-bg); + border-bottom-width: 1px; + box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); +} +.table > tbody { + vertical-align: inherit; +} +.table > thead { + vertical-align: bottom; +} + +.table-group-divider { + border-top: calc(1px * 2) solid currentcolor; +} + +.caption-top { + caption-side: top; +} + +.table-sm > :not(caption) > * > * { + padding: 0.5rem 0.5rem; +} + +.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(:first-child) { + border-top-width: 0; +} + +.table-striped > tbody > tr:nth-of-type(odd) > * { + --bs-table-color-type: var(--bs-table-striped-color); + --bs-table-bg-type: var(--bs-table-striped-bg); +} + +.table-striped-columns > :not(caption) > tr > :nth-child(even) { + --bs-table-color-type: var(--bs-table-striped-color); + --bs-table-bg-type: var(--bs-table-striped-bg); +} + +.table-active { + --bs-table-color-state: var(--bs-table-active-color); + --bs-table-bg-state: var(--bs-table-active-bg); +} + +.table-hover > tbody > tr:hover > * { + --bs-table-color-state: var(--bs-table-hover-color); + --bs-table-bg-state: var(--bs-table-hover-bg); +} + +.table-primary { + --bs-table-color: #000000; + --bs-table-bg: #d1e6ff; + --bs-table-border-color: #bccfe6; + --bs-table-striped-bg: #c7dbf2; + --bs-table-striped-color: #000000; + --bs-table-active-bg: #bccfe6; + --bs-table-active-color: #000000; + --bs-table-hover-bg: #c1d5ec; + --bs-table-hover-color: #000000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-secondary { + --bs-table-color: #000000; + --bs-table-bg: #fcfcfd; + --bs-table-border-color: #e3e3e4; + --bs-table-striped-bg: #efeff0; + --bs-table-striped-color: #000000; + --bs-table-active-bg: #e3e3e4; + --bs-table-active-color: #000000; + --bs-table-hover-bg: #e9e9ea; + --bs-table-hover-color: #000000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-success { + --bs-table-color: #000000; + --bs-table-bg: #d1f4dd; + --bs-table-border-color: #bcdcc7; + --bs-table-striped-bg: #c7e8d2; + --bs-table-striped-color: #000000; + --bs-table-active-bg: #bcdcc7; + --bs-table-active-color: #000000; + --bs-table-hover-bg: #c1e2cc; + --bs-table-hover-color: #000000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-info { + --bs-table-color: #000000; + --bs-table-bg: #e3d7fb; + --bs-table-border-color: #ccc2e2; + --bs-table-striped-bg: #d8ccee; + --bs-table-striped-color: #000000; + --bs-table-active-bg: #ccc2e2; + --bs-table-active-color: #000000; + --bs-table-hover-bg: #d2c7e8; + --bs-table-hover-color: #000000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-warning { + --bs-table-color: #000000; + --bs-table-bg: #fdf2cc; + --bs-table-border-color: #e4dab8; + --bs-table-striped-bg: #f0e6c2; + --bs-table-striped-color: #000000; + --bs-table-active-bg: #e4dab8; + --bs-table-active-color: #000000; + --bs-table-hover-bg: #eae0bd; + --bs-table-hover-color: #000000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-danger { + --bs-table-color: #000000; + --bs-table-bg: #fed4de; + --bs-table-border-color: #e5bfc8; + --bs-table-striped-bg: #f1c9d3; + --bs-table-striped-color: #000000; + --bs-table-active-bg: #e5bfc8; + --bs-table-active-color: #000000; + --bs-table-hover-bg: #ebc4cd; + --bs-table-hover-color: #000000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-light { + --bs-table-color: #000000; + --bs-table-bg: #F9F9F9; + --bs-table-border-color: #e0e0e0; + --bs-table-striped-bg: #ededed; + --bs-table-striped-color: #000000; + --bs-table-active-bg: #e0e0e0; + --bs-table-active-color: #000000; + --bs-table-hover-bg: #e6e6e6; + --bs-table-hover-color: #000000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-dark { + --bs-table-color: #ffffff; + --bs-table-bg: #1E2129; + --bs-table-border-color: #35373e; + --bs-table-striped-bg: #292c34; + --bs-table-striped-color: #ffffff; + --bs-table-active-bg: #35373e; + --bs-table-active-color: #ffffff; + --bs-table-hover-bg: #2f3239; + --bs-table-hover-color: #ffffff; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-responsive { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} +@media (max-width: 1399.98px) { + .table-responsive-xxl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} +.form-label { + margin-bottom: 0.5rem; + font-size: 1.05rem; + font-weight: 500; + color: var(--bs-gray-800); +} + +.col-form-label { + padding-top: calc(0.775rem + 1px); + padding-bottom: calc(0.775rem + 1px); + margin-bottom: 0; + font-size: inherit; + font-weight: 500; + line-height: 1.5; + color: var(--bs-gray-800); +} + +.col-form-label-lg { + padding-top: calc(1rem + 1px); + padding-bottom: calc(1rem + 1px); + font-size: 1.15rem; +} + +.col-form-label-sm { + padding-top: calc(0.55rem + 1px); + padding-bottom: calc(0.55rem + 1px); + font-size: 0.95rem; +} + +.form-text { + margin-top: 0.5rem; + font-size: 0.95rem; + color: var(--bs-text-muted); +} + +.form-control { + display: block; + width: 100%; + padding: 0.775rem 1rem; + font-size: 1.1rem; + font-weight: 500; + line-height: 1.5; + color: var(--bs-gray-700); + appearance: none; + background-color: var(--bs-body-bg); + background-clip: padding-box; + border: 1px solid var(--bs-gray-300); + border-radius: 0.95rem; + box-shadow: false; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control[type=file] { + overflow: hidden; +} +.form-control[type=file]:not(:disabled):not([readonly]) { + cursor: pointer; +} +.form-control:focus { + color: var(--bs-gray-700); + background-color: var(--bs-body-bg); + border-color: var(--bs-gray-400); + outline: 0; + box-shadow: false, 0 0 0 0.25rem rgba(27, 132, 255, 0.25); +} +.form-control::-webkit-date-and-time-value { + min-width: 85px; + height: 1.5em; + margin: 0; +} +.form-control::-webkit-datetime-edit { + display: block; + padding: 0; +} +.form-control::placeholder { + color: var(--bs-gray-500); + opacity: 1; +} +.form-control:disabled { + color: var(--bs-gray-500); + background-color: var(--bs-gray-200); + border-color: var(--bs-gray-300); + opacity: 1; +} +.form-control::file-selector-button { + padding: 0.775rem 1rem; + margin: -0.775rem -1rem; + margin-inline-end: 1rem; + color: var(--bs-gray-700); + background-color: var(--bs-gray-100); + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control::file-selector-button { + transition: none; + } +} +.form-control:hover:not(:disabled):not([readonly])::file-selector-button { + background-color: shade-color(var(--bs-gray-100), 5%); +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.775rem 0; + margin-bottom: 0; + line-height: 1.5; + color: var(--bs-gray-700); + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext:focus { + outline: 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + min-height: calc(1.5em + 1.1rem + 2px); + padding: 0.55rem 0.75rem; + font-size: 0.95rem; + border-radius: 0.75rem; +} +.form-control-sm::file-selector-button { + padding: 0.55rem 0.75rem; + margin: -0.55rem -0.75rem; + margin-inline-end: 0.75rem; +} + +.form-control-lg { + min-height: calc(1.5em + 2rem + 2px); + padding: 1rem 1.5rem; + font-size: 1.15rem; + border-radius: 1.15rem; +} +.form-control-lg::file-selector-button { + padding: 1rem 1.5rem; + margin: -1rem -1.5rem; + margin-inline-end: 1.5rem; +} + +textarea.form-control { + min-height: calc(1.5em + 1.55rem + 2px); +} +textarea.form-control-sm { + min-height: calc(1.5em + 1.1rem + 2px); +} +textarea.form-control-lg { + min-height: calc(1.5em + 2rem + 2px); +} + +.form-control-color { + width: 3rem; + height: calc(1.5em + 1.55rem + 2px); + padding: 0.775rem; +} +.form-control-color:not(:disabled):not([readonly]) { + cursor: pointer; +} +.form-control-color::-moz-color-swatch { + border: 0 !important; + border-radius: 0.95rem; +} +.form-control-color::-webkit-color-swatch { + border: 0 !important; + border-radius: 0.95rem; +} +.form-control-color.form-control-sm { + height: calc(1.5em + 1.1rem + 2px); +} +.form-control-color.form-control-lg { + height: calc(1.5em + 2rem + 2px); +} + +.form-select { + --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2378829D' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); + display: block; + width: 100%; + padding: 0.775rem 3rem 0.775rem 1rem; + font-size: 1.1rem; + font-weight: 500; + line-height: 1.5; + color: var(--bs-gray-700); + appearance: none; + background-color: var(--bs-body-bg); + background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); + background-repeat: no-repeat; + background-position: right 1rem center; + background-size: 16px 12px; + border: 1px solid var(--bs-gray-300); + border-radius: 0.95rem; + box-shadow: false; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-select { + transition: none; + } +} +.form-select:focus { + border-color: var(--bs-gray-400); + outline: 0; + box-shadow: false, 0 0 0 0.25rem rgba(var(--bs-component-active-bg), 0.25); +} +.form-select[multiple], .form-select[size]:not([size="1"]) { + padding-right: 1rem; + background-image: none; +} +.form-select:disabled { + color: var(--bs-gray-500); + background-color: var(--bs-gray-200); + border-color: var(--bs-gray-300); +} +.form-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 var(--bs-gray-700); +} + +.form-select-sm { + padding-top: 0.55rem; + padding-bottom: 0.55rem; + padding-left: 0.75rem; + font-size: 0.95rem; + border-radius: 0.75rem; +} + +.form-select-lg { + padding-top: 1rem; + padding-bottom: 1rem; + padding-left: 1.5rem; + font-size: 1.15rem; + border-radius: 1.15rem; +} + +[data-bs-theme=dark] .form-select { + --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23808290' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); +} + +.form-check { + display: block; + min-height: 1.5rem; + padding-left: 2.25rem; + margin-bottom: 0.125rem; +} +.form-check .form-check-input { + float: left; + margin-left: -2.25rem; +} + +.form-check-reverse { + padding-right: 2.25rem; + padding-left: 0; + text-align: right; +} +.form-check-reverse .form-check-input { + float: right; + margin-right: -2.25rem; + margin-left: 0; +} + +.form-check-input { + --bs-form-check-bg: transparent; + flex-shrink: 0; + width: 1.75rem; + height: 1.75rem; + margin-top: -0.125rem; + vertical-align: top; + appearance: none; + background-color: var(--bs-form-check-bg); + background-image: var(--bs-form-check-bg-image); + background-repeat: no-repeat; + background-position: center; + background-size: contain; + border: 1px solid var(--bs-gray-300); + print-color-adjust: exact; +} +.form-check-input[type=checkbox] { + border-radius: 0.45em; +} +.form-check-input[type=radio] { + border-radius: 50%; +} +.form-check-input:active { + filter: brightness(90%); +} +.form-check-input:focus { + border-color: var(--bs-gray-400); + outline: 0; + box-shadow: none; +} +.form-check-input:checked { + background-color: #1B84FF; + border-color: #1B84FF; +} +.form-check-input:checked[type=checkbox] { + --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e"); +} +.form-check-input:checked[type=radio] { + --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e"); +} +.form-check-input[type=checkbox]:indeterminate { + background-color: #1B84FF; + border-color: #1B84FF; + --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' 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 { + cursor: default; + opacity: 0.5; +} + +.form-check-label { + color: var(--bs-gray-500); +} + +.form-switch { + padding-left: 3.75rem; +} +.form-switch .form-check-input { + --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); + width: 3.25rem; + margin-left: -3.75rem; + background-image: var(--bs-form-switch-bg); + background-position: left center; + border-radius: 3.25rem; + transition: background-position 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-switch .form-check-input { + transition: none; + } +} +.form-switch .form-check-input:focus { + --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); +} +.form-switch .form-check-input:checked { + background-position: right center; + --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); +} +.form-switch.form-check-reverse { + padding-right: 3.75rem; + padding-left: 0; +} +.form-switch.form-check-reverse .form-check-input { + margin-right: -3.75rem; + margin-left: 0; +} + +.form-check-inline { + display: inline-block; + 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; +} + +[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) { + --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); +} + +.form-range { + width: 100%; + height: 1.5rem; + padding: 0; + appearance: none; + background-color: transparent; +} +.form-range:focus { + outline: 0; +} +.form-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.25rem rgba(27, 132, 255, 0.25); +} +.form-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.25rem rgba(27, 132, 255, 0.25); +} +.form-range::-moz-focus-outer { + border: 0; +} +.form-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + appearance: none; + background-color: #1B84FF; + border: 0; + border-radius: 1rem; + box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-range::-webkit-slider-thumb { + transition: none; + } +} +.form-range::-webkit-slider-thumb:active { + background-color: #bbdaff; +} +.form-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: var(--bs-gray-300); + border-color: transparent; + border-radius: 0.95rem; + box-shadow: var(--bs-box-shadow-inset); +} +.form-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + appearance: none; + background-color: #1B84FF; + border: 0; + border-radius: 1rem; + box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-range::-moz-range-thumb { + transition: none; + } +} +.form-range::-moz-range-thumb:active { + background-color: #bbdaff; +} +.form-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: var(--bs-gray-300); + border-color: transparent; + border-radius: 0.95rem; + box-shadow: var(--bs-box-shadow-inset); +} +.form-range:disabled { + pointer-events: none; +} +.form-range:disabled::-webkit-slider-thumb { + background-color: var(--bs-gray-500); +} +.form-range:disabled::-moz-range-thumb { + background-color: var(--bs-gray-500); +} + +.form-floating { + position: relative; +} +.form-floating > .form-control, +.form-floating > .form-control-plaintext, +.form-floating > .form-select { + height: calc(3.75rem + 2px); + min-height: calc(3.75rem + 2px); + line-height: 1.25; +} +.form-floating > label { + position: absolute; + top: 0; + left: 0; + z-index: 2; + height: 100%; + padding: 1rem 1rem; + overflow: hidden; + text-align: start; + text-overflow: ellipsis; + white-space: nowrap; + 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, +.form-floating > .form-control-plaintext { + padding: 1rem 1rem; +} +.form-floating > .form-control::placeholder, +.form-floating > .form-control-plaintext::placeholder { + color: transparent; +} +.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), +.form-floating > .form-control-plaintext:focus, +.form-floating > .form-control-plaintext:not(:placeholder-shown) { + padding-top: 1.85rem; + padding-bottom: 0.625rem; +} +.form-floating > .form-control:-webkit-autofill, +.form-floating > .form-control-plaintext:-webkit-autofill { + padding-top: 1.85rem; + padding-bottom: 0.625rem; +} +.form-floating > .form-select { + padding-top: 1.85rem; + padding-bottom: 0.625rem; +} +.form-floating > .form-control:focus ~ label, +.form-floating > .form-control:not(:placeholder-shown) ~ label, +.form-floating > .form-control-plaintext ~ label, +.form-floating > .form-select ~ label { + color: rgba(var(--bs-body-color-rgb), 0.65); + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} +.form-floating > .form-control:focus ~ label::after, +.form-floating > .form-control:not(:placeholder-shown) ~ label::after, +.form-floating > .form-control-plaintext ~ label::after, +.form-floating > .form-select ~ label::after { + position: absolute; + inset: 1rem 0.5rem; + z-index: -1; + height: 1.5em; + content: ""; + background-color: var(--bs-body-bg); + border-radius: 0.95rem; +} +.form-floating > .form-control:-webkit-autofill ~ label { + color: rgba(var(--bs-body-color-rgb), 0.65); + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} +.form-floating > .form-control-plaintext ~ label { + border-width: 1px 0; +} +.form-floating > :disabled ~ label, +.form-floating > .form-control:disabled ~ label { + color: #78829D; +} +.form-floating > :disabled ~ label::after, +.form-floating > .form-control:disabled ~ label::after { + background-color: var(--bs-gray-200); +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-select, +.input-group > .form-floating { + position: relative; + flex: 1 1 auto; + width: 1%; + min-width: 0; +} +.input-group > .form-control:focus, +.input-group > .form-select:focus, +.input-group > .form-floating:focus-within { + z-index: 5; +} +.input-group .btn { + position: relative; + z-index: 2; +} +.input-group .btn:focus { + z-index: 5; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.775rem 1rem; + font-size: 1.1rem; + font-weight: 500; + line-height: 1.5; + color: var(--bs-gray-700); + text-align: center; + white-space: nowrap; + background-color: var(--bs-gray-100); + border: 1px solid var(--bs-gray-300); + border-radius: 0.95rem; +} + +.input-group-lg > .form-control, +.input-group-lg > .form-select, +.input-group-lg > .input-group-text, +.input-group-lg > .btn { + padding: 1rem 1.5rem; + font-size: 1.15rem; + border-radius: 1.15rem; +} + +.input-group-sm > .form-control, +.input-group-sm > .form-select, +.input-group-sm > .input-group-text, +.input-group-sm > .btn { + padding: 0.55rem 0.75rem; + font-size: 0.95rem; + border-radius: 0.75rem; +} + +.input-group-lg > .form-select, +.input-group-sm > .form-select { + padding-right: 4rem; +} + +.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), +.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), +.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, +.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), +.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), +.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, +.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { + border-top-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) { + margin-left: calc(1px * -1); + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .form-floating:not(:first-child) > .form-control, +.input-group > .form-floating:not(:first-child) > .form-select { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.5rem; + font-size: 0.95rem; + color: var(--bs-form-valid-color); +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.75rem 1rem; + margin-top: 0.1rem; + font-size: 1rem; + color: #fff; + background-color: var(--bs-success); + border-radius: 0.95rem; +} + +.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 { + border-color: var(--bs-form-valid-border-color); + padding-right: calc(1.5em + 1.55rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2317C653' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.3875rem) center; + background-size: calc(0.75em + 0.775rem) calc(0.75em + 0.775rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: var(--bs-form-valid-border-color); + box-shadow: false, 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); +} + +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-right: calc(1.5em + 1.55rem); + background-position: top calc(0.375em + 0.3875rem) right calc(0.375em + 0.3875rem); +} + +.was-validated .form-select:valid, .form-select.is-valid { + border-color: var(--bs-form-valid-border-color); +} +.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { + --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2317C653' d='M2.3 6.73.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"); + padding-right: 5.5rem; + background-position: right 1rem center, center right 3rem; + background-size: 16px 12px, calc(0.75em + 0.775rem) calc(0.75em + 0.775rem); +} +.was-validated .form-select:valid:focus, .form-select.is-valid:focus { + border-color: var(--bs-form-valid-border-color); + box-shadow: false, 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); +} + +.was-validated .form-control-color:valid, .form-control-color.is-valid { + width: calc(3rem + calc(1.5em + 1.55rem)); +} + +.was-validated .form-check-input:valid, .form-check-input.is-valid { + border-color: var(--bs-form-valid-border-color); +} +.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { + background-color: var(--bs-form-valid-color); +} +.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { + box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); +} +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: var(--bs-form-valid-color); +} + +.form-check-inline .form-check-input ~ .valid-feedback { + margin-left: 0.5em; +} + +.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, +.was-validated .input-group > .form-select:not(:focus):valid, +.input-group > .form-select:not(:focus).is-valid, +.was-validated .input-group > .form-floating:not(:focus-within):valid, +.input-group > .form-floating:not(:focus-within).is-valid { + z-index: 3; +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.5rem; + font-size: 0.95rem; + color: var(--bs-form-invalid-color); +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.75rem 1rem; + margin-top: 0.1rem; + font-size: 1rem; + color: #fff; + background-color: var(--bs-danger); + border-radius: 0.95rem; +} + +.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 { + border-color: var(--bs-form-invalid-border-color); + padding-right: calc(1.5em + 1.55rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23F8285A'%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='%23F8285A' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.3875rem) center; + background-size: calc(0.75em + 0.775rem) calc(0.75em + 0.775rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: var(--bs-form-invalid-border-color); + box-shadow: false, 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); +} + +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-right: calc(1.5em + 1.55rem); + background-position: top calc(0.375em + 0.3875rem) right calc(0.375em + 0.3875rem); +} + +.was-validated .form-select:invalid, .form-select.is-invalid { + border-color: var(--bs-form-invalid-border-color); +} +.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { + --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23F8285A'%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='%23F8285A' stroke='none'/%3e%3c/svg%3e"); + padding-right: 5.5rem; + background-position: right 1rem center, center right 3rem; + background-size: 16px 12px, calc(0.75em + 0.775rem) calc(0.75em + 0.775rem); +} +.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { + border-color: var(--bs-form-invalid-border-color); + box-shadow: false, 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); +} + +.was-validated .form-control-color:invalid, .form-control-color.is-invalid { + width: calc(3rem + calc(1.5em + 1.55rem)); +} + +.was-validated .form-check-input:invalid, .form-check-input.is-invalid { + border-color: var(--bs-form-invalid-border-color); +} +.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { + background-color: var(--bs-form-invalid-color); +} +.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { + box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); +} +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: var(--bs-form-invalid-color); +} + +.form-check-inline .form-check-input ~ .invalid-feedback { + margin-left: 0.5em; +} + +.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, +.was-validated .input-group > .form-select:not(:focus):invalid, +.input-group > .form-select:not(:focus).is-invalid, +.was-validated .input-group > .form-floating:not(:focus-within):invalid, +.input-group > .form-floating:not(:focus-within).is-invalid { + z-index: 4; +} + +.btn { + --bs-btn-padding-x: 1.5rem; + --bs-btn-padding-y: 0.775rem; + --bs-btn-font-family: ; + --bs-btn-font-size: 1.1rem; + --bs-btn-font-weight: 500; + --bs-btn-line-height: 1.5; + --bs-btn-color: var(--bs-body-color); + --bs-btn-bg: transparent; + --bs-btn-border-width: 1px; + --bs-btn-border-color: transparent; + --bs-btn-border-radius: 0.95rem; + --bs-btn-hover-border-color: transparent; + --bs-btn-box-shadow: none; + --bs-btn-disabled-opacity: 0.65; + --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); + display: inline-block; + padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); + font-family: var(--bs-btn-font-family); + font-size: var(--bs-btn-font-size); + font-weight: var(--bs-btn-font-weight); + line-height: var(--bs-btn-line-height); + color: var(--bs-btn-color); + text-align: center; + vertical-align: middle; + cursor: pointer; + user-select: none; + border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); + border-radius: var(--bs-btn-border-radius); + background-color: var(--bs-btn-bg); + box-shadow: var(--bs-btn-box-shadow); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } +} +.btn:hover { + color: var(--bs-btn-hover-color); + background-color: var(--bs-btn-hover-bg); + border-color: var(--bs-btn-hover-border-color); +} +.btn-check + .btn:hover { + color: var(--bs-btn-color); + background-color: var(--bs-btn-bg); + border-color: var(--bs-btn-border-color); +} +.btn:focus-visible { + color: var(--bs-btn-hover-color); + background-color: var(--bs-btn-hover-bg); + border-color: var(--bs-btn-hover-border-color); + outline: 0; + box-shadow: var(--bs-btn-box-shadow), var(--bs-btn-focus-box-shadow); +} +.btn-check:focus-visible + .btn { + border-color: var(--bs-btn-hover-border-color); + outline: 0; + box-shadow: var(--bs-btn-box-shadow), var(--bs-btn-focus-box-shadow); +} +.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { + color: var(--bs-btn-active-color); + background-color: var(--bs-btn-active-bg); + border-color: var(--bs-btn-active-border-color); + box-shadow: var(--bs-btn-active-shadow); +} +.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { + box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow); +} +.btn-check:checked:focus-visible + .btn { + box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow); +} +.btn:disabled, .btn.disabled, fieldset:disabled .btn { + color: var(--bs-btn-disabled-color); + pointer-events: none; + background-color: var(--bs-btn-disabled-bg); + border-color: var(--bs-btn-disabled-border-color); + opacity: var(--bs-btn-disabled-opacity); + box-shadow: none; +} + +.btn-light { + --bs-btn-color: #000000; + --bs-btn-bg: #F9F9F9; + --bs-btn-border-color: #F9F9F9; + --bs-btn-hover-color: #000000; + --bs-btn-hover-bg: #d4d4d4; + --bs-btn-hover-border-color: #c7c7c7; + --bs-btn-focus-shadow-rgb: 212, 212, 212; + --bs-btn-active-color: #000000; + --bs-btn-active-bg: #c7c7c7; + --bs-btn-active-border-color: #bbbbbb; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000000; + --bs-btn-disabled-bg: #F9F9F9; + --bs-btn-disabled-border-color: #F9F9F9; +} + +.btn-primary { + --bs-btn-color: #000000; + --bs-btn-bg: #1B84FF; + --bs-btn-border-color: #1B84FF; + --bs-btn-hover-color: #000000; + --bs-btn-hover-bg: #3d96ff; + --bs-btn-hover-border-color: #3290ff; + --bs-btn-focus-shadow-rgb: 23, 112, 217; + --bs-btn-active-color: #000000; + --bs-btn-active-bg: #499dff; + --bs-btn-active-border-color: #3290ff; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000000; + --bs-btn-disabled-bg: #1B84FF; + --bs-btn-disabled-border-color: #1B84FF; +} + +.btn-secondary { + --bs-btn-color: #000000; + --bs-btn-bg: #F1F1F4; + --bs-btn-border-color: #F1F1F4; + --bs-btn-hover-color: #000000; + --bs-btn-hover-bg: #f3f3f6; + --bs-btn-hover-border-color: #f2f2f5; + --bs-btn-focus-shadow-rgb: 205, 205, 207; + --bs-btn-active-color: #000000; + --bs-btn-active-bg: #f4f4f6; + --bs-btn-active-border-color: #f2f2f5; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000000; + --bs-btn-disabled-bg: #F1F1F4; + --bs-btn-disabled-border-color: #F1F1F4; +} + +.btn-success { + --bs-btn-color: #000000; + --bs-btn-bg: #17C653; + --bs-btn-border-color: #17C653; + --bs-btn-hover-color: #000000; + --bs-btn-hover-bg: #3acf6d; + --bs-btn-hover-border-color: #2ecc64; + --bs-btn-focus-shadow-rgb: 20, 168, 71; + --bs-btn-active-color: #000000; + --bs-btn-active-bg: #45d175; + --bs-btn-active-border-color: #2ecc64; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000000; + --bs-btn-disabled-bg: #17C653; + --bs-btn-disabled-border-color: #17C653; +} + +.btn-info { + --bs-btn-color: #ffffff; + --bs-btn-bg: #7239EA; + --bs-btn-border-color: #7239EA; + --bs-btn-hover-color: #ffffff; + --bs-btn-hover-bg: #6130c7; + --bs-btn-hover-border-color: #5b2ebb; + --bs-btn-focus-shadow-rgb: 135, 87, 237; + --bs-btn-active-color: #ffffff; + --bs-btn-active-bg: #5b2ebb; + --bs-btn-active-border-color: #562bb0; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #ffffff; + --bs-btn-disabled-bg: #7239EA; + --bs-btn-disabled-border-color: #7239EA; +} + +.btn-warning { + --bs-btn-color: #000000; + --bs-btn-bg: #F6C000; + --bs-btn-border-color: #F6C000; + --bs-btn-hover-color: #000000; + --bs-btn-hover-bg: #f7c926; + --bs-btn-hover-border-color: #f7c61a; + --bs-btn-focus-shadow-rgb: 209, 163, 0; + --bs-btn-active-color: #000000; + --bs-btn-active-bg: #f8cd33; + --bs-btn-active-border-color: #f7c61a; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000000; + --bs-btn-disabled-bg: #F6C000; + --bs-btn-disabled-border-color: #F6C000; +} + +.btn-danger { + --bs-btn-color: #000000; + --bs-btn-bg: #F8285A; + --bs-btn-border-color: #F8285A; + --bs-btn-hover-color: #000000; + --bs-btn-hover-bg: #f94873; + --bs-btn-hover-border-color: #f93e6b; + --bs-btn-focus-shadow-rgb: 211, 34, 77; + --bs-btn-active-color: #000000; + --bs-btn-active-bg: #f9537b; + --bs-btn-active-border-color: #f93e6b; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000000; + --bs-btn-disabled-bg: #F8285A; + --bs-btn-disabled-border-color: #F8285A; +} + +.btn-dark { + --bs-btn-color: #ffffff; + --bs-btn-bg: #1E2129; + --bs-btn-border-color: #1E2129; + --bs-btn-hover-color: #ffffff; + --bs-btn-hover-bg: #404249; + --bs-btn-hover-border-color: #35373e; + --bs-btn-focus-shadow-rgb: 64, 66, 73; + --bs-btn-active-color: #ffffff; + --bs-btn-active-bg: #4b4d54; + --bs-btn-active-border-color: #35373e; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #ffffff; + --bs-btn-disabled-bg: #1E2129; + --bs-btn-disabled-border-color: #1E2129; +} + +.btn-outline-light { + --bs-btn-color: #F9F9F9; + --bs-btn-border-color: #F9F9F9; + --bs-btn-hover-color: #000000; + --bs-btn-hover-bg: #F9F9F9; + --bs-btn-hover-border-color: #F9F9F9; + --bs-btn-focus-shadow-rgb: 249, 249, 249; + --bs-btn-active-color: #000000; + --bs-btn-active-bg: #F9F9F9; + --bs-btn-active-border-color: #F9F9F9; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #F9F9F9; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #F9F9F9; + --bs-gradient: none; +} + +.btn-outline-primary { + --bs-btn-color: #1B84FF; + --bs-btn-border-color: #1B84FF; + --bs-btn-hover-color: #000000; + --bs-btn-hover-bg: #1B84FF; + --bs-btn-hover-border-color: #1B84FF; + --bs-btn-focus-shadow-rgb: 27, 132, 255; + --bs-btn-active-color: #000000; + --bs-btn-active-bg: #1B84FF; + --bs-btn-active-border-color: #1B84FF; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #1B84FF; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #1B84FF; + --bs-gradient: none; +} + +.btn-outline-secondary { + --bs-btn-color: #F1F1F4; + --bs-btn-border-color: #F1F1F4; + --bs-btn-hover-color: #000000; + --bs-btn-hover-bg: #F1F1F4; + --bs-btn-hover-border-color: #F1F1F4; + --bs-btn-focus-shadow-rgb: 241, 241, 244; + --bs-btn-active-color: #000000; + --bs-btn-active-bg: #F1F1F4; + --bs-btn-active-border-color: #F1F1F4; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #F1F1F4; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #F1F1F4; + --bs-gradient: none; +} + +.btn-outline-success { + --bs-btn-color: #17C653; + --bs-btn-border-color: #17C653; + --bs-btn-hover-color: #000000; + --bs-btn-hover-bg: #17C653; + --bs-btn-hover-border-color: #17C653; + --bs-btn-focus-shadow-rgb: 23, 198, 83; + --bs-btn-active-color: #000000; + --bs-btn-active-bg: #17C653; + --bs-btn-active-border-color: #17C653; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #17C653; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #17C653; + --bs-gradient: none; +} + +.btn-outline-info { + --bs-btn-color: #7239EA; + --bs-btn-border-color: #7239EA; + --bs-btn-hover-color: #ffffff; + --bs-btn-hover-bg: #7239EA; + --bs-btn-hover-border-color: #7239EA; + --bs-btn-focus-shadow-rgb: 114, 57, 234; + --bs-btn-active-color: #ffffff; + --bs-btn-active-bg: #7239EA; + --bs-btn-active-border-color: #7239EA; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #7239EA; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #7239EA; + --bs-gradient: none; +} + +.btn-outline-warning { + --bs-btn-color: #F6C000; + --bs-btn-border-color: #F6C000; + --bs-btn-hover-color: #000000; + --bs-btn-hover-bg: #F6C000; + --bs-btn-hover-border-color: #F6C000; + --bs-btn-focus-shadow-rgb: 246, 192, 0; + --bs-btn-active-color: #000000; + --bs-btn-active-bg: #F6C000; + --bs-btn-active-border-color: #F6C000; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #F6C000; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #F6C000; + --bs-gradient: none; +} + +.btn-outline-danger { + --bs-btn-color: #F8285A; + --bs-btn-border-color: #F8285A; + --bs-btn-hover-color: #000000; + --bs-btn-hover-bg: #F8285A; + --bs-btn-hover-border-color: #F8285A; + --bs-btn-focus-shadow-rgb: 248, 40, 90; + --bs-btn-active-color: #000000; + --bs-btn-active-bg: #F8285A; + --bs-btn-active-border-color: #F8285A; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #F8285A; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #F8285A; + --bs-gradient: none; +} + +.btn-outline-dark { + --bs-btn-color: #1E2129; + --bs-btn-border-color: #1E2129; + --bs-btn-hover-color: #ffffff; + --bs-btn-hover-bg: #1E2129; + --bs-btn-hover-border-color: #1E2129; + --bs-btn-focus-shadow-rgb: 30, 33, 41; + --bs-btn-active-color: #ffffff; + --bs-btn-active-bg: #1E2129; + --bs-btn-active-border-color: #1E2129; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #1E2129; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #1E2129; + --bs-gradient: none; +} + +.btn-link { + --bs-btn-font-weight: 400; + --bs-btn-color: var(--bs-link-color); + --bs-btn-bg: transparent; + --bs-btn-border-color: transparent; + --bs-btn-hover-color: var(--bs-link-hover-color); + --bs-btn-hover-border-color: transparent; + --bs-btn-active-color: var(--bs-link-hover-color); + --bs-btn-active-border-color: transparent; + --bs-btn-disabled-color: var(--bs-gray-600); + --bs-btn-disabled-border-color: transparent; + --bs-btn-box-shadow: 0 0 0 #000; + --bs-btn-focus-shadow-rgb: 23, 112, 217; + text-decoration: none; +} +.btn-link:hover, .btn-link:focus-visible { + text-decoration: none; +} +.btn-link:focus-visible { + color: var(--bs-btn-color); +} +.btn-link:hover { + color: var(--bs-btn-hover-color); +} + +.btn-lg, .btn-group-lg > .btn { + --bs-btn-padding-y: 1rem; + --bs-btn-padding-x: 1.75rem; + --bs-btn-font-size: 1.15rem; + --bs-btn-border-radius: 1.15rem; +} + +.btn-sm, .btn-group-sm > .btn { + --bs-btn-padding-y: 0.55rem; + --bs-btn-padding-x: 1rem; + --bs-btn-font-size: 0.95rem; + --bs-btn-border-radius: 0.75rem; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} +.collapsing.collapse-horizontal { + width: 0; + height: auto; + transition: width 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing.collapse-horizontal { + transition: none; + } +} + +.dropup, +.dropend, +.dropdown, +.dropstart, +.dropup-center, +.dropdown-center { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + --bs-dropdown-zindex: 1000; + --bs-dropdown-min-width: 10rem; + --bs-dropdown-padding-x: 0; + --bs-dropdown-padding-y: 0.5rem; + --bs-dropdown-spacer: 0.125rem; + --bs-dropdown-font-size: 1rem; + --bs-dropdown-color: var(--bs-body-color); + --bs-dropdown-bg: var(--bs-body-bg); + --bs-dropdown-border-color: var(--bs-border-color-translucent); + --bs-dropdown-border-radius: 0.95rem; + --bs-dropdown-border-width: 0rem; + --bs-dropdown-inner-border-radius: calc(0.95rem - 0rem); + --bs-dropdown-divider-bg: var(--bs-gray-100); + --bs-dropdown-divider-margin-y: 0.5rem; + --bs-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15); + --bs-dropdown-link-color: var(--bs-gray-900); + --bs-dropdown-link-hover-color: var(--bs-gray-900); + --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); + --bs-dropdown-link-active-color: var(--bs-component-hover-color); + --bs-dropdown-link-active-bg: var(--bs-component-hover-bg); + --bs-dropdown-link-disabled-color: var(--bs-gray-500); + --bs-dropdown-item-padding-x: 0.85rem; + --bs-dropdown-item-padding-y: 0.65rem; + --bs-dropdown-header-color: var(--bs-gray-600); + --bs-dropdown-header-padding-x: 0.85rem; + --bs-dropdown-header-padding-y: 0.5rem; + position: absolute; + z-index: var(--bs-dropdown-zindex); + display: none; + min-width: var(--bs-dropdown-min-width); + padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); + margin: 0; + font-size: var(--bs-dropdown-font-size); + color: var(--bs-dropdown-color); + text-align: left; + list-style: none; + background-color: var(--bs-dropdown-bg); + background-clip: padding-box; + border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); + border-radius: var(--bs-dropdown-border-radius); + box-shadow: var(--bs-dropdown-box-shadow); +} +.dropdown-menu[data-bs-popper] { + top: 100%; + left: 0; + margin-top: var(--bs-dropdown-spacer); +} + +.dropdown-menu-start { + --bs-position: start; +} +.dropdown-menu-start[data-bs-popper] { + right: auto; + left: 0; +} + +.dropdown-menu-end { + --bs-position: end; +} +.dropdown-menu-end[data-bs-popper] { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-start { + --bs-position: start; + } + .dropdown-menu-sm-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-sm-end { + --bs-position: end; + } + .dropdown-menu-sm-end[data-bs-popper] { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-start { + --bs-position: start; + } + .dropdown-menu-md-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-md-end { + --bs-position: end; + } + .dropdown-menu-md-end[data-bs-popper] { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-start { + --bs-position: start; + } + .dropdown-menu-lg-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-lg-end { + --bs-position: end; + } + .dropdown-menu-lg-end[data-bs-popper] { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-start { + --bs-position: start; + } + .dropdown-menu-xl-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-xl-end { + --bs-position: end; + } + .dropdown-menu-xl-end[data-bs-popper] { + right: 0; + left: auto; + } +} +@media (min-width: 1400px) { + .dropdown-menu-xxl-start { + --bs-position: start; + } + .dropdown-menu-xxl-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-xxl-end { + --bs-position: end; + } + .dropdown-menu-xxl-end[data-bs-popper] { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu[data-bs-popper] { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: var(--bs-dropdown-spacer); +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropend .dropdown-menu[data-bs-popper] { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: var(--bs-dropdown-spacer); +} +.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; +} +.dropend .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropend .dropdown-toggle::after { + vertical-align: 0; +} + +.dropstart .dropdown-menu[data-bs-popper] { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: var(--bs-dropdown-spacer); +} +.dropstart .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropstart .dropdown-toggle::after { + display: none; +} +.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; +} +.dropstart .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropstart .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-divider { + height: 0; + margin: var(--bs-dropdown-divider-margin-y) 0; + overflow: hidden; + border-top: 1px solid var(--bs-dropdown-divider-bg); + opacity: 1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); + clear: both; + font-weight: 400; + color: var(--bs-dropdown-link-color); + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; + border-radius: var(--bs-dropdown-item-border-radius, 0); +} +.dropdown-item:hover, .dropdown-item:focus { + color: var(--bs-dropdown-link-hover-color); + background-color: var(--bs-dropdown-link-hover-bg); +} +.dropdown-item.active, .dropdown-item:active { + color: var(--bs-dropdown-link-active-color); + text-decoration: none; + background-color: var(--bs-dropdown-link-active-bg); +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: var(--bs-dropdown-link-disabled-color); + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); + margin-bottom: 0; + font-size: 0.95rem; + color: var(--bs-dropdown-header-color); + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); + color: var(--bs-dropdown-link-color); +} + +.dropdown-menu-dark { + --bs-dropdown-color: #DBDFE9; + --bs-dropdown-bg: #252F4A; + --bs-dropdown-border-color: var(--bs-border-color-translucent); + --bs-dropdown-box-shadow: ; + --bs-dropdown-link-color: #DBDFE9; + --bs-dropdown-link-hover-color: #ffffff; + --bs-dropdown-divider-bg: var(--bs-gray-100); + --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); + --bs-dropdown-link-active-color: var(--bs-component-hover-color); + --bs-dropdown-link-active-bg: var(--bs-component-hover-bg); + --bs-dropdown-link-disabled-color: #99A1B7; + --bs-dropdown-header-color: #99A1B7; +} + +.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-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group { + border-radius: 0.95rem; +} +.btn-group > :not(.btn-check:first-child) + .btn, +.btn-group > .btn-group:not(:first-child) { + margin-left: calc(1px * -1); +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn.dropdown-toggle-split:first-child, +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.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; +} + +.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: 0.75rem; + padding-left: 0.75rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 1.3125rem; + padding-left: 1.3125rem; +} + +.btn-group.show .dropdown-toggle { + box-shadow: none; +} +.btn-group.show .dropdown-toggle.btn-link { + box-shadow: none; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: calc(1px * -1); +} +.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; +} + +.nav { + --bs-nav-link-padding-x: 1rem; + --bs-nav-link-padding-y: 0.5rem; + --bs-nav-link-font-weight: ; + --bs-nav-link-color: var(--bs-link-color); + --bs-nav-link-hover-color: var(--bs-link-hover-color); + --bs-nav-link-disabled-color: var(--bs-secondary-color); + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); + font-size: var(--bs-nav-link-font-size); + font-weight: var(--bs-nav-link-font-weight); + color: var(--bs-nav-link-color); + background: none; + border: 0; + transition: color 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .nav-link { + transition: none; + } +} +.nav-link:hover, .nav-link:focus { + color: var(--bs-nav-link-hover-color); +} +.nav-link:focus-visible { + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(27, 132, 255, 0.25); +} +.nav-link.disabled, .nav-link:disabled { + color: var(--bs-nav-link-disabled-color); + pointer-events: none; + cursor: default; +} + +.nav-tabs { + --bs-nav-tabs-border-width: var(--bs-border-width); + --bs-nav-tabs-border-color: var(--bs-border-color); + --bs-nav-tabs-border-radius: var(--bs-border-radius); + --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); + --bs-nav-tabs-link-active-color: var(--bs-emphasis-color); + --bs-nav-tabs-link-active-bg: var(--bs-body-bg); + --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); + border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); +} +.nav-tabs .nav-link { + margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); + border: var(--bs-nav-tabs-border-width) solid transparent; + border-top-left-radius: var(--bs-nav-tabs-border-radius); + border-top-right-radius: var(--bs-nav-tabs-border-radius); +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + isolation: isolate; + border-color: var(--bs-nav-tabs-link-hover-border-color); +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: var(--bs-nav-tabs-link-active-color); + background-color: var(--bs-nav-tabs-link-active-bg); + border-color: var(--bs-nav-tabs-link-active-border-color); +} +.nav-tabs .dropdown-menu { + margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills { + --bs-nav-pills-border-radius: var(--bs-border-radius); + --bs-nav-pills-link-active-color: #ffffff; + --bs-nav-pills-link-active-bg: #1B84FF; +} +.nav-pills .nav-link { + border-radius: var(--bs-nav-pills-border-radius); +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: var(--bs-nav-pills-link-active-color); + background-color: var(--bs-nav-pills-link-active-bg); +} + +.nav-underline { + --bs-nav-underline-gap: 1rem; + --bs-nav-underline-border-width: 0.125rem; + --bs-nav-underline-link-active-color: var(--bs-emphasis-color); + gap: var(--bs-nav-underline-gap); +} +.nav-underline .nav-link { + padding-right: 0; + padding-left: 0; + border-bottom: var(--bs-nav-underline-border-width) solid transparent; +} +.nav-underline .nav-link:hover, .nav-underline .nav-link:focus { + border-bottom-color: currentcolor; +} +.nav-underline .nav-link.active, +.nav-underline .show > .nav-link { + font-weight: 600; + color: var(--bs-nav-underline-link-active-color); + border-bottom-color: currentcolor; +} + +.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 { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + --bs-navbar-padding-x: 0; + --bs-navbar-padding-y: 0.5rem; + --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); + --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); + --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); + --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); + --bs-navbar-brand-padding-y: 0.44375rem; + --bs-navbar-brand-margin-end: 1rem; + --bs-navbar-brand-font-size: 1.075rem; + --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1); + --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); + --bs-navbar-nav-link-padding-x: 0.5rem; + --bs-navbar-toggler-padding-y: 0.25rem; + --bs-navbar-toggler-padding-x: 0.75rem; + --bs-navbar-toggler-font-size: 1.075rem; + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%287, 20, 55, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); + --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); + --bs-navbar-toggler-border-radius: 0.95rem; + --bs-navbar-toggler-focus-width: 0.25rem; + --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); +} +.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; +} +.navbar-brand { + padding-top: var(--bs-navbar-brand-padding-y); + padding-bottom: var(--bs-navbar-brand-padding-y); + margin-right: var(--bs-navbar-brand-margin-end); + font-size: var(--bs-navbar-brand-font-size); + color: var(--bs-navbar-brand-color); + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + color: var(--bs-navbar-brand-hover-color); +} + +.navbar-nav { + --bs-nav-link-padding-x: 0; + --bs-nav-link-padding-y: 0.5rem; + --bs-nav-link-font-weight: ; + --bs-nav-link-color: var(--bs-navbar-color); + --bs-nav-link-hover-color: var(--bs-navbar-hover-color); + --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { + color: var(--bs-navbar-active-color); +} +.navbar-nav .dropdown-menu { + position: static; +} + +.navbar-text { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + color: var(--bs-navbar-color); +} +.navbar-text a, +.navbar-text a:hover, +.navbar-text a:focus { + color: var(--bs-navbar-active-color); +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); + font-size: var(--bs-navbar-toggler-font-size); + line-height: 1; + color: var(--bs-navbar-color); + background-color: transparent; + border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); + border-radius: var(--bs-navbar-toggler-border-radius); + transition: var(--bs-navbar-toggler-transition); +} +@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 var(--bs-navbar-toggler-focus-width); +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + background-image: var(--bs-navbar-toggler-icon-bg); + background-repeat: no-repeat; + background-position: center; + background-size: 100%; +} + +.navbar-nav-scroll { + max-height: var(--bs-scroll-height, 75vh); + overflow-y: auto; +} + +@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: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .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; + } + .navbar-expand-sm .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + box-shadow: none; + transition: none; + } + .navbar-expand-sm .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-sm .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@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: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .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; + } + .navbar-expand-md .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + box-shadow: none; + transition: none; + } + .navbar-expand-md .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-md .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@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: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .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; + } + .navbar-expand-lg .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + box-shadow: none; + transition: none; + } + .navbar-expand-lg .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-lg .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@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: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .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; + } + .navbar-expand-xl .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + box-shadow: none; + transition: none; + } + .navbar-expand-xl .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-xl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@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: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .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; + } + .navbar-expand-xxl .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + box-shadow: none; + transition: none; + } + .navbar-expand-xxl .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-xxl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +.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: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); +} +.navbar-expand .navbar-nav-scroll { + overflow: visible; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} +.navbar-expand .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + box-shadow: none; + transition: none; +} +.navbar-expand .offcanvas .offcanvas-header { + display: none; +} +.navbar-expand .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; +} + +.navbar-dark, +.navbar[data-bs-theme=dark] { + --bs-navbar-color: rgba(255, 255, 255, 0.55); + --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); + --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); + --bs-navbar-active-color: #ffffff; + --bs-navbar-brand-color: #ffffff; + --bs-navbar-brand-hover-color: #ffffff; + --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); + --bs-navbar-toggler-icon-bg: 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.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} + +[data-bs-theme=dark] .navbar-toggler-icon { + --bs-navbar-toggler-icon-bg: 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.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} + +.card { + --bs-card-spacer-y: 1rem; + --bs-card-spacer-x: 1rem; + --bs-card-title-spacer-y: 0.5rem; + --bs-card-title-color: var(--bs-gray-900); + --bs-card-subtitle-color: ; + --bs-card-border-width: 1px; + --bs-card-border-color: #F1F1F4; + --bs-card-border-radius: 1.5rem; + --bs-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03); + --bs-card-inner-border-radius: calc(1.5rem - 1px); + --bs-card-cap-padding-y: 0.5rem; + --bs-card-cap-padding-x: 1rem; + --bs-card-cap-bg: transparent; + --bs-card-cap-color: ; + --bs-card-height: ; + --bs-card-color: ; + --bs-card-bg: var(--bs-body-bg); + --bs-card-img-overlay-padding: 1rem; + --bs-card-group-margin: 0.75rem; + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + height: var(--bs-card-height); + color: var(--bs-body-color); + word-wrap: break-word; + background-color: var(--bs-card-bg); + background-clip: border-box; + border: var(--bs-card-border-width) solid var(--bs-card-border-color); + border-radius: var(--bs-card-border-radius); + box-shadow: var(--bs-card-box-shadow); +} +.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: var(--bs-card-inner-border-radius); + border-top-right-radius: var(--bs-card-inner-border-radius); +} +.card > .list-group:last-child { + border-bottom-width: 0; + border-bottom-right-radius: var(--bs-card-inner-border-radius); + border-bottom-left-radius: var(--bs-card-inner-border-radius); +} +.card > .card-header + .list-group, +.card > .list-group + .card-footer { + border-top: 0; +} + +.card-body { + flex: 1 1 auto; + padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); + color: var(--bs-card-color); +} + +.card-title { + margin-bottom: var(--bs-card-title-spacer-y); + color: var(--bs-card-title-color); +} + +.card-subtitle { + margin-top: calc(-0.5 * var(--bs-card-title-spacer-y)); + margin-bottom: 0; + color: var(--bs-card-subtitle-color); +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link + .card-link { + margin-left: var(--bs-card-spacer-x); +} + +.card-header { + padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); + margin-bottom: 0; + color: var(--bs-card-cap-color); + background-color: var(--bs-card-cap-bg); + border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); +} +.card-header:first-child { + border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; +} + +.card-footer { + padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); + color: var(--bs-card-cap-color); + background-color: var(--bs-card-cap-bg); + border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); +} +.card-footer:last-child { + border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); +} + +.card-header-tabs { + margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); + margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); + margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); + border-bottom: 0; +} +.card-header-tabs .nav-link.active { + background-color: var(--bs-card-bg); + border-bottom-color: var(--bs-card-bg); +} + +.card-header-pills { + margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); + margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: var(--bs-card-img-overlay-padding); + border-radius: var(--bs-card-inner-border-radius); +} + +.card-img, +.card-img-top, +.card-img-bottom { + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: var(--bs-card-inner-border-radius); + border-top-right-radius: var(--bs-card-inner-border-radius); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: var(--bs-card-inner-border-radius); + border-bottom-left-radius: var(--bs-card-inner-border-radius); +} + +.card-group > .card { + margin-bottom: var(--bs-card-group-margin); +} +@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; + } +} + +.accordion { + --bs-accordion-color: var(--bs-body-color); + --bs-accordion-bg: var(--bs-body-bg); + --bs-accordion-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, border-radius 0.15s ease; + --bs-accordion-border-color: var(--bs-border-color); + --bs-accordion-border-width: var(--bs-border-width); + --bs-accordion-border-radius: 0.95rem; + --bs-accordion-inner-border-radius: calc(0.95rem - (var(--bs-border-width))); + --bs-accordion-btn-padding-x: 1.5rem; + --bs-accordion-btn-padding-y: 1.5rem; + --bs-accordion-btn-color: var(--bs-body-color); + --bs-accordion-btn-bg: var(--bs-body-bg); + --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23071437'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + --bs-accordion-btn-icon-width: 1.15rem; + --bs-accordion-btn-icon-transform: rotate(-180deg); + --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; + --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231B84FF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + --bs-accordion-btn-focus-box-shadow: none; + --bs-accordion-body-padding-x: 1.5rem; + --bs-accordion-body-padding-y: 1.5rem; + --bs-accordion-active-color: var(--bs-primary); + --bs-accordion-active-bg: var(--bs-gray-100); +} + +.accordion-button { + position: relative; + display: flex; + align-items: center; + width: 100%; + padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); + font-size: 1rem; + color: var(--bs-accordion-btn-color); + text-align: left; + background-color: var(--bs-accordion-btn-bg); + border: 0; + border-radius: 0; + overflow-anchor: none; + transition: var(--bs-accordion-transition); +} +@media (prefers-reduced-motion: reduce) { + .accordion-button { + transition: none; + } +} +.accordion-button:not(.collapsed) { + color: var(--bs-accordion-active-color); + background-color: var(--bs-accordion-active-bg); + box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); +} +.accordion-button:not(.collapsed)::after { + background-image: var(--bs-accordion-btn-active-icon); + transform: var(--bs-accordion-btn-icon-transform); +} +.accordion-button::after { + flex-shrink: 0; + width: var(--bs-accordion-btn-icon-width); + height: var(--bs-accordion-btn-icon-width); + margin-left: auto; + content: ""; + background-image: var(--bs-accordion-btn-icon); + background-repeat: no-repeat; + background-size: var(--bs-accordion-btn-icon-width); + transition: var(--bs-accordion-btn-icon-transition); +} +@media (prefers-reduced-motion: reduce) { + .accordion-button::after { + transition: none; + } +} +.accordion-button:hover { + z-index: 2; +} +.accordion-button:focus { + z-index: 3; + outline: 0; + box-shadow: var(--bs-accordion-btn-focus-box-shadow); +} + +.accordion-header { + margin-bottom: 0; +} + +.accordion-item { + color: var(--bs-accordion-color); + background-color: var(--bs-accordion-bg); + border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); +} +.accordion-item:first-of-type { + border-top-left-radius: var(--bs-accordion-border-radius); + border-top-right-radius: var(--bs-accordion-border-radius); +} +.accordion-item:first-of-type > .accordion-header .accordion-button { + border-top-left-radius: var(--bs-accordion-inner-border-radius); + border-top-right-radius: var(--bs-accordion-inner-border-radius); +} +.accordion-item:not(:first-of-type) { + border-top: 0; +} +.accordion-item:last-of-type { + border-bottom-right-radius: var(--bs-accordion-border-radius); + border-bottom-left-radius: var(--bs-accordion-border-radius); +} +.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { + border-bottom-right-radius: var(--bs-accordion-inner-border-radius); + border-bottom-left-radius: var(--bs-accordion-inner-border-radius); +} +.accordion-item:last-of-type > .accordion-collapse { + border-bottom-right-radius: var(--bs-accordion-border-radius); + border-bottom-left-radius: var(--bs-accordion-border-radius); +} + +.accordion-body { + padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); +} + +.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-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed { + border-radius: 0; +} +.accordion-flush > .accordion-item > .accordion-collapse { + border-radius: 0; +} + +[data-bs-theme=dark] .accordion-button::after { + --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F5F5F5'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23006AE6'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); +} + +.breadcrumb { + --bs-breadcrumb-padding-x: 0; + --bs-breadcrumb-padding-y: 0; + --bs-breadcrumb-margin-bottom: 1rem; + --bs-breadcrumb-bg: ; + --bs-breadcrumb-border-radius: ; + --bs-breadcrumb-divider-color: var(--bs-gray-600); + --bs-breadcrumb-item-padding-x: 0.5rem; + --bs-breadcrumb-item-active-color: var(--bs-primary); + display: flex; + flex-wrap: wrap; + padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); + margin-bottom: var(--bs-breadcrumb-margin-bottom); + font-size: var(--bs-breadcrumb-font-size); + list-style: none; + background-color: var(--bs-breadcrumb-bg); + border-radius: var(--bs-breadcrumb-border-radius); +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: var(--bs-breadcrumb-item-padding-x); +} +.breadcrumb-item + .breadcrumb-item::before { + float: left; + padding-right: var(--bs-breadcrumb-item-padding-x); + color: var(--bs-breadcrumb-divider-color); + content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; +} +.breadcrumb-item.active { + color: var(--bs-breadcrumb-item-active-color); +} + +.pagination { + --bs-pagination-padding-x: 0.75rem; + --bs-pagination-padding-y: 0.375rem; + --bs-pagination-font-size: 1.075rem; + --bs-pagination-color: var(--bs-gray-700); + --bs-pagination-bg: transparent; + --bs-pagination-border-width: 0; + --bs-pagination-border-color: transparent; + --bs-pagination-border-radius: 0.95rem; + --bs-pagination-hover-color: var(--bs-component-hover-color); + --bs-pagination-hover-bg: var(--bs-component-hover-bg); + --bs-pagination-hover-border-color: transparent; + --bs-pagination-focus-color: var(--bs-component-hover-color); + --bs-pagination-focus-bg: var(--bs-component-hover-bg); + --bs-pagination-focus-box-shadow: none; + --bs-pagination-active-color: var(--bs-component-active-color); + --bs-pagination-active-bg: var(--bs-component-active-bg); + --bs-pagination-active-border-color: transparent; + --bs-pagination-disabled-color: var(--bs-gray-400); + --bs-pagination-disabled-bg: transparent; + --bs-pagination-disabled-border-color: transparent; + display: flex; + padding-left: 0; + list-style: none; +} + +.page-link { + position: relative; + display: block; + padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); + font-size: var(--bs-pagination-font-size); + color: var(--bs-pagination-color); + background-color: var(--bs-pagination-bg); + border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); + 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: var(--bs-pagination-hover-color); + background-color: var(--bs-pagination-hover-bg); + border-color: var(--bs-pagination-hover-border-color); +} +.page-link:focus { + z-index: 3; + color: var(--bs-pagination-focus-color); + background-color: var(--bs-pagination-focus-bg); + outline: 0; + box-shadow: var(--bs-pagination-focus-box-shadow); +} +.page-link.active, .active > .page-link { + z-index: 3; + color: var(--bs-pagination-active-color); + background-color: var(--bs-pagination-active-bg); + border-color: var(--bs-pagination-active-border-color); +} +.page-link.disabled, .disabled > .page-link { + color: var(--bs-pagination-disabled-color); + pointer-events: none; + background-color: var(--bs-pagination-disabled-bg); + border-color: var(--bs-pagination-disabled-border-color); +} + +.page-item:not(:first-child) .page-link { + margin-left: calc(0 * -1); +} +.page-item:first-child .page-link { + border-top-left-radius: var(--bs-pagination-border-radius); + border-bottom-left-radius: var(--bs-pagination-border-radius); +} +.page-item:last-child .page-link { + border-top-right-radius: var(--bs-pagination-border-radius); + border-bottom-right-radius: var(--bs-pagination-border-radius); +} + +.pagination-lg { + --bs-pagination-padding-x: 1.5rem; + --bs-pagination-padding-y: 0.75rem; + --bs-pagination-font-size: 1.075rem; + --bs-pagination-border-radius: var(--bs-border-radius-lg); +} + +.pagination-sm { + --bs-pagination-padding-x: 0.5rem; + --bs-pagination-padding-y: 0.25rem; + --bs-pagination-font-size: 0.95rem; + --bs-pagination-border-radius: var(--bs-border-radius-sm); +} + +.badge { + --bs-badge-padding-x: 0.5rem; + --bs-badge-padding-y: 0.325rem; + --bs-badge-font-size: 0.85rem; + --bs-badge-font-weight: 600; + --bs-badge-color: var(--bs-body-color); + --bs-badge-border-radius: 0.425rem; + display: inline-block; + padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); + font-size: var(--bs-badge-font-size); + font-weight: var(--bs-badge-font-weight); + line-height: 1; + color: var(--bs-badge-color); + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: var(--bs-badge-border-radius); +} +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.alert { + --bs-alert-bg: transparent; + --bs-alert-padding-x: 1rem; + --bs-alert-padding-y: 1rem; + --bs-alert-margin-bottom: 1rem; + --bs-alert-color: inherit; + --bs-alert-border-color: transparent; + --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); + --bs-alert-border-radius: var(--bs-border-radius); + --bs-alert-link-color: inherit; + position: relative; + padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); + margin-bottom: var(--bs-alert-margin-bottom); + color: var(--bs-alert-color); + background-color: var(--bs-alert-bg); + border: var(--bs-alert-border); + border-radius: var(--bs-alert-border-radius); +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 600; + color: var(--bs-alert-link-color); +} + +.alert-dismissible { + padding-right: 3rem; +} +.alert-dismissible .btn-close { + position: absolute; + top: 0; + right: 0; + z-index: 2; + padding: 1.25rem 1rem; +} + +.alert-light { + --bs-alert-color: var(--bs-light-text-emphasis); + --bs-alert-bg: var(--bs-light-bg-subtle); + --bs-alert-border-color: var(--bs-light-border-subtle); + --bs-alert-link-color: var(--bs-light-text-emphasis); +} + +.alert-primary { + --bs-alert-color: var(--bs-primary-text-emphasis); + --bs-alert-bg: var(--bs-primary-bg-subtle); + --bs-alert-border-color: var(--bs-primary-border-subtle); + --bs-alert-link-color: var(--bs-primary-text-emphasis); +} + +.alert-secondary { + --bs-alert-color: var(--bs-secondary-text-emphasis); + --bs-alert-bg: var(--bs-secondary-bg-subtle); + --bs-alert-border-color: var(--bs-secondary-border-subtle); + --bs-alert-link-color: var(--bs-secondary-text-emphasis); +} + +.alert-success { + --bs-alert-color: var(--bs-success-text-emphasis); + --bs-alert-bg: var(--bs-success-bg-subtle); + --bs-alert-border-color: var(--bs-success-border-subtle); + --bs-alert-link-color: var(--bs-success-text-emphasis); +} + +.alert-info { + --bs-alert-color: var(--bs-info-text-emphasis); + --bs-alert-bg: var(--bs-info-bg-subtle); + --bs-alert-border-color: var(--bs-info-border-subtle); + --bs-alert-link-color: var(--bs-info-text-emphasis); +} + +.alert-warning { + --bs-alert-color: var(--bs-warning-text-emphasis); + --bs-alert-bg: var(--bs-warning-bg-subtle); + --bs-alert-border-color: var(--bs-warning-border-subtle); + --bs-alert-link-color: var(--bs-warning-text-emphasis); +} + +.alert-danger { + --bs-alert-color: var(--bs-danger-text-emphasis); + --bs-alert-bg: var(--bs-danger-bg-subtle); + --bs-alert-border-color: var(--bs-danger-border-subtle); + --bs-alert-link-color: var(--bs-danger-text-emphasis); +} + +.alert-dark { + --bs-alert-color: var(--bs-dark-text-emphasis); + --bs-alert-bg: var(--bs-dark-bg-subtle); + --bs-alert-border-color: var(--bs-dark-border-subtle); + --bs-alert-link-color: var(--bs-dark-text-emphasis); +} + +@keyframes progress-bar-stripes { + 0% { + background-position-x: 1rem; + } +} +.progress, +.progress-stacked { + --bs-progress-height: 1rem; + --bs-progress-font-size: 0.75rem; + --bs-progress-bg: var(--bs-gray-100); + --bs-progress-border-radius: 6px; + --bs-progress-box-shadow: none; + --bs-progress-bar-color: #ffffff; + --bs-progress-bar-bg: #1B84FF; + --bs-progress-bar-transition: width 0.6s ease; + display: flex; + height: var(--bs-progress-height); + overflow: hidden; + font-size: var(--bs-progress-font-size); + background-color: var(--bs-progress-bg); + border-radius: var(--bs-progress-border-radius); + box-shadow: var(--bs-progress-box-shadow); +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: var(--bs-progress-bar-color); + text-align: center; + white-space: nowrap; + background-color: var(--bs-progress-bar-bg); + transition: var(--bs-progress-bar-transition); +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: var(--bs-progress-height) var(--bs-progress-height); +} + +.progress-stacked > .progress { + overflow: visible; +} + +.progress-stacked > .progress > .progress-bar { + width: 100%; +} + +.progress-bar-animated { + animation: 1s linear infinite progress-bar-stripes; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.list-group { + --bs-list-group-color: var(--bs-gray-900); + --bs-list-group-bg: var(--bs-light); + --bs-list-group-border-color: var(--bs-gray-200); + --bs-list-group-border-width: var(--bs-border-width); + --bs-list-group-border-radius: var(--bs-border-radius); + --bs-list-group-item-padding-x: 1rem; + --bs-list-group-item-padding-y: 0.5rem; + --bs-list-group-action-color: var(--bs-gray-700); + --bs-list-group-action-hover-color: var(--bs-gray-700); + --bs-list-group-action-hover-bg: var(--bs-gray-100); + --bs-list-group-action-active-color: var(--bs-body-color); + --bs-list-group-action-active-bg: var(--bs-gray-200); + --bs-list-group-disabled-color: var(--bs-gray-600); + --bs-list-group-disabled-bg: var(--bs-light); + --bs-list-group-active-color: var(--bs-component-active-color); + --bs-list-group-active-bg: var(--bs-component-active-bg); + --bs-list-group-active-border-color: var(--bs-component-active-bg); + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + border-radius: var(--bs-list-group-border-radius); +} + +.list-group-numbered { + list-style-type: none; + counter-reset: section; +} +.list-group-numbered > .list-group-item::before { + content: counters(section, ".") ". "; + counter-increment: section; +} + +.list-group-item-action { + width: 100%; + color: var(--bs-list-group-action-color); + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: var(--bs-list-group-action-hover-color); + text-decoration: none; + background-color: var(--bs-list-group-action-hover-bg); +} +.list-group-item-action:active { + color: var(--bs-list-group-action-active-color); + background-color: var(--bs-list-group-action-active-bg); +} + +.list-group-item { + position: relative; + display: block; + padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); + color: var(--bs-list-group-color); + background-color: var(--bs-list-group-bg); + border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); +} +.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: var(--bs-list-group-disabled-color); + pointer-events: none; + background-color: var(--bs-list-group-disabled-bg); +} +.list-group-item.active { + z-index: 2; + color: var(--bs-list-group-active-color); + background-color: var(--bs-list-group-active-bg); + border-color: var(--bs-list-group-active-border-color); +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: calc(-1 * var(--bs-list-group-border-width)); + border-top-width: var(--bs-list-group-border-width); +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; +} +.list-group-horizontal > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + 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: var(--bs-list-group-border-width); + border-left-width: 0; +} +.list-group-horizontal > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + 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: var(--bs-list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-sm > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + 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: var(--bs-list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-md > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + 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: var(--bs-list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-lg > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + 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: var(--bs-list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-xl > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); + } +} +@media (min-width: 1400px) { + .list-group-horizontal-xxl { + flex-direction: row; + } + .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + 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: var(--bs-list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); + } +} +.list-group-flush { + border-radius: 0; +} +.list-group-flush > .list-group-item { + border-width: 0 0 var(--bs-list-group-border-width); +} +.list-group-flush > .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-light { + --bs-list-group-color: var(--bs-light-text-emphasis); + --bs-list-group-bg: var(--bs-light-bg-subtle); + --bs-list-group-border-color: var(--bs-light-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-light-border-subtle); + --bs-list-group-active-color: var(--bs-light-bg-subtle); + --bs-list-group-active-bg: var(--bs-light-text-emphasis); + --bs-list-group-active-border-color: var(--bs-light-text-emphasis); +} + +.list-group-item-primary { + --bs-list-group-color: var(--bs-primary-text-emphasis); + --bs-list-group-bg: var(--bs-primary-bg-subtle); + --bs-list-group-border-color: var(--bs-primary-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-primary-border-subtle); + --bs-list-group-active-color: var(--bs-primary-bg-subtle); + --bs-list-group-active-bg: var(--bs-primary-text-emphasis); + --bs-list-group-active-border-color: var(--bs-primary-text-emphasis); +} + +.list-group-item-secondary { + --bs-list-group-color: var(--bs-secondary-text-emphasis); + --bs-list-group-bg: var(--bs-secondary-bg-subtle); + --bs-list-group-border-color: var(--bs-secondary-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle); + --bs-list-group-active-color: var(--bs-secondary-bg-subtle); + --bs-list-group-active-bg: var(--bs-secondary-text-emphasis); + --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis); +} + +.list-group-item-success { + --bs-list-group-color: var(--bs-success-text-emphasis); + --bs-list-group-bg: var(--bs-success-bg-subtle); + --bs-list-group-border-color: var(--bs-success-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-success-border-subtle); + --bs-list-group-active-color: var(--bs-success-bg-subtle); + --bs-list-group-active-bg: var(--bs-success-text-emphasis); + --bs-list-group-active-border-color: var(--bs-success-text-emphasis); +} + +.list-group-item-info { + --bs-list-group-color: var(--bs-info-text-emphasis); + --bs-list-group-bg: var(--bs-info-bg-subtle); + --bs-list-group-border-color: var(--bs-info-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-info-border-subtle); + --bs-list-group-active-color: var(--bs-info-bg-subtle); + --bs-list-group-active-bg: var(--bs-info-text-emphasis); + --bs-list-group-active-border-color: var(--bs-info-text-emphasis); +} + +.list-group-item-warning { + --bs-list-group-color: var(--bs-warning-text-emphasis); + --bs-list-group-bg: var(--bs-warning-bg-subtle); + --bs-list-group-border-color: var(--bs-warning-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-warning-border-subtle); + --bs-list-group-active-color: var(--bs-warning-bg-subtle); + --bs-list-group-active-bg: var(--bs-warning-text-emphasis); + --bs-list-group-active-border-color: var(--bs-warning-text-emphasis); +} + +.list-group-item-danger { + --bs-list-group-color: var(--bs-danger-text-emphasis); + --bs-list-group-bg: var(--bs-danger-bg-subtle); + --bs-list-group-border-color: var(--bs-danger-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-danger-border-subtle); + --bs-list-group-active-color: var(--bs-danger-bg-subtle); + --bs-list-group-active-bg: var(--bs-danger-text-emphasis); + --bs-list-group-active-border-color: var(--bs-danger-text-emphasis); +} + +.list-group-item-dark { + --bs-list-group-color: var(--bs-dark-text-emphasis); + --bs-list-group-bg: var(--bs-dark-bg-subtle); + --bs-list-group-border-color: var(--bs-dark-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-dark-border-subtle); + --bs-list-group-active-color: var(--bs-dark-bg-subtle); + --bs-list-group-active-bg: var(--bs-dark-text-emphasis); + --bs-list-group-active-border-color: var(--bs-dark-text-emphasis); +} + +.btn-close { + --bs-btn-close-color: #000000; + --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); + --bs-btn-close-opacity: 0.5; + --bs-btn-close-hover-opacity: 0.75; + --bs-btn-close-focus-shadow: none; + --bs-btn-close-focus-opacity: 1; + --bs-btn-close-disabled-opacity: 0.25; + --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); + box-sizing: content-box; + width: 0.75rem; + height: 0.75rem; + padding: 0.25em 0.25em; + color: var(--bs-btn-close-color); + background: transparent var(--bs-btn-close-bg) center/0.75rem auto no-repeat; + border: 0; + border-radius: 0.95rem; + opacity: var(--bs-btn-close-opacity); +} +.btn-close:hover { + color: var(--bs-btn-close-color); + text-decoration: none; + opacity: var(--bs-btn-close-hover-opacity); +} +.btn-close:focus { + outline: 0; + box-shadow: var(--bs-btn-close-focus-shadow); + opacity: var(--bs-btn-close-focus-opacity); +} +.btn-close:disabled, .btn-close.disabled { + pointer-events: none; + user-select: none; + opacity: var(--bs-btn-close-disabled-opacity); +} + +.btn-close-white { + filter: var(--bs-btn-close-white-filter); +} + +[data-bs-theme=dark] .btn-close { + filter: var(--bs-btn-close-white-filter); +} + +.toast { + --bs-toast-zindex: 1090; + --bs-toast-padding-x: 0.75rem; + --bs-toast-padding-y: 0.5rem; + --bs-toast-spacing: 1.5rem; + --bs-toast-max-width: 350px; + --bs-toast-font-size: 0.875rem; + --bs-toast-color: var(--bs-gray-700); + --bs-toast-bg: var(--bs-body-bg); + --bs-toast-border-width: var(--bs-border-width); + --bs-toast-border-color: transparent; + --bs-toast-border-radius: var(--bs-border-radius); + --bs-toast-box-shadow: var(--bs-box-shadow); + --bs-toast-header-color: var(--bs-gray-700); + --bs-toast-header-bg: var(--bs-body-bg); + --bs-toast-header-border-color: var(--bs-border-color); + width: var(--bs-toast-max-width); + max-width: 100%; + font-size: var(--bs-toast-font-size); + color: var(--bs-toast-color); + pointer-events: auto; + background-color: var(--bs-toast-bg); + background-clip: padding-box; + border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); + box-shadow: var(--bs-toast-box-shadow); + border-radius: var(--bs-toast-border-radius); +} +.toast.showing { + opacity: 0; +} +.toast:not(.show) { + display: none; +} + +.toast-container { + --bs-toast-zindex: 1090; + position: absolute; + z-index: var(--bs-toast-zindex); + width: max-content; + max-width: 100%; + pointer-events: none; +} +.toast-container > :not(:last-child) { + margin-bottom: var(--bs-toast-spacing); +} + +.toast-header { + display: flex; + align-items: center; + padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); + color: var(--bs-toast-header-color); + background-color: var(--bs-toast-header-bg); + background-clip: padding-box; + border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); + border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); + border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); +} +.toast-header .btn-close { + margin-right: calc(-0.5 * var(--bs-toast-padding-x)); + margin-left: var(--bs-toast-padding-x); +} + +.toast-body { + padding: var(--bs-toast-padding-x); + word-wrap: break-word; +} + +.modal { + --bs-modal-zindex: 1055; + --bs-modal-width: 500px; + --bs-modal-padding: 1.75rem; + --bs-modal-margin: 0.5rem; + --bs-modal-color: ; + --bs-modal-bg: var(--bs-body-bg); + --bs-modal-border-color: var(--bs-border-color-translucent); + --bs-modal-border-width: 0; + --bs-modal-border-radius: 0.95rem; + --bs-modal-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1); + --bs-modal-inner-border-radius: 0.95rem; + --bs-modal-header-padding-x: 1.75rem; + --bs-modal-header-padding-y: 1.75rem; + --bs-modal-header-padding: 1.75rem 1.75rem; + --bs-modal-header-border-color: var(--bs-border-color); + --bs-modal-header-border-width: 1px; + --bs-modal-title-line-height: 1.5; + --bs-modal-footer-gap: 0.5rem; + --bs-modal-footer-bg: ; + --bs-modal-footer-border-color: var(--bs-border-color); + --bs-modal-footer-border-width: 1px; + position: fixed; + top: 0; + left: 0; + z-index: var(--bs-modal-zindex); + display: none; + width: 100%; + height: 100%; + overflow-x: hidden; + overflow-y: auto; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: var(--bs-modal-margin); + 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% - var(--bs-modal-margin) * 2); +} +.modal-dialog-scrollable .modal-content { + max-height: 100%; + overflow: hidden; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - var(--bs-modal-margin) * 2); +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + color: var(--bs-modal-color); + pointer-events: auto; + background-color: var(--bs-modal-bg); + background-clip: padding-box; + border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); + border-radius: var(--bs-modal-border-radius); + box-shadow: var(--bs-modal-box-shadow); + outline: 0; +} + +.modal-backdrop { + --bs-backdrop-zindex: 1050; + --bs-backdrop-bg: #000000; + --bs-backdrop-opacity: 0.4; + position: fixed; + top: 0; + left: 0; + z-index: var(--bs-backdrop-zindex); + width: 100vw; + height: 100vh; + background-color: var(--bs-backdrop-bg); +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: var(--bs-backdrop-opacity); +} + +.modal-header { + display: flex; + flex-shrink: 0; + align-items: center; + padding: var(--bs-modal-header-padding); + border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); + border-top-left-radius: var(--bs-modal-inner-border-radius); + border-top-right-radius: var(--bs-modal-inner-border-radius); +} +.modal-header .btn-close { + padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); + margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto; +} + +.modal-title { + margin-bottom: 0; + line-height: var(--bs-modal-title-line-height); +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: var(--bs-modal-padding); +} + +.modal-footer { + display: flex; + flex-shrink: 0; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); + background-color: var(--bs-modal-footer-bg); + border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); + border-bottom-right-radius: var(--bs-modal-inner-border-radius); + border-bottom-left-radius: var(--bs-modal-inner-border-radius); +} +.modal-footer > * { + margin: calc(var(--bs-modal-footer-gap) * 0.5); +} + +@media (min-width: 576px) { + .modal { + --bs-modal-margin: 1.75rem; + --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); + } + .modal-dialog { + max-width: var(--bs-modal-width); + margin-right: auto; + margin-left: auto; + } + .modal-sm { + --bs-modal-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, + .modal-xl { + --bs-modal-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + --bs-modal-width: 1140px; + } +} +.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, +.modal-fullscreen .modal-footer { + border-radius: 0; +} +.modal-fullscreen .modal-body { + overflow-y: auto; +} + +@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, + .modal-fullscreen-sm-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-sm-down .modal-body { + overflow-y: 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, + .modal-fullscreen-md-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-md-down .modal-body { + overflow-y: auto; + } +} +@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, + .modal-fullscreen-lg-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-lg-down .modal-body { + overflow-y: auto; + } +} +@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, + .modal-fullscreen-xl-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-xl-down .modal-body { + overflow-y: auto; + } +} +@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, + .modal-fullscreen-xxl-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-xxl-down .modal-body { + overflow-y: auto; + } +} +.tooltip { + --bs-tooltip-zindex: 1080; + --bs-tooltip-max-width: 200px; + --bs-tooltip-padding-x: 1rem; + --bs-tooltip-padding-y: 0.75rem; + --bs-tooltip-margin: 0; + --bs-tooltip-font-size: 1rem; + --bs-tooltip-color: var(--bs-gray-800); + --bs-tooltip-bg: var(--bs-body-bg); + --bs-tooltip-border-radius: 0.95rem; + --bs-tooltip-opacity: 1; + --bs-tooltip-arrow-width: 0.8rem; + --bs-tooltip-arrow-height: 0.4rem; + z-index: var(--bs-tooltip-zindex); + display: block; + margin: var(--bs-tooltip-margin); + 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; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--bs-tooltip-font-size); + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: var(--bs-tooltip-opacity); +} +.tooltip .tooltip-arrow { + display: block; + width: var(--bs-tooltip-arrow-width); + height: var(--bs-tooltip-arrow-height); +} +.tooltip .tooltip-arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { + bottom: calc(-1 * var(--bs-tooltip-arrow-height)); +} +.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { + top: -1px; + border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; + border-top-color: var(--bs-tooltip-bg); +} + +/* rtl:begin:ignore */ +.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { + left: calc(-1 * var(--bs-tooltip-arrow-height)); + width: var(--bs-tooltip-arrow-height); + height: var(--bs-tooltip-arrow-width); +} +.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { + right: -1px; + border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; + border-right-color: var(--bs-tooltip-bg); +} + +/* rtl:end:ignore */ +.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { + top: calc(-1 * var(--bs-tooltip-arrow-height)); +} +.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { + bottom: -1px; + border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); + border-bottom-color: var(--bs-tooltip-bg); +} + +/* rtl:begin:ignore */ +.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { + right: calc(-1 * var(--bs-tooltip-arrow-height)); + width: var(--bs-tooltip-arrow-height); + height: var(--bs-tooltip-arrow-width); +} +.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { + left: -1px; + border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); + border-left-color: var(--bs-tooltip-bg); +} + +/* rtl:end:ignore */ +.tooltip-inner { + max-width: var(--bs-tooltip-max-width); + padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); + color: var(--bs-tooltip-color); + text-align: center; + background-color: var(--bs-tooltip-bg); + border-radius: var(--bs-tooltip-border-radius); +} + +.popover { + --bs-popover-zindex: 1070; + --bs-popover-max-width: 276px; + --bs-popover-font-size: 1rem; + --bs-popover-bg: #ffffff; + --bs-popover-border-width: var(--bs-border-width); + --bs-popover-border-color: #ffffff; + --bs-popover-border-radius: 0.95rem; + --bs-popover-inner-border-radius: 0.95rem; + --bs-popover-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15); + --bs-popover-header-padding-x: 1.25rem; + --bs-popover-header-padding-y: 1rem; + --bs-popover-header-font-size: 1rem; + --bs-popover-header-color: var(--bs-gray-800); + --bs-popover-header-bg: #ffffff; + --bs-popover-body-padding-x: 1.25rem; + --bs-popover-body-padding-y: 1.25rem; + --bs-popover-body-color: var(--bs-gray-800); + --bs-popover-arrow-width: 1rem; + --bs-popover-arrow-height: 0.5rem; + --bs-popover-arrow-border: var(--bs-popover-border-color); + z-index: var(--bs-popover-zindex); + display: block; + max-width: var(--bs-popover-max-width); + 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; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--bs-popover-font-size); + word-wrap: break-word; + background-color: var(--bs-popover-bg); + background-clip: padding-box; + border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); + border-radius: var(--bs-popover-border-radius); + box-shadow: var(--bs-popover-box-shadow); +} +.popover .popover-arrow { + display: block; + width: var(--bs-popover-arrow-width); + height: var(--bs-popover-arrow-height); +} +.popover .popover-arrow::before, .popover .popover-arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; + border-width: 0; +} + +.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { + bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); +} +.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { + border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; +} +.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { + bottom: 0; + border-top-color: var(--bs-popover-arrow-border); +} +.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { + bottom: var(--bs-popover-border-width); + border-top-color: var(--bs-popover-bg); +} + +/* rtl:begin:ignore */ +.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { + left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); + width: var(--bs-popover-arrow-height); + height: var(--bs-popover-arrow-width); +} +.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { + border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; +} +.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { + left: 0; + border-right-color: var(--bs-popover-arrow-border); +} +.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { + left: var(--bs-popover-border-width); + border-right-color: var(--bs-popover-bg); +} + +/* rtl:end:ignore */ +.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { + top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); +} +.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { + border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); +} +.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { + top: 0; + border-bottom-color: var(--bs-popover-arrow-border); +} +.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { + top: var(--bs-popover-border-width); + border-bottom-color: var(--bs-popover-bg); +} +.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: var(--bs-popover-arrow-width); + margin-left: calc(-0.5 * var(--bs-popover-arrow-width)); + content: ""; + border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); +} + +/* rtl:begin:ignore */ +.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { + right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); + width: var(--bs-popover-arrow-height); + height: var(--bs-popover-arrow-width); +} +.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { + border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); +} +.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { + right: 0; + border-left-color: var(--bs-popover-arrow-border); +} +.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { + right: var(--bs-popover-border-width); + border-left-color: var(--bs-popover-bg); +} + +/* rtl:end:ignore */ +.popover-header { + padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); + margin-bottom: 0; + font-size: var(--bs-popover-header-font-size); + color: var(--bs-popover-header-color); + background-color: var(--bs-popover-header-bg); + border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); + border-top-left-radius: var(--bs-popover-inner-border-radius); + border-top-right-radius: var(--bs-popover-inner-border-radius); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); + color: var(--bs-popover-body-color); +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-start), +.active.carousel-item-end { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-end), +.active.carousel-item-start { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-start, +.carousel-fade .carousel-item-prev.carousel-item-end { + z-index: 1; + opacity: 1; +} +.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; + } +} + +.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: #ffffff; + 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: #ffffff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 2rem; + height: 2rem; + background-repeat: no-repeat; + background-position: 50%; + background-size: 100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%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") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%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")*/; +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%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") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%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")*/; +} + +.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%; +} +.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: #ffffff; + 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; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 1.25rem; + left: 15%; + padding-top: 1.25rem; + padding-bottom: 1.25rem; + color: #ffffff; + text-align: center; +} + +.carousel-dark .carousel-control-prev-icon, +.carousel-dark .carousel-control-next-icon { + filter: invert(1) grayscale(100); +} +.carousel-dark .carousel-indicators [data-bs-target] { + background-color: #000000; +} +.carousel-dark .carousel-caption { + color: #000000; +} + +[data-bs-theme=dark] .carousel .carousel-control-prev-icon, +[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon, +[data-bs-theme=dark].carousel .carousel-control-next-icon { + filter: invert(1) grayscale(100); +} +[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] { + background-color: #000000; +} +[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption { + color: #000000; +} + +.spinner-grow, +.spinner-border { + display: inline-block; + width: var(--bs-spinner-width); + height: var(--bs-spinner-height); + vertical-align: var(--bs-spinner-vertical-align); + border-radius: 50%; + animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); +} + +@keyframes spinner-border { + to { + transform: rotate(360deg) /* rtl:ignore */; + } +} +.spinner-border { + --bs-spinner-width: 2rem; + --bs-spinner-height: 2rem; + --bs-spinner-vertical-align: -0.125em; + --bs-spinner-border-width: 0.185rem; + --bs-spinner-animation-speed: 0.65s; + --bs-spinner-animation-name: spinner-border; + border: var(--bs-spinner-border-width) solid currentcolor; + border-right-color: transparent; +} + +.spinner-border-sm { + --bs-spinner-width: 1rem; + --bs-spinner-height: 1rem; + --bs-spinner-border-width: 0.145em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + transform: none; + } +} +.spinner-grow { + --bs-spinner-width: 2rem; + --bs-spinner-height: 2rem; + --bs-spinner-vertical-align: -0.125em; + --bs-spinner-animation-speed: 0.65s; + --bs-spinner-animation-name: spinner-grow; + background-color: currentcolor; + opacity: 0; +} + +.spinner-grow-sm { + --bs-spinner-width: 1rem; + --bs-spinner-height: 1rem; +} + +@media (prefers-reduced-motion: reduce) { + .spinner-border, + .spinner-grow { + --bs-spinner-animation-speed: 1.3s; + } +} +.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { + --bs-offcanvas-zindex: 1045; + --bs-offcanvas-width: 400px; + --bs-offcanvas-height: 30vh; + --bs-offcanvas-padding-x: 1.75rem; + --bs-offcanvas-padding-y: 1.75rem; + --bs-offcanvas-color: var(--bs-body-color); + --bs-offcanvas-bg: var(--bs-body-bg); + --bs-offcanvas-border-width: 0; + --bs-offcanvas-border-color: var(--bs-border-color-translucent); + --bs-offcanvas-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1); + --bs-offcanvas-transition: transform 0.3s ease-in-out; + --bs-offcanvas-title-line-height: 1.5; +} + +@media (max-width: 575.98px) { + .offcanvas-sm { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + box-shadow: var(--bs-offcanvas-box-shadow); + transition: var(--bs-offcanvas-transition); + } +} +@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-sm { + transition: none; + } +} +@media (max-width: 575.98px) { + .offcanvas-sm.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas-sm.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas-sm.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + .offcanvas-sm.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { + transform: none; + } + .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { + visibility: visible; + } +} +@media (min-width: 576px) { + .offcanvas-sm { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-sm .offcanvas-header { + display: none; + } + .offcanvas-sm .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 767.98px) { + .offcanvas-md { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + box-shadow: var(--bs-offcanvas-box-shadow); + transition: var(--bs-offcanvas-transition); + } +} +@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-md { + transition: none; + } +} +@media (max-width: 767.98px) { + .offcanvas-md.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas-md.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas-md.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + .offcanvas-md.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { + transform: none; + } + .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { + visibility: visible; + } +} +@media (min-width: 768px) { + .offcanvas-md { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-md .offcanvas-header { + display: none; + } + .offcanvas-md .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 991.98px) { + .offcanvas-lg { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + box-shadow: var(--bs-offcanvas-box-shadow); + transition: var(--bs-offcanvas-transition); + } +} +@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-lg { + transition: none; + } +} +@media (max-width: 991.98px) { + .offcanvas-lg.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas-lg.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas-lg.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + .offcanvas-lg.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { + transform: none; + } + .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { + visibility: visible; + } +} +@media (min-width: 992px) { + .offcanvas-lg { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-lg .offcanvas-header { + display: none; + } + .offcanvas-lg .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 1199.98px) { + .offcanvas-xl { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + box-shadow: var(--bs-offcanvas-box-shadow); + transition: var(--bs-offcanvas-transition); + } +} +@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-xl { + transition: none; + } +} +@media (max-width: 1199.98px) { + .offcanvas-xl.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas-xl.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas-xl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + .offcanvas-xl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { + transform: none; + } + .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { + visibility: visible; + } +} +@media (min-width: 1200px) { + .offcanvas-xl { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-xl .offcanvas-header { + display: none; + } + .offcanvas-xl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 1399.98px) { + .offcanvas-xxl { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + box-shadow: var(--bs-offcanvas-box-shadow); + transition: var(--bs-offcanvas-transition); + } +} +@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-xxl { + transition: none; + } +} +@media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas-xxl.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas-xxl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + .offcanvas-xxl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { + transform: none; + } + .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { + visibility: visible; + } +} +@media (min-width: 1400px) { + .offcanvas-xxl { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-xxl .offcanvas-header { + display: none; + } + .offcanvas-xxl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +.offcanvas { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + box-shadow: var(--bs-offcanvas-box-shadow); + transition: var(--bs-offcanvas-transition); +} +@media (prefers-reduced-motion: reduce) { + .offcanvas { + transition: none; + } +} +.offcanvas.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); +} +.offcanvas.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); +} +.offcanvas.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); +} +.offcanvas.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); +} +.offcanvas.showing, .offcanvas.show:not(.hiding) { + transform: none; +} +.offcanvas.showing, .offcanvas.hiding, .offcanvas.show { + visibility: visible; +} + +.offcanvas-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #000000; +} +.offcanvas-backdrop.fade { + opacity: 0; +} +.offcanvas-backdrop.show { + opacity: 0.4; +} + +.offcanvas-header { + display: flex; + align-items: center; + padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); +} +.offcanvas-header .btn-close { + padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); + margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto; +} + +.offcanvas-title { + margin-bottom: 0; + line-height: var(--bs-offcanvas-title-line-height); +} + +.offcanvas-body { + flex-grow: 1; + padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); + overflow-y: auto; +} + +.placeholder { + display: inline-block; + min-height: 1em; + vertical-align: middle; + cursor: wait; + background-color: currentcolor; + opacity: 0.5; +} +.placeholder.btn::before { + display: inline-block; + content: ""; +} + +.placeholder-xs { + min-height: 0.6em; +} + +.placeholder-sm { + min-height: 0.8em; +} + +.placeholder-lg { + min-height: 1.2em; +} + +.placeholder-glow .placeholder { + animation: placeholder-glow 2s ease-in-out infinite; +} + +@keyframes placeholder-glow { + 50% { + opacity: 0.2; + } +} +.placeholder-wave { + mask-image: linear-gradient(130deg, #000000 55%, rgba(0, 0, 0, 0.8) 75%, #000000 95%); + mask-size: 200% 100%; + animation: placeholder-wave 2s linear infinite; +} + +@keyframes placeholder-wave { + 100% { + mask-position: -200% 0%; + } +} +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.text-bg-light { + color: #000000 !important; + background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-primary { + color: #000000 !important; + background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-secondary { + color: #000000 !important; + background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-success { + color: #000000 !important; + background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-info { + color: #ffffff !important; + background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-warning { + color: #000000 !important; + background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-danger { + color: #000000 !important; + background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-dark { + color: #ffffff !important; + background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.link-light { + color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; +} +.link-light:hover, .link-light:focus { + color: RGBA(250, 250, 250, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(250, 250, 250, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-primary { + color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; +} +.link-primary:hover, .link-primary:focus { + color: RGBA(73, 157, 255, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(73, 157, 255, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-secondary { + color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; +} +.link-secondary:hover, .link-secondary:focus { + color: RGBA(244, 244, 246, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(244, 244, 246, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-success { + color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; +} +.link-success:hover, .link-success:focus { + color: RGBA(69, 209, 117, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(69, 209, 117, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-info { + color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; +} +.link-info:hover, .link-info:focus { + color: RGBA(91, 46, 187, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(91, 46, 187, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-warning { + color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; +} +.link-warning:hover, .link-warning:focus { + color: RGBA(248, 205, 51, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(248, 205, 51, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-danger { + color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; +} +.link-danger:hover, .link-danger:focus { + color: RGBA(249, 83, 123, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(249, 83, 123, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-dark { + color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; +} +.link-dark:hover, .link-dark:focus { + color: RGBA(24, 26, 33, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(24, 26, 33, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-body-emphasis { + color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; +} +.link-body-emphasis:hover, .link-body-emphasis:focus { + color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important; + text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; +} + +.focus-ring:focus { + outline: 0; + box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); +} + +.icon-link { + display: inline-flex; + gap: 0.375rem; + align-items: center; + text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); + text-underline-offset: 0.25em; + backface-visibility: hidden; +} +.icon-link > .bi { + flex-shrink: 0; + width: 1em; + height: 1em; + fill: currentcolor; + transition: 0.2s ease-in-out transform; +} +@media (prefers-reduced-motion: reduce) { + .icon-link > .bi { + transition: none; + } +} + +.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi { + transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); +} + +.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: 75%; +} + +.ratio-16x9 { + --bs-aspect-ratio: 56.25%; +} + +.ratio-21x9 { + --bs-aspect-ratio: 42.8571428571%; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +.sticky-top { + position: sticky; + top: 0; + z-index: 1020; +} + +.sticky-bottom { + position: sticky; + bottom: 0; + z-index: 1020; +} + +@media (min-width: 576px) { + .sticky-sm-top { + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-sm-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 768px) { + .sticky-md-top { + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-md-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 992px) { + .sticky-lg-top { + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-lg-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 1200px) { + .sticky-xl-top { + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-xl-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 1400px) { + .sticky-xxl-top { + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-xxl-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } +} +.hstack { + display: flex; + flex-direction: row; + align-items: center; + align-self: stretch; +} + +.vstack { + display: flex; + flex: 1 1 auto; + flex-direction: column; + align-self: stretch; +} + +.visually-hidden, +.visually-hidden-focusable:not(:focus):not(:focus-within) { + 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; +} +.visually-hidden:not(caption), +.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { + position: absolute !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; +} + +.vr { + display: inline-block; + align-self: stretch; + width: var(--bs-border-width); + min-height: 1em; + background-color: currentcolor; + opacity: 0.25; +} + +.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; +} + +.object-fit-contain { + object-fit: contain !important; +} + +.object-fit-cover { + object-fit: cover !important; +} + +.object-fit-fill { + object-fit: fill !important; +} + +.object-fit-scale { + object-fit: scale-down !important; +} + +.object-fit-none { + object-fit: none !important; +} + +.opacity-0 { + opacity: 0 !important; +} + +.opacity-5 { + opacity: 0.05 !important; +} + +.opacity-10 { + opacity: 0.1 !important; +} + +.opacity-15 { + opacity: 0.15 !important; +} + +.opacity-20 { + opacity: 0.2 !important; +} + +.opacity-25 { + opacity: 0.25 !important; +} + +.opacity-50 { + opacity: 0.5 !important; +} + +.opacity-75 { + opacity: 0.75 !important; +} + +.opacity-100 { + opacity: 1 !important; +} + +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.overflow-visible { + overflow: visible !important; +} + +.overflow-scroll { + overflow: scroll !important; +} + +.overflow-x-auto { + overflow-x: auto !important; +} + +.overflow-x-hidden { + overflow-x: hidden !important; +} + +.overflow-x-visible { + overflow-x: visible !important; +} + +.overflow-x-scroll { + overflow-x: scroll !important; +} + +.overflow-y-auto { + overflow-y: auto !important; +} + +.overflow-y-hidden { + overflow-y: hidden !important; +} + +.overflow-y-visible { + overflow-y: visible !important; +} + +.overflow-y-scroll { + overflow-y: 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-inline-grid { + display: inline-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: var(--bs-box-shadow) !important; +} + +.shadow-sm { + box-shadow: var(--bs-box-shadow-sm) !important; +} + +.shadow-lg { + box-shadow: var(--bs-box-shadow-lg) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.focus-ring-light { + --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-primary { + --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-secondary { + --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-success { + --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-info { + --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-warning { + --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-danger { + --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-dark { + --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); +} + +.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-25 { + top: 25% !important; +} + +.top-50 { + top: 50% !important; +} + +.top-75 { + top: 75% !important; +} + +.top-100 { + top: 100% !important; +} + +.bottom-0 { + bottom: 0 !important; +} + +.bottom-25 { + bottom: 25% !important; +} + +.bottom-50 { + bottom: 50% !important; +} + +.bottom-75 { + bottom: 75% !important; +} + +.bottom-100 { + bottom: 100% !important; +} + +.start-0 { + left: 0 !important; +} + +.start-25 { + left: 25% !important; +} + +.start-50 { + left: 50% !important; +} + +.start-75 { + left: 75% !important; +} + +.start-100 { + left: 100% !important; +} + +.end-0 { + right: 0 !important; +} + +.end-25 { + right: 25% !important; +} + +.end-50 { + right: 50% !important; +} + +.end-75 { + right: 75% !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: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top { + border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-end { + border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; +} + +.border-end-0 { + border-right: 0 !important; +} + +.border-bottom { + border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-start { + border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; +} + +.border-start-0 { + border-left: 0 !important; +} + +.border-light { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; +} + +.border-primary { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; +} + +.border-secondary { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; +} + +.border-success { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; +} + +.border-info { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; +} + +.border-warning { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; +} + +.border-danger { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; +} + +.border-dark { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; +} + +.border-black { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; +} + +.border-white { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; +} + +.border-primary-subtle { + border-color: var(--bs-primary-border-subtle) !important; +} + +.border-secondary-subtle { + border-color: var(--bs-secondary-border-subtle) !important; +} + +.border-success-subtle { + border-color: var(--bs-success-border-subtle) !important; +} + +.border-info-subtle { + border-color: var(--bs-info-border-subtle) !important; +} + +.border-warning-subtle { + border-color: var(--bs-warning-border-subtle) !important; +} + +.border-danger-subtle { + border-color: var(--bs-danger-border-subtle) !important; +} + +.border-light-subtle { + border-color: var(--bs-light-border-subtle) !important; +} + +.border-dark-subtle { + border-color: var(--bs-dark-border-subtle) !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; +} + +.border-opacity-10 { + --bs-border-opacity: 0.1; +} + +.border-opacity-25 { + --bs-border-opacity: 0.25; +} + +.border-opacity-50 { + --bs-border-opacity: 0.5; +} + +.border-opacity-75 { + --bs-border-opacity: 0.75; +} + +.border-opacity-100 { + --bs-border-opacity: 1; +} + +.w-unset { + width: unset !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; +} + +.w-1px { + width: 1px !important; +} + +.w-2px { + width: 2px !important; +} + +.w-3px { + width: 3px !important; +} + +.w-4px { + width: 4px !important; +} + +.w-5px { + width: 5px !important; +} + +.w-6px { + width: 6px !important; +} + +.w-7px { + width: 7px !important; +} + +.w-8px { + width: 8px !important; +} + +.w-9px { + width: 9px !important; +} + +.w-10px { + width: 10px !important; +} + +.w-15px { + width: 15px !important; +} + +.w-20px { + width: 20px !important; +} + +.w-25px { + width: 25px !important; +} + +.w-30px { + width: 30px !important; +} + +.w-35px { + width: 35px !important; +} + +.w-40px { + width: 40px !important; +} + +.w-45px { + width: 45px !important; +} + +.w-50px { + width: 50px !important; +} + +.w-55px { + width: 55px !important; +} + +.w-60px { + width: 60px !important; +} + +.w-65px { + width: 65px !important; +} + +.w-70px { + width: 70px !important; +} + +.w-75px { + width: 75px !important; +} + +.w-80px { + width: 80px !important; +} + +.w-85px { + width: 85px !important; +} + +.w-90px { + width: 90px !important; +} + +.w-95px { + width: 95px !important; +} + +.w-100px { + width: 100px !important; +} + +.w-125px { + width: 125px !important; +} + +.w-150px { + width: 150px !important; +} + +.w-175px { + width: 175px !important; +} + +.w-200px { + width: 200px !important; +} + +.w-225px { + width: 225px !important; +} + +.w-250px { + width: 250px !important; +} + +.w-275px { + width: 275px !important; +} + +.w-300px { + width: 300px !important; +} + +.w-325px { + width: 325px !important; +} + +.w-350px { + width: 350px !important; +} + +.w-375px { + width: 375px !important; +} + +.w-400px { + width: 400px !important; +} + +.w-425px { + width: 425px !important; +} + +.w-450px { + width: 450px !important; +} + +.w-475px { + width: 475px !important; +} + +.w-500px { + width: 500px !important; +} + +.w-550px { + width: 550px !important; +} + +.w-600px { + width: 600px !important; +} + +.w-650px { + width: 650px !important; +} + +.w-700px { + width: 700px !important; +} + +.w-750px { + width: 750px !important; +} + +.w-800px { + width: 800px !important; +} + +.w-850px { + width: 850px !important; +} + +.w-900px { + width: 900px !important; +} + +.w-950px { + width: 950px !important; +} + +.w-1000px { + width: 1000px !important; +} + +.mw-unset { + max-width: unset !important; +} + +.mw-25 { + max-width: 25% !important; +} + +.mw-50 { + max-width: 50% !important; +} + +.mw-75 { + max-width: 75% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mw-auto { + max-width: auto !important; +} + +.mw-1px { + max-width: 1px !important; +} + +.mw-2px { + max-width: 2px !important; +} + +.mw-3px { + max-width: 3px !important; +} + +.mw-4px { + max-width: 4px !important; +} + +.mw-5px { + max-width: 5px !important; +} + +.mw-6px { + max-width: 6px !important; +} + +.mw-7px { + max-width: 7px !important; +} + +.mw-8px { + max-width: 8px !important; +} + +.mw-9px { + max-width: 9px !important; +} + +.mw-10px { + max-width: 10px !important; +} + +.mw-15px { + max-width: 15px !important; +} + +.mw-20px { + max-width: 20px !important; +} + +.mw-25px { + max-width: 25px !important; +} + +.mw-30px { + max-width: 30px !important; +} + +.mw-35px { + max-width: 35px !important; +} + +.mw-40px { + max-width: 40px !important; +} + +.mw-45px { + max-width: 45px !important; +} + +.mw-50px { + max-width: 50px !important; +} + +.mw-55px { + max-width: 55px !important; +} + +.mw-60px { + max-width: 60px !important; +} + +.mw-65px { + max-width: 65px !important; +} + +.mw-70px { + max-width: 70px !important; +} + +.mw-75px { + max-width: 75px !important; +} + +.mw-80px { + max-width: 80px !important; +} + +.mw-85px { + max-width: 85px !important; +} + +.mw-90px { + max-width: 90px !important; +} + +.mw-95px { + max-width: 95px !important; +} + +.mw-100px { + max-width: 100px !important; +} + +.mw-125px { + max-width: 125px !important; +} + +.mw-150px { + max-width: 150px !important; +} + +.mw-175px { + max-width: 175px !important; +} + +.mw-200px { + max-width: 200px !important; +} + +.mw-225px { + max-width: 225px !important; +} + +.mw-250px { + max-width: 250px !important; +} + +.mw-275px { + max-width: 275px !important; +} + +.mw-300px { + max-width: 300px !important; +} + +.mw-325px { + max-width: 325px !important; +} + +.mw-350px { + max-width: 350px !important; +} + +.mw-375px { + max-width: 375px !important; +} + +.mw-400px { + max-width: 400px !important; +} + +.mw-425px { + max-width: 425px !important; +} + +.mw-450px { + max-width: 450px !important; +} + +.mw-475px { + max-width: 475px !important; +} + +.mw-500px { + max-width: 500px !important; +} + +.mw-550px { + max-width: 550px !important; +} + +.mw-600px { + max-width: 600px !important; +} + +.mw-650px { + max-width: 650px !important; +} + +.mw-700px { + max-width: 700px !important; +} + +.mw-750px { + max-width: 750px !important; +} + +.mw-800px { + max-width: 800px !important; +} + +.mw-850px { + max-width: 850px !important; +} + +.mw-900px { + max-width: 900px !important; +} + +.mw-950px { + max-width: 950px !important; +} + +.mw-1000px { + max-width: 1000px !important; +} + +.vw-100 { + width: 100vw !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.h-unset { + height: unset !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; +} + +.h-1px { + height: 1px !important; +} + +.h-2px { + height: 2px !important; +} + +.h-3px { + height: 3px !important; +} + +.h-4px { + height: 4px !important; +} + +.h-5px { + height: 5px !important; +} + +.h-6px { + height: 6px !important; +} + +.h-7px { + height: 7px !important; +} + +.h-8px { + height: 8px !important; +} + +.h-9px { + height: 9px !important; +} + +.h-10px { + height: 10px !important; +} + +.h-15px { + height: 15px !important; +} + +.h-20px { + height: 20px !important; +} + +.h-25px { + height: 25px !important; +} + +.h-30px { + height: 30px !important; +} + +.h-35px { + height: 35px !important; +} + +.h-40px { + height: 40px !important; +} + +.h-45px { + height: 45px !important; +} + +.h-50px { + height: 50px !important; +} + +.h-55px { + height: 55px !important; +} + +.h-60px { + height: 60px !important; +} + +.h-65px { + height: 65px !important; +} + +.h-70px { + height: 70px !important; +} + +.h-75px { + height: 75px !important; +} + +.h-80px { + height: 80px !important; +} + +.h-85px { + height: 85px !important; +} + +.h-90px { + height: 90px !important; +} + +.h-95px { + height: 95px !important; +} + +.h-100px { + height: 100px !important; +} + +.h-125px { + height: 125px !important; +} + +.h-150px { + height: 150px !important; +} + +.h-175px { + height: 175px !important; +} + +.h-200px { + height: 200px !important; +} + +.h-225px { + height: 225px !important; +} + +.h-250px { + height: 250px !important; +} + +.h-275px { + height: 275px !important; +} + +.h-300px { + height: 300px !important; +} + +.h-325px { + height: 325px !important; +} + +.h-350px { + height: 350px !important; +} + +.h-375px { + height: 375px !important; +} + +.h-400px { + height: 400px !important; +} + +.h-425px { + height: 425px !important; +} + +.h-450px { + height: 450px !important; +} + +.h-475px { + height: 475px !important; +} + +.h-500px { + height: 500px !important; +} + +.h-550px { + height: 550px !important; +} + +.h-600px { + height: 600px !important; +} + +.h-650px { + height: 650px !important; +} + +.h-700px { + height: 700px !important; +} + +.h-750px { + height: 750px !important; +} + +.h-800px { + height: 800px !important; +} + +.h-850px { + height: 850px !important; +} + +.h-900px { + height: 900px !important; +} + +.h-950px { + height: 950px !important; +} + +.h-1000px { + height: 1000px !important; +} + +.mh-unset { + max-height: unset !important; +} + +.mh-25 { + max-height: 25% !important; +} + +.mh-50 { + max-height: 50% !important; +} + +.mh-75 { + max-height: 75% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.mh-auto { + max-height: auto !important; +} + +.mh-1px { + max-height: 1px !important; +} + +.mh-2px { + max-height: 2px !important; +} + +.mh-3px { + max-height: 3px !important; +} + +.mh-4px { + max-height: 4px !important; +} + +.mh-5px { + max-height: 5px !important; +} + +.mh-6px { + max-height: 6px !important; +} + +.mh-7px { + max-height: 7px !important; +} + +.mh-8px { + max-height: 8px !important; +} + +.mh-9px { + max-height: 9px !important; +} + +.mh-10px { + max-height: 10px !important; +} + +.mh-15px { + max-height: 15px !important; +} + +.mh-20px { + max-height: 20px !important; +} + +.mh-25px { + max-height: 25px !important; +} + +.mh-30px { + max-height: 30px !important; +} + +.mh-35px { + max-height: 35px !important; +} + +.mh-40px { + max-height: 40px !important; +} + +.mh-45px { + max-height: 45px !important; +} + +.mh-50px { + max-height: 50px !important; +} + +.mh-55px { + max-height: 55px !important; +} + +.mh-60px { + max-height: 60px !important; +} + +.mh-65px { + max-height: 65px !important; +} + +.mh-70px { + max-height: 70px !important; +} + +.mh-75px { + max-height: 75px !important; +} + +.mh-80px { + max-height: 80px !important; +} + +.mh-85px { + max-height: 85px !important; +} + +.mh-90px { + max-height: 90px !important; +} + +.mh-95px { + max-height: 95px !important; +} + +.mh-100px { + max-height: 100px !important; +} + +.mh-125px { + max-height: 125px !important; +} + +.mh-150px { + max-height: 150px !important; +} + +.mh-175px { + max-height: 175px !important; +} + +.mh-200px { + max-height: 200px !important; +} + +.mh-225px { + max-height: 225px !important; +} + +.mh-250px { + max-height: 250px !important; +} + +.mh-275px { + max-height: 275px !important; +} + +.mh-300px { + max-height: 300px !important; +} + +.mh-325px { + max-height: 325px !important; +} + +.mh-350px { + max-height: 350px !important; +} + +.mh-375px { + max-height: 375px !important; +} + +.mh-400px { + max-height: 400px !important; +} + +.mh-425px { + max-height: 425px !important; +} + +.mh-450px { + max-height: 450px !important; +} + +.mh-475px { + max-height: 475px !important; +} + +.mh-500px { + max-height: 500px !important; +} + +.mh-550px { + max-height: 550px !important; +} + +.mh-600px { + max-height: 600px !important; +} + +.mh-650px { + max-height: 650px !important; +} + +.mh-700px { + max-height: 700px !important; +} + +.mh-750px { + max-height: 750px !important; +} + +.mh-800px { + max-height: 800px !important; +} + +.mh-850px { + max-height: 850px !important; +} + +.mh-900px { + max-height: 900px !important; +} + +.mh-950px { + max-height: 950px !important; +} + +.mh-1000px { + max-height: 1000px !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; +} + +.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: 0.75rem !important; +} + +.m-4 { + margin: 1rem !important; +} + +.m-5 { + margin: 1.25rem !important; +} + +.m-6 { + margin: 1.5rem !important; +} + +.m-7 { + margin: 1.75rem !important; +} + +.m-8 { + margin: 2rem !important; +} + +.m-9 { + margin: 2.25rem !important; +} + +.m-10 { + margin: 2.5rem !important; +} + +.m-11 { + margin: 2.75rem !important; +} + +.m-12 { + margin: 3rem !important; +} + +.m-13 { + margin: 3.25rem !important; +} + +.m-14 { + margin: 3.5rem !important; +} + +.m-15 { + margin: 3.75rem !important; +} + +.m-16 { + margin: 4rem !important; +} + +.m-17 { + margin: 4.25rem !important; +} + +.m-18 { + margin: 4.5rem !important; +} + +.m-19 { + margin: 4.75rem !important; +} + +.m-20 { + margin: 5rem !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: 0.75rem !important; + margin-left: 0.75rem !important; +} + +.mx-4 { + margin-right: 1rem !important; + margin-left: 1rem !important; +} + +.mx-5 { + margin-right: 1.25rem !important; + margin-left: 1.25rem !important; +} + +.mx-6 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; +} + +.mx-7 { + margin-right: 1.75rem !important; + margin-left: 1.75rem !important; +} + +.mx-8 { + margin-right: 2rem !important; + margin-left: 2rem !important; +} + +.mx-9 { + margin-right: 2.25rem !important; + margin-left: 2.25rem !important; +} + +.mx-10 { + margin-right: 2.5rem !important; + margin-left: 2.5rem !important; +} + +.mx-11 { + margin-right: 2.75rem !important; + margin-left: 2.75rem !important; +} + +.mx-12 { + margin-right: 3rem !important; + margin-left: 3rem !important; +} + +.mx-13 { + margin-right: 3.25rem !important; + margin-left: 3.25rem !important; +} + +.mx-14 { + margin-right: 3.5rem !important; + margin-left: 3.5rem !important; +} + +.mx-15 { + margin-right: 3.75rem !important; + margin-left: 3.75rem !important; +} + +.mx-16 { + margin-right: 4rem !important; + margin-left: 4rem !important; +} + +.mx-17 { + margin-right: 4.25rem !important; + margin-left: 4.25rem !important; +} + +.mx-18 { + margin-right: 4.5rem !important; + margin-left: 4.5rem !important; +} + +.mx-19 { + margin-right: 4.75rem !important; + margin-left: 4.75rem !important; +} + +.mx-20 { + margin-right: 5rem !important; + margin-left: 5rem !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: 0.75rem !important; + margin-bottom: 0.75rem !important; +} + +.my-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} + +.my-5 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; +} + +.my-6 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} + +.my-7 { + margin-top: 1.75rem !important; + margin-bottom: 1.75rem !important; +} + +.my-8 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; +} + +.my-9 { + margin-top: 2.25rem !important; + margin-bottom: 2.25rem !important; +} + +.my-10 { + margin-top: 2.5rem !important; + margin-bottom: 2.5rem !important; +} + +.my-11 { + margin-top: 2.75rem !important; + margin-bottom: 2.75rem !important; +} + +.my-12 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; +} + +.my-13 { + margin-top: 3.25rem !important; + margin-bottom: 3.25rem !important; +} + +.my-14 { + margin-top: 3.5rem !important; + margin-bottom: 3.5rem !important; +} + +.my-15 { + margin-top: 3.75rem !important; + margin-bottom: 3.75rem !important; +} + +.my-16 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; +} + +.my-17 { + margin-top: 4.25rem !important; + margin-bottom: 4.25rem !important; +} + +.my-18 { + margin-top: 4.5rem !important; + margin-bottom: 4.5rem !important; +} + +.my-19 { + margin-top: 4.75rem !important; + margin-bottom: 4.75rem !important; +} + +.my-20 { + margin-top: 5rem !important; + margin-bottom: 5rem !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: 0.75rem !important; +} + +.mt-4 { + margin-top: 1rem !important; +} + +.mt-5 { + margin-top: 1.25rem !important; +} + +.mt-6 { + margin-top: 1.5rem !important; +} + +.mt-7 { + margin-top: 1.75rem !important; +} + +.mt-8 { + margin-top: 2rem !important; +} + +.mt-9 { + margin-top: 2.25rem !important; +} + +.mt-10 { + margin-top: 2.5rem !important; +} + +.mt-11 { + margin-top: 2.75rem !important; +} + +.mt-12 { + margin-top: 3rem !important; +} + +.mt-13 { + margin-top: 3.25rem !important; +} + +.mt-14 { + margin-top: 3.5rem !important; +} + +.mt-15 { + margin-top: 3.75rem !important; +} + +.mt-16 { + margin-top: 4rem !important; +} + +.mt-17 { + margin-top: 4.25rem !important; +} + +.mt-18 { + margin-top: 4.5rem !important; +} + +.mt-19 { + margin-top: 4.75rem !important; +} + +.mt-20 { + margin-top: 5rem !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: 0.75rem !important; +} + +.me-4 { + margin-right: 1rem !important; +} + +.me-5 { + margin-right: 1.25rem !important; +} + +.me-6 { + margin-right: 1.5rem !important; +} + +.me-7 { + margin-right: 1.75rem !important; +} + +.me-8 { + margin-right: 2rem !important; +} + +.me-9 { + margin-right: 2.25rem !important; +} + +.me-10 { + margin-right: 2.5rem !important; +} + +.me-11 { + margin-right: 2.75rem !important; +} + +.me-12 { + margin-right: 3rem !important; +} + +.me-13 { + margin-right: 3.25rem !important; +} + +.me-14 { + margin-right: 3.5rem !important; +} + +.me-15 { + margin-right: 3.75rem !important; +} + +.me-16 { + margin-right: 4rem !important; +} + +.me-17 { + margin-right: 4.25rem !important; +} + +.me-18 { + margin-right: 4.5rem !important; +} + +.me-19 { + margin-right: 4.75rem !important; +} + +.me-20 { + margin-right: 5rem !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: 0.75rem !important; +} + +.mb-4 { + margin-bottom: 1rem !important; +} + +.mb-5 { + margin-bottom: 1.25rem !important; +} + +.mb-6 { + margin-bottom: 1.5rem !important; +} + +.mb-7 { + margin-bottom: 1.75rem !important; +} + +.mb-8 { + margin-bottom: 2rem !important; +} + +.mb-9 { + margin-bottom: 2.25rem !important; +} + +.mb-10 { + margin-bottom: 2.5rem !important; +} + +.mb-11 { + margin-bottom: 2.75rem !important; +} + +.mb-12 { + margin-bottom: 3rem !important; +} + +.mb-13 { + margin-bottom: 3.25rem !important; +} + +.mb-14 { + margin-bottom: 3.5rem !important; +} + +.mb-15 { + margin-bottom: 3.75rem !important; +} + +.mb-16 { + margin-bottom: 4rem !important; +} + +.mb-17 { + margin-bottom: 4.25rem !important; +} + +.mb-18 { + margin-bottom: 4.5rem !important; +} + +.mb-19 { + margin-bottom: 4.75rem !important; +} + +.mb-20 { + margin-bottom: 5rem !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: 0.75rem !important; +} + +.ms-4 { + margin-left: 1rem !important; +} + +.ms-5 { + margin-left: 1.25rem !important; +} + +.ms-6 { + margin-left: 1.5rem !important; +} + +.ms-7 { + margin-left: 1.75rem !important; +} + +.ms-8 { + margin-left: 2rem !important; +} + +.ms-9 { + margin-left: 2.25rem !important; +} + +.ms-10 { + margin-left: 2.5rem !important; +} + +.ms-11 { + margin-left: 2.75rem !important; +} + +.ms-12 { + margin-left: 3rem !important; +} + +.ms-13 { + margin-left: 3.25rem !important; +} + +.ms-14 { + margin-left: 3.5rem !important; +} + +.ms-15 { + margin-left: 3.75rem !important; +} + +.ms-16 { + margin-left: 4rem !important; +} + +.ms-17 { + margin-left: 4.25rem !important; +} + +.ms-18 { + margin-left: 4.5rem !important; +} + +.ms-19 { + margin-left: 4.75rem !important; +} + +.ms-20 { + margin-left: 5rem !important; +} + +.ms-auto { + margin-left: auto !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.m-n3 { + margin: -0.75rem !important; +} + +.m-n4 { + margin: -1rem !important; +} + +.m-n5 { + margin: -1.25rem !important; +} + +.m-n6 { + margin: -1.5rem !important; +} + +.m-n7 { + margin: -1.75rem !important; +} + +.m-n8 { + margin: -2rem !important; +} + +.m-n9 { + margin: -2.25rem !important; +} + +.m-n10 { + margin: -2.5rem !important; +} + +.m-n11 { + margin: -2.75rem !important; +} + +.m-n12 { + margin: -3rem !important; +} + +.m-n13 { + margin: -3.25rem !important; +} + +.m-n14 { + margin: -3.5rem !important; +} + +.m-n15 { + margin: -3.75rem !important; +} + +.m-n16 { + margin: -4rem !important; +} + +.m-n17 { + margin: -4.25rem !important; +} + +.m-n18 { + margin: -4.5rem !important; +} + +.m-n19 { + margin: -4.75rem !important; +} + +.m-n20 { + margin: -5rem !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: -0.75rem !important; + margin-left: -0.75rem !important; +} + +.mx-n4 { + margin-right: -1rem !important; + margin-left: -1rem !important; +} + +.mx-n5 { + margin-right: -1.25rem !important; + margin-left: -1.25rem !important; +} + +.mx-n6 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; +} + +.mx-n7 { + margin-right: -1.75rem !important; + margin-left: -1.75rem !important; +} + +.mx-n8 { + margin-right: -2rem !important; + margin-left: -2rem !important; +} + +.mx-n9 { + margin-right: -2.25rem !important; + margin-left: -2.25rem !important; +} + +.mx-n10 { + margin-right: -2.5rem !important; + margin-left: -2.5rem !important; +} + +.mx-n11 { + margin-right: -2.75rem !important; + margin-left: -2.75rem !important; +} + +.mx-n12 { + margin-right: -3rem !important; + margin-left: -3rem !important; +} + +.mx-n13 { + margin-right: -3.25rem !important; + margin-left: -3.25rem !important; +} + +.mx-n14 { + margin-right: -3.5rem !important; + margin-left: -3.5rem !important; +} + +.mx-n15 { + margin-right: -3.75rem !important; + margin-left: -3.75rem !important; +} + +.mx-n16 { + margin-right: -4rem !important; + margin-left: -4rem !important; +} + +.mx-n17 { + margin-right: -4.25rem !important; + margin-left: -4.25rem !important; +} + +.mx-n18 { + margin-right: -4.5rem !important; + margin-left: -4.5rem !important; +} + +.mx-n19 { + margin-right: -4.75rem !important; + margin-left: -4.75rem !important; +} + +.mx-n20 { + margin-right: -5rem !important; + margin-left: -5rem !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: -0.75rem !important; + margin-bottom: -0.75rem !important; +} + +.my-n4 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; +} + +.my-n5 { + margin-top: -1.25rem !important; + margin-bottom: -1.25rem !important; +} + +.my-n6 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; +} + +.my-n7 { + margin-top: -1.75rem !important; + margin-bottom: -1.75rem !important; +} + +.my-n8 { + margin-top: -2rem !important; + margin-bottom: -2rem !important; +} + +.my-n9 { + margin-top: -2.25rem !important; + margin-bottom: -2.25rem !important; +} + +.my-n10 { + margin-top: -2.5rem !important; + margin-bottom: -2.5rem !important; +} + +.my-n11 { + margin-top: -2.75rem !important; + margin-bottom: -2.75rem !important; +} + +.my-n12 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; +} + +.my-n13 { + margin-top: -3.25rem !important; + margin-bottom: -3.25rem !important; +} + +.my-n14 { + margin-top: -3.5rem !important; + margin-bottom: -3.5rem !important; +} + +.my-n15 { + margin-top: -3.75rem !important; + margin-bottom: -3.75rem !important; +} + +.my-n16 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; +} + +.my-n17 { + margin-top: -4.25rem !important; + margin-bottom: -4.25rem !important; +} + +.my-n18 { + margin-top: -4.5rem !important; + margin-bottom: -4.5rem !important; +} + +.my-n19 { + margin-top: -4.75rem !important; + margin-bottom: -4.75rem !important; +} + +.my-n20 { + margin-top: -5rem !important; + margin-bottom: -5rem !important; +} + +.mt-n1 { + margin-top: -0.25rem !important; +} + +.mt-n2 { + margin-top: -0.5rem !important; +} + +.mt-n3 { + margin-top: -0.75rem !important; +} + +.mt-n4 { + margin-top: -1rem !important; +} + +.mt-n5 { + margin-top: -1.25rem !important; +} + +.mt-n6 { + margin-top: -1.5rem !important; +} + +.mt-n7 { + margin-top: -1.75rem !important; +} + +.mt-n8 { + margin-top: -2rem !important; +} + +.mt-n9 { + margin-top: -2.25rem !important; +} + +.mt-n10 { + margin-top: -2.5rem !important; +} + +.mt-n11 { + margin-top: -2.75rem !important; +} + +.mt-n12 { + margin-top: -3rem !important; +} + +.mt-n13 { + margin-top: -3.25rem !important; +} + +.mt-n14 { + margin-top: -3.5rem !important; +} + +.mt-n15 { + margin-top: -3.75rem !important; +} + +.mt-n16 { + margin-top: -4rem !important; +} + +.mt-n17 { + margin-top: -4.25rem !important; +} + +.mt-n18 { + margin-top: -4.5rem !important; +} + +.mt-n19 { + margin-top: -4.75rem !important; +} + +.mt-n20 { + margin-top: -5rem !important; +} + +.me-n1 { + margin-right: -0.25rem !important; +} + +.me-n2 { + margin-right: -0.5rem !important; +} + +.me-n3 { + margin-right: -0.75rem !important; +} + +.me-n4 { + margin-right: -1rem !important; +} + +.me-n5 { + margin-right: -1.25rem !important; +} + +.me-n6 { + margin-right: -1.5rem !important; +} + +.me-n7 { + margin-right: -1.75rem !important; +} + +.me-n8 { + margin-right: -2rem !important; +} + +.me-n9 { + margin-right: -2.25rem !important; +} + +.me-n10 { + margin-right: -2.5rem !important; +} + +.me-n11 { + margin-right: -2.75rem !important; +} + +.me-n12 { + margin-right: -3rem !important; +} + +.me-n13 { + margin-right: -3.25rem !important; +} + +.me-n14 { + margin-right: -3.5rem !important; +} + +.me-n15 { + margin-right: -3.75rem !important; +} + +.me-n16 { + margin-right: -4rem !important; +} + +.me-n17 { + margin-right: -4.25rem !important; +} + +.me-n18 { + margin-right: -4.5rem !important; +} + +.me-n19 { + margin-right: -4.75rem !important; +} + +.me-n20 { + margin-right: -5rem !important; +} + +.mb-n1 { + margin-bottom: -0.25rem !important; +} + +.mb-n2 { + margin-bottom: -0.5rem !important; +} + +.mb-n3 { + margin-bottom: -0.75rem !important; +} + +.mb-n4 { + margin-bottom: -1rem !important; +} + +.mb-n5 { + margin-bottom: -1.25rem !important; +} + +.mb-n6 { + margin-bottom: -1.5rem !important; +} + +.mb-n7 { + margin-bottom: -1.75rem !important; +} + +.mb-n8 { + margin-bottom: -2rem !important; +} + +.mb-n9 { + margin-bottom: -2.25rem !important; +} + +.mb-n10 { + margin-bottom: -2.5rem !important; +} + +.mb-n11 { + margin-bottom: -2.75rem !important; +} + +.mb-n12 { + margin-bottom: -3rem !important; +} + +.mb-n13 { + margin-bottom: -3.25rem !important; +} + +.mb-n14 { + margin-bottom: -3.5rem !important; +} + +.mb-n15 { + margin-bottom: -3.75rem !important; +} + +.mb-n16 { + margin-bottom: -4rem !important; +} + +.mb-n17 { + margin-bottom: -4.25rem !important; +} + +.mb-n18 { + margin-bottom: -4.5rem !important; +} + +.mb-n19 { + margin-bottom: -4.75rem !important; +} + +.mb-n20 { + margin-bottom: -5rem !important; +} + +.ms-n1 { + margin-left: -0.25rem !important; +} + +.ms-n2 { + margin-left: -0.5rem !important; +} + +.ms-n3 { + margin-left: -0.75rem !important; +} + +.ms-n4 { + margin-left: -1rem !important; +} + +.ms-n5 { + margin-left: -1.25rem !important; +} + +.ms-n6 { + margin-left: -1.5rem !important; +} + +.ms-n7 { + margin-left: -1.75rem !important; +} + +.ms-n8 { + margin-left: -2rem !important; +} + +.ms-n9 { + margin-left: -2.25rem !important; +} + +.ms-n10 { + margin-left: -2.5rem !important; +} + +.ms-n11 { + margin-left: -2.75rem !important; +} + +.ms-n12 { + margin-left: -3rem !important; +} + +.ms-n13 { + margin-left: -3.25rem !important; +} + +.ms-n14 { + margin-left: -3.5rem !important; +} + +.ms-n15 { + margin-left: -3.75rem !important; +} + +.ms-n16 { + margin-left: -4rem !important; +} + +.ms-n17 { + margin-left: -4.25rem !important; +} + +.ms-n18 { + margin-left: -4.5rem !important; +} + +.ms-n19 { + margin-left: -4.75rem !important; +} + +.ms-n20 { + margin-left: -5rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.p-3 { + padding: 0.75rem !important; +} + +.p-4 { + padding: 1rem !important; +} + +.p-5 { + padding: 1.25rem !important; +} + +.p-6 { + padding: 1.5rem !important; +} + +.p-7 { + padding: 1.75rem !important; +} + +.p-8 { + padding: 2rem !important; +} + +.p-9 { + padding: 2.25rem !important; +} + +.p-10 { + padding: 2.5rem !important; +} + +.p-11 { + padding: 2.75rem !important; +} + +.p-12 { + padding: 3rem !important; +} + +.p-13 { + padding: 3.25rem !important; +} + +.p-14 { + padding: 3.5rem !important; +} + +.p-15 { + padding: 3.75rem !important; +} + +.p-16 { + padding: 4rem !important; +} + +.p-17 { + padding: 4.25rem !important; +} + +.p-18 { + padding: 4.5rem !important; +} + +.p-19 { + padding: 4.75rem !important; +} + +.p-20 { + padding: 5rem !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: 0.75rem !important; + padding-left: 0.75rem !important; +} + +.px-4 { + padding-right: 1rem !important; + padding-left: 1rem !important; +} + +.px-5 { + padding-right: 1.25rem !important; + padding-left: 1.25rem !important; +} + +.px-6 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; +} + +.px-7 { + padding-right: 1.75rem !important; + padding-left: 1.75rem !important; +} + +.px-8 { + padding-right: 2rem !important; + padding-left: 2rem !important; +} + +.px-9 { + padding-right: 2.25rem !important; + padding-left: 2.25rem !important; +} + +.px-10 { + padding-right: 2.5rem !important; + padding-left: 2.5rem !important; +} + +.px-11 { + padding-right: 2.75rem !important; + padding-left: 2.75rem !important; +} + +.px-12 { + padding-right: 3rem !important; + padding-left: 3rem !important; +} + +.px-13 { + padding-right: 3.25rem !important; + padding-left: 3.25rem !important; +} + +.px-14 { + padding-right: 3.5rem !important; + padding-left: 3.5rem !important; +} + +.px-15 { + padding-right: 3.75rem !important; + padding-left: 3.75rem !important; +} + +.px-16 { + padding-right: 4rem !important; + padding-left: 4rem !important; +} + +.px-17 { + padding-right: 4.25rem !important; + padding-left: 4.25rem !important; +} + +.px-18 { + padding-right: 4.5rem !important; + padding-left: 4.5rem !important; +} + +.px-19 { + padding-right: 4.75rem !important; + padding-left: 4.75rem !important; +} + +.px-20 { + padding-right: 5rem !important; + padding-left: 5rem !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: 0.75rem !important; + padding-bottom: 0.75rem !important; +} + +.py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} + +.py-5 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; +} + +.py-6 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} + +.py-7 { + padding-top: 1.75rem !important; + padding-bottom: 1.75rem !important; +} + +.py-8 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; +} + +.py-9 { + padding-top: 2.25rem !important; + padding-bottom: 2.25rem !important; +} + +.py-10 { + padding-top: 2.5rem !important; + padding-bottom: 2.5rem !important; +} + +.py-11 { + padding-top: 2.75rem !important; + padding-bottom: 2.75rem !important; +} + +.py-12 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; +} + +.py-13 { + padding-top: 3.25rem !important; + padding-bottom: 3.25rem !important; +} + +.py-14 { + padding-top: 3.5rem !important; + padding-bottom: 3.5rem !important; +} + +.py-15 { + padding-top: 3.75rem !important; + padding-bottom: 3.75rem !important; +} + +.py-16 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; +} + +.py-17 { + padding-top: 4.25rem !important; + padding-bottom: 4.25rem !important; +} + +.py-18 { + padding-top: 4.5rem !important; + padding-bottom: 4.5rem !important; +} + +.py-19 { + padding-top: 4.75rem !important; + padding-bottom: 4.75rem !important; +} + +.py-20 { + padding-top: 5rem !important; + padding-bottom: 5rem !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: 0.75rem !important; +} + +.pt-4 { + padding-top: 1rem !important; +} + +.pt-5 { + padding-top: 1.25rem !important; +} + +.pt-6 { + padding-top: 1.5rem !important; +} + +.pt-7 { + padding-top: 1.75rem !important; +} + +.pt-8 { + padding-top: 2rem !important; +} + +.pt-9 { + padding-top: 2.25rem !important; +} + +.pt-10 { + padding-top: 2.5rem !important; +} + +.pt-11 { + padding-top: 2.75rem !important; +} + +.pt-12 { + padding-top: 3rem !important; +} + +.pt-13 { + padding-top: 3.25rem !important; +} + +.pt-14 { + padding-top: 3.5rem !important; +} + +.pt-15 { + padding-top: 3.75rem !important; +} + +.pt-16 { + padding-top: 4rem !important; +} + +.pt-17 { + padding-top: 4.25rem !important; +} + +.pt-18 { + padding-top: 4.5rem !important; +} + +.pt-19 { + padding-top: 4.75rem !important; +} + +.pt-20 { + padding-top: 5rem !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: 0.75rem !important; +} + +.pe-4 { + padding-right: 1rem !important; +} + +.pe-5 { + padding-right: 1.25rem !important; +} + +.pe-6 { + padding-right: 1.5rem !important; +} + +.pe-7 { + padding-right: 1.75rem !important; +} + +.pe-8 { + padding-right: 2rem !important; +} + +.pe-9 { + padding-right: 2.25rem !important; +} + +.pe-10 { + padding-right: 2.5rem !important; +} + +.pe-11 { + padding-right: 2.75rem !important; +} + +.pe-12 { + padding-right: 3rem !important; +} + +.pe-13 { + padding-right: 3.25rem !important; +} + +.pe-14 { + padding-right: 3.5rem !important; +} + +.pe-15 { + padding-right: 3.75rem !important; +} + +.pe-16 { + padding-right: 4rem !important; +} + +.pe-17 { + padding-right: 4.25rem !important; +} + +.pe-18 { + padding-right: 4.5rem !important; +} + +.pe-19 { + padding-right: 4.75rem !important; +} + +.pe-20 { + padding-right: 5rem !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: 0.75rem !important; +} + +.pb-4 { + padding-bottom: 1rem !important; +} + +.pb-5 { + padding-bottom: 1.25rem !important; +} + +.pb-6 { + padding-bottom: 1.5rem !important; +} + +.pb-7 { + padding-bottom: 1.75rem !important; +} + +.pb-8 { + padding-bottom: 2rem !important; +} + +.pb-9 { + padding-bottom: 2.25rem !important; +} + +.pb-10 { + padding-bottom: 2.5rem !important; +} + +.pb-11 { + padding-bottom: 2.75rem !important; +} + +.pb-12 { + padding-bottom: 3rem !important; +} + +.pb-13 { + padding-bottom: 3.25rem !important; +} + +.pb-14 { + padding-bottom: 3.5rem !important; +} + +.pb-15 { + padding-bottom: 3.75rem !important; +} + +.pb-16 { + padding-bottom: 4rem !important; +} + +.pb-17 { + padding-bottom: 4.25rem !important; +} + +.pb-18 { + padding-bottom: 4.5rem !important; +} + +.pb-19 { + padding-bottom: 4.75rem !important; +} + +.pb-20 { + padding-bottom: 5rem !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: 0.75rem !important; +} + +.ps-4 { + padding-left: 1rem !important; +} + +.ps-5 { + padding-left: 1.25rem !important; +} + +.ps-6 { + padding-left: 1.5rem !important; +} + +.ps-7 { + padding-left: 1.75rem !important; +} + +.ps-8 { + padding-left: 2rem !important; +} + +.ps-9 { + padding-left: 2.25rem !important; +} + +.ps-10 { + padding-left: 2.5rem !important; +} + +.ps-11 { + padding-left: 2.75rem !important; +} + +.ps-12 { + padding-left: 3rem !important; +} + +.ps-13 { + padding-left: 3.25rem !important; +} + +.ps-14 { + padding-left: 3.5rem !important; +} + +.ps-15 { + padding-left: 3.75rem !important; +} + +.ps-16 { + padding-left: 4rem !important; +} + +.ps-17 { + padding-left: 4.25rem !important; +} + +.ps-18 { + padding-left: 4.5rem !important; +} + +.ps-19 { + padding-left: 4.75rem !important; +} + +.ps-20 { + padding-left: 5rem !important; +} + +.gap-0 { + gap: 0 !important; +} + +.gap-1 { + gap: 0.25rem !important; +} + +.gap-2 { + gap: 0.5rem !important; +} + +.gap-3 { + gap: 0.75rem !important; +} + +.gap-4 { + gap: 1rem !important; +} + +.gap-5 { + gap: 1.25rem !important; +} + +.gap-6 { + gap: 1.5rem !important; +} + +.gap-7 { + gap: 1.75rem !important; +} + +.gap-8 { + gap: 2rem !important; +} + +.gap-9 { + gap: 2.25rem !important; +} + +.gap-10 { + gap: 2.5rem !important; +} + +.gap-11 { + gap: 2.75rem !important; +} + +.gap-12 { + gap: 3rem !important; +} + +.gap-13 { + gap: 3.25rem !important; +} + +.gap-14 { + gap: 3.5rem !important; +} + +.gap-15 { + gap: 3.75rem !important; +} + +.gap-16 { + gap: 4rem !important; +} + +.gap-17 { + gap: 4.25rem !important; +} + +.gap-18 { + gap: 4.5rem !important; +} + +.gap-19 { + gap: 4.75rem !important; +} + +.gap-20 { + gap: 5rem !important; +} + +.row-gap-0 { + row-gap: 0 !important; +} + +.row-gap-1 { + row-gap: 0.25rem !important; +} + +.row-gap-2 { + row-gap: 0.5rem !important; +} + +.row-gap-3 { + row-gap: 0.75rem !important; +} + +.row-gap-4 { + row-gap: 1rem !important; +} + +.row-gap-5 { + row-gap: 1.25rem !important; +} + +.row-gap-6 { + row-gap: 1.5rem !important; +} + +.row-gap-7 { + row-gap: 1.75rem !important; +} + +.row-gap-8 { + row-gap: 2rem !important; +} + +.row-gap-9 { + row-gap: 2.25rem !important; +} + +.row-gap-10 { + row-gap: 2.5rem !important; +} + +.row-gap-11 { + row-gap: 2.75rem !important; +} + +.row-gap-12 { + row-gap: 3rem !important; +} + +.row-gap-13 { + row-gap: 3.25rem !important; +} + +.row-gap-14 { + row-gap: 3.5rem !important; +} + +.row-gap-15 { + row-gap: 3.75rem !important; +} + +.row-gap-16 { + row-gap: 4rem !important; +} + +.row-gap-17 { + row-gap: 4.25rem !important; +} + +.row-gap-18 { + row-gap: 4.5rem !important; +} + +.row-gap-19 { + row-gap: 4.75rem !important; +} + +.row-gap-20 { + row-gap: 5rem !important; +} + +.column-gap-0 { + column-gap: 0 !important; +} + +.column-gap-1 { + column-gap: 0.25rem !important; +} + +.column-gap-2 { + column-gap: 0.5rem !important; +} + +.column-gap-3 { + column-gap: 0.75rem !important; +} + +.column-gap-4 { + column-gap: 1rem !important; +} + +.column-gap-5 { + column-gap: 1.25rem !important; +} + +.column-gap-6 { + column-gap: 1.5rem !important; +} + +.column-gap-7 { + column-gap: 1.75rem !important; +} + +.column-gap-8 { + column-gap: 2rem !important; +} + +.column-gap-9 { + column-gap: 2.25rem !important; +} + +.column-gap-10 { + column-gap: 2.5rem !important; +} + +.column-gap-11 { + column-gap: 2.75rem !important; +} + +.column-gap-12 { + column-gap: 3rem !important; +} + +.column-gap-13 { + column-gap: 3.25rem !important; +} + +.column-gap-14 { + column-gap: 3.5rem !important; +} + +.column-gap-15 { + column-gap: 3.75rem !important; +} + +.column-gap-16 { + column-gap: 4rem !important; +} + +.column-gap-17 { + column-gap: 4.25rem !important; +} + +.column-gap-18 { + column-gap: 4.5rem !important; +} + +.column-gap-19 { + column-gap: 4.75rem !important; +} + +.column-gap-20 { + column-gap: 5rem !important; +} + +.font-monospace { + font-family: var(--bs-font-monospace) !important; +} + +.fs-1 { + font-size: calc(1.3rem + 0.6vw) !important; +} + +.fs-2 { + font-size: calc(1.275rem + 0.3vw) !important; +} + +.fs-3 { + font-size: calc(1.26rem + 0.12vw) !important; +} + +.fs-4 { + font-size: 1.25rem !important; +} + +.fs-5 { + font-size: 1.15rem !important; +} + +.fs-6 { + font-size: 1.075rem !important; +} + +.fs-7 { + font-size: 0.95rem !important; +} + +.fs-8 { + font-size: 0.85rem !important; +} + +.fs-9 { + font-size: 0.75rem !important; +} + +.fs-10 { + font-size: 0.5rem !important; +} + +.fs-sm { + font-size: 0.95rem !important; +} + +.fs-base { + font-size: 1rem !important; +} + +.fs-lg { + font-size: 1.075rem !important; +} + +.fs-xl { + font-size: 1.21rem !important; +} + +.fs-fluid { + font-size: 100% !important; +} + +.fs-2x { + font-size: calc(1.325rem + 0.9vw) !important; +} + +.fs-2qx { + font-size: calc(1.35rem + 1.2vw) !important; +} + +.fs-2hx { + font-size: calc(1.375rem + 1.5vw) !important; +} + +.fs-2tx { + font-size: calc(1.4rem + 1.8vw) !important; +} + +.fs-3x { + font-size: calc(1.425rem + 2.1vw) !important; +} + +.fs-3qx { + font-size: calc(1.45rem + 2.4vw) !important; +} + +.fs-3hx { + font-size: calc(1.475rem + 2.7vw) !important; +} + +.fs-3tx { + font-size: calc(1.5rem + 3vw) !important; +} + +.fs-4x { + font-size: calc(1.525rem + 3.3vw) !important; +} + +.fs-4qx { + font-size: calc(1.55rem + 3.6vw) !important; +} + +.fs-4hx { + font-size: calc(1.575rem + 3.9vw) !important; +} + +.fs-4tx { + font-size: calc(1.6rem + 4.2vw) !important; +} + +.fs-5x { + font-size: calc(1.625rem + 4.5vw) !important; +} + +.fs-5qx { + font-size: calc(1.65rem + 4.8vw) !important; +} + +.fs-5hx { + font-size: calc(1.675rem + 5.1vw) !important; +} + +.fs-5tx { + font-size: calc(1.7rem + 5.4vw) !important; +} + +.fs-6x { + font-size: calc(1.725rem + 5.7vw) !important; +} + +.fs-6qx { + font-size: calc(1.75rem + 6vw) !important; +} + +.fs-6hx { + font-size: calc(1.775rem + 6.3vw) !important; +} + +.fs-6tx { + font-size: calc(1.8rem + 6.6vw) !important; +} + +.fs-7x { + font-size: calc(1.825rem + 6.9vw) !important; +} + +.fs-7qx { + font-size: calc(1.85rem + 7.2vw) !important; +} + +.fs-7hx { + font-size: calc(1.875rem + 7.5vw) !important; +} + +.fs-7tx { + font-size: calc(1.9rem + 7.8vw) !important; +} + +.fst-italic { + font-style: italic !important; +} + +.fst-normal { + font-style: normal !important; +} + +.fw-lighter { + font-weight: lighter !important; +} + +.fw-light { + font-weight: 300 !important; +} + +.fw-normal { + font-weight: 400 !important; +} + +.fw-medium { + font-weight: 500 !important; +} + +.fw-semibold { + font-weight: 500 !important; +} + +.fw-bold { + font-weight: 600 !important; +} + +.fw-bolder { + font-weight: 700 !important; +} + +.lh-0 { + line-height: 0 !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: 1.75 !important; +} + +.lh-xl { + line-height: 2 !important; +} + +.lh-xxl { + line-height: 2.25 !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-light { + --bs-text-opacity: 1; + color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; +} + +.text-primary { + --bs-text-opacity: 1; + color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; +} + +.text-secondary { + --bs-text-opacity: 1; + color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; +} + +.text-success { + --bs-text-opacity: 1; + color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; +} + +.text-info { + --bs-text-opacity: 1; + color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; +} + +.text-warning { + --bs-text-opacity: 1; + color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; +} + +.text-danger { + --bs-text-opacity: 1; + color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; +} + +.text-dark { + --bs-text-opacity: 1; + color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; +} + +.text-black { + --bs-text-opacity: 1; + color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; +} + +.text-white { + --bs-text-opacity: 1; + color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; +} + +.text-body { + --bs-text-opacity: 1; + color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; +} + +.text-muted { + --bs-text-opacity: 1; + color: var(--bs-secondary-color) !important; +} + +.text-black-50 { + --bs-text-opacity: 1; + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-white-50 { + --bs-text-opacity: 1; + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-body-secondary { + --bs-text-opacity: 1; + color: var(--bs-secondary-color) !important; +} + +.text-body-tertiary { + --bs-text-opacity: 1; + color: var(--bs-tertiary-color) !important; +} + +.text-body-emphasis { + --bs-text-opacity: 1; + color: var(--bs-emphasis-color) !important; +} + +.text-reset { + --bs-text-opacity: 1; + color: inherit !important; +} + +.text-opacity-25 { + --bs-text-opacity: 0.25; +} + +.text-opacity-50 { + --bs-text-opacity: 0.5; +} + +.text-opacity-75 { + --bs-text-opacity: 0.75; +} + +.text-opacity-100 { + --bs-text-opacity: 1; +} + +.text-primary-emphasis { + color: var(--bs-primary-text-emphasis) !important; +} + +.text-secondary-emphasis { + color: var(--bs-secondary-text-emphasis) !important; +} + +.text-success-emphasis { + color: var(--bs-success-text-emphasis) !important; +} + +.text-info-emphasis { + color: var(--bs-info-text-emphasis) !important; +} + +.text-warning-emphasis { + color: var(--bs-warning-text-emphasis) !important; +} + +.text-danger-emphasis { + color: var(--bs-danger-text-emphasis) !important; +} + +.text-light-emphasis { + color: var(--bs-light-text-emphasis) !important; +} + +.text-dark-emphasis { + color: var(--bs-dark-text-emphasis) !important; +} + +.link-opacity-10 { + --bs-link-opacity: 0.1; +} + +.link-opacity-10-hover:hover { + --bs-link-opacity: 0.1; +} + +.link-opacity-25 { + --bs-link-opacity: 0.25; +} + +.link-opacity-25-hover:hover { + --bs-link-opacity: 0.25; +} + +.link-opacity-50 { + --bs-link-opacity: 0.5; +} + +.link-opacity-50-hover:hover { + --bs-link-opacity: 0.5; +} + +.link-opacity-75 { + --bs-link-opacity: 0.75; +} + +.link-opacity-75-hover:hover { + --bs-link-opacity: 0.75; +} + +.link-opacity-100 { + --bs-link-opacity: 1; +} + +.link-opacity-100-hover:hover { + --bs-link-opacity: 1; +} + +.link-offset-1 { + text-underline-offset: 0.125em !important; +} + +.link-offset-1-hover:hover { + text-underline-offset: 0.125em !important; +} + +.link-offset-2 { + text-underline-offset: 0.25em !important; +} + +.link-offset-2-hover:hover { + text-underline-offset: 0.25em !important; +} + +.link-offset-3 { + text-underline-offset: 0.375em !important; +} + +.link-offset-3-hover:hover { + text-underline-offset: 0.375em !important; +} + +.link-underline-light { + --bs-link-underline-opacity: 1; + text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-primary { + --bs-link-underline-opacity: 1; + text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-secondary { + --bs-link-underline-opacity: 1; + text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-success { + --bs-link-underline-opacity: 1; + text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-info { + --bs-link-underline-opacity: 1; + text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-warning { + --bs-link-underline-opacity: 1; + text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-danger { + --bs-link-underline-opacity: 1; + text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-dark { + --bs-link-underline-opacity: 1; + text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline { + --bs-link-underline-opacity: 1; + text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; +} + +.link-underline-opacity-0 { + --bs-link-underline-opacity: 0; +} + +.link-underline-opacity-0-hover:hover { + --bs-link-underline-opacity: 0; +} + +.link-underline-opacity-10 { + --bs-link-underline-opacity: 0.1; +} + +.link-underline-opacity-10-hover:hover { + --bs-link-underline-opacity: 0.1; +} + +.link-underline-opacity-25 { + --bs-link-underline-opacity: 0.25; +} + +.link-underline-opacity-25-hover:hover { + --bs-link-underline-opacity: 0.25; +} + +.link-underline-opacity-50 { + --bs-link-underline-opacity: 0.5; +} + +.link-underline-opacity-50-hover:hover { + --bs-link-underline-opacity: 0.5; +} + +.link-underline-opacity-75 { + --bs-link-underline-opacity: 0.75; +} + +.link-underline-opacity-75-hover:hover { + --bs-link-underline-opacity: 0.75; +} + +.link-underline-opacity-100 { + --bs-link-underline-opacity: 1; +} + +.link-underline-opacity-100-hover:hover { + --bs-link-underline-opacity: 1; +} + +.bg-light { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-primary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-secondary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-success { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-info { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-warning { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-danger { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-dark { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-black { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-white { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-body { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-transparent { + --bs-bg-opacity: 1; + background-color: transparent !important; +} + +.bg-body-secondary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-body-tertiary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-opacity-10 { + --bs-bg-opacity: 0.1; +} + +.bg-opacity-25 { + --bs-bg-opacity: 0.25; +} + +.bg-opacity-50 { + --bs-bg-opacity: 0.5; +} + +.bg-opacity-75 { + --bs-bg-opacity: 0.75; +} + +.bg-opacity-100 { + --bs-bg-opacity: 1; +} + +.bg-primary-subtle { + background-color: var(--bs-primary-bg-subtle) !important; +} + +.bg-secondary-subtle { + background-color: var(--bs-secondary-bg-subtle) !important; +} + +.bg-success-subtle { + background-color: var(--bs-success-bg-subtle) !important; +} + +.bg-info-subtle { + background-color: var(--bs-info-bg-subtle) !important; +} + +.bg-warning-subtle { + background-color: var(--bs-warning-bg-subtle) !important; +} + +.bg-danger-subtle { + background-color: var(--bs-danger-bg-subtle) !important; +} + +.bg-light-subtle { + background-color: var(--bs-light-bg-subtle) !important; +} + +.bg-dark-subtle { + background-color: var(--bs-dark-bg-subtle) !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.95rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.rounded-1 { + border-radius: 0.425rem !important; +} + +.rounded-2 { + border-radius: 0.95rem !important; +} + +.rounded-3 { + border-radius: 1.5rem !important; +} + +.rounded-4 { + border-radius: 2rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-top { + border-top-left-radius: var(--bs-border-radius) !important; + border-top-right-radius: var(--bs-border-radius) !important; +} + +.rounded-top-0 { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; +} + +.rounded-top-1 { + border-top-left-radius: var(--bs-border-radius-sm) !important; + border-top-right-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-top-2 { + border-top-left-radius: var(--bs-border-radius) !important; + border-top-right-radius: var(--bs-border-radius) !important; +} + +.rounded-top-3 { + border-top-left-radius: var(--bs-border-radius-lg) !important; + border-top-right-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-top-4 { + border-top-left-radius: var(--bs-border-radius-xl) !important; + border-top-right-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-top-5 { + border-top-left-radius: var(--bs-border-radius-xxl) !important; + border-top-right-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-top-circle { + border-top-left-radius: 50% !important; + border-top-right-radius: 50% !important; +} + +.rounded-top-pill { + border-top-left-radius: var(--bs-border-radius-pill) !important; + border-top-right-radius: var(--bs-border-radius-pill) !important; +} + +.rounded-end { + border-top-right-radius: var(--bs-border-radius) !important; + border-bottom-right-radius: var(--bs-border-radius) !important; +} + +.rounded-end-0 { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} + +.rounded-end-1 { + border-top-right-radius: var(--bs-border-radius-sm) !important; + border-bottom-right-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-end-2 { + border-top-right-radius: var(--bs-border-radius) !important; + border-bottom-right-radius: var(--bs-border-radius) !important; +} + +.rounded-end-3 { + border-top-right-radius: var(--bs-border-radius-lg) !important; + border-bottom-right-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-end-4 { + border-top-right-radius: var(--bs-border-radius-xl) !important; + border-bottom-right-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-end-5 { + border-top-right-radius: var(--bs-border-radius-xxl) !important; + border-bottom-right-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-end-circle { + border-top-right-radius: 50% !important; + border-bottom-right-radius: 50% !important; +} + +.rounded-end-pill { + border-top-right-radius: var(--bs-border-radius-pill) !important; + border-bottom-right-radius: var(--bs-border-radius-pill) !important; +} + +.rounded-bottom { + border-bottom-right-radius: var(--bs-border-radius) !important; + border-bottom-left-radius: var(--bs-border-radius) !important; +} + +.rounded-bottom-0 { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; +} + +.rounded-bottom-1 { + border-bottom-right-radius: var(--bs-border-radius-sm) !important; + border-bottom-left-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-bottom-2 { + border-bottom-right-radius: var(--bs-border-radius) !important; + border-bottom-left-radius: var(--bs-border-radius) !important; +} + +.rounded-bottom-3 { + border-bottom-right-radius: var(--bs-border-radius-lg) !important; + border-bottom-left-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-bottom-4 { + border-bottom-right-radius: var(--bs-border-radius-xl) !important; + border-bottom-left-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-bottom-5 { + border-bottom-right-radius: var(--bs-border-radius-xxl) !important; + border-bottom-left-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-bottom-circle { + border-bottom-right-radius: 50% !important; + border-bottom-left-radius: 50% !important; +} + +.rounded-bottom-pill { + border-bottom-right-radius: var(--bs-border-radius-pill) !important; + border-bottom-left-radius: var(--bs-border-radius-pill) !important; +} + +.rounded-start { + border-bottom-left-radius: var(--bs-border-radius) !important; + border-top-left-radius: var(--bs-border-radius) !important; +} + +.rounded-start-0 { + border-bottom-left-radius: 0 !important; + border-top-left-radius: 0 !important; +} + +.rounded-start-1 { + border-bottom-left-radius: var(--bs-border-radius-sm) !important; + border-top-left-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-start-2 { + border-bottom-left-radius: var(--bs-border-radius) !important; + border-top-left-radius: var(--bs-border-radius) !important; +} + +.rounded-start-3 { + border-bottom-left-radius: var(--bs-border-radius-lg) !important; + border-top-left-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-start-4 { + border-bottom-left-radius: var(--bs-border-radius-xl) !important; + border-top-left-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-start-5 { + border-bottom-left-radius: var(--bs-border-radius-xxl) !important; + border-top-left-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-start-circle { + border-bottom-left-radius: 50% !important; + border-top-left-radius: 50% !important; +} + +.rounded-start-pill { + border-bottom-left-radius: var(--bs-border-radius-pill) !important; + border-top-left-radius: var(--bs-border-radius-pill) !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +.z-index-n1 { + z-index: -1 !important; +} + +.z-index-n2 { + z-index: -2 !important; +} + +.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; +} + +.cursor-help { + cursor: help !important; +} + +.cursor-wait { + cursor: wait !important; +} + +.cursor-crosshair { + cursor: crosshair !important; +} + +.cursor-not-allowed { + cursor: not-allowed !important; +} + +.cursor-zoom-in { + cursor: zoom-in !important; +} + +.cursor-grab { + cursor: grab !important; +} + +.cursor-pointer { + cursor: pointer !important; +} + +.opacity-0 { + opacity: 0 !important; +} + +.opacity-0-hover:hover { + opacity: 0 !important; +} + +.opacity-5 { + opacity: 0.05 !important; +} + +.opacity-5-hover:hover { + opacity: 0.05 !important; +} + +.opacity-10 { + opacity: 0.1 !important; +} + +.opacity-10-hover:hover { + opacity: 0.1 !important; +} + +.opacity-15 { + opacity: 0.15 !important; +} + +.opacity-15-hover:hover { + opacity: 0.15 !important; +} + +.opacity-20 { + opacity: 0.2 !important; +} + +.opacity-20-hover:hover { + opacity: 0.2 !important; +} + +.opacity-25 { + opacity: 0.25 !important; +} + +.opacity-25-hover:hover { + opacity: 0.25 !important; +} + +.opacity-50 { + opacity: 0.5 !important; +} + +.opacity-50-hover:hover { + opacity: 0.5 !important; +} + +.opacity-75 { + opacity: 0.75 !important; +} + +.opacity-75-hover:hover { + opacity: 0.75 !important; +} + +.opacity-100 { + opacity: 1 !important; +} + +.opacity-100-hover:hover { + opacity: 1 !important; +} + +.min-w-unset { + min-width: unset !important; +} + +.min-w-25 { + min-width: 25% !important; +} + +.min-w-50 { + min-width: 50% !important; +} + +.min-w-75 { + min-width: 75% !important; +} + +.min-w-100 { + min-width: 100% !important; +} + +.min-w-auto { + min-width: auto !important; +} + +.min-w-1px { + min-width: 1px !important; +} + +.min-w-2px { + min-width: 2px !important; +} + +.min-w-3px { + min-width: 3px !important; +} + +.min-w-4px { + min-width: 4px !important; +} + +.min-w-5px { + min-width: 5px !important; +} + +.min-w-6px { + min-width: 6px !important; +} + +.min-w-7px { + min-width: 7px !important; +} + +.min-w-8px { + min-width: 8px !important; +} + +.min-w-9px { + min-width: 9px !important; +} + +.min-w-10px { + min-width: 10px !important; +} + +.min-w-15px { + min-width: 15px !important; +} + +.min-w-20px { + min-width: 20px !important; +} + +.min-w-25px { + min-width: 25px !important; +} + +.min-w-30px { + min-width: 30px !important; +} + +.min-w-35px { + min-width: 35px !important; +} + +.min-w-40px { + min-width: 40px !important; +} + +.min-w-45px { + min-width: 45px !important; +} + +.min-w-50px { + min-width: 50px !important; +} + +.min-w-55px { + min-width: 55px !important; +} + +.min-w-60px { + min-width: 60px !important; +} + +.min-w-65px { + min-width: 65px !important; +} + +.min-w-70px { + min-width: 70px !important; +} + +.min-w-75px { + min-width: 75px !important; +} + +.min-w-80px { + min-width: 80px !important; +} + +.min-w-85px { + min-width: 85px !important; +} + +.min-w-90px { + min-width: 90px !important; +} + +.min-w-95px { + min-width: 95px !important; +} + +.min-w-100px { + min-width: 100px !important; +} + +.min-w-125px { + min-width: 125px !important; +} + +.min-w-150px { + min-width: 150px !important; +} + +.min-w-175px { + min-width: 175px !important; +} + +.min-w-200px { + min-width: 200px !important; +} + +.min-w-225px { + min-width: 225px !important; +} + +.min-w-250px { + min-width: 250px !important; +} + +.min-w-275px { + min-width: 275px !important; +} + +.min-w-300px { + min-width: 300px !important; +} + +.min-w-325px { + min-width: 325px !important; +} + +.min-w-350px { + min-width: 350px !important; +} + +.min-w-375px { + min-width: 375px !important; +} + +.min-w-400px { + min-width: 400px !important; +} + +.min-w-425px { + min-width: 425px !important; +} + +.min-w-450px { + min-width: 450px !important; +} + +.min-w-475px { + min-width: 475px !important; +} + +.min-w-500px { + min-width: 500px !important; +} + +.min-w-550px { + min-width: 550px !important; +} + +.min-w-600px { + min-width: 600px !important; +} + +.min-w-650px { + min-width: 650px !important; +} + +.min-w-700px { + min-width: 700px !important; +} + +.min-w-750px { + min-width: 750px !important; +} + +.min-w-800px { + min-width: 800px !important; +} + +.min-w-850px { + min-width: 850px !important; +} + +.min-w-900px { + min-width: 900px !important; +} + +.min-w-950px { + min-width: 950px !important; +} + +.min-w-1000px { + min-width: 1000px !important; +} + +.min-h-unset { + min-height: unset !important; +} + +.min-h-25 { + min-height: 25% !important; +} + +.min-h-50 { + min-height: 50% !important; +} + +.min-h-75 { + min-height: 75% !important; +} + +.min-h-100 { + min-height: 100% !important; +} + +.min-h-auto { + min-height: auto !important; +} + +.min-h-1px { + min-height: 1px !important; +} + +.min-h-2px { + min-height: 2px !important; +} + +.min-h-3px { + min-height: 3px !important; +} + +.min-h-4px { + min-height: 4px !important; +} + +.min-h-5px { + min-height: 5px !important; +} + +.min-h-6px { + min-height: 6px !important; +} + +.min-h-7px { + min-height: 7px !important; +} + +.min-h-8px { + min-height: 8px !important; +} + +.min-h-9px { + min-height: 9px !important; +} + +.min-h-10px { + min-height: 10px !important; +} + +.min-h-15px { + min-height: 15px !important; +} + +.min-h-20px { + min-height: 20px !important; +} + +.min-h-25px { + min-height: 25px !important; +} + +.min-h-30px { + min-height: 30px !important; +} + +.min-h-35px { + min-height: 35px !important; +} + +.min-h-40px { + min-height: 40px !important; +} + +.min-h-45px { + min-height: 45px !important; +} + +.min-h-50px { + min-height: 50px !important; +} + +.min-h-55px { + min-height: 55px !important; +} + +.min-h-60px { + min-height: 60px !important; +} + +.min-h-65px { + min-height: 65px !important; +} + +.min-h-70px { + min-height: 70px !important; +} + +.min-h-75px { + min-height: 75px !important; +} + +.min-h-80px { + min-height: 80px !important; +} + +.min-h-85px { + min-height: 85px !important; +} + +.min-h-90px { + min-height: 90px !important; +} + +.min-h-95px { + min-height: 95px !important; +} + +.min-h-100px { + min-height: 100px !important; +} + +.min-h-125px { + min-height: 125px !important; +} + +.min-h-150px { + min-height: 150px !important; +} + +.min-h-175px { + min-height: 175px !important; +} + +.min-h-200px { + min-height: 200px !important; +} + +.min-h-225px { + min-height: 225px !important; +} + +.min-h-250px { + min-height: 250px !important; +} + +.min-h-275px { + min-height: 275px !important; +} + +.min-h-300px { + min-height: 300px !important; +} + +.min-h-325px { + min-height: 325px !important; +} + +.min-h-350px { + min-height: 350px !important; +} + +.min-h-375px { + min-height: 375px !important; +} + +.min-h-400px { + min-height: 400px !important; +} + +.min-h-425px { + min-height: 425px !important; +} + +.min-h-450px { + min-height: 450px !important; +} + +.min-h-475px { + min-height: 475px !important; +} + +.min-h-500px { + min-height: 500px !important; +} + +.min-h-550px { + min-height: 550px !important; +} + +.min-h-600px { + min-height: 600px !important; +} + +.min-h-650px { + min-height: 650px !important; +} + +.min-h-700px { + min-height: 700px !important; +} + +.min-h-750px { + min-height: 750px !important; +} + +.min-h-800px { + min-height: 800px !important; +} + +.min-h-850px { + min-height: 850px !important; +} + +.min-h-900px { + min-height: 900px !important; +} + +.min-h-950px { + min-height: 950px !important; +} + +.min-h-1000px { + min-height: 1000px !important; +} + +.border-top-0 { + border-top-width: 0 !important; +} + +.border-top-1 { + border-top-width: 1px !important; +} + +.border-top-2 { + border-top-width: 2px !important; +} + +.border-top-3 { + border-top-width: 3px !important; +} + +.border-top-4 { + border-top-width: 4px !important; +} + +.border-top-5 { + border-top-width: 5px !important; +} + +.border-bottom-0 { + border-bottom-width: 0 !important; +} + +.border-bottom-1 { + border-bottom-width: 1px !important; +} + +.border-bottom-2 { + border-bottom-width: 2px !important; +} + +.border-bottom-3 { + border-bottom-width: 3px !important; +} + +.border-bottom-4 { + border-bottom-width: 4px !important; +} + +.border-bottom-5 { + border-bottom-width: 5px !important; +} + +.border-right-0 { + border-right-width: 0 !important; +} + +.border-right-1 { + border-right-width: 1px !important; +} + +.border-right-2 { + border-right-width: 2px !important; +} + +.border-right-3 { + border-right-width: 3px !important; +} + +.border-right-4 { + border-right-width: 4px !important; +} + +.border-right-5 { + border-right-width: 5px !important; +} + +.border-left-0 { + border-left-width: 0 !important; +} + +.border-left-1 { + border-left-width: 1px !important; +} + +.border-left-2 { + border-left-width: 2px !important; +} + +.border-left-3 { + border-left-width: 3px !important; +} + +.border-left-4 { + border-left-width: 4px !important; +} + +.border-left-5 { + border-left-width: 5px !important; +} + +.ls-1 { + letter-spacing: 0.1rem !important; +} + +.ls-2 { + letter-spacing: 0.115rem !important; +} + +.ls-3 { + letter-spacing: 0.125rem !important; +} + +.ls-4 { + letter-spacing: 0.25rem !important; +} + +.ls-5 { + letter-spacing: 0.5rem !important; +} + +.ls-n1 { + letter-spacing: -0.1rem !important; +} + +.ls-n2 { + letter-spacing: -0.115rem !important; +} + +.ls-n3 { + letter-spacing: -0.125rem !important; +} + +.ls-n4 { + letter-spacing: -0.25rem !important; +} + +.ls-n5 { + letter-spacing: -0.5rem !important; +} + +@media (min-width: 576px) { + .float-sm-start { + float: left !important; + } + .float-sm-end { + float: right !important; + } + .float-sm-none { + float: none !important; + } + .object-fit-sm-contain { + object-fit: contain !important; + } + .object-fit-sm-cover { + object-fit: cover !important; + } + .object-fit-sm-fill { + object-fit: fill !important; + } + .object-fit-sm-scale { + object-fit: scale-down !important; + } + .object-fit-sm-none { + object-fit: none !important; + } + .overflow-sm-auto { + overflow: auto !important; + } + .overflow-sm-hidden { + overflow: hidden !important; + } + .overflow-sm-visible { + overflow: visible !important; + } + .overflow-sm-scroll { + overflow: scroll !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-inline-grid { + display: inline-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; + } + .position-sm-static { + position: static !important; + } + .position-sm-relative { + position: relative !important; + } + .position-sm-absolute { + position: absolute !important; + } + .position-sm-fixed { + position: fixed !important; + } + .position-sm-sticky { + position: sticky !important; + } + .w-sm-unset { + width: unset !important; + } + .w-sm-25 { + width: 25% !important; + } + .w-sm-50 { + width: 50% !important; + } + .w-sm-75 { + width: 75% !important; + } + .w-sm-100 { + width: 100% !important; + } + .w-sm-auto { + width: auto !important; + } + .w-sm-1px { + width: 1px !important; + } + .w-sm-2px { + width: 2px !important; + } + .w-sm-3px { + width: 3px !important; + } + .w-sm-4px { + width: 4px !important; + } + .w-sm-5px { + width: 5px !important; + } + .w-sm-6px { + width: 6px !important; + } + .w-sm-7px { + width: 7px !important; + } + .w-sm-8px { + width: 8px !important; + } + .w-sm-9px { + width: 9px !important; + } + .w-sm-10px { + width: 10px !important; + } + .w-sm-15px { + width: 15px !important; + } + .w-sm-20px { + width: 20px !important; + } + .w-sm-25px { + width: 25px !important; + } + .w-sm-30px { + width: 30px !important; + } + .w-sm-35px { + width: 35px !important; + } + .w-sm-40px { + width: 40px !important; + } + .w-sm-45px { + width: 45px !important; + } + .w-sm-50px { + width: 50px !important; + } + .w-sm-55px { + width: 55px !important; + } + .w-sm-60px { + width: 60px !important; + } + .w-sm-65px { + width: 65px !important; + } + .w-sm-70px { + width: 70px !important; + } + .w-sm-75px { + width: 75px !important; + } + .w-sm-80px { + width: 80px !important; + } + .w-sm-85px { + width: 85px !important; + } + .w-sm-90px { + width: 90px !important; + } + .w-sm-95px { + width: 95px !important; + } + .w-sm-100px { + width: 100px !important; + } + .w-sm-125px { + width: 125px !important; + } + .w-sm-150px { + width: 150px !important; + } + .w-sm-175px { + width: 175px !important; + } + .w-sm-200px { + width: 200px !important; + } + .w-sm-225px { + width: 225px !important; + } + .w-sm-250px { + width: 250px !important; + } + .w-sm-275px { + width: 275px !important; + } + .w-sm-300px { + width: 300px !important; + } + .w-sm-325px { + width: 325px !important; + } + .w-sm-350px { + width: 350px !important; + } + .w-sm-375px { + width: 375px !important; + } + .w-sm-400px { + width: 400px !important; + } + .w-sm-425px { + width: 425px !important; + } + .w-sm-450px { + width: 450px !important; + } + .w-sm-475px { + width: 475px !important; + } + .w-sm-500px { + width: 500px !important; + } + .w-sm-550px { + width: 550px !important; + } + .w-sm-600px { + width: 600px !important; + } + .w-sm-650px { + width: 650px !important; + } + .w-sm-700px { + width: 700px !important; + } + .w-sm-750px { + width: 750px !important; + } + .w-sm-800px { + width: 800px !important; + } + .w-sm-850px { + width: 850px !important; + } + .w-sm-900px { + width: 900px !important; + } + .w-sm-950px { + width: 950px !important; + } + .w-sm-1000px { + width: 1000px !important; + } + .mw-sm-unset { + max-width: unset !important; + } + .mw-sm-25 { + max-width: 25% !important; + } + .mw-sm-50 { + max-width: 50% !important; + } + .mw-sm-75 { + max-width: 75% !important; + } + .mw-sm-100 { + max-width: 100% !important; + } + .mw-sm-auto { + max-width: auto !important; + } + .mw-sm-1px { + max-width: 1px !important; + } + .mw-sm-2px { + max-width: 2px !important; + } + .mw-sm-3px { + max-width: 3px !important; + } + .mw-sm-4px { + max-width: 4px !important; + } + .mw-sm-5px { + max-width: 5px !important; + } + .mw-sm-6px { + max-width: 6px !important; + } + .mw-sm-7px { + max-width: 7px !important; + } + .mw-sm-8px { + max-width: 8px !important; + } + .mw-sm-9px { + max-width: 9px !important; + } + .mw-sm-10px { + max-width: 10px !important; + } + .mw-sm-15px { + max-width: 15px !important; + } + .mw-sm-20px { + max-width: 20px !important; + } + .mw-sm-25px { + max-width: 25px !important; + } + .mw-sm-30px { + max-width: 30px !important; + } + .mw-sm-35px { + max-width: 35px !important; + } + .mw-sm-40px { + max-width: 40px !important; + } + .mw-sm-45px { + max-width: 45px !important; + } + .mw-sm-50px { + max-width: 50px !important; + } + .mw-sm-55px { + max-width: 55px !important; + } + .mw-sm-60px { + max-width: 60px !important; + } + .mw-sm-65px { + max-width: 65px !important; + } + .mw-sm-70px { + max-width: 70px !important; + } + .mw-sm-75px { + max-width: 75px !important; + } + .mw-sm-80px { + max-width: 80px !important; + } + .mw-sm-85px { + max-width: 85px !important; + } + .mw-sm-90px { + max-width: 90px !important; + } + .mw-sm-95px { + max-width: 95px !important; + } + .mw-sm-100px { + max-width: 100px !important; + } + .mw-sm-125px { + max-width: 125px !important; + } + .mw-sm-150px { + max-width: 150px !important; + } + .mw-sm-175px { + max-width: 175px !important; + } + .mw-sm-200px { + max-width: 200px !important; + } + .mw-sm-225px { + max-width: 225px !important; + } + .mw-sm-250px { + max-width: 250px !important; + } + .mw-sm-275px { + max-width: 275px !important; + } + .mw-sm-300px { + max-width: 300px !important; + } + .mw-sm-325px { + max-width: 325px !important; + } + .mw-sm-350px { + max-width: 350px !important; + } + .mw-sm-375px { + max-width: 375px !important; + } + .mw-sm-400px { + max-width: 400px !important; + } + .mw-sm-425px { + max-width: 425px !important; + } + .mw-sm-450px { + max-width: 450px !important; + } + .mw-sm-475px { + max-width: 475px !important; + } + .mw-sm-500px { + max-width: 500px !important; + } + .mw-sm-550px { + max-width: 550px !important; + } + .mw-sm-600px { + max-width: 600px !important; + } + .mw-sm-650px { + max-width: 650px !important; + } + .mw-sm-700px { + max-width: 700px !important; + } + .mw-sm-750px { + max-width: 750px !important; + } + .mw-sm-800px { + max-width: 800px !important; + } + .mw-sm-850px { + max-width: 850px !important; + } + .mw-sm-900px { + max-width: 900px !important; + } + .mw-sm-950px { + max-width: 950px !important; + } + .mw-sm-1000px { + max-width: 1000px !important; + } + .h-sm-unset { + height: unset !important; + } + .h-sm-25 { + height: 25% !important; + } + .h-sm-50 { + height: 50% !important; + } + .h-sm-75 { + height: 75% !important; + } + .h-sm-100 { + height: 100% !important; + } + .h-sm-auto { + height: auto !important; + } + .h-sm-1px { + height: 1px !important; + } + .h-sm-2px { + height: 2px !important; + } + .h-sm-3px { + height: 3px !important; + } + .h-sm-4px { + height: 4px !important; + } + .h-sm-5px { + height: 5px !important; + } + .h-sm-6px { + height: 6px !important; + } + .h-sm-7px { + height: 7px !important; + } + .h-sm-8px { + height: 8px !important; + } + .h-sm-9px { + height: 9px !important; + } + .h-sm-10px { + height: 10px !important; + } + .h-sm-15px { + height: 15px !important; + } + .h-sm-20px { + height: 20px !important; + } + .h-sm-25px { + height: 25px !important; + } + .h-sm-30px { + height: 30px !important; + } + .h-sm-35px { + height: 35px !important; + } + .h-sm-40px { + height: 40px !important; + } + .h-sm-45px { + height: 45px !important; + } + .h-sm-50px { + height: 50px !important; + } + .h-sm-55px { + height: 55px !important; + } + .h-sm-60px { + height: 60px !important; + } + .h-sm-65px { + height: 65px !important; + } + .h-sm-70px { + height: 70px !important; + } + .h-sm-75px { + height: 75px !important; + } + .h-sm-80px { + height: 80px !important; + } + .h-sm-85px { + height: 85px !important; + } + .h-sm-90px { + height: 90px !important; + } + .h-sm-95px { + height: 95px !important; + } + .h-sm-100px { + height: 100px !important; + } + .h-sm-125px { + height: 125px !important; + } + .h-sm-150px { + height: 150px !important; + } + .h-sm-175px { + height: 175px !important; + } + .h-sm-200px { + height: 200px !important; + } + .h-sm-225px { + height: 225px !important; + } + .h-sm-250px { + height: 250px !important; + } + .h-sm-275px { + height: 275px !important; + } + .h-sm-300px { + height: 300px !important; + } + .h-sm-325px { + height: 325px !important; + } + .h-sm-350px { + height: 350px !important; + } + .h-sm-375px { + height: 375px !important; + } + .h-sm-400px { + height: 400px !important; + } + .h-sm-425px { + height: 425px !important; + } + .h-sm-450px { + height: 450px !important; + } + .h-sm-475px { + height: 475px !important; + } + .h-sm-500px { + height: 500px !important; + } + .h-sm-550px { + height: 550px !important; + } + .h-sm-600px { + height: 600px !important; + } + .h-sm-650px { + height: 650px !important; + } + .h-sm-700px { + height: 700px !important; + } + .h-sm-750px { + height: 750px !important; + } + .h-sm-800px { + height: 800px !important; + } + .h-sm-850px { + height: 850px !important; + } + .h-sm-900px { + height: 900px !important; + } + .h-sm-950px { + height: 950px !important; + } + .h-sm-1000px { + height: 1000px !important; + } + .mh-sm-unset { + max-height: unset !important; + } + .mh-sm-25 { + max-height: 25% !important; + } + .mh-sm-50 { + max-height: 50% !important; + } + .mh-sm-75 { + max-height: 75% !important; + } + .mh-sm-100 { + max-height: 100% !important; + } + .mh-sm-auto { + max-height: auto !important; + } + .mh-sm-1px { + max-height: 1px !important; + } + .mh-sm-2px { + max-height: 2px !important; + } + .mh-sm-3px { + max-height: 3px !important; + } + .mh-sm-4px { + max-height: 4px !important; + } + .mh-sm-5px { + max-height: 5px !important; + } + .mh-sm-6px { + max-height: 6px !important; + } + .mh-sm-7px { + max-height: 7px !important; + } + .mh-sm-8px { + max-height: 8px !important; + } + .mh-sm-9px { + max-height: 9px !important; + } + .mh-sm-10px { + max-height: 10px !important; + } + .mh-sm-15px { + max-height: 15px !important; + } + .mh-sm-20px { + max-height: 20px !important; + } + .mh-sm-25px { + max-height: 25px !important; + } + .mh-sm-30px { + max-height: 30px !important; + } + .mh-sm-35px { + max-height: 35px !important; + } + .mh-sm-40px { + max-height: 40px !important; + } + .mh-sm-45px { + max-height: 45px !important; + } + .mh-sm-50px { + max-height: 50px !important; + } + .mh-sm-55px { + max-height: 55px !important; + } + .mh-sm-60px { + max-height: 60px !important; + } + .mh-sm-65px { + max-height: 65px !important; + } + .mh-sm-70px { + max-height: 70px !important; + } + .mh-sm-75px { + max-height: 75px !important; + } + .mh-sm-80px { + max-height: 80px !important; + } + .mh-sm-85px { + max-height: 85px !important; + } + .mh-sm-90px { + max-height: 90px !important; + } + .mh-sm-95px { + max-height: 95px !important; + } + .mh-sm-100px { + max-height: 100px !important; + } + .mh-sm-125px { + max-height: 125px !important; + } + .mh-sm-150px { + max-height: 150px !important; + } + .mh-sm-175px { + max-height: 175px !important; + } + .mh-sm-200px { + max-height: 200px !important; + } + .mh-sm-225px { + max-height: 225px !important; + } + .mh-sm-250px { + max-height: 250px !important; + } + .mh-sm-275px { + max-height: 275px !important; + } + .mh-sm-300px { + max-height: 300px !important; + } + .mh-sm-325px { + max-height: 325px !important; + } + .mh-sm-350px { + max-height: 350px !important; + } + .mh-sm-375px { + max-height: 375px !important; + } + .mh-sm-400px { + max-height: 400px !important; + } + .mh-sm-425px { + max-height: 425px !important; + } + .mh-sm-450px { + max-height: 450px !important; + } + .mh-sm-475px { + max-height: 475px !important; + } + .mh-sm-500px { + max-height: 500px !important; + } + .mh-sm-550px { + max-height: 550px !important; + } + .mh-sm-600px { + max-height: 600px !important; + } + .mh-sm-650px { + max-height: 650px !important; + } + .mh-sm-700px { + max-height: 700px !important; + } + .mh-sm-750px { + max-height: 750px !important; + } + .mh-sm-800px { + max-height: 800px !important; + } + .mh-sm-850px { + max-height: 850px !important; + } + .mh-sm-900px { + max-height: 900px !important; + } + .mh-sm-950px { + max-height: 950px !important; + } + .mh-sm-1000px { + max-height: 1000px !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; + } + .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: 0.75rem !important; + } + .m-sm-4 { + margin: 1rem !important; + } + .m-sm-5 { + margin: 1.25rem !important; + } + .m-sm-6 { + margin: 1.5rem !important; + } + .m-sm-7 { + margin: 1.75rem !important; + } + .m-sm-8 { + margin: 2rem !important; + } + .m-sm-9 { + margin: 2.25rem !important; + } + .m-sm-10 { + margin: 2.5rem !important; + } + .m-sm-11 { + margin: 2.75rem !important; + } + .m-sm-12 { + margin: 3rem !important; + } + .m-sm-13 { + margin: 3.25rem !important; + } + .m-sm-14 { + margin: 3.5rem !important; + } + .m-sm-15 { + margin: 3.75rem !important; + } + .m-sm-16 { + margin: 4rem !important; + } + .m-sm-17 { + margin: 4.25rem !important; + } + .m-sm-18 { + margin: 4.5rem !important; + } + .m-sm-19 { + margin: 4.75rem !important; + } + .m-sm-20 { + margin: 5rem !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: 0.75rem !important; + margin-left: 0.75rem !important; + } + .mx-sm-4 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-sm-5 { + margin-right: 1.25rem !important; + margin-left: 1.25rem !important; + } + .mx-sm-6 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-sm-7 { + margin-right: 1.75rem !important; + margin-left: 1.75rem !important; + } + .mx-sm-8 { + margin-right: 2rem !important; + margin-left: 2rem !important; + } + .mx-sm-9 { + margin-right: 2.25rem !important; + margin-left: 2.25rem !important; + } + .mx-sm-10 { + margin-right: 2.5rem !important; + margin-left: 2.5rem !important; + } + .mx-sm-11 { + margin-right: 2.75rem !important; + margin-left: 2.75rem !important; + } + .mx-sm-12 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-sm-13 { + margin-right: 3.25rem !important; + margin-left: 3.25rem !important; + } + .mx-sm-14 { + margin-right: 3.5rem !important; + margin-left: 3.5rem !important; + } + .mx-sm-15 { + margin-right: 3.75rem !important; + margin-left: 3.75rem !important; + } + .mx-sm-16 { + margin-right: 4rem !important; + margin-left: 4rem !important; + } + .mx-sm-17 { + margin-right: 4.25rem !important; + margin-left: 4.25rem !important; + } + .mx-sm-18 { + margin-right: 4.5rem !important; + margin-left: 4.5rem !important; + } + .mx-sm-19 { + margin-right: 4.75rem !important; + margin-left: 4.75rem !important; + } + .mx-sm-20 { + margin-right: 5rem !important; + margin-left: 5rem !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: 0.75rem !important; + margin-bottom: 0.75rem !important; + } + .my-sm-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-sm-5 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; + } + .my-sm-6 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-sm-7 { + margin-top: 1.75rem !important; + margin-bottom: 1.75rem !important; + } + .my-sm-8 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; + } + .my-sm-9 { + margin-top: 2.25rem !important; + margin-bottom: 2.25rem !important; + } + .my-sm-10 { + margin-top: 2.5rem !important; + margin-bottom: 2.5rem !important; + } + .my-sm-11 { + margin-top: 2.75rem !important; + margin-bottom: 2.75rem !important; + } + .my-sm-12 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-sm-13 { + margin-top: 3.25rem !important; + margin-bottom: 3.25rem !important; + } + .my-sm-14 { + margin-top: 3.5rem !important; + margin-bottom: 3.5rem !important; + } + .my-sm-15 { + margin-top: 3.75rem !important; + margin-bottom: 3.75rem !important; + } + .my-sm-16 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; + } + .my-sm-17 { + margin-top: 4.25rem !important; + margin-bottom: 4.25rem !important; + } + .my-sm-18 { + margin-top: 4.5rem !important; + margin-bottom: 4.5rem !important; + } + .my-sm-19 { + margin-top: 4.75rem !important; + margin-bottom: 4.75rem !important; + } + .my-sm-20 { + margin-top: 5rem !important; + margin-bottom: 5rem !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: 0.75rem !important; + } + .mt-sm-4 { + margin-top: 1rem !important; + } + .mt-sm-5 { + margin-top: 1.25rem !important; + } + .mt-sm-6 { + margin-top: 1.5rem !important; + } + .mt-sm-7 { + margin-top: 1.75rem !important; + } + .mt-sm-8 { + margin-top: 2rem !important; + } + .mt-sm-9 { + margin-top: 2.25rem !important; + } + .mt-sm-10 { + margin-top: 2.5rem !important; + } + .mt-sm-11 { + margin-top: 2.75rem !important; + } + .mt-sm-12 { + margin-top: 3rem !important; + } + .mt-sm-13 { + margin-top: 3.25rem !important; + } + .mt-sm-14 { + margin-top: 3.5rem !important; + } + .mt-sm-15 { + margin-top: 3.75rem !important; + } + .mt-sm-16 { + margin-top: 4rem !important; + } + .mt-sm-17 { + margin-top: 4.25rem !important; + } + .mt-sm-18 { + margin-top: 4.5rem !important; + } + .mt-sm-19 { + margin-top: 4.75rem !important; + } + .mt-sm-20 { + margin-top: 5rem !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: 0.75rem !important; + } + .me-sm-4 { + margin-right: 1rem !important; + } + .me-sm-5 { + margin-right: 1.25rem !important; + } + .me-sm-6 { + margin-right: 1.5rem !important; + } + .me-sm-7 { + margin-right: 1.75rem !important; + } + .me-sm-8 { + margin-right: 2rem !important; + } + .me-sm-9 { + margin-right: 2.25rem !important; + } + .me-sm-10 { + margin-right: 2.5rem !important; + } + .me-sm-11 { + margin-right: 2.75rem !important; + } + .me-sm-12 { + margin-right: 3rem !important; + } + .me-sm-13 { + margin-right: 3.25rem !important; + } + .me-sm-14 { + margin-right: 3.5rem !important; + } + .me-sm-15 { + margin-right: 3.75rem !important; + } + .me-sm-16 { + margin-right: 4rem !important; + } + .me-sm-17 { + margin-right: 4.25rem !important; + } + .me-sm-18 { + margin-right: 4.5rem !important; + } + .me-sm-19 { + margin-right: 4.75rem !important; + } + .me-sm-20 { + margin-right: 5rem !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: 0.75rem !important; + } + .mb-sm-4 { + margin-bottom: 1rem !important; + } + .mb-sm-5 { + margin-bottom: 1.25rem !important; + } + .mb-sm-6 { + margin-bottom: 1.5rem !important; + } + .mb-sm-7 { + margin-bottom: 1.75rem !important; + } + .mb-sm-8 { + margin-bottom: 2rem !important; + } + .mb-sm-9 { + margin-bottom: 2.25rem !important; + } + .mb-sm-10 { + margin-bottom: 2.5rem !important; + } + .mb-sm-11 { + margin-bottom: 2.75rem !important; + } + .mb-sm-12 { + margin-bottom: 3rem !important; + } + .mb-sm-13 { + margin-bottom: 3.25rem !important; + } + .mb-sm-14 { + margin-bottom: 3.5rem !important; + } + .mb-sm-15 { + margin-bottom: 3.75rem !important; + } + .mb-sm-16 { + margin-bottom: 4rem !important; + } + .mb-sm-17 { + margin-bottom: 4.25rem !important; + } + .mb-sm-18 { + margin-bottom: 4.5rem !important; + } + .mb-sm-19 { + margin-bottom: 4.75rem !important; + } + .mb-sm-20 { + margin-bottom: 5rem !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: 0.75rem !important; + } + .ms-sm-4 { + margin-left: 1rem !important; + } + .ms-sm-5 { + margin-left: 1.25rem !important; + } + .ms-sm-6 { + margin-left: 1.5rem !important; + } + .ms-sm-7 { + margin-left: 1.75rem !important; + } + .ms-sm-8 { + margin-left: 2rem !important; + } + .ms-sm-9 { + margin-left: 2.25rem !important; + } + .ms-sm-10 { + margin-left: 2.5rem !important; + } + .ms-sm-11 { + margin-left: 2.75rem !important; + } + .ms-sm-12 { + margin-left: 3rem !important; + } + .ms-sm-13 { + margin-left: 3.25rem !important; + } + .ms-sm-14 { + margin-left: 3.5rem !important; + } + .ms-sm-15 { + margin-left: 3.75rem !important; + } + .ms-sm-16 { + margin-left: 4rem !important; + } + .ms-sm-17 { + margin-left: 4.25rem !important; + } + .ms-sm-18 { + margin-left: 4.5rem !important; + } + .ms-sm-19 { + margin-left: 4.75rem !important; + } + .ms-sm-20 { + margin-left: 5rem !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: -0.75rem !important; + } + .m-sm-n4 { + margin: -1rem !important; + } + .m-sm-n5 { + margin: -1.25rem !important; + } + .m-sm-n6 { + margin: -1.5rem !important; + } + .m-sm-n7 { + margin: -1.75rem !important; + } + .m-sm-n8 { + margin: -2rem !important; + } + .m-sm-n9 { + margin: -2.25rem !important; + } + .m-sm-n10 { + margin: -2.5rem !important; + } + .m-sm-n11 { + margin: -2.75rem !important; + } + .m-sm-n12 { + margin: -3rem !important; + } + .m-sm-n13 { + margin: -3.25rem !important; + } + .m-sm-n14 { + margin: -3.5rem !important; + } + .m-sm-n15 { + margin: -3.75rem !important; + } + .m-sm-n16 { + margin: -4rem !important; + } + .m-sm-n17 { + margin: -4.25rem !important; + } + .m-sm-n18 { + margin: -4.5rem !important; + } + .m-sm-n19 { + margin: -4.75rem !important; + } + .m-sm-n20 { + margin: -5rem !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: -0.75rem !important; + margin-left: -0.75rem !important; + } + .mx-sm-n4 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + .mx-sm-n5 { + margin-right: -1.25rem !important; + margin-left: -1.25rem !important; + } + .mx-sm-n6 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + .mx-sm-n7 { + margin-right: -1.75rem !important; + margin-left: -1.75rem !important; + } + .mx-sm-n8 { + margin-right: -2rem !important; + margin-left: -2rem !important; + } + .mx-sm-n9 { + margin-right: -2.25rem !important; + margin-left: -2.25rem !important; + } + .mx-sm-n10 { + margin-right: -2.5rem !important; + margin-left: -2.5rem !important; + } + .mx-sm-n11 { + margin-right: -2.75rem !important; + margin-left: -2.75rem !important; + } + .mx-sm-n12 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + .mx-sm-n13 { + margin-right: -3.25rem !important; + margin-left: -3.25rem !important; + } + .mx-sm-n14 { + margin-right: -3.5rem !important; + margin-left: -3.5rem !important; + } + .mx-sm-n15 { + margin-right: -3.75rem !important; + margin-left: -3.75rem !important; + } + .mx-sm-n16 { + margin-right: -4rem !important; + margin-left: -4rem !important; + } + .mx-sm-n17 { + margin-right: -4.25rem !important; + margin-left: -4.25rem !important; + } + .mx-sm-n18 { + margin-right: -4.5rem !important; + margin-left: -4.5rem !important; + } + .mx-sm-n19 { + margin-right: -4.75rem !important; + margin-left: -4.75rem !important; + } + .mx-sm-n20 { + margin-right: -5rem !important; + margin-left: -5rem !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: -0.75rem !important; + margin-bottom: -0.75rem !important; + } + .my-sm-n4 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + .my-sm-n5 { + margin-top: -1.25rem !important; + margin-bottom: -1.25rem !important; + } + .my-sm-n6 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + .my-sm-n7 { + margin-top: -1.75rem !important; + margin-bottom: -1.75rem !important; + } + .my-sm-n8 { + margin-top: -2rem !important; + margin-bottom: -2rem !important; + } + .my-sm-n9 { + margin-top: -2.25rem !important; + margin-bottom: -2.25rem !important; + } + .my-sm-n10 { + margin-top: -2.5rem !important; + margin-bottom: -2.5rem !important; + } + .my-sm-n11 { + margin-top: -2.75rem !important; + margin-bottom: -2.75rem !important; + } + .my-sm-n12 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + .my-sm-n13 { + margin-top: -3.25rem !important; + margin-bottom: -3.25rem !important; + } + .my-sm-n14 { + margin-top: -3.5rem !important; + margin-bottom: -3.5rem !important; + } + .my-sm-n15 { + margin-top: -3.75rem !important; + margin-bottom: -3.75rem !important; + } + .my-sm-n16 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; + } + .my-sm-n17 { + margin-top: -4.25rem !important; + margin-bottom: -4.25rem !important; + } + .my-sm-n18 { + margin-top: -4.5rem !important; + margin-bottom: -4.5rem !important; + } + .my-sm-n19 { + margin-top: -4.75rem !important; + margin-bottom: -4.75rem !important; + } + .my-sm-n20 { + margin-top: -5rem !important; + margin-bottom: -5rem !important; + } + .mt-sm-n1 { + margin-top: -0.25rem !important; + } + .mt-sm-n2 { + margin-top: -0.5rem !important; + } + .mt-sm-n3 { + margin-top: -0.75rem !important; + } + .mt-sm-n4 { + margin-top: -1rem !important; + } + .mt-sm-n5 { + margin-top: -1.25rem !important; + } + .mt-sm-n6 { + margin-top: -1.5rem !important; + } + .mt-sm-n7 { + margin-top: -1.75rem !important; + } + .mt-sm-n8 { + margin-top: -2rem !important; + } + .mt-sm-n9 { + margin-top: -2.25rem !important; + } + .mt-sm-n10 { + margin-top: -2.5rem !important; + } + .mt-sm-n11 { + margin-top: -2.75rem !important; + } + .mt-sm-n12 { + margin-top: -3rem !important; + } + .mt-sm-n13 { + margin-top: -3.25rem !important; + } + .mt-sm-n14 { + margin-top: -3.5rem !important; + } + .mt-sm-n15 { + margin-top: -3.75rem !important; + } + .mt-sm-n16 { + margin-top: -4rem !important; + } + .mt-sm-n17 { + margin-top: -4.25rem !important; + } + .mt-sm-n18 { + margin-top: -4.5rem !important; + } + .mt-sm-n19 { + margin-top: -4.75rem !important; + } + .mt-sm-n20 { + margin-top: -5rem !important; + } + .me-sm-n1 { + margin-right: -0.25rem !important; + } + .me-sm-n2 { + margin-right: -0.5rem !important; + } + .me-sm-n3 { + margin-right: -0.75rem !important; + } + .me-sm-n4 { + margin-right: -1rem !important; + } + .me-sm-n5 { + margin-right: -1.25rem !important; + } + .me-sm-n6 { + margin-right: -1.5rem !important; + } + .me-sm-n7 { + margin-right: -1.75rem !important; + } + .me-sm-n8 { + margin-right: -2rem !important; + } + .me-sm-n9 { + margin-right: -2.25rem !important; + } + .me-sm-n10 { + margin-right: -2.5rem !important; + } + .me-sm-n11 { + margin-right: -2.75rem !important; + } + .me-sm-n12 { + margin-right: -3rem !important; + } + .me-sm-n13 { + margin-right: -3.25rem !important; + } + .me-sm-n14 { + margin-right: -3.5rem !important; + } + .me-sm-n15 { + margin-right: -3.75rem !important; + } + .me-sm-n16 { + margin-right: -4rem !important; + } + .me-sm-n17 { + margin-right: -4.25rem !important; + } + .me-sm-n18 { + margin-right: -4.5rem !important; + } + .me-sm-n19 { + margin-right: -4.75rem !important; + } + .me-sm-n20 { + margin-right: -5rem !important; + } + .mb-sm-n1 { + margin-bottom: -0.25rem !important; + } + .mb-sm-n2 { + margin-bottom: -0.5rem !important; + } + .mb-sm-n3 { + margin-bottom: -0.75rem !important; + } + .mb-sm-n4 { + margin-bottom: -1rem !important; + } + .mb-sm-n5 { + margin-bottom: -1.25rem !important; + } + .mb-sm-n6 { + margin-bottom: -1.5rem !important; + } + .mb-sm-n7 { + margin-bottom: -1.75rem !important; + } + .mb-sm-n8 { + margin-bottom: -2rem !important; + } + .mb-sm-n9 { + margin-bottom: -2.25rem !important; + } + .mb-sm-n10 { + margin-bottom: -2.5rem !important; + } + .mb-sm-n11 { + margin-bottom: -2.75rem !important; + } + .mb-sm-n12 { + margin-bottom: -3rem !important; + } + .mb-sm-n13 { + margin-bottom: -3.25rem !important; + } + .mb-sm-n14 { + margin-bottom: -3.5rem !important; + } + .mb-sm-n15 { + margin-bottom: -3.75rem !important; + } + .mb-sm-n16 { + margin-bottom: -4rem !important; + } + .mb-sm-n17 { + margin-bottom: -4.25rem !important; + } + .mb-sm-n18 { + margin-bottom: -4.5rem !important; + } + .mb-sm-n19 { + margin-bottom: -4.75rem !important; + } + .mb-sm-n20 { + margin-bottom: -5rem !important; + } + .ms-sm-n1 { + margin-left: -0.25rem !important; + } + .ms-sm-n2 { + margin-left: -0.5rem !important; + } + .ms-sm-n3 { + margin-left: -0.75rem !important; + } + .ms-sm-n4 { + margin-left: -1rem !important; + } + .ms-sm-n5 { + margin-left: -1.25rem !important; + } + .ms-sm-n6 { + margin-left: -1.5rem !important; + } + .ms-sm-n7 { + margin-left: -1.75rem !important; + } + .ms-sm-n8 { + margin-left: -2rem !important; + } + .ms-sm-n9 { + margin-left: -2.25rem !important; + } + .ms-sm-n10 { + margin-left: -2.5rem !important; + } + .ms-sm-n11 { + margin-left: -2.75rem !important; + } + .ms-sm-n12 { + margin-left: -3rem !important; + } + .ms-sm-n13 { + margin-left: -3.25rem !important; + } + .ms-sm-n14 { + margin-left: -3.5rem !important; + } + .ms-sm-n15 { + margin-left: -3.75rem !important; + } + .ms-sm-n16 { + margin-left: -4rem !important; + } + .ms-sm-n17 { + margin-left: -4.25rem !important; + } + .ms-sm-n18 { + margin-left: -4.5rem !important; + } + .ms-sm-n19 { + margin-left: -4.75rem !important; + } + .ms-sm-n20 { + margin-left: -5rem !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: 0.75rem !important; + } + .p-sm-4 { + padding: 1rem !important; + } + .p-sm-5 { + padding: 1.25rem !important; + } + .p-sm-6 { + padding: 1.5rem !important; + } + .p-sm-7 { + padding: 1.75rem !important; + } + .p-sm-8 { + padding: 2rem !important; + } + .p-sm-9 { + padding: 2.25rem !important; + } + .p-sm-10 { + padding: 2.5rem !important; + } + .p-sm-11 { + padding: 2.75rem !important; + } + .p-sm-12 { + padding: 3rem !important; + } + .p-sm-13 { + padding: 3.25rem !important; + } + .p-sm-14 { + padding: 3.5rem !important; + } + .p-sm-15 { + padding: 3.75rem !important; + } + .p-sm-16 { + padding: 4rem !important; + } + .p-sm-17 { + padding: 4.25rem !important; + } + .p-sm-18 { + padding: 4.5rem !important; + } + .p-sm-19 { + padding: 4.75rem !important; + } + .p-sm-20 { + padding: 5rem !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: 0.75rem !important; + padding-left: 0.75rem !important; + } + .px-sm-4 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-sm-5 { + padding-right: 1.25rem !important; + padding-left: 1.25rem !important; + } + .px-sm-6 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-sm-7 { + padding-right: 1.75rem !important; + padding-left: 1.75rem !important; + } + .px-sm-8 { + padding-right: 2rem !important; + padding-left: 2rem !important; + } + .px-sm-9 { + padding-right: 2.25rem !important; + padding-left: 2.25rem !important; + } + .px-sm-10 { + padding-right: 2.5rem !important; + padding-left: 2.5rem !important; + } + .px-sm-11 { + padding-right: 2.75rem !important; + padding-left: 2.75rem !important; + } + .px-sm-12 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .px-sm-13 { + padding-right: 3.25rem !important; + padding-left: 3.25rem !important; + } + .px-sm-14 { + padding-right: 3.5rem !important; + padding-left: 3.5rem !important; + } + .px-sm-15 { + padding-right: 3.75rem !important; + padding-left: 3.75rem !important; + } + .px-sm-16 { + padding-right: 4rem !important; + padding-left: 4rem !important; + } + .px-sm-17 { + padding-right: 4.25rem !important; + padding-left: 4.25rem !important; + } + .px-sm-18 { + padding-right: 4.5rem !important; + padding-left: 4.5rem !important; + } + .px-sm-19 { + padding-right: 4.75rem !important; + padding-left: 4.75rem !important; + } + .px-sm-20 { + padding-right: 5rem !important; + padding-left: 5rem !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: 0.75rem !important; + padding-bottom: 0.75rem !important; + } + .py-sm-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-sm-5 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; + } + .py-sm-6 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-sm-7 { + padding-top: 1.75rem !important; + padding-bottom: 1.75rem !important; + } + .py-sm-8 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; + } + .py-sm-9 { + padding-top: 2.25rem !important; + padding-bottom: 2.25rem !important; + } + .py-sm-10 { + padding-top: 2.5rem !important; + padding-bottom: 2.5rem !important; + } + .py-sm-11 { + padding-top: 2.75rem !important; + padding-bottom: 2.75rem !important; + } + .py-sm-12 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .py-sm-13 { + padding-top: 3.25rem !important; + padding-bottom: 3.25rem !important; + } + .py-sm-14 { + padding-top: 3.5rem !important; + padding-bottom: 3.5rem !important; + } + .py-sm-15 { + padding-top: 3.75rem !important; + padding-bottom: 3.75rem !important; + } + .py-sm-16 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; + } + .py-sm-17 { + padding-top: 4.25rem !important; + padding-bottom: 4.25rem !important; + } + .py-sm-18 { + padding-top: 4.5rem !important; + padding-bottom: 4.5rem !important; + } + .py-sm-19 { + padding-top: 4.75rem !important; + padding-bottom: 4.75rem !important; + } + .py-sm-20 { + padding-top: 5rem !important; + padding-bottom: 5rem !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: 0.75rem !important; + } + .pt-sm-4 { + padding-top: 1rem !important; + } + .pt-sm-5 { + padding-top: 1.25rem !important; + } + .pt-sm-6 { + padding-top: 1.5rem !important; + } + .pt-sm-7 { + padding-top: 1.75rem !important; + } + .pt-sm-8 { + padding-top: 2rem !important; + } + .pt-sm-9 { + padding-top: 2.25rem !important; + } + .pt-sm-10 { + padding-top: 2.5rem !important; + } + .pt-sm-11 { + padding-top: 2.75rem !important; + } + .pt-sm-12 { + padding-top: 3rem !important; + } + .pt-sm-13 { + padding-top: 3.25rem !important; + } + .pt-sm-14 { + padding-top: 3.5rem !important; + } + .pt-sm-15 { + padding-top: 3.75rem !important; + } + .pt-sm-16 { + padding-top: 4rem !important; + } + .pt-sm-17 { + padding-top: 4.25rem !important; + } + .pt-sm-18 { + padding-top: 4.5rem !important; + } + .pt-sm-19 { + padding-top: 4.75rem !important; + } + .pt-sm-20 { + padding-top: 5rem !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: 0.75rem !important; + } + .pe-sm-4 { + padding-right: 1rem !important; + } + .pe-sm-5 { + padding-right: 1.25rem !important; + } + .pe-sm-6 { + padding-right: 1.5rem !important; + } + .pe-sm-7 { + padding-right: 1.75rem !important; + } + .pe-sm-8 { + padding-right: 2rem !important; + } + .pe-sm-9 { + padding-right: 2.25rem !important; + } + .pe-sm-10 { + padding-right: 2.5rem !important; + } + .pe-sm-11 { + padding-right: 2.75rem !important; + } + .pe-sm-12 { + padding-right: 3rem !important; + } + .pe-sm-13 { + padding-right: 3.25rem !important; + } + .pe-sm-14 { + padding-right: 3.5rem !important; + } + .pe-sm-15 { + padding-right: 3.75rem !important; + } + .pe-sm-16 { + padding-right: 4rem !important; + } + .pe-sm-17 { + padding-right: 4.25rem !important; + } + .pe-sm-18 { + padding-right: 4.5rem !important; + } + .pe-sm-19 { + padding-right: 4.75rem !important; + } + .pe-sm-20 { + padding-right: 5rem !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: 0.75rem !important; + } + .pb-sm-4 { + padding-bottom: 1rem !important; + } + .pb-sm-5 { + padding-bottom: 1.25rem !important; + } + .pb-sm-6 { + padding-bottom: 1.5rem !important; + } + .pb-sm-7 { + padding-bottom: 1.75rem !important; + } + .pb-sm-8 { + padding-bottom: 2rem !important; + } + .pb-sm-9 { + padding-bottom: 2.25rem !important; + } + .pb-sm-10 { + padding-bottom: 2.5rem !important; + } + .pb-sm-11 { + padding-bottom: 2.75rem !important; + } + .pb-sm-12 { + padding-bottom: 3rem !important; + } + .pb-sm-13 { + padding-bottom: 3.25rem !important; + } + .pb-sm-14 { + padding-bottom: 3.5rem !important; + } + .pb-sm-15 { + padding-bottom: 3.75rem !important; + } + .pb-sm-16 { + padding-bottom: 4rem !important; + } + .pb-sm-17 { + padding-bottom: 4.25rem !important; + } + .pb-sm-18 { + padding-bottom: 4.5rem !important; + } + .pb-sm-19 { + padding-bottom: 4.75rem !important; + } + .pb-sm-20 { + padding-bottom: 5rem !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: 0.75rem !important; + } + .ps-sm-4 { + padding-left: 1rem !important; + } + .ps-sm-5 { + padding-left: 1.25rem !important; + } + .ps-sm-6 { + padding-left: 1.5rem !important; + } + .ps-sm-7 { + padding-left: 1.75rem !important; + } + .ps-sm-8 { + padding-left: 2rem !important; + } + .ps-sm-9 { + padding-left: 2.25rem !important; + } + .ps-sm-10 { + padding-left: 2.5rem !important; + } + .ps-sm-11 { + padding-left: 2.75rem !important; + } + .ps-sm-12 { + padding-left: 3rem !important; + } + .ps-sm-13 { + padding-left: 3.25rem !important; + } + .ps-sm-14 { + padding-left: 3.5rem !important; + } + .ps-sm-15 { + padding-left: 3.75rem !important; + } + .ps-sm-16 { + padding-left: 4rem !important; + } + .ps-sm-17 { + padding-left: 4.25rem !important; + } + .ps-sm-18 { + padding-left: 4.5rem !important; + } + .ps-sm-19 { + padding-left: 4.75rem !important; + } + .ps-sm-20 { + padding-left: 5rem !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: 0.75rem !important; + } + .gap-sm-4 { + gap: 1rem !important; + } + .gap-sm-5 { + gap: 1.25rem !important; + } + .gap-sm-6 { + gap: 1.5rem !important; + } + .gap-sm-7 { + gap: 1.75rem !important; + } + .gap-sm-8 { + gap: 2rem !important; + } + .gap-sm-9 { + gap: 2.25rem !important; + } + .gap-sm-10 { + gap: 2.5rem !important; + } + .gap-sm-11 { + gap: 2.75rem !important; + } + .gap-sm-12 { + gap: 3rem !important; + } + .gap-sm-13 { + gap: 3.25rem !important; + } + .gap-sm-14 { + gap: 3.5rem !important; + } + .gap-sm-15 { + gap: 3.75rem !important; + } + .gap-sm-16 { + gap: 4rem !important; + } + .gap-sm-17 { + gap: 4.25rem !important; + } + .gap-sm-18 { + gap: 4.5rem !important; + } + .gap-sm-19 { + gap: 4.75rem !important; + } + .gap-sm-20 { + gap: 5rem !important; + } + .row-gap-sm-0 { + row-gap: 0 !important; + } + .row-gap-sm-1 { + row-gap: 0.25rem !important; + } + .row-gap-sm-2 { + row-gap: 0.5rem !important; + } + .row-gap-sm-3 { + row-gap: 0.75rem !important; + } + .row-gap-sm-4 { + row-gap: 1rem !important; + } + .row-gap-sm-5 { + row-gap: 1.25rem !important; + } + .row-gap-sm-6 { + row-gap: 1.5rem !important; + } + .row-gap-sm-7 { + row-gap: 1.75rem !important; + } + .row-gap-sm-8 { + row-gap: 2rem !important; + } + .row-gap-sm-9 { + row-gap: 2.25rem !important; + } + .row-gap-sm-10 { + row-gap: 2.5rem !important; + } + .row-gap-sm-11 { + row-gap: 2.75rem !important; + } + .row-gap-sm-12 { + row-gap: 3rem !important; + } + .row-gap-sm-13 { + row-gap: 3.25rem !important; + } + .row-gap-sm-14 { + row-gap: 3.5rem !important; + } + .row-gap-sm-15 { + row-gap: 3.75rem !important; + } + .row-gap-sm-16 { + row-gap: 4rem !important; + } + .row-gap-sm-17 { + row-gap: 4.25rem !important; + } + .row-gap-sm-18 { + row-gap: 4.5rem !important; + } + .row-gap-sm-19 { + row-gap: 4.75rem !important; + } + .row-gap-sm-20 { + row-gap: 5rem !important; + } + .column-gap-sm-0 { + column-gap: 0 !important; + } + .column-gap-sm-1 { + column-gap: 0.25rem !important; + } + .column-gap-sm-2 { + column-gap: 0.5rem !important; + } + .column-gap-sm-3 { + column-gap: 0.75rem !important; + } + .column-gap-sm-4 { + column-gap: 1rem !important; + } + .column-gap-sm-5 { + column-gap: 1.25rem !important; + } + .column-gap-sm-6 { + column-gap: 1.5rem !important; + } + .column-gap-sm-7 { + column-gap: 1.75rem !important; + } + .column-gap-sm-8 { + column-gap: 2rem !important; + } + .column-gap-sm-9 { + column-gap: 2.25rem !important; + } + .column-gap-sm-10 { + column-gap: 2.5rem !important; + } + .column-gap-sm-11 { + column-gap: 2.75rem !important; + } + .column-gap-sm-12 { + column-gap: 3rem !important; + } + .column-gap-sm-13 { + column-gap: 3.25rem !important; + } + .column-gap-sm-14 { + column-gap: 3.5rem !important; + } + .column-gap-sm-15 { + column-gap: 3.75rem !important; + } + .column-gap-sm-16 { + column-gap: 4rem !important; + } + .column-gap-sm-17 { + column-gap: 4.25rem !important; + } + .column-gap-sm-18 { + column-gap: 4.5rem !important; + } + .column-gap-sm-19 { + column-gap: 4.75rem !important; + } + .column-gap-sm-20 { + column-gap: 5rem !important; + } + .fs-sm-1 { + font-size: calc(1.3rem + 0.6vw) !important; + } + .fs-sm-2 { + font-size: calc(1.275rem + 0.3vw) !important; + } + .fs-sm-3 { + font-size: calc(1.26rem + 0.12vw) !important; + } + .fs-sm-4 { + font-size: 1.25rem !important; + } + .fs-sm-5 { + font-size: 1.15rem !important; + } + .fs-sm-6 { + font-size: 1.075rem !important; + } + .fs-sm-7 { + font-size: 0.95rem !important; + } + .fs-sm-8 { + font-size: 0.85rem !important; + } + .fs-sm-9 { + font-size: 0.75rem !important; + } + .fs-sm-10 { + font-size: 0.5rem !important; + } + .fs-sm-sm { + font-size: 0.95rem !important; + } + .fs-sm-base { + font-size: 1rem !important; + } + .fs-sm-lg { + font-size: 1.075rem !important; + } + .fs-sm-xl { + font-size: 1.21rem !important; + } + .fs-sm-fluid { + font-size: 100% !important; + } + .fs-sm-2x { + font-size: calc(1.325rem + 0.9vw) !important; + } + .fs-sm-2qx { + font-size: calc(1.35rem + 1.2vw) !important; + } + .fs-sm-2hx { + font-size: calc(1.375rem + 1.5vw) !important; + } + .fs-sm-2tx { + font-size: calc(1.4rem + 1.8vw) !important; + } + .fs-sm-3x { + font-size: calc(1.425rem + 2.1vw) !important; + } + .fs-sm-3qx { + font-size: calc(1.45rem + 2.4vw) !important; + } + .fs-sm-3hx { + font-size: calc(1.475rem + 2.7vw) !important; + } + .fs-sm-3tx { + font-size: calc(1.5rem + 3vw) !important; + } + .fs-sm-4x { + font-size: calc(1.525rem + 3.3vw) !important; + } + .fs-sm-4qx { + font-size: calc(1.55rem + 3.6vw) !important; + } + .fs-sm-4hx { + font-size: calc(1.575rem + 3.9vw) !important; + } + .fs-sm-4tx { + font-size: calc(1.6rem + 4.2vw) !important; + } + .fs-sm-5x { + font-size: calc(1.625rem + 4.5vw) !important; + } + .fs-sm-5qx { + font-size: calc(1.65rem + 4.8vw) !important; + } + .fs-sm-5hx { + font-size: calc(1.675rem + 5.1vw) !important; + } + .fs-sm-5tx { + font-size: calc(1.7rem + 5.4vw) !important; + } + .fs-sm-6x { + font-size: calc(1.725rem + 5.7vw) !important; + } + .fs-sm-6qx { + font-size: calc(1.75rem + 6vw) !important; + } + .fs-sm-6hx { + font-size: calc(1.775rem + 6.3vw) !important; + } + .fs-sm-6tx { + font-size: calc(1.8rem + 6.6vw) !important; + } + .fs-sm-7x { + font-size: calc(1.825rem + 6.9vw) !important; + } + .fs-sm-7qx { + font-size: calc(1.85rem + 7.2vw) !important; + } + .fs-sm-7hx { + font-size: calc(1.875rem + 7.5vw) !important; + } + .fs-sm-7tx { + font-size: calc(1.9rem + 7.8vw) !important; + } + .text-sm-start { + text-align: left !important; + } + .text-sm-end { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } + .min-w-sm-unset { + min-width: unset !important; + } + .min-w-sm-25 { + min-width: 25% !important; + } + .min-w-sm-50 { + min-width: 50% !important; + } + .min-w-sm-75 { + min-width: 75% !important; + } + .min-w-sm-100 { + min-width: 100% !important; + } + .min-w-sm-auto { + min-width: auto !important; + } + .min-w-sm-1px { + min-width: 1px !important; + } + .min-w-sm-2px { + min-width: 2px !important; + } + .min-w-sm-3px { + min-width: 3px !important; + } + .min-w-sm-4px { + min-width: 4px !important; + } + .min-w-sm-5px { + min-width: 5px !important; + } + .min-w-sm-6px { + min-width: 6px !important; + } + .min-w-sm-7px { + min-width: 7px !important; + } + .min-w-sm-8px { + min-width: 8px !important; + } + .min-w-sm-9px { + min-width: 9px !important; + } + .min-w-sm-10px { + min-width: 10px !important; + } + .min-w-sm-15px { + min-width: 15px !important; + } + .min-w-sm-20px { + min-width: 20px !important; + } + .min-w-sm-25px { + min-width: 25px !important; + } + .min-w-sm-30px { + min-width: 30px !important; + } + .min-w-sm-35px { + min-width: 35px !important; + } + .min-w-sm-40px { + min-width: 40px !important; + } + .min-w-sm-45px { + min-width: 45px !important; + } + .min-w-sm-50px { + min-width: 50px !important; + } + .min-w-sm-55px { + min-width: 55px !important; + } + .min-w-sm-60px { + min-width: 60px !important; + } + .min-w-sm-65px { + min-width: 65px !important; + } + .min-w-sm-70px { + min-width: 70px !important; + } + .min-w-sm-75px { + min-width: 75px !important; + } + .min-w-sm-80px { + min-width: 80px !important; + } + .min-w-sm-85px { + min-width: 85px !important; + } + .min-w-sm-90px { + min-width: 90px !important; + } + .min-w-sm-95px { + min-width: 95px !important; + } + .min-w-sm-100px { + min-width: 100px !important; + } + .min-w-sm-125px { + min-width: 125px !important; + } + .min-w-sm-150px { + min-width: 150px !important; + } + .min-w-sm-175px { + min-width: 175px !important; + } + .min-w-sm-200px { + min-width: 200px !important; + } + .min-w-sm-225px { + min-width: 225px !important; + } + .min-w-sm-250px { + min-width: 250px !important; + } + .min-w-sm-275px { + min-width: 275px !important; + } + .min-w-sm-300px { + min-width: 300px !important; + } + .min-w-sm-325px { + min-width: 325px !important; + } + .min-w-sm-350px { + min-width: 350px !important; + } + .min-w-sm-375px { + min-width: 375px !important; + } + .min-w-sm-400px { + min-width: 400px !important; + } + .min-w-sm-425px { + min-width: 425px !important; + } + .min-w-sm-450px { + min-width: 450px !important; + } + .min-w-sm-475px { + min-width: 475px !important; + } + .min-w-sm-500px { + min-width: 500px !important; + } + .min-w-sm-550px { + min-width: 550px !important; + } + .min-w-sm-600px { + min-width: 600px !important; + } + .min-w-sm-650px { + min-width: 650px !important; + } + .min-w-sm-700px { + min-width: 700px !important; + } + .min-w-sm-750px { + min-width: 750px !important; + } + .min-w-sm-800px { + min-width: 800px !important; + } + .min-w-sm-850px { + min-width: 850px !important; + } + .min-w-sm-900px { + min-width: 900px !important; + } + .min-w-sm-950px { + min-width: 950px !important; + } + .min-w-sm-1000px { + min-width: 1000px !important; + } + .min-h-sm-unset { + min-height: unset !important; + } + .min-h-sm-25 { + min-height: 25% !important; + } + .min-h-sm-50 { + min-height: 50% !important; + } + .min-h-sm-75 { + min-height: 75% !important; + } + .min-h-sm-100 { + min-height: 100% !important; + } + .min-h-sm-auto { + min-height: auto !important; + } + .min-h-sm-1px { + min-height: 1px !important; + } + .min-h-sm-2px { + min-height: 2px !important; + } + .min-h-sm-3px { + min-height: 3px !important; + } + .min-h-sm-4px { + min-height: 4px !important; + } + .min-h-sm-5px { + min-height: 5px !important; + } + .min-h-sm-6px { + min-height: 6px !important; + } + .min-h-sm-7px { + min-height: 7px !important; + } + .min-h-sm-8px { + min-height: 8px !important; + } + .min-h-sm-9px { + min-height: 9px !important; + } + .min-h-sm-10px { + min-height: 10px !important; + } + .min-h-sm-15px { + min-height: 15px !important; + } + .min-h-sm-20px { + min-height: 20px !important; + } + .min-h-sm-25px { + min-height: 25px !important; + } + .min-h-sm-30px { + min-height: 30px !important; + } + .min-h-sm-35px { + min-height: 35px !important; + } + .min-h-sm-40px { + min-height: 40px !important; + } + .min-h-sm-45px { + min-height: 45px !important; + } + .min-h-sm-50px { + min-height: 50px !important; + } + .min-h-sm-55px { + min-height: 55px !important; + } + .min-h-sm-60px { + min-height: 60px !important; + } + .min-h-sm-65px { + min-height: 65px !important; + } + .min-h-sm-70px { + min-height: 70px !important; + } + .min-h-sm-75px { + min-height: 75px !important; + } + .min-h-sm-80px { + min-height: 80px !important; + } + .min-h-sm-85px { + min-height: 85px !important; + } + .min-h-sm-90px { + min-height: 90px !important; + } + .min-h-sm-95px { + min-height: 95px !important; + } + .min-h-sm-100px { + min-height: 100px !important; + } + .min-h-sm-125px { + min-height: 125px !important; + } + .min-h-sm-150px { + min-height: 150px !important; + } + .min-h-sm-175px { + min-height: 175px !important; + } + .min-h-sm-200px { + min-height: 200px !important; + } + .min-h-sm-225px { + min-height: 225px !important; + } + .min-h-sm-250px { + min-height: 250px !important; + } + .min-h-sm-275px { + min-height: 275px !important; + } + .min-h-sm-300px { + min-height: 300px !important; + } + .min-h-sm-325px { + min-height: 325px !important; + } + .min-h-sm-350px { + min-height: 350px !important; + } + .min-h-sm-375px { + min-height: 375px !important; + } + .min-h-sm-400px { + min-height: 400px !important; + } + .min-h-sm-425px { + min-height: 425px !important; + } + .min-h-sm-450px { + min-height: 450px !important; + } + .min-h-sm-475px { + min-height: 475px !important; + } + .min-h-sm-500px { + min-height: 500px !important; + } + .min-h-sm-550px { + min-height: 550px !important; + } + .min-h-sm-600px { + min-height: 600px !important; + } + .min-h-sm-650px { + min-height: 650px !important; + } + .min-h-sm-700px { + min-height: 700px !important; + } + .min-h-sm-750px { + min-height: 750px !important; + } + .min-h-sm-800px { + min-height: 800px !important; + } + .min-h-sm-850px { + min-height: 850px !important; + } + .min-h-sm-900px { + min-height: 900px !important; + } + .min-h-sm-950px { + min-height: 950px !important; + } + .min-h-sm-1000px { + min-height: 1000px !important; + } +} +@media (min-width: 768px) { + .float-md-start { + float: left !important; + } + .float-md-end { + float: right !important; + } + .float-md-none { + float: none !important; + } + .object-fit-md-contain { + object-fit: contain !important; + } + .object-fit-md-cover { + object-fit: cover !important; + } + .object-fit-md-fill { + object-fit: fill !important; + } + .object-fit-md-scale { + object-fit: scale-down !important; + } + .object-fit-md-none { + object-fit: none !important; + } + .overflow-md-auto { + overflow: auto !important; + } + .overflow-md-hidden { + overflow: hidden !important; + } + .overflow-md-visible { + overflow: visible !important; + } + .overflow-md-scroll { + overflow: scroll !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-inline-grid { + display: inline-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; + } + .position-md-static { + position: static !important; + } + .position-md-relative { + position: relative !important; + } + .position-md-absolute { + position: absolute !important; + } + .position-md-fixed { + position: fixed !important; + } + .position-md-sticky { + position: sticky !important; + } + .w-md-unset { + width: unset !important; + } + .w-md-25 { + width: 25% !important; + } + .w-md-50 { + width: 50% !important; + } + .w-md-75 { + width: 75% !important; + } + .w-md-100 { + width: 100% !important; + } + .w-md-auto { + width: auto !important; + } + .w-md-1px { + width: 1px !important; + } + .w-md-2px { + width: 2px !important; + } + .w-md-3px { + width: 3px !important; + } + .w-md-4px { + width: 4px !important; + } + .w-md-5px { + width: 5px !important; + } + .w-md-6px { + width: 6px !important; + } + .w-md-7px { + width: 7px !important; + } + .w-md-8px { + width: 8px !important; + } + .w-md-9px { + width: 9px !important; + } + .w-md-10px { + width: 10px !important; + } + .w-md-15px { + width: 15px !important; + } + .w-md-20px { + width: 20px !important; + } + .w-md-25px { + width: 25px !important; + } + .w-md-30px { + width: 30px !important; + } + .w-md-35px { + width: 35px !important; + } + .w-md-40px { + width: 40px !important; + } + .w-md-45px { + width: 45px !important; + } + .w-md-50px { + width: 50px !important; + } + .w-md-55px { + width: 55px !important; + } + .w-md-60px { + width: 60px !important; + } + .w-md-65px { + width: 65px !important; + } + .w-md-70px { + width: 70px !important; + } + .w-md-75px { + width: 75px !important; + } + .w-md-80px { + width: 80px !important; + } + .w-md-85px { + width: 85px !important; + } + .w-md-90px { + width: 90px !important; + } + .w-md-95px { + width: 95px !important; + } + .w-md-100px { + width: 100px !important; + } + .w-md-125px { + width: 125px !important; + } + .w-md-150px { + width: 150px !important; + } + .w-md-175px { + width: 175px !important; + } + .w-md-200px { + width: 200px !important; + } + .w-md-225px { + width: 225px !important; + } + .w-md-250px { + width: 250px !important; + } + .w-md-275px { + width: 275px !important; + } + .w-md-300px { + width: 300px !important; + } + .w-md-325px { + width: 325px !important; + } + .w-md-350px { + width: 350px !important; + } + .w-md-375px { + width: 375px !important; + } + .w-md-400px { + width: 400px !important; + } + .w-md-425px { + width: 425px !important; + } + .w-md-450px { + width: 450px !important; + } + .w-md-475px { + width: 475px !important; + } + .w-md-500px { + width: 500px !important; + } + .w-md-550px { + width: 550px !important; + } + .w-md-600px { + width: 600px !important; + } + .w-md-650px { + width: 650px !important; + } + .w-md-700px { + width: 700px !important; + } + .w-md-750px { + width: 750px !important; + } + .w-md-800px { + width: 800px !important; + } + .w-md-850px { + width: 850px !important; + } + .w-md-900px { + width: 900px !important; + } + .w-md-950px { + width: 950px !important; + } + .w-md-1000px { + width: 1000px !important; + } + .mw-md-unset { + max-width: unset !important; + } + .mw-md-25 { + max-width: 25% !important; + } + .mw-md-50 { + max-width: 50% !important; + } + .mw-md-75 { + max-width: 75% !important; + } + .mw-md-100 { + max-width: 100% !important; + } + .mw-md-auto { + max-width: auto !important; + } + .mw-md-1px { + max-width: 1px !important; + } + .mw-md-2px { + max-width: 2px !important; + } + .mw-md-3px { + max-width: 3px !important; + } + .mw-md-4px { + max-width: 4px !important; + } + .mw-md-5px { + max-width: 5px !important; + } + .mw-md-6px { + max-width: 6px !important; + } + .mw-md-7px { + max-width: 7px !important; + } + .mw-md-8px { + max-width: 8px !important; + } + .mw-md-9px { + max-width: 9px !important; + } + .mw-md-10px { + max-width: 10px !important; + } + .mw-md-15px { + max-width: 15px !important; + } + .mw-md-20px { + max-width: 20px !important; + } + .mw-md-25px { + max-width: 25px !important; + } + .mw-md-30px { + max-width: 30px !important; + } + .mw-md-35px { + max-width: 35px !important; + } + .mw-md-40px { + max-width: 40px !important; + } + .mw-md-45px { + max-width: 45px !important; + } + .mw-md-50px { + max-width: 50px !important; + } + .mw-md-55px { + max-width: 55px !important; + } + .mw-md-60px { + max-width: 60px !important; + } + .mw-md-65px { + max-width: 65px !important; + } + .mw-md-70px { + max-width: 70px !important; + } + .mw-md-75px { + max-width: 75px !important; + } + .mw-md-80px { + max-width: 80px !important; + } + .mw-md-85px { + max-width: 85px !important; + } + .mw-md-90px { + max-width: 90px !important; + } + .mw-md-95px { + max-width: 95px !important; + } + .mw-md-100px { + max-width: 100px !important; + } + .mw-md-125px { + max-width: 125px !important; + } + .mw-md-150px { + max-width: 150px !important; + } + .mw-md-175px { + max-width: 175px !important; + } + .mw-md-200px { + max-width: 200px !important; + } + .mw-md-225px { + max-width: 225px !important; + } + .mw-md-250px { + max-width: 250px !important; + } + .mw-md-275px { + max-width: 275px !important; + } + .mw-md-300px { + max-width: 300px !important; + } + .mw-md-325px { + max-width: 325px !important; + } + .mw-md-350px { + max-width: 350px !important; + } + .mw-md-375px { + max-width: 375px !important; + } + .mw-md-400px { + max-width: 400px !important; + } + .mw-md-425px { + max-width: 425px !important; + } + .mw-md-450px { + max-width: 450px !important; + } + .mw-md-475px { + max-width: 475px !important; + } + .mw-md-500px { + max-width: 500px !important; + } + .mw-md-550px { + max-width: 550px !important; + } + .mw-md-600px { + max-width: 600px !important; + } + .mw-md-650px { + max-width: 650px !important; + } + .mw-md-700px { + max-width: 700px !important; + } + .mw-md-750px { + max-width: 750px !important; + } + .mw-md-800px { + max-width: 800px !important; + } + .mw-md-850px { + max-width: 850px !important; + } + .mw-md-900px { + max-width: 900px !important; + } + .mw-md-950px { + max-width: 950px !important; + } + .mw-md-1000px { + max-width: 1000px !important; + } + .h-md-unset { + height: unset !important; + } + .h-md-25 { + height: 25% !important; + } + .h-md-50 { + height: 50% !important; + } + .h-md-75 { + height: 75% !important; + } + .h-md-100 { + height: 100% !important; + } + .h-md-auto { + height: auto !important; + } + .h-md-1px { + height: 1px !important; + } + .h-md-2px { + height: 2px !important; + } + .h-md-3px { + height: 3px !important; + } + .h-md-4px { + height: 4px !important; + } + .h-md-5px { + height: 5px !important; + } + .h-md-6px { + height: 6px !important; + } + .h-md-7px { + height: 7px !important; + } + .h-md-8px { + height: 8px !important; + } + .h-md-9px { + height: 9px !important; + } + .h-md-10px { + height: 10px !important; + } + .h-md-15px { + height: 15px !important; + } + .h-md-20px { + height: 20px !important; + } + .h-md-25px { + height: 25px !important; + } + .h-md-30px { + height: 30px !important; + } + .h-md-35px { + height: 35px !important; + } + .h-md-40px { + height: 40px !important; + } + .h-md-45px { + height: 45px !important; + } + .h-md-50px { + height: 50px !important; + } + .h-md-55px { + height: 55px !important; + } + .h-md-60px { + height: 60px !important; + } + .h-md-65px { + height: 65px !important; + } + .h-md-70px { + height: 70px !important; + } + .h-md-75px { + height: 75px !important; + } + .h-md-80px { + height: 80px !important; + } + .h-md-85px { + height: 85px !important; + } + .h-md-90px { + height: 90px !important; + } + .h-md-95px { + height: 95px !important; + } + .h-md-100px { + height: 100px !important; + } + .h-md-125px { + height: 125px !important; + } + .h-md-150px { + height: 150px !important; + } + .h-md-175px { + height: 175px !important; + } + .h-md-200px { + height: 200px !important; + } + .h-md-225px { + height: 225px !important; + } + .h-md-250px { + height: 250px !important; + } + .h-md-275px { + height: 275px !important; + } + .h-md-300px { + height: 300px !important; + } + .h-md-325px { + height: 325px !important; + } + .h-md-350px { + height: 350px !important; + } + .h-md-375px { + height: 375px !important; + } + .h-md-400px { + height: 400px !important; + } + .h-md-425px { + height: 425px !important; + } + .h-md-450px { + height: 450px !important; + } + .h-md-475px { + height: 475px !important; + } + .h-md-500px { + height: 500px !important; + } + .h-md-550px { + height: 550px !important; + } + .h-md-600px { + height: 600px !important; + } + .h-md-650px { + height: 650px !important; + } + .h-md-700px { + height: 700px !important; + } + .h-md-750px { + height: 750px !important; + } + .h-md-800px { + height: 800px !important; + } + .h-md-850px { + height: 850px !important; + } + .h-md-900px { + height: 900px !important; + } + .h-md-950px { + height: 950px !important; + } + .h-md-1000px { + height: 1000px !important; + } + .mh-md-unset { + max-height: unset !important; + } + .mh-md-25 { + max-height: 25% !important; + } + .mh-md-50 { + max-height: 50% !important; + } + .mh-md-75 { + max-height: 75% !important; + } + .mh-md-100 { + max-height: 100% !important; + } + .mh-md-auto { + max-height: auto !important; + } + .mh-md-1px { + max-height: 1px !important; + } + .mh-md-2px { + max-height: 2px !important; + } + .mh-md-3px { + max-height: 3px !important; + } + .mh-md-4px { + max-height: 4px !important; + } + .mh-md-5px { + max-height: 5px !important; + } + .mh-md-6px { + max-height: 6px !important; + } + .mh-md-7px { + max-height: 7px !important; + } + .mh-md-8px { + max-height: 8px !important; + } + .mh-md-9px { + max-height: 9px !important; + } + .mh-md-10px { + max-height: 10px !important; + } + .mh-md-15px { + max-height: 15px !important; + } + .mh-md-20px { + max-height: 20px !important; + } + .mh-md-25px { + max-height: 25px !important; + } + .mh-md-30px { + max-height: 30px !important; + } + .mh-md-35px { + max-height: 35px !important; + } + .mh-md-40px { + max-height: 40px !important; + } + .mh-md-45px { + max-height: 45px !important; + } + .mh-md-50px { + max-height: 50px !important; + } + .mh-md-55px { + max-height: 55px !important; + } + .mh-md-60px { + max-height: 60px !important; + } + .mh-md-65px { + max-height: 65px !important; + } + .mh-md-70px { + max-height: 70px !important; + } + .mh-md-75px { + max-height: 75px !important; + } + .mh-md-80px { + max-height: 80px !important; + } + .mh-md-85px { + max-height: 85px !important; + } + .mh-md-90px { + max-height: 90px !important; + } + .mh-md-95px { + max-height: 95px !important; + } + .mh-md-100px { + max-height: 100px !important; + } + .mh-md-125px { + max-height: 125px !important; + } + .mh-md-150px { + max-height: 150px !important; + } + .mh-md-175px { + max-height: 175px !important; + } + .mh-md-200px { + max-height: 200px !important; + } + .mh-md-225px { + max-height: 225px !important; + } + .mh-md-250px { + max-height: 250px !important; + } + .mh-md-275px { + max-height: 275px !important; + } + .mh-md-300px { + max-height: 300px !important; + } + .mh-md-325px { + max-height: 325px !important; + } + .mh-md-350px { + max-height: 350px !important; + } + .mh-md-375px { + max-height: 375px !important; + } + .mh-md-400px { + max-height: 400px !important; + } + .mh-md-425px { + max-height: 425px !important; + } + .mh-md-450px { + max-height: 450px !important; + } + .mh-md-475px { + max-height: 475px !important; + } + .mh-md-500px { + max-height: 500px !important; + } + .mh-md-550px { + max-height: 550px !important; + } + .mh-md-600px { + max-height: 600px !important; + } + .mh-md-650px { + max-height: 650px !important; + } + .mh-md-700px { + max-height: 700px !important; + } + .mh-md-750px { + max-height: 750px !important; + } + .mh-md-800px { + max-height: 800px !important; + } + .mh-md-850px { + max-height: 850px !important; + } + .mh-md-900px { + max-height: 900px !important; + } + .mh-md-950px { + max-height: 950px !important; + } + .mh-md-1000px { + max-height: 1000px !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; + } + .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: 0.75rem !important; + } + .m-md-4 { + margin: 1rem !important; + } + .m-md-5 { + margin: 1.25rem !important; + } + .m-md-6 { + margin: 1.5rem !important; + } + .m-md-7 { + margin: 1.75rem !important; + } + .m-md-8 { + margin: 2rem !important; + } + .m-md-9 { + margin: 2.25rem !important; + } + .m-md-10 { + margin: 2.5rem !important; + } + .m-md-11 { + margin: 2.75rem !important; + } + .m-md-12 { + margin: 3rem !important; + } + .m-md-13 { + margin: 3.25rem !important; + } + .m-md-14 { + margin: 3.5rem !important; + } + .m-md-15 { + margin: 3.75rem !important; + } + .m-md-16 { + margin: 4rem !important; + } + .m-md-17 { + margin: 4.25rem !important; + } + .m-md-18 { + margin: 4.5rem !important; + } + .m-md-19 { + margin: 4.75rem !important; + } + .m-md-20 { + margin: 5rem !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: 0.75rem !important; + margin-left: 0.75rem !important; + } + .mx-md-4 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-md-5 { + margin-right: 1.25rem !important; + margin-left: 1.25rem !important; + } + .mx-md-6 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-md-7 { + margin-right: 1.75rem !important; + margin-left: 1.75rem !important; + } + .mx-md-8 { + margin-right: 2rem !important; + margin-left: 2rem !important; + } + .mx-md-9 { + margin-right: 2.25rem !important; + margin-left: 2.25rem !important; + } + .mx-md-10 { + margin-right: 2.5rem !important; + margin-left: 2.5rem !important; + } + .mx-md-11 { + margin-right: 2.75rem !important; + margin-left: 2.75rem !important; + } + .mx-md-12 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-md-13 { + margin-right: 3.25rem !important; + margin-left: 3.25rem !important; + } + .mx-md-14 { + margin-right: 3.5rem !important; + margin-left: 3.5rem !important; + } + .mx-md-15 { + margin-right: 3.75rem !important; + margin-left: 3.75rem !important; + } + .mx-md-16 { + margin-right: 4rem !important; + margin-left: 4rem !important; + } + .mx-md-17 { + margin-right: 4.25rem !important; + margin-left: 4.25rem !important; + } + .mx-md-18 { + margin-right: 4.5rem !important; + margin-left: 4.5rem !important; + } + .mx-md-19 { + margin-right: 4.75rem !important; + margin-left: 4.75rem !important; + } + .mx-md-20 { + margin-right: 5rem !important; + margin-left: 5rem !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: 0.75rem !important; + margin-bottom: 0.75rem !important; + } + .my-md-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-md-5 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; + } + .my-md-6 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-md-7 { + margin-top: 1.75rem !important; + margin-bottom: 1.75rem !important; + } + .my-md-8 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; + } + .my-md-9 { + margin-top: 2.25rem !important; + margin-bottom: 2.25rem !important; + } + .my-md-10 { + margin-top: 2.5rem !important; + margin-bottom: 2.5rem !important; + } + .my-md-11 { + margin-top: 2.75rem !important; + margin-bottom: 2.75rem !important; + } + .my-md-12 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-md-13 { + margin-top: 3.25rem !important; + margin-bottom: 3.25rem !important; + } + .my-md-14 { + margin-top: 3.5rem !important; + margin-bottom: 3.5rem !important; + } + .my-md-15 { + margin-top: 3.75rem !important; + margin-bottom: 3.75rem !important; + } + .my-md-16 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; + } + .my-md-17 { + margin-top: 4.25rem !important; + margin-bottom: 4.25rem !important; + } + .my-md-18 { + margin-top: 4.5rem !important; + margin-bottom: 4.5rem !important; + } + .my-md-19 { + margin-top: 4.75rem !important; + margin-bottom: 4.75rem !important; + } + .my-md-20 { + margin-top: 5rem !important; + margin-bottom: 5rem !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: 0.75rem !important; + } + .mt-md-4 { + margin-top: 1rem !important; + } + .mt-md-5 { + margin-top: 1.25rem !important; + } + .mt-md-6 { + margin-top: 1.5rem !important; + } + .mt-md-7 { + margin-top: 1.75rem !important; + } + .mt-md-8 { + margin-top: 2rem !important; + } + .mt-md-9 { + margin-top: 2.25rem !important; + } + .mt-md-10 { + margin-top: 2.5rem !important; + } + .mt-md-11 { + margin-top: 2.75rem !important; + } + .mt-md-12 { + margin-top: 3rem !important; + } + .mt-md-13 { + margin-top: 3.25rem !important; + } + .mt-md-14 { + margin-top: 3.5rem !important; + } + .mt-md-15 { + margin-top: 3.75rem !important; + } + .mt-md-16 { + margin-top: 4rem !important; + } + .mt-md-17 { + margin-top: 4.25rem !important; + } + .mt-md-18 { + margin-top: 4.5rem !important; + } + .mt-md-19 { + margin-top: 4.75rem !important; + } + .mt-md-20 { + margin-top: 5rem !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: 0.75rem !important; + } + .me-md-4 { + margin-right: 1rem !important; + } + .me-md-5 { + margin-right: 1.25rem !important; + } + .me-md-6 { + margin-right: 1.5rem !important; + } + .me-md-7 { + margin-right: 1.75rem !important; + } + .me-md-8 { + margin-right: 2rem !important; + } + .me-md-9 { + margin-right: 2.25rem !important; + } + .me-md-10 { + margin-right: 2.5rem !important; + } + .me-md-11 { + margin-right: 2.75rem !important; + } + .me-md-12 { + margin-right: 3rem !important; + } + .me-md-13 { + margin-right: 3.25rem !important; + } + .me-md-14 { + margin-right: 3.5rem !important; + } + .me-md-15 { + margin-right: 3.75rem !important; + } + .me-md-16 { + margin-right: 4rem !important; + } + .me-md-17 { + margin-right: 4.25rem !important; + } + .me-md-18 { + margin-right: 4.5rem !important; + } + .me-md-19 { + margin-right: 4.75rem !important; + } + .me-md-20 { + margin-right: 5rem !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: 0.75rem !important; + } + .mb-md-4 { + margin-bottom: 1rem !important; + } + .mb-md-5 { + margin-bottom: 1.25rem !important; + } + .mb-md-6 { + margin-bottom: 1.5rem !important; + } + .mb-md-7 { + margin-bottom: 1.75rem !important; + } + .mb-md-8 { + margin-bottom: 2rem !important; + } + .mb-md-9 { + margin-bottom: 2.25rem !important; + } + .mb-md-10 { + margin-bottom: 2.5rem !important; + } + .mb-md-11 { + margin-bottom: 2.75rem !important; + } + .mb-md-12 { + margin-bottom: 3rem !important; + } + .mb-md-13 { + margin-bottom: 3.25rem !important; + } + .mb-md-14 { + margin-bottom: 3.5rem !important; + } + .mb-md-15 { + margin-bottom: 3.75rem !important; + } + .mb-md-16 { + margin-bottom: 4rem !important; + } + .mb-md-17 { + margin-bottom: 4.25rem !important; + } + .mb-md-18 { + margin-bottom: 4.5rem !important; + } + .mb-md-19 { + margin-bottom: 4.75rem !important; + } + .mb-md-20 { + margin-bottom: 5rem !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: 0.75rem !important; + } + .ms-md-4 { + margin-left: 1rem !important; + } + .ms-md-5 { + margin-left: 1.25rem !important; + } + .ms-md-6 { + margin-left: 1.5rem !important; + } + .ms-md-7 { + margin-left: 1.75rem !important; + } + .ms-md-8 { + margin-left: 2rem !important; + } + .ms-md-9 { + margin-left: 2.25rem !important; + } + .ms-md-10 { + margin-left: 2.5rem !important; + } + .ms-md-11 { + margin-left: 2.75rem !important; + } + .ms-md-12 { + margin-left: 3rem !important; + } + .ms-md-13 { + margin-left: 3.25rem !important; + } + .ms-md-14 { + margin-left: 3.5rem !important; + } + .ms-md-15 { + margin-left: 3.75rem !important; + } + .ms-md-16 { + margin-left: 4rem !important; + } + .ms-md-17 { + margin-left: 4.25rem !important; + } + .ms-md-18 { + margin-left: 4.5rem !important; + } + .ms-md-19 { + margin-left: 4.75rem !important; + } + .ms-md-20 { + margin-left: 5rem !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: -0.75rem !important; + } + .m-md-n4 { + margin: -1rem !important; + } + .m-md-n5 { + margin: -1.25rem !important; + } + .m-md-n6 { + margin: -1.5rem !important; + } + .m-md-n7 { + margin: -1.75rem !important; + } + .m-md-n8 { + margin: -2rem !important; + } + .m-md-n9 { + margin: -2.25rem !important; + } + .m-md-n10 { + margin: -2.5rem !important; + } + .m-md-n11 { + margin: -2.75rem !important; + } + .m-md-n12 { + margin: -3rem !important; + } + .m-md-n13 { + margin: -3.25rem !important; + } + .m-md-n14 { + margin: -3.5rem !important; + } + .m-md-n15 { + margin: -3.75rem !important; + } + .m-md-n16 { + margin: -4rem !important; + } + .m-md-n17 { + margin: -4.25rem !important; + } + .m-md-n18 { + margin: -4.5rem !important; + } + .m-md-n19 { + margin: -4.75rem !important; + } + .m-md-n20 { + margin: -5rem !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: -0.75rem !important; + margin-left: -0.75rem !important; + } + .mx-md-n4 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + .mx-md-n5 { + margin-right: -1.25rem !important; + margin-left: -1.25rem !important; + } + .mx-md-n6 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + .mx-md-n7 { + margin-right: -1.75rem !important; + margin-left: -1.75rem !important; + } + .mx-md-n8 { + margin-right: -2rem !important; + margin-left: -2rem !important; + } + .mx-md-n9 { + margin-right: -2.25rem !important; + margin-left: -2.25rem !important; + } + .mx-md-n10 { + margin-right: -2.5rem !important; + margin-left: -2.5rem !important; + } + .mx-md-n11 { + margin-right: -2.75rem !important; + margin-left: -2.75rem !important; + } + .mx-md-n12 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + .mx-md-n13 { + margin-right: -3.25rem !important; + margin-left: -3.25rem !important; + } + .mx-md-n14 { + margin-right: -3.5rem !important; + margin-left: -3.5rem !important; + } + .mx-md-n15 { + margin-right: -3.75rem !important; + margin-left: -3.75rem !important; + } + .mx-md-n16 { + margin-right: -4rem !important; + margin-left: -4rem !important; + } + .mx-md-n17 { + margin-right: -4.25rem !important; + margin-left: -4.25rem !important; + } + .mx-md-n18 { + margin-right: -4.5rem !important; + margin-left: -4.5rem !important; + } + .mx-md-n19 { + margin-right: -4.75rem !important; + margin-left: -4.75rem !important; + } + .mx-md-n20 { + margin-right: -5rem !important; + margin-left: -5rem !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: -0.75rem !important; + margin-bottom: -0.75rem !important; + } + .my-md-n4 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + .my-md-n5 { + margin-top: -1.25rem !important; + margin-bottom: -1.25rem !important; + } + .my-md-n6 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + .my-md-n7 { + margin-top: -1.75rem !important; + margin-bottom: -1.75rem !important; + } + .my-md-n8 { + margin-top: -2rem !important; + margin-bottom: -2rem !important; + } + .my-md-n9 { + margin-top: -2.25rem !important; + margin-bottom: -2.25rem !important; + } + .my-md-n10 { + margin-top: -2.5rem !important; + margin-bottom: -2.5rem !important; + } + .my-md-n11 { + margin-top: -2.75rem !important; + margin-bottom: -2.75rem !important; + } + .my-md-n12 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + .my-md-n13 { + margin-top: -3.25rem !important; + margin-bottom: -3.25rem !important; + } + .my-md-n14 { + margin-top: -3.5rem !important; + margin-bottom: -3.5rem !important; + } + .my-md-n15 { + margin-top: -3.75rem !important; + margin-bottom: -3.75rem !important; + } + .my-md-n16 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; + } + .my-md-n17 { + margin-top: -4.25rem !important; + margin-bottom: -4.25rem !important; + } + .my-md-n18 { + margin-top: -4.5rem !important; + margin-bottom: -4.5rem !important; + } + .my-md-n19 { + margin-top: -4.75rem !important; + margin-bottom: -4.75rem !important; + } + .my-md-n20 { + margin-top: -5rem !important; + margin-bottom: -5rem !important; + } + .mt-md-n1 { + margin-top: -0.25rem !important; + } + .mt-md-n2 { + margin-top: -0.5rem !important; + } + .mt-md-n3 { + margin-top: -0.75rem !important; + } + .mt-md-n4 { + margin-top: -1rem !important; + } + .mt-md-n5 { + margin-top: -1.25rem !important; + } + .mt-md-n6 { + margin-top: -1.5rem !important; + } + .mt-md-n7 { + margin-top: -1.75rem !important; + } + .mt-md-n8 { + margin-top: -2rem !important; + } + .mt-md-n9 { + margin-top: -2.25rem !important; + } + .mt-md-n10 { + margin-top: -2.5rem !important; + } + .mt-md-n11 { + margin-top: -2.75rem !important; + } + .mt-md-n12 { + margin-top: -3rem !important; + } + .mt-md-n13 { + margin-top: -3.25rem !important; + } + .mt-md-n14 { + margin-top: -3.5rem !important; + } + .mt-md-n15 { + margin-top: -3.75rem !important; + } + .mt-md-n16 { + margin-top: -4rem !important; + } + .mt-md-n17 { + margin-top: -4.25rem !important; + } + .mt-md-n18 { + margin-top: -4.5rem !important; + } + .mt-md-n19 { + margin-top: -4.75rem !important; + } + .mt-md-n20 { + margin-top: -5rem !important; + } + .me-md-n1 { + margin-right: -0.25rem !important; + } + .me-md-n2 { + margin-right: -0.5rem !important; + } + .me-md-n3 { + margin-right: -0.75rem !important; + } + .me-md-n4 { + margin-right: -1rem !important; + } + .me-md-n5 { + margin-right: -1.25rem !important; + } + .me-md-n6 { + margin-right: -1.5rem !important; + } + .me-md-n7 { + margin-right: -1.75rem !important; + } + .me-md-n8 { + margin-right: -2rem !important; + } + .me-md-n9 { + margin-right: -2.25rem !important; + } + .me-md-n10 { + margin-right: -2.5rem !important; + } + .me-md-n11 { + margin-right: -2.75rem !important; + } + .me-md-n12 { + margin-right: -3rem !important; + } + .me-md-n13 { + margin-right: -3.25rem !important; + } + .me-md-n14 { + margin-right: -3.5rem !important; + } + .me-md-n15 { + margin-right: -3.75rem !important; + } + .me-md-n16 { + margin-right: -4rem !important; + } + .me-md-n17 { + margin-right: -4.25rem !important; + } + .me-md-n18 { + margin-right: -4.5rem !important; + } + .me-md-n19 { + margin-right: -4.75rem !important; + } + .me-md-n20 { + margin-right: -5rem !important; + } + .mb-md-n1 { + margin-bottom: -0.25rem !important; + } + .mb-md-n2 { + margin-bottom: -0.5rem !important; + } + .mb-md-n3 { + margin-bottom: -0.75rem !important; + } + .mb-md-n4 { + margin-bottom: -1rem !important; + } + .mb-md-n5 { + margin-bottom: -1.25rem !important; + } + .mb-md-n6 { + margin-bottom: -1.5rem !important; + } + .mb-md-n7 { + margin-bottom: -1.75rem !important; + } + .mb-md-n8 { + margin-bottom: -2rem !important; + } + .mb-md-n9 { + margin-bottom: -2.25rem !important; + } + .mb-md-n10 { + margin-bottom: -2.5rem !important; + } + .mb-md-n11 { + margin-bottom: -2.75rem !important; + } + .mb-md-n12 { + margin-bottom: -3rem !important; + } + .mb-md-n13 { + margin-bottom: -3.25rem !important; + } + .mb-md-n14 { + margin-bottom: -3.5rem !important; + } + .mb-md-n15 { + margin-bottom: -3.75rem !important; + } + .mb-md-n16 { + margin-bottom: -4rem !important; + } + .mb-md-n17 { + margin-bottom: -4.25rem !important; + } + .mb-md-n18 { + margin-bottom: -4.5rem !important; + } + .mb-md-n19 { + margin-bottom: -4.75rem !important; + } + .mb-md-n20 { + margin-bottom: -5rem !important; + } + .ms-md-n1 { + margin-left: -0.25rem !important; + } + .ms-md-n2 { + margin-left: -0.5rem !important; + } + .ms-md-n3 { + margin-left: -0.75rem !important; + } + .ms-md-n4 { + margin-left: -1rem !important; + } + .ms-md-n5 { + margin-left: -1.25rem !important; + } + .ms-md-n6 { + margin-left: -1.5rem !important; + } + .ms-md-n7 { + margin-left: -1.75rem !important; + } + .ms-md-n8 { + margin-left: -2rem !important; + } + .ms-md-n9 { + margin-left: -2.25rem !important; + } + .ms-md-n10 { + margin-left: -2.5rem !important; + } + .ms-md-n11 { + margin-left: -2.75rem !important; + } + .ms-md-n12 { + margin-left: -3rem !important; + } + .ms-md-n13 { + margin-left: -3.25rem !important; + } + .ms-md-n14 { + margin-left: -3.5rem !important; + } + .ms-md-n15 { + margin-left: -3.75rem !important; + } + .ms-md-n16 { + margin-left: -4rem !important; + } + .ms-md-n17 { + margin-left: -4.25rem !important; + } + .ms-md-n18 { + margin-left: -4.5rem !important; + } + .ms-md-n19 { + margin-left: -4.75rem !important; + } + .ms-md-n20 { + margin-left: -5rem !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: 0.75rem !important; + } + .p-md-4 { + padding: 1rem !important; + } + .p-md-5 { + padding: 1.25rem !important; + } + .p-md-6 { + padding: 1.5rem !important; + } + .p-md-7 { + padding: 1.75rem !important; + } + .p-md-8 { + padding: 2rem !important; + } + .p-md-9 { + padding: 2.25rem !important; + } + .p-md-10 { + padding: 2.5rem !important; + } + .p-md-11 { + padding: 2.75rem !important; + } + .p-md-12 { + padding: 3rem !important; + } + .p-md-13 { + padding: 3.25rem !important; + } + .p-md-14 { + padding: 3.5rem !important; + } + .p-md-15 { + padding: 3.75rem !important; + } + .p-md-16 { + padding: 4rem !important; + } + .p-md-17 { + padding: 4.25rem !important; + } + .p-md-18 { + padding: 4.5rem !important; + } + .p-md-19 { + padding: 4.75rem !important; + } + .p-md-20 { + padding: 5rem !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: 0.75rem !important; + padding-left: 0.75rem !important; + } + .px-md-4 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-md-5 { + padding-right: 1.25rem !important; + padding-left: 1.25rem !important; + } + .px-md-6 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-md-7 { + padding-right: 1.75rem !important; + padding-left: 1.75rem !important; + } + .px-md-8 { + padding-right: 2rem !important; + padding-left: 2rem !important; + } + .px-md-9 { + padding-right: 2.25rem !important; + padding-left: 2.25rem !important; + } + .px-md-10 { + padding-right: 2.5rem !important; + padding-left: 2.5rem !important; + } + .px-md-11 { + padding-right: 2.75rem !important; + padding-left: 2.75rem !important; + } + .px-md-12 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .px-md-13 { + padding-right: 3.25rem !important; + padding-left: 3.25rem !important; + } + .px-md-14 { + padding-right: 3.5rem !important; + padding-left: 3.5rem !important; + } + .px-md-15 { + padding-right: 3.75rem !important; + padding-left: 3.75rem !important; + } + .px-md-16 { + padding-right: 4rem !important; + padding-left: 4rem !important; + } + .px-md-17 { + padding-right: 4.25rem !important; + padding-left: 4.25rem !important; + } + .px-md-18 { + padding-right: 4.5rem !important; + padding-left: 4.5rem !important; + } + .px-md-19 { + padding-right: 4.75rem !important; + padding-left: 4.75rem !important; + } + .px-md-20 { + padding-right: 5rem !important; + padding-left: 5rem !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: 0.75rem !important; + padding-bottom: 0.75rem !important; + } + .py-md-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-md-5 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; + } + .py-md-6 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-md-7 { + padding-top: 1.75rem !important; + padding-bottom: 1.75rem !important; + } + .py-md-8 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; + } + .py-md-9 { + padding-top: 2.25rem !important; + padding-bottom: 2.25rem !important; + } + .py-md-10 { + padding-top: 2.5rem !important; + padding-bottom: 2.5rem !important; + } + .py-md-11 { + padding-top: 2.75rem !important; + padding-bottom: 2.75rem !important; + } + .py-md-12 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .py-md-13 { + padding-top: 3.25rem !important; + padding-bottom: 3.25rem !important; + } + .py-md-14 { + padding-top: 3.5rem !important; + padding-bottom: 3.5rem !important; + } + .py-md-15 { + padding-top: 3.75rem !important; + padding-bottom: 3.75rem !important; + } + .py-md-16 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; + } + .py-md-17 { + padding-top: 4.25rem !important; + padding-bottom: 4.25rem !important; + } + .py-md-18 { + padding-top: 4.5rem !important; + padding-bottom: 4.5rem !important; + } + .py-md-19 { + padding-top: 4.75rem !important; + padding-bottom: 4.75rem !important; + } + .py-md-20 { + padding-top: 5rem !important; + padding-bottom: 5rem !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: 0.75rem !important; + } + .pt-md-4 { + padding-top: 1rem !important; + } + .pt-md-5 { + padding-top: 1.25rem !important; + } + .pt-md-6 { + padding-top: 1.5rem !important; + } + .pt-md-7 { + padding-top: 1.75rem !important; + } + .pt-md-8 { + padding-top: 2rem !important; + } + .pt-md-9 { + padding-top: 2.25rem !important; + } + .pt-md-10 { + padding-top: 2.5rem !important; + } + .pt-md-11 { + padding-top: 2.75rem !important; + } + .pt-md-12 { + padding-top: 3rem !important; + } + .pt-md-13 { + padding-top: 3.25rem !important; + } + .pt-md-14 { + padding-top: 3.5rem !important; + } + .pt-md-15 { + padding-top: 3.75rem !important; + } + .pt-md-16 { + padding-top: 4rem !important; + } + .pt-md-17 { + padding-top: 4.25rem !important; + } + .pt-md-18 { + padding-top: 4.5rem !important; + } + .pt-md-19 { + padding-top: 4.75rem !important; + } + .pt-md-20 { + padding-top: 5rem !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: 0.75rem !important; + } + .pe-md-4 { + padding-right: 1rem !important; + } + .pe-md-5 { + padding-right: 1.25rem !important; + } + .pe-md-6 { + padding-right: 1.5rem !important; + } + .pe-md-7 { + padding-right: 1.75rem !important; + } + .pe-md-8 { + padding-right: 2rem !important; + } + .pe-md-9 { + padding-right: 2.25rem !important; + } + .pe-md-10 { + padding-right: 2.5rem !important; + } + .pe-md-11 { + padding-right: 2.75rem !important; + } + .pe-md-12 { + padding-right: 3rem !important; + } + .pe-md-13 { + padding-right: 3.25rem !important; + } + .pe-md-14 { + padding-right: 3.5rem !important; + } + .pe-md-15 { + padding-right: 3.75rem !important; + } + .pe-md-16 { + padding-right: 4rem !important; + } + .pe-md-17 { + padding-right: 4.25rem !important; + } + .pe-md-18 { + padding-right: 4.5rem !important; + } + .pe-md-19 { + padding-right: 4.75rem !important; + } + .pe-md-20 { + padding-right: 5rem !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: 0.75rem !important; + } + .pb-md-4 { + padding-bottom: 1rem !important; + } + .pb-md-5 { + padding-bottom: 1.25rem !important; + } + .pb-md-6 { + padding-bottom: 1.5rem !important; + } + .pb-md-7 { + padding-bottom: 1.75rem !important; + } + .pb-md-8 { + padding-bottom: 2rem !important; + } + .pb-md-9 { + padding-bottom: 2.25rem !important; + } + .pb-md-10 { + padding-bottom: 2.5rem !important; + } + .pb-md-11 { + padding-bottom: 2.75rem !important; + } + .pb-md-12 { + padding-bottom: 3rem !important; + } + .pb-md-13 { + padding-bottom: 3.25rem !important; + } + .pb-md-14 { + padding-bottom: 3.5rem !important; + } + .pb-md-15 { + padding-bottom: 3.75rem !important; + } + .pb-md-16 { + padding-bottom: 4rem !important; + } + .pb-md-17 { + padding-bottom: 4.25rem !important; + } + .pb-md-18 { + padding-bottom: 4.5rem !important; + } + .pb-md-19 { + padding-bottom: 4.75rem !important; + } + .pb-md-20 { + padding-bottom: 5rem !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: 0.75rem !important; + } + .ps-md-4 { + padding-left: 1rem !important; + } + .ps-md-5 { + padding-left: 1.25rem !important; + } + .ps-md-6 { + padding-left: 1.5rem !important; + } + .ps-md-7 { + padding-left: 1.75rem !important; + } + .ps-md-8 { + padding-left: 2rem !important; + } + .ps-md-9 { + padding-left: 2.25rem !important; + } + .ps-md-10 { + padding-left: 2.5rem !important; + } + .ps-md-11 { + padding-left: 2.75rem !important; + } + .ps-md-12 { + padding-left: 3rem !important; + } + .ps-md-13 { + padding-left: 3.25rem !important; + } + .ps-md-14 { + padding-left: 3.5rem !important; + } + .ps-md-15 { + padding-left: 3.75rem !important; + } + .ps-md-16 { + padding-left: 4rem !important; + } + .ps-md-17 { + padding-left: 4.25rem !important; + } + .ps-md-18 { + padding-left: 4.5rem !important; + } + .ps-md-19 { + padding-left: 4.75rem !important; + } + .ps-md-20 { + padding-left: 5rem !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: 0.75rem !important; + } + .gap-md-4 { + gap: 1rem !important; + } + .gap-md-5 { + gap: 1.25rem !important; + } + .gap-md-6 { + gap: 1.5rem !important; + } + .gap-md-7 { + gap: 1.75rem !important; + } + .gap-md-8 { + gap: 2rem !important; + } + .gap-md-9 { + gap: 2.25rem !important; + } + .gap-md-10 { + gap: 2.5rem !important; + } + .gap-md-11 { + gap: 2.75rem !important; + } + .gap-md-12 { + gap: 3rem !important; + } + .gap-md-13 { + gap: 3.25rem !important; + } + .gap-md-14 { + gap: 3.5rem !important; + } + .gap-md-15 { + gap: 3.75rem !important; + } + .gap-md-16 { + gap: 4rem !important; + } + .gap-md-17 { + gap: 4.25rem !important; + } + .gap-md-18 { + gap: 4.5rem !important; + } + .gap-md-19 { + gap: 4.75rem !important; + } + .gap-md-20 { + gap: 5rem !important; + } + .row-gap-md-0 { + row-gap: 0 !important; + } + .row-gap-md-1 { + row-gap: 0.25rem !important; + } + .row-gap-md-2 { + row-gap: 0.5rem !important; + } + .row-gap-md-3 { + row-gap: 0.75rem !important; + } + .row-gap-md-4 { + row-gap: 1rem !important; + } + .row-gap-md-5 { + row-gap: 1.25rem !important; + } + .row-gap-md-6 { + row-gap: 1.5rem !important; + } + .row-gap-md-7 { + row-gap: 1.75rem !important; + } + .row-gap-md-8 { + row-gap: 2rem !important; + } + .row-gap-md-9 { + row-gap: 2.25rem !important; + } + .row-gap-md-10 { + row-gap: 2.5rem !important; + } + .row-gap-md-11 { + row-gap: 2.75rem !important; + } + .row-gap-md-12 { + row-gap: 3rem !important; + } + .row-gap-md-13 { + row-gap: 3.25rem !important; + } + .row-gap-md-14 { + row-gap: 3.5rem !important; + } + .row-gap-md-15 { + row-gap: 3.75rem !important; + } + .row-gap-md-16 { + row-gap: 4rem !important; + } + .row-gap-md-17 { + row-gap: 4.25rem !important; + } + .row-gap-md-18 { + row-gap: 4.5rem !important; + } + .row-gap-md-19 { + row-gap: 4.75rem !important; + } + .row-gap-md-20 { + row-gap: 5rem !important; + } + .column-gap-md-0 { + column-gap: 0 !important; + } + .column-gap-md-1 { + column-gap: 0.25rem !important; + } + .column-gap-md-2 { + column-gap: 0.5rem !important; + } + .column-gap-md-3 { + column-gap: 0.75rem !important; + } + .column-gap-md-4 { + column-gap: 1rem !important; + } + .column-gap-md-5 { + column-gap: 1.25rem !important; + } + .column-gap-md-6 { + column-gap: 1.5rem !important; + } + .column-gap-md-7 { + column-gap: 1.75rem !important; + } + .column-gap-md-8 { + column-gap: 2rem !important; + } + .column-gap-md-9 { + column-gap: 2.25rem !important; + } + .column-gap-md-10 { + column-gap: 2.5rem !important; + } + .column-gap-md-11 { + column-gap: 2.75rem !important; + } + .column-gap-md-12 { + column-gap: 3rem !important; + } + .column-gap-md-13 { + column-gap: 3.25rem !important; + } + .column-gap-md-14 { + column-gap: 3.5rem !important; + } + .column-gap-md-15 { + column-gap: 3.75rem !important; + } + .column-gap-md-16 { + column-gap: 4rem !important; + } + .column-gap-md-17 { + column-gap: 4.25rem !important; + } + .column-gap-md-18 { + column-gap: 4.5rem !important; + } + .column-gap-md-19 { + column-gap: 4.75rem !important; + } + .column-gap-md-20 { + column-gap: 5rem !important; + } + .fs-md-1 { + font-size: calc(1.3rem + 0.6vw) !important; + } + .fs-md-2 { + font-size: calc(1.275rem + 0.3vw) !important; + } + .fs-md-3 { + font-size: calc(1.26rem + 0.12vw) !important; + } + .fs-md-4 { + font-size: 1.25rem !important; + } + .fs-md-5 { + font-size: 1.15rem !important; + } + .fs-md-6 { + font-size: 1.075rem !important; + } + .fs-md-7 { + font-size: 0.95rem !important; + } + .fs-md-8 { + font-size: 0.85rem !important; + } + .fs-md-9 { + font-size: 0.75rem !important; + } + .fs-md-10 { + font-size: 0.5rem !important; + } + .fs-md-sm { + font-size: 0.95rem !important; + } + .fs-md-base { + font-size: 1rem !important; + } + .fs-md-lg { + font-size: 1.075rem !important; + } + .fs-md-xl { + font-size: 1.21rem !important; + } + .fs-md-fluid { + font-size: 100% !important; + } + .fs-md-2x { + font-size: calc(1.325rem + 0.9vw) !important; + } + .fs-md-2qx { + font-size: calc(1.35rem + 1.2vw) !important; + } + .fs-md-2hx { + font-size: calc(1.375rem + 1.5vw) !important; + } + .fs-md-2tx { + font-size: calc(1.4rem + 1.8vw) !important; + } + .fs-md-3x { + font-size: calc(1.425rem + 2.1vw) !important; + } + .fs-md-3qx { + font-size: calc(1.45rem + 2.4vw) !important; + } + .fs-md-3hx { + font-size: calc(1.475rem + 2.7vw) !important; + } + .fs-md-3tx { + font-size: calc(1.5rem + 3vw) !important; + } + .fs-md-4x { + font-size: calc(1.525rem + 3.3vw) !important; + } + .fs-md-4qx { + font-size: calc(1.55rem + 3.6vw) !important; + } + .fs-md-4hx { + font-size: calc(1.575rem + 3.9vw) !important; + } + .fs-md-4tx { + font-size: calc(1.6rem + 4.2vw) !important; + } + .fs-md-5x { + font-size: calc(1.625rem + 4.5vw) !important; + } + .fs-md-5qx { + font-size: calc(1.65rem + 4.8vw) !important; + } + .fs-md-5hx { + font-size: calc(1.675rem + 5.1vw) !important; + } + .fs-md-5tx { + font-size: calc(1.7rem + 5.4vw) !important; + } + .fs-md-6x { + font-size: calc(1.725rem + 5.7vw) !important; + } + .fs-md-6qx { + font-size: calc(1.75rem + 6vw) !important; + } + .fs-md-6hx { + font-size: calc(1.775rem + 6.3vw) !important; + } + .fs-md-6tx { + font-size: calc(1.8rem + 6.6vw) !important; + } + .fs-md-7x { + font-size: calc(1.825rem + 6.9vw) !important; + } + .fs-md-7qx { + font-size: calc(1.85rem + 7.2vw) !important; + } + .fs-md-7hx { + font-size: calc(1.875rem + 7.5vw) !important; + } + .fs-md-7tx { + font-size: calc(1.9rem + 7.8vw) !important; + } + .text-md-start { + text-align: left !important; + } + .text-md-end { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } + .min-w-md-unset { + min-width: unset !important; + } + .min-w-md-25 { + min-width: 25% !important; + } + .min-w-md-50 { + min-width: 50% !important; + } + .min-w-md-75 { + min-width: 75% !important; + } + .min-w-md-100 { + min-width: 100% !important; + } + .min-w-md-auto { + min-width: auto !important; + } + .min-w-md-1px { + min-width: 1px !important; + } + .min-w-md-2px { + min-width: 2px !important; + } + .min-w-md-3px { + min-width: 3px !important; + } + .min-w-md-4px { + min-width: 4px !important; + } + .min-w-md-5px { + min-width: 5px !important; + } + .min-w-md-6px { + min-width: 6px !important; + } + .min-w-md-7px { + min-width: 7px !important; + } + .min-w-md-8px { + min-width: 8px !important; + } + .min-w-md-9px { + min-width: 9px !important; + } + .min-w-md-10px { + min-width: 10px !important; + } + .min-w-md-15px { + min-width: 15px !important; + } + .min-w-md-20px { + min-width: 20px !important; + } + .min-w-md-25px { + min-width: 25px !important; + } + .min-w-md-30px { + min-width: 30px !important; + } + .min-w-md-35px { + min-width: 35px !important; + } + .min-w-md-40px { + min-width: 40px !important; + } + .min-w-md-45px { + min-width: 45px !important; + } + .min-w-md-50px { + min-width: 50px !important; + } + .min-w-md-55px { + min-width: 55px !important; + } + .min-w-md-60px { + min-width: 60px !important; + } + .min-w-md-65px { + min-width: 65px !important; + } + .min-w-md-70px { + min-width: 70px !important; + } + .min-w-md-75px { + min-width: 75px !important; + } + .min-w-md-80px { + min-width: 80px !important; + } + .min-w-md-85px { + min-width: 85px !important; + } + .min-w-md-90px { + min-width: 90px !important; + } + .min-w-md-95px { + min-width: 95px !important; + } + .min-w-md-100px { + min-width: 100px !important; + } + .min-w-md-125px { + min-width: 125px !important; + } + .min-w-md-150px { + min-width: 150px !important; + } + .min-w-md-175px { + min-width: 175px !important; + } + .min-w-md-200px { + min-width: 200px !important; + } + .min-w-md-225px { + min-width: 225px !important; + } + .min-w-md-250px { + min-width: 250px !important; + } + .min-w-md-275px { + min-width: 275px !important; + } + .min-w-md-300px { + min-width: 300px !important; + } + .min-w-md-325px { + min-width: 325px !important; + } + .min-w-md-350px { + min-width: 350px !important; + } + .min-w-md-375px { + min-width: 375px !important; + } + .min-w-md-400px { + min-width: 400px !important; + } + .min-w-md-425px { + min-width: 425px !important; + } + .min-w-md-450px { + min-width: 450px !important; + } + .min-w-md-475px { + min-width: 475px !important; + } + .min-w-md-500px { + min-width: 500px !important; + } + .min-w-md-550px { + min-width: 550px !important; + } + .min-w-md-600px { + min-width: 600px !important; + } + .min-w-md-650px { + min-width: 650px !important; + } + .min-w-md-700px { + min-width: 700px !important; + } + .min-w-md-750px { + min-width: 750px !important; + } + .min-w-md-800px { + min-width: 800px !important; + } + .min-w-md-850px { + min-width: 850px !important; + } + .min-w-md-900px { + min-width: 900px !important; + } + .min-w-md-950px { + min-width: 950px !important; + } + .min-w-md-1000px { + min-width: 1000px !important; + } + .min-h-md-unset { + min-height: unset !important; + } + .min-h-md-25 { + min-height: 25% !important; + } + .min-h-md-50 { + min-height: 50% !important; + } + .min-h-md-75 { + min-height: 75% !important; + } + .min-h-md-100 { + min-height: 100% !important; + } + .min-h-md-auto { + min-height: auto !important; + } + .min-h-md-1px { + min-height: 1px !important; + } + .min-h-md-2px { + min-height: 2px !important; + } + .min-h-md-3px { + min-height: 3px !important; + } + .min-h-md-4px { + min-height: 4px !important; + } + .min-h-md-5px { + min-height: 5px !important; + } + .min-h-md-6px { + min-height: 6px !important; + } + .min-h-md-7px { + min-height: 7px !important; + } + .min-h-md-8px { + min-height: 8px !important; + } + .min-h-md-9px { + min-height: 9px !important; + } + .min-h-md-10px { + min-height: 10px !important; + } + .min-h-md-15px { + min-height: 15px !important; + } + .min-h-md-20px { + min-height: 20px !important; + } + .min-h-md-25px { + min-height: 25px !important; + } + .min-h-md-30px { + min-height: 30px !important; + } + .min-h-md-35px { + min-height: 35px !important; + } + .min-h-md-40px { + min-height: 40px !important; + } + .min-h-md-45px { + min-height: 45px !important; + } + .min-h-md-50px { + min-height: 50px !important; + } + .min-h-md-55px { + min-height: 55px !important; + } + .min-h-md-60px { + min-height: 60px !important; + } + .min-h-md-65px { + min-height: 65px !important; + } + .min-h-md-70px { + min-height: 70px !important; + } + .min-h-md-75px { + min-height: 75px !important; + } + .min-h-md-80px { + min-height: 80px !important; + } + .min-h-md-85px { + min-height: 85px !important; + } + .min-h-md-90px { + min-height: 90px !important; + } + .min-h-md-95px { + min-height: 95px !important; + } + .min-h-md-100px { + min-height: 100px !important; + } + .min-h-md-125px { + min-height: 125px !important; + } + .min-h-md-150px { + min-height: 150px !important; + } + .min-h-md-175px { + min-height: 175px !important; + } + .min-h-md-200px { + min-height: 200px !important; + } + .min-h-md-225px { + min-height: 225px !important; + } + .min-h-md-250px { + min-height: 250px !important; + } + .min-h-md-275px { + min-height: 275px !important; + } + .min-h-md-300px { + min-height: 300px !important; + } + .min-h-md-325px { + min-height: 325px !important; + } + .min-h-md-350px { + min-height: 350px !important; + } + .min-h-md-375px { + min-height: 375px !important; + } + .min-h-md-400px { + min-height: 400px !important; + } + .min-h-md-425px { + min-height: 425px !important; + } + .min-h-md-450px { + min-height: 450px !important; + } + .min-h-md-475px { + min-height: 475px !important; + } + .min-h-md-500px { + min-height: 500px !important; + } + .min-h-md-550px { + min-height: 550px !important; + } + .min-h-md-600px { + min-height: 600px !important; + } + .min-h-md-650px { + min-height: 650px !important; + } + .min-h-md-700px { + min-height: 700px !important; + } + .min-h-md-750px { + min-height: 750px !important; + } + .min-h-md-800px { + min-height: 800px !important; + } + .min-h-md-850px { + min-height: 850px !important; + } + .min-h-md-900px { + min-height: 900px !important; + } + .min-h-md-950px { + min-height: 950px !important; + } + .min-h-md-1000px { + min-height: 1000px !important; + } +} +@media (min-width: 992px) { + .float-lg-start { + float: left !important; + } + .float-lg-end { + float: right !important; + } + .float-lg-none { + float: none !important; + } + .object-fit-lg-contain { + object-fit: contain !important; + } + .object-fit-lg-cover { + object-fit: cover !important; + } + .object-fit-lg-fill { + object-fit: fill !important; + } + .object-fit-lg-scale { + object-fit: scale-down !important; + } + .object-fit-lg-none { + object-fit: none !important; + } + .overflow-lg-auto { + overflow: auto !important; + } + .overflow-lg-hidden { + overflow: hidden !important; + } + .overflow-lg-visible { + overflow: visible !important; + } + .overflow-lg-scroll { + overflow: scroll !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-inline-grid { + display: inline-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; + } + .position-lg-static { + position: static !important; + } + .position-lg-relative { + position: relative !important; + } + .position-lg-absolute { + position: absolute !important; + } + .position-lg-fixed { + position: fixed !important; + } + .position-lg-sticky { + position: sticky !important; + } + .w-lg-unset { + width: unset !important; + } + .w-lg-25 { + width: 25% !important; + } + .w-lg-50 { + width: 50% !important; + } + .w-lg-75 { + width: 75% !important; + } + .w-lg-100 { + width: 100% !important; + } + .w-lg-auto { + width: auto !important; + } + .w-lg-1px { + width: 1px !important; + } + .w-lg-2px { + width: 2px !important; + } + .w-lg-3px { + width: 3px !important; + } + .w-lg-4px { + width: 4px !important; + } + .w-lg-5px { + width: 5px !important; + } + .w-lg-6px { + width: 6px !important; + } + .w-lg-7px { + width: 7px !important; + } + .w-lg-8px { + width: 8px !important; + } + .w-lg-9px { + width: 9px !important; + } + .w-lg-10px { + width: 10px !important; + } + .w-lg-15px { + width: 15px !important; + } + .w-lg-20px { + width: 20px !important; + } + .w-lg-25px { + width: 25px !important; + } + .w-lg-30px { + width: 30px !important; + } + .w-lg-35px { + width: 35px !important; + } + .w-lg-40px { + width: 40px !important; + } + .w-lg-45px { + width: 45px !important; + } + .w-lg-50px { + width: 50px !important; + } + .w-lg-55px { + width: 55px !important; + } + .w-lg-60px { + width: 60px !important; + } + .w-lg-65px { + width: 65px !important; + } + .w-lg-70px { + width: 70px !important; + } + .w-lg-75px { + width: 75px !important; + } + .w-lg-80px { + width: 80px !important; + } + .w-lg-85px { + width: 85px !important; + } + .w-lg-90px { + width: 90px !important; + } + .w-lg-95px { + width: 95px !important; + } + .w-lg-100px { + width: 100px !important; + } + .w-lg-125px { + width: 125px !important; + } + .w-lg-150px { + width: 150px !important; + } + .w-lg-175px { + width: 175px !important; + } + .w-lg-200px { + width: 200px !important; + } + .w-lg-225px { + width: 225px !important; + } + .w-lg-250px { + width: 250px !important; + } + .w-lg-275px { + width: 275px !important; + } + .w-lg-300px { + width: 300px !important; + } + .w-lg-325px { + width: 325px !important; + } + .w-lg-350px { + width: 350px !important; + } + .w-lg-375px { + width: 375px !important; + } + .w-lg-400px { + width: 400px !important; + } + .w-lg-425px { + width: 425px !important; + } + .w-lg-450px { + width: 450px !important; + } + .w-lg-475px { + width: 475px !important; + } + .w-lg-500px { + width: 500px !important; + } + .w-lg-550px { + width: 550px !important; + } + .w-lg-600px { + width: 600px !important; + } + .w-lg-650px { + width: 650px !important; + } + .w-lg-700px { + width: 700px !important; + } + .w-lg-750px { + width: 750px !important; + } + .w-lg-800px { + width: 800px !important; + } + .w-lg-850px { + width: 850px !important; + } + .w-lg-900px { + width: 900px !important; + } + .w-lg-950px { + width: 950px !important; + } + .w-lg-1000px { + width: 1000px !important; + } + .mw-lg-unset { + max-width: unset !important; + } + .mw-lg-25 { + max-width: 25% !important; + } + .mw-lg-50 { + max-width: 50% !important; + } + .mw-lg-75 { + max-width: 75% !important; + } + .mw-lg-100 { + max-width: 100% !important; + } + .mw-lg-auto { + max-width: auto !important; + } + .mw-lg-1px { + max-width: 1px !important; + } + .mw-lg-2px { + max-width: 2px !important; + } + .mw-lg-3px { + max-width: 3px !important; + } + .mw-lg-4px { + max-width: 4px !important; + } + .mw-lg-5px { + max-width: 5px !important; + } + .mw-lg-6px { + max-width: 6px !important; + } + .mw-lg-7px { + max-width: 7px !important; + } + .mw-lg-8px { + max-width: 8px !important; + } + .mw-lg-9px { + max-width: 9px !important; + } + .mw-lg-10px { + max-width: 10px !important; + } + .mw-lg-15px { + max-width: 15px !important; + } + .mw-lg-20px { + max-width: 20px !important; + } + .mw-lg-25px { + max-width: 25px !important; + } + .mw-lg-30px { + max-width: 30px !important; + } + .mw-lg-35px { + max-width: 35px !important; + } + .mw-lg-40px { + max-width: 40px !important; + } + .mw-lg-45px { + max-width: 45px !important; + } + .mw-lg-50px { + max-width: 50px !important; + } + .mw-lg-55px { + max-width: 55px !important; + } + .mw-lg-60px { + max-width: 60px !important; + } + .mw-lg-65px { + max-width: 65px !important; + } + .mw-lg-70px { + max-width: 70px !important; + } + .mw-lg-75px { + max-width: 75px !important; + } + .mw-lg-80px { + max-width: 80px !important; + } + .mw-lg-85px { + max-width: 85px !important; + } + .mw-lg-90px { + max-width: 90px !important; + } + .mw-lg-95px { + max-width: 95px !important; + } + .mw-lg-100px { + max-width: 100px !important; + } + .mw-lg-125px { + max-width: 125px !important; + } + .mw-lg-150px { + max-width: 150px !important; + } + .mw-lg-175px { + max-width: 175px !important; + } + .mw-lg-200px { + max-width: 200px !important; + } + .mw-lg-225px { + max-width: 225px !important; + } + .mw-lg-250px { + max-width: 250px !important; + } + .mw-lg-275px { + max-width: 275px !important; + } + .mw-lg-300px { + max-width: 300px !important; + } + .mw-lg-325px { + max-width: 325px !important; + } + .mw-lg-350px { + max-width: 350px !important; + } + .mw-lg-375px { + max-width: 375px !important; + } + .mw-lg-400px { + max-width: 400px !important; + } + .mw-lg-425px { + max-width: 425px !important; + } + .mw-lg-450px { + max-width: 450px !important; + } + .mw-lg-475px { + max-width: 475px !important; + } + .mw-lg-500px { + max-width: 500px !important; + } + .mw-lg-550px { + max-width: 550px !important; + } + .mw-lg-600px { + max-width: 600px !important; + } + .mw-lg-650px { + max-width: 650px !important; + } + .mw-lg-700px { + max-width: 700px !important; + } + .mw-lg-750px { + max-width: 750px !important; + } + .mw-lg-800px { + max-width: 800px !important; + } + .mw-lg-850px { + max-width: 850px !important; + } + .mw-lg-900px { + max-width: 900px !important; + } + .mw-lg-950px { + max-width: 950px !important; + } + .mw-lg-1000px { + max-width: 1000px !important; + } + .h-lg-unset { + height: unset !important; + } + .h-lg-25 { + height: 25% !important; + } + .h-lg-50 { + height: 50% !important; + } + .h-lg-75 { + height: 75% !important; + } + .h-lg-100 { + height: 100% !important; + } + .h-lg-auto { + height: auto !important; + } + .h-lg-1px { + height: 1px !important; + } + .h-lg-2px { + height: 2px !important; + } + .h-lg-3px { + height: 3px !important; + } + .h-lg-4px { + height: 4px !important; + } + .h-lg-5px { + height: 5px !important; + } + .h-lg-6px { + height: 6px !important; + } + .h-lg-7px { + height: 7px !important; + } + .h-lg-8px { + height: 8px !important; + } + .h-lg-9px { + height: 9px !important; + } + .h-lg-10px { + height: 10px !important; + } + .h-lg-15px { + height: 15px !important; + } + .h-lg-20px { + height: 20px !important; + } + .h-lg-25px { + height: 25px !important; + } + .h-lg-30px { + height: 30px !important; + } + .h-lg-35px { + height: 35px !important; + } + .h-lg-40px { + height: 40px !important; + } + .h-lg-45px { + height: 45px !important; + } + .h-lg-50px { + height: 50px !important; + } + .h-lg-55px { + height: 55px !important; + } + .h-lg-60px { + height: 60px !important; + } + .h-lg-65px { + height: 65px !important; + } + .h-lg-70px { + height: 70px !important; + } + .h-lg-75px { + height: 75px !important; + } + .h-lg-80px { + height: 80px !important; + } + .h-lg-85px { + height: 85px !important; + } + .h-lg-90px { + height: 90px !important; + } + .h-lg-95px { + height: 95px !important; + } + .h-lg-100px { + height: 100px !important; + } + .h-lg-125px { + height: 125px !important; + } + .h-lg-150px { + height: 150px !important; + } + .h-lg-175px { + height: 175px !important; + } + .h-lg-200px { + height: 200px !important; + } + .h-lg-225px { + height: 225px !important; + } + .h-lg-250px { + height: 250px !important; + } + .h-lg-275px { + height: 275px !important; + } + .h-lg-300px { + height: 300px !important; + } + .h-lg-325px { + height: 325px !important; + } + .h-lg-350px { + height: 350px !important; + } + .h-lg-375px { + height: 375px !important; + } + .h-lg-400px { + height: 400px !important; + } + .h-lg-425px { + height: 425px !important; + } + .h-lg-450px { + height: 450px !important; + } + .h-lg-475px { + height: 475px !important; + } + .h-lg-500px { + height: 500px !important; + } + .h-lg-550px { + height: 550px !important; + } + .h-lg-600px { + height: 600px !important; + } + .h-lg-650px { + height: 650px !important; + } + .h-lg-700px { + height: 700px !important; + } + .h-lg-750px { + height: 750px !important; + } + .h-lg-800px { + height: 800px !important; + } + .h-lg-850px { + height: 850px !important; + } + .h-lg-900px { + height: 900px !important; + } + .h-lg-950px { + height: 950px !important; + } + .h-lg-1000px { + height: 1000px !important; + } + .mh-lg-unset { + max-height: unset !important; + } + .mh-lg-25 { + max-height: 25% !important; + } + .mh-lg-50 { + max-height: 50% !important; + } + .mh-lg-75 { + max-height: 75% !important; + } + .mh-lg-100 { + max-height: 100% !important; + } + .mh-lg-auto { + max-height: auto !important; + } + .mh-lg-1px { + max-height: 1px !important; + } + .mh-lg-2px { + max-height: 2px !important; + } + .mh-lg-3px { + max-height: 3px !important; + } + .mh-lg-4px { + max-height: 4px !important; + } + .mh-lg-5px { + max-height: 5px !important; + } + .mh-lg-6px { + max-height: 6px !important; + } + .mh-lg-7px { + max-height: 7px !important; + } + .mh-lg-8px { + max-height: 8px !important; + } + .mh-lg-9px { + max-height: 9px !important; + } + .mh-lg-10px { + max-height: 10px !important; + } + .mh-lg-15px { + max-height: 15px !important; + } + .mh-lg-20px { + max-height: 20px !important; + } + .mh-lg-25px { + max-height: 25px !important; + } + .mh-lg-30px { + max-height: 30px !important; + } + .mh-lg-35px { + max-height: 35px !important; + } + .mh-lg-40px { + max-height: 40px !important; + } + .mh-lg-45px { + max-height: 45px !important; + } + .mh-lg-50px { + max-height: 50px !important; + } + .mh-lg-55px { + max-height: 55px !important; + } + .mh-lg-60px { + max-height: 60px !important; + } + .mh-lg-65px { + max-height: 65px !important; + } + .mh-lg-70px { + max-height: 70px !important; + } + .mh-lg-75px { + max-height: 75px !important; + } + .mh-lg-80px { + max-height: 80px !important; + } + .mh-lg-85px { + max-height: 85px !important; + } + .mh-lg-90px { + max-height: 90px !important; + } + .mh-lg-95px { + max-height: 95px !important; + } + .mh-lg-100px { + max-height: 100px !important; + } + .mh-lg-125px { + max-height: 125px !important; + } + .mh-lg-150px { + max-height: 150px !important; + } + .mh-lg-175px { + max-height: 175px !important; + } + .mh-lg-200px { + max-height: 200px !important; + } + .mh-lg-225px { + max-height: 225px !important; + } + .mh-lg-250px { + max-height: 250px !important; + } + .mh-lg-275px { + max-height: 275px !important; + } + .mh-lg-300px { + max-height: 300px !important; + } + .mh-lg-325px { + max-height: 325px !important; + } + .mh-lg-350px { + max-height: 350px !important; + } + .mh-lg-375px { + max-height: 375px !important; + } + .mh-lg-400px { + max-height: 400px !important; + } + .mh-lg-425px { + max-height: 425px !important; + } + .mh-lg-450px { + max-height: 450px !important; + } + .mh-lg-475px { + max-height: 475px !important; + } + .mh-lg-500px { + max-height: 500px !important; + } + .mh-lg-550px { + max-height: 550px !important; + } + .mh-lg-600px { + max-height: 600px !important; + } + .mh-lg-650px { + max-height: 650px !important; + } + .mh-lg-700px { + max-height: 700px !important; + } + .mh-lg-750px { + max-height: 750px !important; + } + .mh-lg-800px { + max-height: 800px !important; + } + .mh-lg-850px { + max-height: 850px !important; + } + .mh-lg-900px { + max-height: 900px !important; + } + .mh-lg-950px { + max-height: 950px !important; + } + .mh-lg-1000px { + max-height: 1000px !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; + } + .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: 0.75rem !important; + } + .m-lg-4 { + margin: 1rem !important; + } + .m-lg-5 { + margin: 1.25rem !important; + } + .m-lg-6 { + margin: 1.5rem !important; + } + .m-lg-7 { + margin: 1.75rem !important; + } + .m-lg-8 { + margin: 2rem !important; + } + .m-lg-9 { + margin: 2.25rem !important; + } + .m-lg-10 { + margin: 2.5rem !important; + } + .m-lg-11 { + margin: 2.75rem !important; + } + .m-lg-12 { + margin: 3rem !important; + } + .m-lg-13 { + margin: 3.25rem !important; + } + .m-lg-14 { + margin: 3.5rem !important; + } + .m-lg-15 { + margin: 3.75rem !important; + } + .m-lg-16 { + margin: 4rem !important; + } + .m-lg-17 { + margin: 4.25rem !important; + } + .m-lg-18 { + margin: 4.5rem !important; + } + .m-lg-19 { + margin: 4.75rem !important; + } + .m-lg-20 { + margin: 5rem !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: 0.75rem !important; + margin-left: 0.75rem !important; + } + .mx-lg-4 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-lg-5 { + margin-right: 1.25rem !important; + margin-left: 1.25rem !important; + } + .mx-lg-6 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-lg-7 { + margin-right: 1.75rem !important; + margin-left: 1.75rem !important; + } + .mx-lg-8 { + margin-right: 2rem !important; + margin-left: 2rem !important; + } + .mx-lg-9 { + margin-right: 2.25rem !important; + margin-left: 2.25rem !important; + } + .mx-lg-10 { + margin-right: 2.5rem !important; + margin-left: 2.5rem !important; + } + .mx-lg-11 { + margin-right: 2.75rem !important; + margin-left: 2.75rem !important; + } + .mx-lg-12 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-lg-13 { + margin-right: 3.25rem !important; + margin-left: 3.25rem !important; + } + .mx-lg-14 { + margin-right: 3.5rem !important; + margin-left: 3.5rem !important; + } + .mx-lg-15 { + margin-right: 3.75rem !important; + margin-left: 3.75rem !important; + } + .mx-lg-16 { + margin-right: 4rem !important; + margin-left: 4rem !important; + } + .mx-lg-17 { + margin-right: 4.25rem !important; + margin-left: 4.25rem !important; + } + .mx-lg-18 { + margin-right: 4.5rem !important; + margin-left: 4.5rem !important; + } + .mx-lg-19 { + margin-right: 4.75rem !important; + margin-left: 4.75rem !important; + } + .mx-lg-20 { + margin-right: 5rem !important; + margin-left: 5rem !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: 0.75rem !important; + margin-bottom: 0.75rem !important; + } + .my-lg-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-lg-5 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; + } + .my-lg-6 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-lg-7 { + margin-top: 1.75rem !important; + margin-bottom: 1.75rem !important; + } + .my-lg-8 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; + } + .my-lg-9 { + margin-top: 2.25rem !important; + margin-bottom: 2.25rem !important; + } + .my-lg-10 { + margin-top: 2.5rem !important; + margin-bottom: 2.5rem !important; + } + .my-lg-11 { + margin-top: 2.75rem !important; + margin-bottom: 2.75rem !important; + } + .my-lg-12 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-lg-13 { + margin-top: 3.25rem !important; + margin-bottom: 3.25rem !important; + } + .my-lg-14 { + margin-top: 3.5rem !important; + margin-bottom: 3.5rem !important; + } + .my-lg-15 { + margin-top: 3.75rem !important; + margin-bottom: 3.75rem !important; + } + .my-lg-16 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; + } + .my-lg-17 { + margin-top: 4.25rem !important; + margin-bottom: 4.25rem !important; + } + .my-lg-18 { + margin-top: 4.5rem !important; + margin-bottom: 4.5rem !important; + } + .my-lg-19 { + margin-top: 4.75rem !important; + margin-bottom: 4.75rem !important; + } + .my-lg-20 { + margin-top: 5rem !important; + margin-bottom: 5rem !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: 0.75rem !important; + } + .mt-lg-4 { + margin-top: 1rem !important; + } + .mt-lg-5 { + margin-top: 1.25rem !important; + } + .mt-lg-6 { + margin-top: 1.5rem !important; + } + .mt-lg-7 { + margin-top: 1.75rem !important; + } + .mt-lg-8 { + margin-top: 2rem !important; + } + .mt-lg-9 { + margin-top: 2.25rem !important; + } + .mt-lg-10 { + margin-top: 2.5rem !important; + } + .mt-lg-11 { + margin-top: 2.75rem !important; + } + .mt-lg-12 { + margin-top: 3rem !important; + } + .mt-lg-13 { + margin-top: 3.25rem !important; + } + .mt-lg-14 { + margin-top: 3.5rem !important; + } + .mt-lg-15 { + margin-top: 3.75rem !important; + } + .mt-lg-16 { + margin-top: 4rem !important; + } + .mt-lg-17 { + margin-top: 4.25rem !important; + } + .mt-lg-18 { + margin-top: 4.5rem !important; + } + .mt-lg-19 { + margin-top: 4.75rem !important; + } + .mt-lg-20 { + margin-top: 5rem !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: 0.75rem !important; + } + .me-lg-4 { + margin-right: 1rem !important; + } + .me-lg-5 { + margin-right: 1.25rem !important; + } + .me-lg-6 { + margin-right: 1.5rem !important; + } + .me-lg-7 { + margin-right: 1.75rem !important; + } + .me-lg-8 { + margin-right: 2rem !important; + } + .me-lg-9 { + margin-right: 2.25rem !important; + } + .me-lg-10 { + margin-right: 2.5rem !important; + } + .me-lg-11 { + margin-right: 2.75rem !important; + } + .me-lg-12 { + margin-right: 3rem !important; + } + .me-lg-13 { + margin-right: 3.25rem !important; + } + .me-lg-14 { + margin-right: 3.5rem !important; + } + .me-lg-15 { + margin-right: 3.75rem !important; + } + .me-lg-16 { + margin-right: 4rem !important; + } + .me-lg-17 { + margin-right: 4.25rem !important; + } + .me-lg-18 { + margin-right: 4.5rem !important; + } + .me-lg-19 { + margin-right: 4.75rem !important; + } + .me-lg-20 { + margin-right: 5rem !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: 0.75rem !important; + } + .mb-lg-4 { + margin-bottom: 1rem !important; + } + .mb-lg-5 { + margin-bottom: 1.25rem !important; + } + .mb-lg-6 { + margin-bottom: 1.5rem !important; + } + .mb-lg-7 { + margin-bottom: 1.75rem !important; + } + .mb-lg-8 { + margin-bottom: 2rem !important; + } + .mb-lg-9 { + margin-bottom: 2.25rem !important; + } + .mb-lg-10 { + margin-bottom: 2.5rem !important; + } + .mb-lg-11 { + margin-bottom: 2.75rem !important; + } + .mb-lg-12 { + margin-bottom: 3rem !important; + } + .mb-lg-13 { + margin-bottom: 3.25rem !important; + } + .mb-lg-14 { + margin-bottom: 3.5rem !important; + } + .mb-lg-15 { + margin-bottom: 3.75rem !important; + } + .mb-lg-16 { + margin-bottom: 4rem !important; + } + .mb-lg-17 { + margin-bottom: 4.25rem !important; + } + .mb-lg-18 { + margin-bottom: 4.5rem !important; + } + .mb-lg-19 { + margin-bottom: 4.75rem !important; + } + .mb-lg-20 { + margin-bottom: 5rem !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: 0.75rem !important; + } + .ms-lg-4 { + margin-left: 1rem !important; + } + .ms-lg-5 { + margin-left: 1.25rem !important; + } + .ms-lg-6 { + margin-left: 1.5rem !important; + } + .ms-lg-7 { + margin-left: 1.75rem !important; + } + .ms-lg-8 { + margin-left: 2rem !important; + } + .ms-lg-9 { + margin-left: 2.25rem !important; + } + .ms-lg-10 { + margin-left: 2.5rem !important; + } + .ms-lg-11 { + margin-left: 2.75rem !important; + } + .ms-lg-12 { + margin-left: 3rem !important; + } + .ms-lg-13 { + margin-left: 3.25rem !important; + } + .ms-lg-14 { + margin-left: 3.5rem !important; + } + .ms-lg-15 { + margin-left: 3.75rem !important; + } + .ms-lg-16 { + margin-left: 4rem !important; + } + .ms-lg-17 { + margin-left: 4.25rem !important; + } + .ms-lg-18 { + margin-left: 4.5rem !important; + } + .ms-lg-19 { + margin-left: 4.75rem !important; + } + .ms-lg-20 { + margin-left: 5rem !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: -0.75rem !important; + } + .m-lg-n4 { + margin: -1rem !important; + } + .m-lg-n5 { + margin: -1.25rem !important; + } + .m-lg-n6 { + margin: -1.5rem !important; + } + .m-lg-n7 { + margin: -1.75rem !important; + } + .m-lg-n8 { + margin: -2rem !important; + } + .m-lg-n9 { + margin: -2.25rem !important; + } + .m-lg-n10 { + margin: -2.5rem !important; + } + .m-lg-n11 { + margin: -2.75rem !important; + } + .m-lg-n12 { + margin: -3rem !important; + } + .m-lg-n13 { + margin: -3.25rem !important; + } + .m-lg-n14 { + margin: -3.5rem !important; + } + .m-lg-n15 { + margin: -3.75rem !important; + } + .m-lg-n16 { + margin: -4rem !important; + } + .m-lg-n17 { + margin: -4.25rem !important; + } + .m-lg-n18 { + margin: -4.5rem !important; + } + .m-lg-n19 { + margin: -4.75rem !important; + } + .m-lg-n20 { + margin: -5rem !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: -0.75rem !important; + margin-left: -0.75rem !important; + } + .mx-lg-n4 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + .mx-lg-n5 { + margin-right: -1.25rem !important; + margin-left: -1.25rem !important; + } + .mx-lg-n6 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + .mx-lg-n7 { + margin-right: -1.75rem !important; + margin-left: -1.75rem !important; + } + .mx-lg-n8 { + margin-right: -2rem !important; + margin-left: -2rem !important; + } + .mx-lg-n9 { + margin-right: -2.25rem !important; + margin-left: -2.25rem !important; + } + .mx-lg-n10 { + margin-right: -2.5rem !important; + margin-left: -2.5rem !important; + } + .mx-lg-n11 { + margin-right: -2.75rem !important; + margin-left: -2.75rem !important; + } + .mx-lg-n12 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + .mx-lg-n13 { + margin-right: -3.25rem !important; + margin-left: -3.25rem !important; + } + .mx-lg-n14 { + margin-right: -3.5rem !important; + margin-left: -3.5rem !important; + } + .mx-lg-n15 { + margin-right: -3.75rem !important; + margin-left: -3.75rem !important; + } + .mx-lg-n16 { + margin-right: -4rem !important; + margin-left: -4rem !important; + } + .mx-lg-n17 { + margin-right: -4.25rem !important; + margin-left: -4.25rem !important; + } + .mx-lg-n18 { + margin-right: -4.5rem !important; + margin-left: -4.5rem !important; + } + .mx-lg-n19 { + margin-right: -4.75rem !important; + margin-left: -4.75rem !important; + } + .mx-lg-n20 { + margin-right: -5rem !important; + margin-left: -5rem !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: -0.75rem !important; + margin-bottom: -0.75rem !important; + } + .my-lg-n4 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + .my-lg-n5 { + margin-top: -1.25rem !important; + margin-bottom: -1.25rem !important; + } + .my-lg-n6 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + .my-lg-n7 { + margin-top: -1.75rem !important; + margin-bottom: -1.75rem !important; + } + .my-lg-n8 { + margin-top: -2rem !important; + margin-bottom: -2rem !important; + } + .my-lg-n9 { + margin-top: -2.25rem !important; + margin-bottom: -2.25rem !important; + } + .my-lg-n10 { + margin-top: -2.5rem !important; + margin-bottom: -2.5rem !important; + } + .my-lg-n11 { + margin-top: -2.75rem !important; + margin-bottom: -2.75rem !important; + } + .my-lg-n12 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + .my-lg-n13 { + margin-top: -3.25rem !important; + margin-bottom: -3.25rem !important; + } + .my-lg-n14 { + margin-top: -3.5rem !important; + margin-bottom: -3.5rem !important; + } + .my-lg-n15 { + margin-top: -3.75rem !important; + margin-bottom: -3.75rem !important; + } + .my-lg-n16 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; + } + .my-lg-n17 { + margin-top: -4.25rem !important; + margin-bottom: -4.25rem !important; + } + .my-lg-n18 { + margin-top: -4.5rem !important; + margin-bottom: -4.5rem !important; + } + .my-lg-n19 { + margin-top: -4.75rem !important; + margin-bottom: -4.75rem !important; + } + .my-lg-n20 { + margin-top: -5rem !important; + margin-bottom: -5rem !important; + } + .mt-lg-n1 { + margin-top: -0.25rem !important; + } + .mt-lg-n2 { + margin-top: -0.5rem !important; + } + .mt-lg-n3 { + margin-top: -0.75rem !important; + } + .mt-lg-n4 { + margin-top: -1rem !important; + } + .mt-lg-n5 { + margin-top: -1.25rem !important; + } + .mt-lg-n6 { + margin-top: -1.5rem !important; + } + .mt-lg-n7 { + margin-top: -1.75rem !important; + } + .mt-lg-n8 { + margin-top: -2rem !important; + } + .mt-lg-n9 { + margin-top: -2.25rem !important; + } + .mt-lg-n10 { + margin-top: -2.5rem !important; + } + .mt-lg-n11 { + margin-top: -2.75rem !important; + } + .mt-lg-n12 { + margin-top: -3rem !important; + } + .mt-lg-n13 { + margin-top: -3.25rem !important; + } + .mt-lg-n14 { + margin-top: -3.5rem !important; + } + .mt-lg-n15 { + margin-top: -3.75rem !important; + } + .mt-lg-n16 { + margin-top: -4rem !important; + } + .mt-lg-n17 { + margin-top: -4.25rem !important; + } + .mt-lg-n18 { + margin-top: -4.5rem !important; + } + .mt-lg-n19 { + margin-top: -4.75rem !important; + } + .mt-lg-n20 { + margin-top: -5rem !important; + } + .me-lg-n1 { + margin-right: -0.25rem !important; + } + .me-lg-n2 { + margin-right: -0.5rem !important; + } + .me-lg-n3 { + margin-right: -0.75rem !important; + } + .me-lg-n4 { + margin-right: -1rem !important; + } + .me-lg-n5 { + margin-right: -1.25rem !important; + } + .me-lg-n6 { + margin-right: -1.5rem !important; + } + .me-lg-n7 { + margin-right: -1.75rem !important; + } + .me-lg-n8 { + margin-right: -2rem !important; + } + .me-lg-n9 { + margin-right: -2.25rem !important; + } + .me-lg-n10 { + margin-right: -2.5rem !important; + } + .me-lg-n11 { + margin-right: -2.75rem !important; + } + .me-lg-n12 { + margin-right: -3rem !important; + } + .me-lg-n13 { + margin-right: -3.25rem !important; + } + .me-lg-n14 { + margin-right: -3.5rem !important; + } + .me-lg-n15 { + margin-right: -3.75rem !important; + } + .me-lg-n16 { + margin-right: -4rem !important; + } + .me-lg-n17 { + margin-right: -4.25rem !important; + } + .me-lg-n18 { + margin-right: -4.5rem !important; + } + .me-lg-n19 { + margin-right: -4.75rem !important; + } + .me-lg-n20 { + margin-right: -5rem !important; + } + .mb-lg-n1 { + margin-bottom: -0.25rem !important; + } + .mb-lg-n2 { + margin-bottom: -0.5rem !important; + } + .mb-lg-n3 { + margin-bottom: -0.75rem !important; + } + .mb-lg-n4 { + margin-bottom: -1rem !important; + } + .mb-lg-n5 { + margin-bottom: -1.25rem !important; + } + .mb-lg-n6 { + margin-bottom: -1.5rem !important; + } + .mb-lg-n7 { + margin-bottom: -1.75rem !important; + } + .mb-lg-n8 { + margin-bottom: -2rem !important; + } + .mb-lg-n9 { + margin-bottom: -2.25rem !important; + } + .mb-lg-n10 { + margin-bottom: -2.5rem !important; + } + .mb-lg-n11 { + margin-bottom: -2.75rem !important; + } + .mb-lg-n12 { + margin-bottom: -3rem !important; + } + .mb-lg-n13 { + margin-bottom: -3.25rem !important; + } + .mb-lg-n14 { + margin-bottom: -3.5rem !important; + } + .mb-lg-n15 { + margin-bottom: -3.75rem !important; + } + .mb-lg-n16 { + margin-bottom: -4rem !important; + } + .mb-lg-n17 { + margin-bottom: -4.25rem !important; + } + .mb-lg-n18 { + margin-bottom: -4.5rem !important; + } + .mb-lg-n19 { + margin-bottom: -4.75rem !important; + } + .mb-lg-n20 { + margin-bottom: -5rem !important; + } + .ms-lg-n1 { + margin-left: -0.25rem !important; + } + .ms-lg-n2 { + margin-left: -0.5rem !important; + } + .ms-lg-n3 { + margin-left: -0.75rem !important; + } + .ms-lg-n4 { + margin-left: -1rem !important; + } + .ms-lg-n5 { + margin-left: -1.25rem !important; + } + .ms-lg-n6 { + margin-left: -1.5rem !important; + } + .ms-lg-n7 { + margin-left: -1.75rem !important; + } + .ms-lg-n8 { + margin-left: -2rem !important; + } + .ms-lg-n9 { + margin-left: -2.25rem !important; + } + .ms-lg-n10 { + margin-left: -2.5rem !important; + } + .ms-lg-n11 { + margin-left: -2.75rem !important; + } + .ms-lg-n12 { + margin-left: -3rem !important; + } + .ms-lg-n13 { + margin-left: -3.25rem !important; + } + .ms-lg-n14 { + margin-left: -3.5rem !important; + } + .ms-lg-n15 { + margin-left: -3.75rem !important; + } + .ms-lg-n16 { + margin-left: -4rem !important; + } + .ms-lg-n17 { + margin-left: -4.25rem !important; + } + .ms-lg-n18 { + margin-left: -4.5rem !important; + } + .ms-lg-n19 { + margin-left: -4.75rem !important; + } + .ms-lg-n20 { + margin-left: -5rem !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: 0.75rem !important; + } + .p-lg-4 { + padding: 1rem !important; + } + .p-lg-5 { + padding: 1.25rem !important; + } + .p-lg-6 { + padding: 1.5rem !important; + } + .p-lg-7 { + padding: 1.75rem !important; + } + .p-lg-8 { + padding: 2rem !important; + } + .p-lg-9 { + padding: 2.25rem !important; + } + .p-lg-10 { + padding: 2.5rem !important; + } + .p-lg-11 { + padding: 2.75rem !important; + } + .p-lg-12 { + padding: 3rem !important; + } + .p-lg-13 { + padding: 3.25rem !important; + } + .p-lg-14 { + padding: 3.5rem !important; + } + .p-lg-15 { + padding: 3.75rem !important; + } + .p-lg-16 { + padding: 4rem !important; + } + .p-lg-17 { + padding: 4.25rem !important; + } + .p-lg-18 { + padding: 4.5rem !important; + } + .p-lg-19 { + padding: 4.75rem !important; + } + .p-lg-20 { + padding: 5rem !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: 0.75rem !important; + padding-left: 0.75rem !important; + } + .px-lg-4 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-lg-5 { + padding-right: 1.25rem !important; + padding-left: 1.25rem !important; + } + .px-lg-6 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-lg-7 { + padding-right: 1.75rem !important; + padding-left: 1.75rem !important; + } + .px-lg-8 { + padding-right: 2rem !important; + padding-left: 2rem !important; + } + .px-lg-9 { + padding-right: 2.25rem !important; + padding-left: 2.25rem !important; + } + .px-lg-10 { + padding-right: 2.5rem !important; + padding-left: 2.5rem !important; + } + .px-lg-11 { + padding-right: 2.75rem !important; + padding-left: 2.75rem !important; + } + .px-lg-12 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .px-lg-13 { + padding-right: 3.25rem !important; + padding-left: 3.25rem !important; + } + .px-lg-14 { + padding-right: 3.5rem !important; + padding-left: 3.5rem !important; + } + .px-lg-15 { + padding-right: 3.75rem !important; + padding-left: 3.75rem !important; + } + .px-lg-16 { + padding-right: 4rem !important; + padding-left: 4rem !important; + } + .px-lg-17 { + padding-right: 4.25rem !important; + padding-left: 4.25rem !important; + } + .px-lg-18 { + padding-right: 4.5rem !important; + padding-left: 4.5rem !important; + } + .px-lg-19 { + padding-right: 4.75rem !important; + padding-left: 4.75rem !important; + } + .px-lg-20 { + padding-right: 5rem !important; + padding-left: 5rem !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: 0.75rem !important; + padding-bottom: 0.75rem !important; + } + .py-lg-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-lg-5 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; + } + .py-lg-6 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-lg-7 { + padding-top: 1.75rem !important; + padding-bottom: 1.75rem !important; + } + .py-lg-8 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; + } + .py-lg-9 { + padding-top: 2.25rem !important; + padding-bottom: 2.25rem !important; + } + .py-lg-10 { + padding-top: 2.5rem !important; + padding-bottom: 2.5rem !important; + } + .py-lg-11 { + padding-top: 2.75rem !important; + padding-bottom: 2.75rem !important; + } + .py-lg-12 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .py-lg-13 { + padding-top: 3.25rem !important; + padding-bottom: 3.25rem !important; + } + .py-lg-14 { + padding-top: 3.5rem !important; + padding-bottom: 3.5rem !important; + } + .py-lg-15 { + padding-top: 3.75rem !important; + padding-bottom: 3.75rem !important; + } + .py-lg-16 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; + } + .py-lg-17 { + padding-top: 4.25rem !important; + padding-bottom: 4.25rem !important; + } + .py-lg-18 { + padding-top: 4.5rem !important; + padding-bottom: 4.5rem !important; + } + .py-lg-19 { + padding-top: 4.75rem !important; + padding-bottom: 4.75rem !important; + } + .py-lg-20 { + padding-top: 5rem !important; + padding-bottom: 5rem !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: 0.75rem !important; + } + .pt-lg-4 { + padding-top: 1rem !important; + } + .pt-lg-5 { + padding-top: 1.25rem !important; + } + .pt-lg-6 { + padding-top: 1.5rem !important; + } + .pt-lg-7 { + padding-top: 1.75rem !important; + } + .pt-lg-8 { + padding-top: 2rem !important; + } + .pt-lg-9 { + padding-top: 2.25rem !important; + } + .pt-lg-10 { + padding-top: 2.5rem !important; + } + .pt-lg-11 { + padding-top: 2.75rem !important; + } + .pt-lg-12 { + padding-top: 3rem !important; + } + .pt-lg-13 { + padding-top: 3.25rem !important; + } + .pt-lg-14 { + padding-top: 3.5rem !important; + } + .pt-lg-15 { + padding-top: 3.75rem !important; + } + .pt-lg-16 { + padding-top: 4rem !important; + } + .pt-lg-17 { + padding-top: 4.25rem !important; + } + .pt-lg-18 { + padding-top: 4.5rem !important; + } + .pt-lg-19 { + padding-top: 4.75rem !important; + } + .pt-lg-20 { + padding-top: 5rem !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: 0.75rem !important; + } + .pe-lg-4 { + padding-right: 1rem !important; + } + .pe-lg-5 { + padding-right: 1.25rem !important; + } + .pe-lg-6 { + padding-right: 1.5rem !important; + } + .pe-lg-7 { + padding-right: 1.75rem !important; + } + .pe-lg-8 { + padding-right: 2rem !important; + } + .pe-lg-9 { + padding-right: 2.25rem !important; + } + .pe-lg-10 { + padding-right: 2.5rem !important; + } + .pe-lg-11 { + padding-right: 2.75rem !important; + } + .pe-lg-12 { + padding-right: 3rem !important; + } + .pe-lg-13 { + padding-right: 3.25rem !important; + } + .pe-lg-14 { + padding-right: 3.5rem !important; + } + .pe-lg-15 { + padding-right: 3.75rem !important; + } + .pe-lg-16 { + padding-right: 4rem !important; + } + .pe-lg-17 { + padding-right: 4.25rem !important; + } + .pe-lg-18 { + padding-right: 4.5rem !important; + } + .pe-lg-19 { + padding-right: 4.75rem !important; + } + .pe-lg-20 { + padding-right: 5rem !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: 0.75rem !important; + } + .pb-lg-4 { + padding-bottom: 1rem !important; + } + .pb-lg-5 { + padding-bottom: 1.25rem !important; + } + .pb-lg-6 { + padding-bottom: 1.5rem !important; + } + .pb-lg-7 { + padding-bottom: 1.75rem !important; + } + .pb-lg-8 { + padding-bottom: 2rem !important; + } + .pb-lg-9 { + padding-bottom: 2.25rem !important; + } + .pb-lg-10 { + padding-bottom: 2.5rem !important; + } + .pb-lg-11 { + padding-bottom: 2.75rem !important; + } + .pb-lg-12 { + padding-bottom: 3rem !important; + } + .pb-lg-13 { + padding-bottom: 3.25rem !important; + } + .pb-lg-14 { + padding-bottom: 3.5rem !important; + } + .pb-lg-15 { + padding-bottom: 3.75rem !important; + } + .pb-lg-16 { + padding-bottom: 4rem !important; + } + .pb-lg-17 { + padding-bottom: 4.25rem !important; + } + .pb-lg-18 { + padding-bottom: 4.5rem !important; + } + .pb-lg-19 { + padding-bottom: 4.75rem !important; + } + .pb-lg-20 { + padding-bottom: 5rem !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: 0.75rem !important; + } + .ps-lg-4 { + padding-left: 1rem !important; + } + .ps-lg-5 { + padding-left: 1.25rem !important; + } + .ps-lg-6 { + padding-left: 1.5rem !important; + } + .ps-lg-7 { + padding-left: 1.75rem !important; + } + .ps-lg-8 { + padding-left: 2rem !important; + } + .ps-lg-9 { + padding-left: 2.25rem !important; + } + .ps-lg-10 { + padding-left: 2.5rem !important; + } + .ps-lg-11 { + padding-left: 2.75rem !important; + } + .ps-lg-12 { + padding-left: 3rem !important; + } + .ps-lg-13 { + padding-left: 3.25rem !important; + } + .ps-lg-14 { + padding-left: 3.5rem !important; + } + .ps-lg-15 { + padding-left: 3.75rem !important; + } + .ps-lg-16 { + padding-left: 4rem !important; + } + .ps-lg-17 { + padding-left: 4.25rem !important; + } + .ps-lg-18 { + padding-left: 4.5rem !important; + } + .ps-lg-19 { + padding-left: 4.75rem !important; + } + .ps-lg-20 { + padding-left: 5rem !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: 0.75rem !important; + } + .gap-lg-4 { + gap: 1rem !important; + } + .gap-lg-5 { + gap: 1.25rem !important; + } + .gap-lg-6 { + gap: 1.5rem !important; + } + .gap-lg-7 { + gap: 1.75rem !important; + } + .gap-lg-8 { + gap: 2rem !important; + } + .gap-lg-9 { + gap: 2.25rem !important; + } + .gap-lg-10 { + gap: 2.5rem !important; + } + .gap-lg-11 { + gap: 2.75rem !important; + } + .gap-lg-12 { + gap: 3rem !important; + } + .gap-lg-13 { + gap: 3.25rem !important; + } + .gap-lg-14 { + gap: 3.5rem !important; + } + .gap-lg-15 { + gap: 3.75rem !important; + } + .gap-lg-16 { + gap: 4rem !important; + } + .gap-lg-17 { + gap: 4.25rem !important; + } + .gap-lg-18 { + gap: 4.5rem !important; + } + .gap-lg-19 { + gap: 4.75rem !important; + } + .gap-lg-20 { + gap: 5rem !important; + } + .row-gap-lg-0 { + row-gap: 0 !important; + } + .row-gap-lg-1 { + row-gap: 0.25rem !important; + } + .row-gap-lg-2 { + row-gap: 0.5rem !important; + } + .row-gap-lg-3 { + row-gap: 0.75rem !important; + } + .row-gap-lg-4 { + row-gap: 1rem !important; + } + .row-gap-lg-5 { + row-gap: 1.25rem !important; + } + .row-gap-lg-6 { + row-gap: 1.5rem !important; + } + .row-gap-lg-7 { + row-gap: 1.75rem !important; + } + .row-gap-lg-8 { + row-gap: 2rem !important; + } + .row-gap-lg-9 { + row-gap: 2.25rem !important; + } + .row-gap-lg-10 { + row-gap: 2.5rem !important; + } + .row-gap-lg-11 { + row-gap: 2.75rem !important; + } + .row-gap-lg-12 { + row-gap: 3rem !important; + } + .row-gap-lg-13 { + row-gap: 3.25rem !important; + } + .row-gap-lg-14 { + row-gap: 3.5rem !important; + } + .row-gap-lg-15 { + row-gap: 3.75rem !important; + } + .row-gap-lg-16 { + row-gap: 4rem !important; + } + .row-gap-lg-17 { + row-gap: 4.25rem !important; + } + .row-gap-lg-18 { + row-gap: 4.5rem !important; + } + .row-gap-lg-19 { + row-gap: 4.75rem !important; + } + .row-gap-lg-20 { + row-gap: 5rem !important; + } + .column-gap-lg-0 { + column-gap: 0 !important; + } + .column-gap-lg-1 { + column-gap: 0.25rem !important; + } + .column-gap-lg-2 { + column-gap: 0.5rem !important; + } + .column-gap-lg-3 { + column-gap: 0.75rem !important; + } + .column-gap-lg-4 { + column-gap: 1rem !important; + } + .column-gap-lg-5 { + column-gap: 1.25rem !important; + } + .column-gap-lg-6 { + column-gap: 1.5rem !important; + } + .column-gap-lg-7 { + column-gap: 1.75rem !important; + } + .column-gap-lg-8 { + column-gap: 2rem !important; + } + .column-gap-lg-9 { + column-gap: 2.25rem !important; + } + .column-gap-lg-10 { + column-gap: 2.5rem !important; + } + .column-gap-lg-11 { + column-gap: 2.75rem !important; + } + .column-gap-lg-12 { + column-gap: 3rem !important; + } + .column-gap-lg-13 { + column-gap: 3.25rem !important; + } + .column-gap-lg-14 { + column-gap: 3.5rem !important; + } + .column-gap-lg-15 { + column-gap: 3.75rem !important; + } + .column-gap-lg-16 { + column-gap: 4rem !important; + } + .column-gap-lg-17 { + column-gap: 4.25rem !important; + } + .column-gap-lg-18 { + column-gap: 4.5rem !important; + } + .column-gap-lg-19 { + column-gap: 4.75rem !important; + } + .column-gap-lg-20 { + column-gap: 5rem !important; + } + .fs-lg-1 { + font-size: calc(1.3rem + 0.6vw) !important; + } + .fs-lg-2 { + font-size: calc(1.275rem + 0.3vw) !important; + } + .fs-lg-3 { + font-size: calc(1.26rem + 0.12vw) !important; + } + .fs-lg-4 { + font-size: 1.25rem !important; + } + .fs-lg-5 { + font-size: 1.15rem !important; + } + .fs-lg-6 { + font-size: 1.075rem !important; + } + .fs-lg-7 { + font-size: 0.95rem !important; + } + .fs-lg-8 { + font-size: 0.85rem !important; + } + .fs-lg-9 { + font-size: 0.75rem !important; + } + .fs-lg-10 { + font-size: 0.5rem !important; + } + .fs-lg-sm { + font-size: 0.95rem !important; + } + .fs-lg-base { + font-size: 1rem !important; + } + .fs-lg-lg { + font-size: 1.075rem !important; + } + .fs-lg-xl { + font-size: 1.21rem !important; + } + .fs-lg-fluid { + font-size: 100% !important; + } + .fs-lg-2x { + font-size: calc(1.325rem + 0.9vw) !important; + } + .fs-lg-2qx { + font-size: calc(1.35rem + 1.2vw) !important; + } + .fs-lg-2hx { + font-size: calc(1.375rem + 1.5vw) !important; + } + .fs-lg-2tx { + font-size: calc(1.4rem + 1.8vw) !important; + } + .fs-lg-3x { + font-size: calc(1.425rem + 2.1vw) !important; + } + .fs-lg-3qx { + font-size: calc(1.45rem + 2.4vw) !important; + } + .fs-lg-3hx { + font-size: calc(1.475rem + 2.7vw) !important; + } + .fs-lg-3tx { + font-size: calc(1.5rem + 3vw) !important; + } + .fs-lg-4x { + font-size: calc(1.525rem + 3.3vw) !important; + } + .fs-lg-4qx { + font-size: calc(1.55rem + 3.6vw) !important; + } + .fs-lg-4hx { + font-size: calc(1.575rem + 3.9vw) !important; + } + .fs-lg-4tx { + font-size: calc(1.6rem + 4.2vw) !important; + } + .fs-lg-5x { + font-size: calc(1.625rem + 4.5vw) !important; + } + .fs-lg-5qx { + font-size: calc(1.65rem + 4.8vw) !important; + } + .fs-lg-5hx { + font-size: calc(1.675rem + 5.1vw) !important; + } + .fs-lg-5tx { + font-size: calc(1.7rem + 5.4vw) !important; + } + .fs-lg-6x { + font-size: calc(1.725rem + 5.7vw) !important; + } + .fs-lg-6qx { + font-size: calc(1.75rem + 6vw) !important; + } + .fs-lg-6hx { + font-size: calc(1.775rem + 6.3vw) !important; + } + .fs-lg-6tx { + font-size: calc(1.8rem + 6.6vw) !important; + } + .fs-lg-7x { + font-size: calc(1.825rem + 6.9vw) !important; + } + .fs-lg-7qx { + font-size: calc(1.85rem + 7.2vw) !important; + } + .fs-lg-7hx { + font-size: calc(1.875rem + 7.5vw) !important; + } + .fs-lg-7tx { + font-size: calc(1.9rem + 7.8vw) !important; + } + .text-lg-start { + text-align: left !important; + } + .text-lg-end { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } + .min-w-lg-unset { + min-width: unset !important; + } + .min-w-lg-25 { + min-width: 25% !important; + } + .min-w-lg-50 { + min-width: 50% !important; + } + .min-w-lg-75 { + min-width: 75% !important; + } + .min-w-lg-100 { + min-width: 100% !important; + } + .min-w-lg-auto { + min-width: auto !important; + } + .min-w-lg-1px { + min-width: 1px !important; + } + .min-w-lg-2px { + min-width: 2px !important; + } + .min-w-lg-3px { + min-width: 3px !important; + } + .min-w-lg-4px { + min-width: 4px !important; + } + .min-w-lg-5px { + min-width: 5px !important; + } + .min-w-lg-6px { + min-width: 6px !important; + } + .min-w-lg-7px { + min-width: 7px !important; + } + .min-w-lg-8px { + min-width: 8px !important; + } + .min-w-lg-9px { + min-width: 9px !important; + } + .min-w-lg-10px { + min-width: 10px !important; + } + .min-w-lg-15px { + min-width: 15px !important; + } + .min-w-lg-20px { + min-width: 20px !important; + } + .min-w-lg-25px { + min-width: 25px !important; + } + .min-w-lg-30px { + min-width: 30px !important; + } + .min-w-lg-35px { + min-width: 35px !important; + } + .min-w-lg-40px { + min-width: 40px !important; + } + .min-w-lg-45px { + min-width: 45px !important; + } + .min-w-lg-50px { + min-width: 50px !important; + } + .min-w-lg-55px { + min-width: 55px !important; + } + .min-w-lg-60px { + min-width: 60px !important; + } + .min-w-lg-65px { + min-width: 65px !important; + } + .min-w-lg-70px { + min-width: 70px !important; + } + .min-w-lg-75px { + min-width: 75px !important; + } + .min-w-lg-80px { + min-width: 80px !important; + } + .min-w-lg-85px { + min-width: 85px !important; + } + .min-w-lg-90px { + min-width: 90px !important; + } + .min-w-lg-95px { + min-width: 95px !important; + } + .min-w-lg-100px { + min-width: 100px !important; + } + .min-w-lg-125px { + min-width: 125px !important; + } + .min-w-lg-150px { + min-width: 150px !important; + } + .min-w-lg-175px { + min-width: 175px !important; + } + .min-w-lg-200px { + min-width: 200px !important; + } + .min-w-lg-225px { + min-width: 225px !important; + } + .min-w-lg-250px { + min-width: 250px !important; + } + .min-w-lg-275px { + min-width: 275px !important; + } + .min-w-lg-300px { + min-width: 300px !important; + } + .min-w-lg-325px { + min-width: 325px !important; + } + .min-w-lg-350px { + min-width: 350px !important; + } + .min-w-lg-375px { + min-width: 375px !important; + } + .min-w-lg-400px { + min-width: 400px !important; + } + .min-w-lg-425px { + min-width: 425px !important; + } + .min-w-lg-450px { + min-width: 450px !important; + } + .min-w-lg-475px { + min-width: 475px !important; + } + .min-w-lg-500px { + min-width: 500px !important; + } + .min-w-lg-550px { + min-width: 550px !important; + } + .min-w-lg-600px { + min-width: 600px !important; + } + .min-w-lg-650px { + min-width: 650px !important; + } + .min-w-lg-700px { + min-width: 700px !important; + } + .min-w-lg-750px { + min-width: 750px !important; + } + .min-w-lg-800px { + min-width: 800px !important; + } + .min-w-lg-850px { + min-width: 850px !important; + } + .min-w-lg-900px { + min-width: 900px !important; + } + .min-w-lg-950px { + min-width: 950px !important; + } + .min-w-lg-1000px { + min-width: 1000px !important; + } + .min-h-lg-unset { + min-height: unset !important; + } + .min-h-lg-25 { + min-height: 25% !important; + } + .min-h-lg-50 { + min-height: 50% !important; + } + .min-h-lg-75 { + min-height: 75% !important; + } + .min-h-lg-100 { + min-height: 100% !important; + } + .min-h-lg-auto { + min-height: auto !important; + } + .min-h-lg-1px { + min-height: 1px !important; + } + .min-h-lg-2px { + min-height: 2px !important; + } + .min-h-lg-3px { + min-height: 3px !important; + } + .min-h-lg-4px { + min-height: 4px !important; + } + .min-h-lg-5px { + min-height: 5px !important; + } + .min-h-lg-6px { + min-height: 6px !important; + } + .min-h-lg-7px { + min-height: 7px !important; + } + .min-h-lg-8px { + min-height: 8px !important; + } + .min-h-lg-9px { + min-height: 9px !important; + } + .min-h-lg-10px { + min-height: 10px !important; + } + .min-h-lg-15px { + min-height: 15px !important; + } + .min-h-lg-20px { + min-height: 20px !important; + } + .min-h-lg-25px { + min-height: 25px !important; + } + .min-h-lg-30px { + min-height: 30px !important; + } + .min-h-lg-35px { + min-height: 35px !important; + } + .min-h-lg-40px { + min-height: 40px !important; + } + .min-h-lg-45px { + min-height: 45px !important; + } + .min-h-lg-50px { + min-height: 50px !important; + } + .min-h-lg-55px { + min-height: 55px !important; + } + .min-h-lg-60px { + min-height: 60px !important; + } + .min-h-lg-65px { + min-height: 65px !important; + } + .min-h-lg-70px { + min-height: 70px !important; + } + .min-h-lg-75px { + min-height: 75px !important; + } + .min-h-lg-80px { + min-height: 80px !important; + } + .min-h-lg-85px { + min-height: 85px !important; + } + .min-h-lg-90px { + min-height: 90px !important; + } + .min-h-lg-95px { + min-height: 95px !important; + } + .min-h-lg-100px { + min-height: 100px !important; + } + .min-h-lg-125px { + min-height: 125px !important; + } + .min-h-lg-150px { + min-height: 150px !important; + } + .min-h-lg-175px { + min-height: 175px !important; + } + .min-h-lg-200px { + min-height: 200px !important; + } + .min-h-lg-225px { + min-height: 225px !important; + } + .min-h-lg-250px { + min-height: 250px !important; + } + .min-h-lg-275px { + min-height: 275px !important; + } + .min-h-lg-300px { + min-height: 300px !important; + } + .min-h-lg-325px { + min-height: 325px !important; + } + .min-h-lg-350px { + min-height: 350px !important; + } + .min-h-lg-375px { + min-height: 375px !important; + } + .min-h-lg-400px { + min-height: 400px !important; + } + .min-h-lg-425px { + min-height: 425px !important; + } + .min-h-lg-450px { + min-height: 450px !important; + } + .min-h-lg-475px { + min-height: 475px !important; + } + .min-h-lg-500px { + min-height: 500px !important; + } + .min-h-lg-550px { + min-height: 550px !important; + } + .min-h-lg-600px { + min-height: 600px !important; + } + .min-h-lg-650px { + min-height: 650px !important; + } + .min-h-lg-700px { + min-height: 700px !important; + } + .min-h-lg-750px { + min-height: 750px !important; + } + .min-h-lg-800px { + min-height: 800px !important; + } + .min-h-lg-850px { + min-height: 850px !important; + } + .min-h-lg-900px { + min-height: 900px !important; + } + .min-h-lg-950px { + min-height: 950px !important; + } + .min-h-lg-1000px { + min-height: 1000px !important; + } +} +@media (min-width: 1200px) { + .float-xl-start { + float: left !important; + } + .float-xl-end { + float: right !important; + } + .float-xl-none { + float: none !important; + } + .object-fit-xl-contain { + object-fit: contain !important; + } + .object-fit-xl-cover { + object-fit: cover !important; + } + .object-fit-xl-fill { + object-fit: fill !important; + } + .object-fit-xl-scale { + object-fit: scale-down !important; + } + .object-fit-xl-none { + object-fit: none !important; + } + .overflow-xl-auto { + overflow: auto !important; + } + .overflow-xl-hidden { + overflow: hidden !important; + } + .overflow-xl-visible { + overflow: visible !important; + } + .overflow-xl-scroll { + overflow: scroll !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-inline-grid { + display: inline-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; + } + .position-xl-static { + position: static !important; + } + .position-xl-relative { + position: relative !important; + } + .position-xl-absolute { + position: absolute !important; + } + .position-xl-fixed { + position: fixed !important; + } + .position-xl-sticky { + position: sticky !important; + } + .w-xl-unset { + width: unset !important; + } + .w-xl-25 { + width: 25% !important; + } + .w-xl-50 { + width: 50% !important; + } + .w-xl-75 { + width: 75% !important; + } + .w-xl-100 { + width: 100% !important; + } + .w-xl-auto { + width: auto !important; + } + .w-xl-1px { + width: 1px !important; + } + .w-xl-2px { + width: 2px !important; + } + .w-xl-3px { + width: 3px !important; + } + .w-xl-4px { + width: 4px !important; + } + .w-xl-5px { + width: 5px !important; + } + .w-xl-6px { + width: 6px !important; + } + .w-xl-7px { + width: 7px !important; + } + .w-xl-8px { + width: 8px !important; + } + .w-xl-9px { + width: 9px !important; + } + .w-xl-10px { + width: 10px !important; + } + .w-xl-15px { + width: 15px !important; + } + .w-xl-20px { + width: 20px !important; + } + .w-xl-25px { + width: 25px !important; + } + .w-xl-30px { + width: 30px !important; + } + .w-xl-35px { + width: 35px !important; + } + .w-xl-40px { + width: 40px !important; + } + .w-xl-45px { + width: 45px !important; + } + .w-xl-50px { + width: 50px !important; + } + .w-xl-55px { + width: 55px !important; + } + .w-xl-60px { + width: 60px !important; + } + .w-xl-65px { + width: 65px !important; + } + .w-xl-70px { + width: 70px !important; + } + .w-xl-75px { + width: 75px !important; + } + .w-xl-80px { + width: 80px !important; + } + .w-xl-85px { + width: 85px !important; + } + .w-xl-90px { + width: 90px !important; + } + .w-xl-95px { + width: 95px !important; + } + .w-xl-100px { + width: 100px !important; + } + .w-xl-125px { + width: 125px !important; + } + .w-xl-150px { + width: 150px !important; + } + .w-xl-175px { + width: 175px !important; + } + .w-xl-200px { + width: 200px !important; + } + .w-xl-225px { + width: 225px !important; + } + .w-xl-250px { + width: 250px !important; + } + .w-xl-275px { + width: 275px !important; + } + .w-xl-300px { + width: 300px !important; + } + .w-xl-325px { + width: 325px !important; + } + .w-xl-350px { + width: 350px !important; + } + .w-xl-375px { + width: 375px !important; + } + .w-xl-400px { + width: 400px !important; + } + .w-xl-425px { + width: 425px !important; + } + .w-xl-450px { + width: 450px !important; + } + .w-xl-475px { + width: 475px !important; + } + .w-xl-500px { + width: 500px !important; + } + .w-xl-550px { + width: 550px !important; + } + .w-xl-600px { + width: 600px !important; + } + .w-xl-650px { + width: 650px !important; + } + .w-xl-700px { + width: 700px !important; + } + .w-xl-750px { + width: 750px !important; + } + .w-xl-800px { + width: 800px !important; + } + .w-xl-850px { + width: 850px !important; + } + .w-xl-900px { + width: 900px !important; + } + .w-xl-950px { + width: 950px !important; + } + .w-xl-1000px { + width: 1000px !important; + } + .mw-xl-unset { + max-width: unset !important; + } + .mw-xl-25 { + max-width: 25% !important; + } + .mw-xl-50 { + max-width: 50% !important; + } + .mw-xl-75 { + max-width: 75% !important; + } + .mw-xl-100 { + max-width: 100% !important; + } + .mw-xl-auto { + max-width: auto !important; + } + .mw-xl-1px { + max-width: 1px !important; + } + .mw-xl-2px { + max-width: 2px !important; + } + .mw-xl-3px { + max-width: 3px !important; + } + .mw-xl-4px { + max-width: 4px !important; + } + .mw-xl-5px { + max-width: 5px !important; + } + .mw-xl-6px { + max-width: 6px !important; + } + .mw-xl-7px { + max-width: 7px !important; + } + .mw-xl-8px { + max-width: 8px !important; + } + .mw-xl-9px { + max-width: 9px !important; + } + .mw-xl-10px { + max-width: 10px !important; + } + .mw-xl-15px { + max-width: 15px !important; + } + .mw-xl-20px { + max-width: 20px !important; + } + .mw-xl-25px { + max-width: 25px !important; + } + .mw-xl-30px { + max-width: 30px !important; + } + .mw-xl-35px { + max-width: 35px !important; + } + .mw-xl-40px { + max-width: 40px !important; + } + .mw-xl-45px { + max-width: 45px !important; + } + .mw-xl-50px { + max-width: 50px !important; + } + .mw-xl-55px { + max-width: 55px !important; + } + .mw-xl-60px { + max-width: 60px !important; + } + .mw-xl-65px { + max-width: 65px !important; + } + .mw-xl-70px { + max-width: 70px !important; + } + .mw-xl-75px { + max-width: 75px !important; + } + .mw-xl-80px { + max-width: 80px !important; + } + .mw-xl-85px { + max-width: 85px !important; + } + .mw-xl-90px { + max-width: 90px !important; + } + .mw-xl-95px { + max-width: 95px !important; + } + .mw-xl-100px { + max-width: 100px !important; + } + .mw-xl-125px { + max-width: 125px !important; + } + .mw-xl-150px { + max-width: 150px !important; + } + .mw-xl-175px { + max-width: 175px !important; + } + .mw-xl-200px { + max-width: 200px !important; + } + .mw-xl-225px { + max-width: 225px !important; + } + .mw-xl-250px { + max-width: 250px !important; + } + .mw-xl-275px { + max-width: 275px !important; + } + .mw-xl-300px { + max-width: 300px !important; + } + .mw-xl-325px { + max-width: 325px !important; + } + .mw-xl-350px { + max-width: 350px !important; + } + .mw-xl-375px { + max-width: 375px !important; + } + .mw-xl-400px { + max-width: 400px !important; + } + .mw-xl-425px { + max-width: 425px !important; + } + .mw-xl-450px { + max-width: 450px !important; + } + .mw-xl-475px { + max-width: 475px !important; + } + .mw-xl-500px { + max-width: 500px !important; + } + .mw-xl-550px { + max-width: 550px !important; + } + .mw-xl-600px { + max-width: 600px !important; + } + .mw-xl-650px { + max-width: 650px !important; + } + .mw-xl-700px { + max-width: 700px !important; + } + .mw-xl-750px { + max-width: 750px !important; + } + .mw-xl-800px { + max-width: 800px !important; + } + .mw-xl-850px { + max-width: 850px !important; + } + .mw-xl-900px { + max-width: 900px !important; + } + .mw-xl-950px { + max-width: 950px !important; + } + .mw-xl-1000px { + max-width: 1000px !important; + } + .h-xl-unset { + height: unset !important; + } + .h-xl-25 { + height: 25% !important; + } + .h-xl-50 { + height: 50% !important; + } + .h-xl-75 { + height: 75% !important; + } + .h-xl-100 { + height: 100% !important; + } + .h-xl-auto { + height: auto !important; + } + .h-xl-1px { + height: 1px !important; + } + .h-xl-2px { + height: 2px !important; + } + .h-xl-3px { + height: 3px !important; + } + .h-xl-4px { + height: 4px !important; + } + .h-xl-5px { + height: 5px !important; + } + .h-xl-6px { + height: 6px !important; + } + .h-xl-7px { + height: 7px !important; + } + .h-xl-8px { + height: 8px !important; + } + .h-xl-9px { + height: 9px !important; + } + .h-xl-10px { + height: 10px !important; + } + .h-xl-15px { + height: 15px !important; + } + .h-xl-20px { + height: 20px !important; + } + .h-xl-25px { + height: 25px !important; + } + .h-xl-30px { + height: 30px !important; + } + .h-xl-35px { + height: 35px !important; + } + .h-xl-40px { + height: 40px !important; + } + .h-xl-45px { + height: 45px !important; + } + .h-xl-50px { + height: 50px !important; + } + .h-xl-55px { + height: 55px !important; + } + .h-xl-60px { + height: 60px !important; + } + .h-xl-65px { + height: 65px !important; + } + .h-xl-70px { + height: 70px !important; + } + .h-xl-75px { + height: 75px !important; + } + .h-xl-80px { + height: 80px !important; + } + .h-xl-85px { + height: 85px !important; + } + .h-xl-90px { + height: 90px !important; + } + .h-xl-95px { + height: 95px !important; + } + .h-xl-100px { + height: 100px !important; + } + .h-xl-125px { + height: 125px !important; + } + .h-xl-150px { + height: 150px !important; + } + .h-xl-175px { + height: 175px !important; + } + .h-xl-200px { + height: 200px !important; + } + .h-xl-225px { + height: 225px !important; + } + .h-xl-250px { + height: 250px !important; + } + .h-xl-275px { + height: 275px !important; + } + .h-xl-300px { + height: 300px !important; + } + .h-xl-325px { + height: 325px !important; + } + .h-xl-350px { + height: 350px !important; + } + .h-xl-375px { + height: 375px !important; + } + .h-xl-400px { + height: 400px !important; + } + .h-xl-425px { + height: 425px !important; + } + .h-xl-450px { + height: 450px !important; + } + .h-xl-475px { + height: 475px !important; + } + .h-xl-500px { + height: 500px !important; + } + .h-xl-550px { + height: 550px !important; + } + .h-xl-600px { + height: 600px !important; + } + .h-xl-650px { + height: 650px !important; + } + .h-xl-700px { + height: 700px !important; + } + .h-xl-750px { + height: 750px !important; + } + .h-xl-800px { + height: 800px !important; + } + .h-xl-850px { + height: 850px !important; + } + .h-xl-900px { + height: 900px !important; + } + .h-xl-950px { + height: 950px !important; + } + .h-xl-1000px { + height: 1000px !important; + } + .mh-xl-unset { + max-height: unset !important; + } + .mh-xl-25 { + max-height: 25% !important; + } + .mh-xl-50 { + max-height: 50% !important; + } + .mh-xl-75 { + max-height: 75% !important; + } + .mh-xl-100 { + max-height: 100% !important; + } + .mh-xl-auto { + max-height: auto !important; + } + .mh-xl-1px { + max-height: 1px !important; + } + .mh-xl-2px { + max-height: 2px !important; + } + .mh-xl-3px { + max-height: 3px !important; + } + .mh-xl-4px { + max-height: 4px !important; + } + .mh-xl-5px { + max-height: 5px !important; + } + .mh-xl-6px { + max-height: 6px !important; + } + .mh-xl-7px { + max-height: 7px !important; + } + .mh-xl-8px { + max-height: 8px !important; + } + .mh-xl-9px { + max-height: 9px !important; + } + .mh-xl-10px { + max-height: 10px !important; + } + .mh-xl-15px { + max-height: 15px !important; + } + .mh-xl-20px { + max-height: 20px !important; + } + .mh-xl-25px { + max-height: 25px !important; + } + .mh-xl-30px { + max-height: 30px !important; + } + .mh-xl-35px { + max-height: 35px !important; + } + .mh-xl-40px { + max-height: 40px !important; + } + .mh-xl-45px { + max-height: 45px !important; + } + .mh-xl-50px { + max-height: 50px !important; + } + .mh-xl-55px { + max-height: 55px !important; + } + .mh-xl-60px { + max-height: 60px !important; + } + .mh-xl-65px { + max-height: 65px !important; + } + .mh-xl-70px { + max-height: 70px !important; + } + .mh-xl-75px { + max-height: 75px !important; + } + .mh-xl-80px { + max-height: 80px !important; + } + .mh-xl-85px { + max-height: 85px !important; + } + .mh-xl-90px { + max-height: 90px !important; + } + .mh-xl-95px { + max-height: 95px !important; + } + .mh-xl-100px { + max-height: 100px !important; + } + .mh-xl-125px { + max-height: 125px !important; + } + .mh-xl-150px { + max-height: 150px !important; + } + .mh-xl-175px { + max-height: 175px !important; + } + .mh-xl-200px { + max-height: 200px !important; + } + .mh-xl-225px { + max-height: 225px !important; + } + .mh-xl-250px { + max-height: 250px !important; + } + .mh-xl-275px { + max-height: 275px !important; + } + .mh-xl-300px { + max-height: 300px !important; + } + .mh-xl-325px { + max-height: 325px !important; + } + .mh-xl-350px { + max-height: 350px !important; + } + .mh-xl-375px { + max-height: 375px !important; + } + .mh-xl-400px { + max-height: 400px !important; + } + .mh-xl-425px { + max-height: 425px !important; + } + .mh-xl-450px { + max-height: 450px !important; + } + .mh-xl-475px { + max-height: 475px !important; + } + .mh-xl-500px { + max-height: 500px !important; + } + .mh-xl-550px { + max-height: 550px !important; + } + .mh-xl-600px { + max-height: 600px !important; + } + .mh-xl-650px { + max-height: 650px !important; + } + .mh-xl-700px { + max-height: 700px !important; + } + .mh-xl-750px { + max-height: 750px !important; + } + .mh-xl-800px { + max-height: 800px !important; + } + .mh-xl-850px { + max-height: 850px !important; + } + .mh-xl-900px { + max-height: 900px !important; + } + .mh-xl-950px { + max-height: 950px !important; + } + .mh-xl-1000px { + max-height: 1000px !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; + } + .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: 0.75rem !important; + } + .m-xl-4 { + margin: 1rem !important; + } + .m-xl-5 { + margin: 1.25rem !important; + } + .m-xl-6 { + margin: 1.5rem !important; + } + .m-xl-7 { + margin: 1.75rem !important; + } + .m-xl-8 { + margin: 2rem !important; + } + .m-xl-9 { + margin: 2.25rem !important; + } + .m-xl-10 { + margin: 2.5rem !important; + } + .m-xl-11 { + margin: 2.75rem !important; + } + .m-xl-12 { + margin: 3rem !important; + } + .m-xl-13 { + margin: 3.25rem !important; + } + .m-xl-14 { + margin: 3.5rem !important; + } + .m-xl-15 { + margin: 3.75rem !important; + } + .m-xl-16 { + margin: 4rem !important; + } + .m-xl-17 { + margin: 4.25rem !important; + } + .m-xl-18 { + margin: 4.5rem !important; + } + .m-xl-19 { + margin: 4.75rem !important; + } + .m-xl-20 { + margin: 5rem !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: 0.75rem !important; + margin-left: 0.75rem !important; + } + .mx-xl-4 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-xl-5 { + margin-right: 1.25rem !important; + margin-left: 1.25rem !important; + } + .mx-xl-6 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-xl-7 { + margin-right: 1.75rem !important; + margin-left: 1.75rem !important; + } + .mx-xl-8 { + margin-right: 2rem !important; + margin-left: 2rem !important; + } + .mx-xl-9 { + margin-right: 2.25rem !important; + margin-left: 2.25rem !important; + } + .mx-xl-10 { + margin-right: 2.5rem !important; + margin-left: 2.5rem !important; + } + .mx-xl-11 { + margin-right: 2.75rem !important; + margin-left: 2.75rem !important; + } + .mx-xl-12 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-xl-13 { + margin-right: 3.25rem !important; + margin-left: 3.25rem !important; + } + .mx-xl-14 { + margin-right: 3.5rem !important; + margin-left: 3.5rem !important; + } + .mx-xl-15 { + margin-right: 3.75rem !important; + margin-left: 3.75rem !important; + } + .mx-xl-16 { + margin-right: 4rem !important; + margin-left: 4rem !important; + } + .mx-xl-17 { + margin-right: 4.25rem !important; + margin-left: 4.25rem !important; + } + .mx-xl-18 { + margin-right: 4.5rem !important; + margin-left: 4.5rem !important; + } + .mx-xl-19 { + margin-right: 4.75rem !important; + margin-left: 4.75rem !important; + } + .mx-xl-20 { + margin-right: 5rem !important; + margin-left: 5rem !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: 0.75rem !important; + margin-bottom: 0.75rem !important; + } + .my-xl-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-xl-5 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; + } + .my-xl-6 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-xl-7 { + margin-top: 1.75rem !important; + margin-bottom: 1.75rem !important; + } + .my-xl-8 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; + } + .my-xl-9 { + margin-top: 2.25rem !important; + margin-bottom: 2.25rem !important; + } + .my-xl-10 { + margin-top: 2.5rem !important; + margin-bottom: 2.5rem !important; + } + .my-xl-11 { + margin-top: 2.75rem !important; + margin-bottom: 2.75rem !important; + } + .my-xl-12 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-xl-13 { + margin-top: 3.25rem !important; + margin-bottom: 3.25rem !important; + } + .my-xl-14 { + margin-top: 3.5rem !important; + margin-bottom: 3.5rem !important; + } + .my-xl-15 { + margin-top: 3.75rem !important; + margin-bottom: 3.75rem !important; + } + .my-xl-16 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; + } + .my-xl-17 { + margin-top: 4.25rem !important; + margin-bottom: 4.25rem !important; + } + .my-xl-18 { + margin-top: 4.5rem !important; + margin-bottom: 4.5rem !important; + } + .my-xl-19 { + margin-top: 4.75rem !important; + margin-bottom: 4.75rem !important; + } + .my-xl-20 { + margin-top: 5rem !important; + margin-bottom: 5rem !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: 0.75rem !important; + } + .mt-xl-4 { + margin-top: 1rem !important; + } + .mt-xl-5 { + margin-top: 1.25rem !important; + } + .mt-xl-6 { + margin-top: 1.5rem !important; + } + .mt-xl-7 { + margin-top: 1.75rem !important; + } + .mt-xl-8 { + margin-top: 2rem !important; + } + .mt-xl-9 { + margin-top: 2.25rem !important; + } + .mt-xl-10 { + margin-top: 2.5rem !important; + } + .mt-xl-11 { + margin-top: 2.75rem !important; + } + .mt-xl-12 { + margin-top: 3rem !important; + } + .mt-xl-13 { + margin-top: 3.25rem !important; + } + .mt-xl-14 { + margin-top: 3.5rem !important; + } + .mt-xl-15 { + margin-top: 3.75rem !important; + } + .mt-xl-16 { + margin-top: 4rem !important; + } + .mt-xl-17 { + margin-top: 4.25rem !important; + } + .mt-xl-18 { + margin-top: 4.5rem !important; + } + .mt-xl-19 { + margin-top: 4.75rem !important; + } + .mt-xl-20 { + margin-top: 5rem !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: 0.75rem !important; + } + .me-xl-4 { + margin-right: 1rem !important; + } + .me-xl-5 { + margin-right: 1.25rem !important; + } + .me-xl-6 { + margin-right: 1.5rem !important; + } + .me-xl-7 { + margin-right: 1.75rem !important; + } + .me-xl-8 { + margin-right: 2rem !important; + } + .me-xl-9 { + margin-right: 2.25rem !important; + } + .me-xl-10 { + margin-right: 2.5rem !important; + } + .me-xl-11 { + margin-right: 2.75rem !important; + } + .me-xl-12 { + margin-right: 3rem !important; + } + .me-xl-13 { + margin-right: 3.25rem !important; + } + .me-xl-14 { + margin-right: 3.5rem !important; + } + .me-xl-15 { + margin-right: 3.75rem !important; + } + .me-xl-16 { + margin-right: 4rem !important; + } + .me-xl-17 { + margin-right: 4.25rem !important; + } + .me-xl-18 { + margin-right: 4.5rem !important; + } + .me-xl-19 { + margin-right: 4.75rem !important; + } + .me-xl-20 { + margin-right: 5rem !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: 0.75rem !important; + } + .mb-xl-4 { + margin-bottom: 1rem !important; + } + .mb-xl-5 { + margin-bottom: 1.25rem !important; + } + .mb-xl-6 { + margin-bottom: 1.5rem !important; + } + .mb-xl-7 { + margin-bottom: 1.75rem !important; + } + .mb-xl-8 { + margin-bottom: 2rem !important; + } + .mb-xl-9 { + margin-bottom: 2.25rem !important; + } + .mb-xl-10 { + margin-bottom: 2.5rem !important; + } + .mb-xl-11 { + margin-bottom: 2.75rem !important; + } + .mb-xl-12 { + margin-bottom: 3rem !important; + } + .mb-xl-13 { + margin-bottom: 3.25rem !important; + } + .mb-xl-14 { + margin-bottom: 3.5rem !important; + } + .mb-xl-15 { + margin-bottom: 3.75rem !important; + } + .mb-xl-16 { + margin-bottom: 4rem !important; + } + .mb-xl-17 { + margin-bottom: 4.25rem !important; + } + .mb-xl-18 { + margin-bottom: 4.5rem !important; + } + .mb-xl-19 { + margin-bottom: 4.75rem !important; + } + .mb-xl-20 { + margin-bottom: 5rem !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: 0.75rem !important; + } + .ms-xl-4 { + margin-left: 1rem !important; + } + .ms-xl-5 { + margin-left: 1.25rem !important; + } + .ms-xl-6 { + margin-left: 1.5rem !important; + } + .ms-xl-7 { + margin-left: 1.75rem !important; + } + .ms-xl-8 { + margin-left: 2rem !important; + } + .ms-xl-9 { + margin-left: 2.25rem !important; + } + .ms-xl-10 { + margin-left: 2.5rem !important; + } + .ms-xl-11 { + margin-left: 2.75rem !important; + } + .ms-xl-12 { + margin-left: 3rem !important; + } + .ms-xl-13 { + margin-left: 3.25rem !important; + } + .ms-xl-14 { + margin-left: 3.5rem !important; + } + .ms-xl-15 { + margin-left: 3.75rem !important; + } + .ms-xl-16 { + margin-left: 4rem !important; + } + .ms-xl-17 { + margin-left: 4.25rem !important; + } + .ms-xl-18 { + margin-left: 4.5rem !important; + } + .ms-xl-19 { + margin-left: 4.75rem !important; + } + .ms-xl-20 { + margin-left: 5rem !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: -0.75rem !important; + } + .m-xl-n4 { + margin: -1rem !important; + } + .m-xl-n5 { + margin: -1.25rem !important; + } + .m-xl-n6 { + margin: -1.5rem !important; + } + .m-xl-n7 { + margin: -1.75rem !important; + } + .m-xl-n8 { + margin: -2rem !important; + } + .m-xl-n9 { + margin: -2.25rem !important; + } + .m-xl-n10 { + margin: -2.5rem !important; + } + .m-xl-n11 { + margin: -2.75rem !important; + } + .m-xl-n12 { + margin: -3rem !important; + } + .m-xl-n13 { + margin: -3.25rem !important; + } + .m-xl-n14 { + margin: -3.5rem !important; + } + .m-xl-n15 { + margin: -3.75rem !important; + } + .m-xl-n16 { + margin: -4rem !important; + } + .m-xl-n17 { + margin: -4.25rem !important; + } + .m-xl-n18 { + margin: -4.5rem !important; + } + .m-xl-n19 { + margin: -4.75rem !important; + } + .m-xl-n20 { + margin: -5rem !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: -0.75rem !important; + margin-left: -0.75rem !important; + } + .mx-xl-n4 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + .mx-xl-n5 { + margin-right: -1.25rem !important; + margin-left: -1.25rem !important; + } + .mx-xl-n6 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + .mx-xl-n7 { + margin-right: -1.75rem !important; + margin-left: -1.75rem !important; + } + .mx-xl-n8 { + margin-right: -2rem !important; + margin-left: -2rem !important; + } + .mx-xl-n9 { + margin-right: -2.25rem !important; + margin-left: -2.25rem !important; + } + .mx-xl-n10 { + margin-right: -2.5rem !important; + margin-left: -2.5rem !important; + } + .mx-xl-n11 { + margin-right: -2.75rem !important; + margin-left: -2.75rem !important; + } + .mx-xl-n12 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + .mx-xl-n13 { + margin-right: -3.25rem !important; + margin-left: -3.25rem !important; + } + .mx-xl-n14 { + margin-right: -3.5rem !important; + margin-left: -3.5rem !important; + } + .mx-xl-n15 { + margin-right: -3.75rem !important; + margin-left: -3.75rem !important; + } + .mx-xl-n16 { + margin-right: -4rem !important; + margin-left: -4rem !important; + } + .mx-xl-n17 { + margin-right: -4.25rem !important; + margin-left: -4.25rem !important; + } + .mx-xl-n18 { + margin-right: -4.5rem !important; + margin-left: -4.5rem !important; + } + .mx-xl-n19 { + margin-right: -4.75rem !important; + margin-left: -4.75rem !important; + } + .mx-xl-n20 { + margin-right: -5rem !important; + margin-left: -5rem !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: -0.75rem !important; + margin-bottom: -0.75rem !important; + } + .my-xl-n4 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + .my-xl-n5 { + margin-top: -1.25rem !important; + margin-bottom: -1.25rem !important; + } + .my-xl-n6 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + .my-xl-n7 { + margin-top: -1.75rem !important; + margin-bottom: -1.75rem !important; + } + .my-xl-n8 { + margin-top: -2rem !important; + margin-bottom: -2rem !important; + } + .my-xl-n9 { + margin-top: -2.25rem !important; + margin-bottom: -2.25rem !important; + } + .my-xl-n10 { + margin-top: -2.5rem !important; + margin-bottom: -2.5rem !important; + } + .my-xl-n11 { + margin-top: -2.75rem !important; + margin-bottom: -2.75rem !important; + } + .my-xl-n12 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + .my-xl-n13 { + margin-top: -3.25rem !important; + margin-bottom: -3.25rem !important; + } + .my-xl-n14 { + margin-top: -3.5rem !important; + margin-bottom: -3.5rem !important; + } + .my-xl-n15 { + margin-top: -3.75rem !important; + margin-bottom: -3.75rem !important; + } + .my-xl-n16 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; + } + .my-xl-n17 { + margin-top: -4.25rem !important; + margin-bottom: -4.25rem !important; + } + .my-xl-n18 { + margin-top: -4.5rem !important; + margin-bottom: -4.5rem !important; + } + .my-xl-n19 { + margin-top: -4.75rem !important; + margin-bottom: -4.75rem !important; + } + .my-xl-n20 { + margin-top: -5rem !important; + margin-bottom: -5rem !important; + } + .mt-xl-n1 { + margin-top: -0.25rem !important; + } + .mt-xl-n2 { + margin-top: -0.5rem !important; + } + .mt-xl-n3 { + margin-top: -0.75rem !important; + } + .mt-xl-n4 { + margin-top: -1rem !important; + } + .mt-xl-n5 { + margin-top: -1.25rem !important; + } + .mt-xl-n6 { + margin-top: -1.5rem !important; + } + .mt-xl-n7 { + margin-top: -1.75rem !important; + } + .mt-xl-n8 { + margin-top: -2rem !important; + } + .mt-xl-n9 { + margin-top: -2.25rem !important; + } + .mt-xl-n10 { + margin-top: -2.5rem !important; + } + .mt-xl-n11 { + margin-top: -2.75rem !important; + } + .mt-xl-n12 { + margin-top: -3rem !important; + } + .mt-xl-n13 { + margin-top: -3.25rem !important; + } + .mt-xl-n14 { + margin-top: -3.5rem !important; + } + .mt-xl-n15 { + margin-top: -3.75rem !important; + } + .mt-xl-n16 { + margin-top: -4rem !important; + } + .mt-xl-n17 { + margin-top: -4.25rem !important; + } + .mt-xl-n18 { + margin-top: -4.5rem !important; + } + .mt-xl-n19 { + margin-top: -4.75rem !important; + } + .mt-xl-n20 { + margin-top: -5rem !important; + } + .me-xl-n1 { + margin-right: -0.25rem !important; + } + .me-xl-n2 { + margin-right: -0.5rem !important; + } + .me-xl-n3 { + margin-right: -0.75rem !important; + } + .me-xl-n4 { + margin-right: -1rem !important; + } + .me-xl-n5 { + margin-right: -1.25rem !important; + } + .me-xl-n6 { + margin-right: -1.5rem !important; + } + .me-xl-n7 { + margin-right: -1.75rem !important; + } + .me-xl-n8 { + margin-right: -2rem !important; + } + .me-xl-n9 { + margin-right: -2.25rem !important; + } + .me-xl-n10 { + margin-right: -2.5rem !important; + } + .me-xl-n11 { + margin-right: -2.75rem !important; + } + .me-xl-n12 { + margin-right: -3rem !important; + } + .me-xl-n13 { + margin-right: -3.25rem !important; + } + .me-xl-n14 { + margin-right: -3.5rem !important; + } + .me-xl-n15 { + margin-right: -3.75rem !important; + } + .me-xl-n16 { + margin-right: -4rem !important; + } + .me-xl-n17 { + margin-right: -4.25rem !important; + } + .me-xl-n18 { + margin-right: -4.5rem !important; + } + .me-xl-n19 { + margin-right: -4.75rem !important; + } + .me-xl-n20 { + margin-right: -5rem !important; + } + .mb-xl-n1 { + margin-bottom: -0.25rem !important; + } + .mb-xl-n2 { + margin-bottom: -0.5rem !important; + } + .mb-xl-n3 { + margin-bottom: -0.75rem !important; + } + .mb-xl-n4 { + margin-bottom: -1rem !important; + } + .mb-xl-n5 { + margin-bottom: -1.25rem !important; + } + .mb-xl-n6 { + margin-bottom: -1.5rem !important; + } + .mb-xl-n7 { + margin-bottom: -1.75rem !important; + } + .mb-xl-n8 { + margin-bottom: -2rem !important; + } + .mb-xl-n9 { + margin-bottom: -2.25rem !important; + } + .mb-xl-n10 { + margin-bottom: -2.5rem !important; + } + .mb-xl-n11 { + margin-bottom: -2.75rem !important; + } + .mb-xl-n12 { + margin-bottom: -3rem !important; + } + .mb-xl-n13 { + margin-bottom: -3.25rem !important; + } + .mb-xl-n14 { + margin-bottom: -3.5rem !important; + } + .mb-xl-n15 { + margin-bottom: -3.75rem !important; + } + .mb-xl-n16 { + margin-bottom: -4rem !important; + } + .mb-xl-n17 { + margin-bottom: -4.25rem !important; + } + .mb-xl-n18 { + margin-bottom: -4.5rem !important; + } + .mb-xl-n19 { + margin-bottom: -4.75rem !important; + } + .mb-xl-n20 { + margin-bottom: -5rem !important; + } + .ms-xl-n1 { + margin-left: -0.25rem !important; + } + .ms-xl-n2 { + margin-left: -0.5rem !important; + } + .ms-xl-n3 { + margin-left: -0.75rem !important; + } + .ms-xl-n4 { + margin-left: -1rem !important; + } + .ms-xl-n5 { + margin-left: -1.25rem !important; + } + .ms-xl-n6 { + margin-left: -1.5rem !important; + } + .ms-xl-n7 { + margin-left: -1.75rem !important; + } + .ms-xl-n8 { + margin-left: -2rem !important; + } + .ms-xl-n9 { + margin-left: -2.25rem !important; + } + .ms-xl-n10 { + margin-left: -2.5rem !important; + } + .ms-xl-n11 { + margin-left: -2.75rem !important; + } + .ms-xl-n12 { + margin-left: -3rem !important; + } + .ms-xl-n13 { + margin-left: -3.25rem !important; + } + .ms-xl-n14 { + margin-left: -3.5rem !important; + } + .ms-xl-n15 { + margin-left: -3.75rem !important; + } + .ms-xl-n16 { + margin-left: -4rem !important; + } + .ms-xl-n17 { + margin-left: -4.25rem !important; + } + .ms-xl-n18 { + margin-left: -4.5rem !important; + } + .ms-xl-n19 { + margin-left: -4.75rem !important; + } + .ms-xl-n20 { + margin-left: -5rem !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: 0.75rem !important; + } + .p-xl-4 { + padding: 1rem !important; + } + .p-xl-5 { + padding: 1.25rem !important; + } + .p-xl-6 { + padding: 1.5rem !important; + } + .p-xl-7 { + padding: 1.75rem !important; + } + .p-xl-8 { + padding: 2rem !important; + } + .p-xl-9 { + padding: 2.25rem !important; + } + .p-xl-10 { + padding: 2.5rem !important; + } + .p-xl-11 { + padding: 2.75rem !important; + } + .p-xl-12 { + padding: 3rem !important; + } + .p-xl-13 { + padding: 3.25rem !important; + } + .p-xl-14 { + padding: 3.5rem !important; + } + .p-xl-15 { + padding: 3.75rem !important; + } + .p-xl-16 { + padding: 4rem !important; + } + .p-xl-17 { + padding: 4.25rem !important; + } + .p-xl-18 { + padding: 4.5rem !important; + } + .p-xl-19 { + padding: 4.75rem !important; + } + .p-xl-20 { + padding: 5rem !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: 0.75rem !important; + padding-left: 0.75rem !important; + } + .px-xl-4 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-xl-5 { + padding-right: 1.25rem !important; + padding-left: 1.25rem !important; + } + .px-xl-6 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-xl-7 { + padding-right: 1.75rem !important; + padding-left: 1.75rem !important; + } + .px-xl-8 { + padding-right: 2rem !important; + padding-left: 2rem !important; + } + .px-xl-9 { + padding-right: 2.25rem !important; + padding-left: 2.25rem !important; + } + .px-xl-10 { + padding-right: 2.5rem !important; + padding-left: 2.5rem !important; + } + .px-xl-11 { + padding-right: 2.75rem !important; + padding-left: 2.75rem !important; + } + .px-xl-12 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .px-xl-13 { + padding-right: 3.25rem !important; + padding-left: 3.25rem !important; + } + .px-xl-14 { + padding-right: 3.5rem !important; + padding-left: 3.5rem !important; + } + .px-xl-15 { + padding-right: 3.75rem !important; + padding-left: 3.75rem !important; + } + .px-xl-16 { + padding-right: 4rem !important; + padding-left: 4rem !important; + } + .px-xl-17 { + padding-right: 4.25rem !important; + padding-left: 4.25rem !important; + } + .px-xl-18 { + padding-right: 4.5rem !important; + padding-left: 4.5rem !important; + } + .px-xl-19 { + padding-right: 4.75rem !important; + padding-left: 4.75rem !important; + } + .px-xl-20 { + padding-right: 5rem !important; + padding-left: 5rem !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: 0.75rem !important; + padding-bottom: 0.75rem !important; + } + .py-xl-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-xl-5 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; + } + .py-xl-6 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-xl-7 { + padding-top: 1.75rem !important; + padding-bottom: 1.75rem !important; + } + .py-xl-8 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; + } + .py-xl-9 { + padding-top: 2.25rem !important; + padding-bottom: 2.25rem !important; + } + .py-xl-10 { + padding-top: 2.5rem !important; + padding-bottom: 2.5rem !important; + } + .py-xl-11 { + padding-top: 2.75rem !important; + padding-bottom: 2.75rem !important; + } + .py-xl-12 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .py-xl-13 { + padding-top: 3.25rem !important; + padding-bottom: 3.25rem !important; + } + .py-xl-14 { + padding-top: 3.5rem !important; + padding-bottom: 3.5rem !important; + } + .py-xl-15 { + padding-top: 3.75rem !important; + padding-bottom: 3.75rem !important; + } + .py-xl-16 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; + } + .py-xl-17 { + padding-top: 4.25rem !important; + padding-bottom: 4.25rem !important; + } + .py-xl-18 { + padding-top: 4.5rem !important; + padding-bottom: 4.5rem !important; + } + .py-xl-19 { + padding-top: 4.75rem !important; + padding-bottom: 4.75rem !important; + } + .py-xl-20 { + padding-top: 5rem !important; + padding-bottom: 5rem !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: 0.75rem !important; + } + .pt-xl-4 { + padding-top: 1rem !important; + } + .pt-xl-5 { + padding-top: 1.25rem !important; + } + .pt-xl-6 { + padding-top: 1.5rem !important; + } + .pt-xl-7 { + padding-top: 1.75rem !important; + } + .pt-xl-8 { + padding-top: 2rem !important; + } + .pt-xl-9 { + padding-top: 2.25rem !important; + } + .pt-xl-10 { + padding-top: 2.5rem !important; + } + .pt-xl-11 { + padding-top: 2.75rem !important; + } + .pt-xl-12 { + padding-top: 3rem !important; + } + .pt-xl-13 { + padding-top: 3.25rem !important; + } + .pt-xl-14 { + padding-top: 3.5rem !important; + } + .pt-xl-15 { + padding-top: 3.75rem !important; + } + .pt-xl-16 { + padding-top: 4rem !important; + } + .pt-xl-17 { + padding-top: 4.25rem !important; + } + .pt-xl-18 { + padding-top: 4.5rem !important; + } + .pt-xl-19 { + padding-top: 4.75rem !important; + } + .pt-xl-20 { + padding-top: 5rem !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: 0.75rem !important; + } + .pe-xl-4 { + padding-right: 1rem !important; + } + .pe-xl-5 { + padding-right: 1.25rem !important; + } + .pe-xl-6 { + padding-right: 1.5rem !important; + } + .pe-xl-7 { + padding-right: 1.75rem !important; + } + .pe-xl-8 { + padding-right: 2rem !important; + } + .pe-xl-9 { + padding-right: 2.25rem !important; + } + .pe-xl-10 { + padding-right: 2.5rem !important; + } + .pe-xl-11 { + padding-right: 2.75rem !important; + } + .pe-xl-12 { + padding-right: 3rem !important; + } + .pe-xl-13 { + padding-right: 3.25rem !important; + } + .pe-xl-14 { + padding-right: 3.5rem !important; + } + .pe-xl-15 { + padding-right: 3.75rem !important; + } + .pe-xl-16 { + padding-right: 4rem !important; + } + .pe-xl-17 { + padding-right: 4.25rem !important; + } + .pe-xl-18 { + padding-right: 4.5rem !important; + } + .pe-xl-19 { + padding-right: 4.75rem !important; + } + .pe-xl-20 { + padding-right: 5rem !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: 0.75rem !important; + } + .pb-xl-4 { + padding-bottom: 1rem !important; + } + .pb-xl-5 { + padding-bottom: 1.25rem !important; + } + .pb-xl-6 { + padding-bottom: 1.5rem !important; + } + .pb-xl-7 { + padding-bottom: 1.75rem !important; + } + .pb-xl-8 { + padding-bottom: 2rem !important; + } + .pb-xl-9 { + padding-bottom: 2.25rem !important; + } + .pb-xl-10 { + padding-bottom: 2.5rem !important; + } + .pb-xl-11 { + padding-bottom: 2.75rem !important; + } + .pb-xl-12 { + padding-bottom: 3rem !important; + } + .pb-xl-13 { + padding-bottom: 3.25rem !important; + } + .pb-xl-14 { + padding-bottom: 3.5rem !important; + } + .pb-xl-15 { + padding-bottom: 3.75rem !important; + } + .pb-xl-16 { + padding-bottom: 4rem !important; + } + .pb-xl-17 { + padding-bottom: 4.25rem !important; + } + .pb-xl-18 { + padding-bottom: 4.5rem !important; + } + .pb-xl-19 { + padding-bottom: 4.75rem !important; + } + .pb-xl-20 { + padding-bottom: 5rem !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: 0.75rem !important; + } + .ps-xl-4 { + padding-left: 1rem !important; + } + .ps-xl-5 { + padding-left: 1.25rem !important; + } + .ps-xl-6 { + padding-left: 1.5rem !important; + } + .ps-xl-7 { + padding-left: 1.75rem !important; + } + .ps-xl-8 { + padding-left: 2rem !important; + } + .ps-xl-9 { + padding-left: 2.25rem !important; + } + .ps-xl-10 { + padding-left: 2.5rem !important; + } + .ps-xl-11 { + padding-left: 2.75rem !important; + } + .ps-xl-12 { + padding-left: 3rem !important; + } + .ps-xl-13 { + padding-left: 3.25rem !important; + } + .ps-xl-14 { + padding-left: 3.5rem !important; + } + .ps-xl-15 { + padding-left: 3.75rem !important; + } + .ps-xl-16 { + padding-left: 4rem !important; + } + .ps-xl-17 { + padding-left: 4.25rem !important; + } + .ps-xl-18 { + padding-left: 4.5rem !important; + } + .ps-xl-19 { + padding-left: 4.75rem !important; + } + .ps-xl-20 { + padding-left: 5rem !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: 0.75rem !important; + } + .gap-xl-4 { + gap: 1rem !important; + } + .gap-xl-5 { + gap: 1.25rem !important; + } + .gap-xl-6 { + gap: 1.5rem !important; + } + .gap-xl-7 { + gap: 1.75rem !important; + } + .gap-xl-8 { + gap: 2rem !important; + } + .gap-xl-9 { + gap: 2.25rem !important; + } + .gap-xl-10 { + gap: 2.5rem !important; + } + .gap-xl-11 { + gap: 2.75rem !important; + } + .gap-xl-12 { + gap: 3rem !important; + } + .gap-xl-13 { + gap: 3.25rem !important; + } + .gap-xl-14 { + gap: 3.5rem !important; + } + .gap-xl-15 { + gap: 3.75rem !important; + } + .gap-xl-16 { + gap: 4rem !important; + } + .gap-xl-17 { + gap: 4.25rem !important; + } + .gap-xl-18 { + gap: 4.5rem !important; + } + .gap-xl-19 { + gap: 4.75rem !important; + } + .gap-xl-20 { + gap: 5rem !important; + } + .row-gap-xl-0 { + row-gap: 0 !important; + } + .row-gap-xl-1 { + row-gap: 0.25rem !important; + } + .row-gap-xl-2 { + row-gap: 0.5rem !important; + } + .row-gap-xl-3 { + row-gap: 0.75rem !important; + } + .row-gap-xl-4 { + row-gap: 1rem !important; + } + .row-gap-xl-5 { + row-gap: 1.25rem !important; + } + .row-gap-xl-6 { + row-gap: 1.5rem !important; + } + .row-gap-xl-7 { + row-gap: 1.75rem !important; + } + .row-gap-xl-8 { + row-gap: 2rem !important; + } + .row-gap-xl-9 { + row-gap: 2.25rem !important; + } + .row-gap-xl-10 { + row-gap: 2.5rem !important; + } + .row-gap-xl-11 { + row-gap: 2.75rem !important; + } + .row-gap-xl-12 { + row-gap: 3rem !important; + } + .row-gap-xl-13 { + row-gap: 3.25rem !important; + } + .row-gap-xl-14 { + row-gap: 3.5rem !important; + } + .row-gap-xl-15 { + row-gap: 3.75rem !important; + } + .row-gap-xl-16 { + row-gap: 4rem !important; + } + .row-gap-xl-17 { + row-gap: 4.25rem !important; + } + .row-gap-xl-18 { + row-gap: 4.5rem !important; + } + .row-gap-xl-19 { + row-gap: 4.75rem !important; + } + .row-gap-xl-20 { + row-gap: 5rem !important; + } + .column-gap-xl-0 { + column-gap: 0 !important; + } + .column-gap-xl-1 { + column-gap: 0.25rem !important; + } + .column-gap-xl-2 { + column-gap: 0.5rem !important; + } + .column-gap-xl-3 { + column-gap: 0.75rem !important; + } + .column-gap-xl-4 { + column-gap: 1rem !important; + } + .column-gap-xl-5 { + column-gap: 1.25rem !important; + } + .column-gap-xl-6 { + column-gap: 1.5rem !important; + } + .column-gap-xl-7 { + column-gap: 1.75rem !important; + } + .column-gap-xl-8 { + column-gap: 2rem !important; + } + .column-gap-xl-9 { + column-gap: 2.25rem !important; + } + .column-gap-xl-10 { + column-gap: 2.5rem !important; + } + .column-gap-xl-11 { + column-gap: 2.75rem !important; + } + .column-gap-xl-12 { + column-gap: 3rem !important; + } + .column-gap-xl-13 { + column-gap: 3.25rem !important; + } + .column-gap-xl-14 { + column-gap: 3.5rem !important; + } + .column-gap-xl-15 { + column-gap: 3.75rem !important; + } + .column-gap-xl-16 { + column-gap: 4rem !important; + } + .column-gap-xl-17 { + column-gap: 4.25rem !important; + } + .column-gap-xl-18 { + column-gap: 4.5rem !important; + } + .column-gap-xl-19 { + column-gap: 4.75rem !important; + } + .column-gap-xl-20 { + column-gap: 5rem !important; + } + .fs-xl-1 { + font-size: calc(1.3rem + 0.6vw) !important; + } + .fs-xl-2 { + font-size: calc(1.275rem + 0.3vw) !important; + } + .fs-xl-3 { + font-size: calc(1.26rem + 0.12vw) !important; + } + .fs-xl-4 { + font-size: 1.25rem !important; + } + .fs-xl-5 { + font-size: 1.15rem !important; + } + .fs-xl-6 { + font-size: 1.075rem !important; + } + .fs-xl-7 { + font-size: 0.95rem !important; + } + .fs-xl-8 { + font-size: 0.85rem !important; + } + .fs-xl-9 { + font-size: 0.75rem !important; + } + .fs-xl-10 { + font-size: 0.5rem !important; + } + .fs-xl-sm { + font-size: 0.95rem !important; + } + .fs-xl-base { + font-size: 1rem !important; + } + .fs-xl-lg { + font-size: 1.075rem !important; + } + .fs-xl-xl { + font-size: 1.21rem !important; + } + .fs-xl-fluid { + font-size: 100% !important; + } + .fs-xl-2x { + font-size: calc(1.325rem + 0.9vw) !important; + } + .fs-xl-2qx { + font-size: calc(1.35rem + 1.2vw) !important; + } + .fs-xl-2hx { + font-size: calc(1.375rem + 1.5vw) !important; + } + .fs-xl-2tx { + font-size: calc(1.4rem + 1.8vw) !important; + } + .fs-xl-3x { + font-size: calc(1.425rem + 2.1vw) !important; + } + .fs-xl-3qx { + font-size: calc(1.45rem + 2.4vw) !important; + } + .fs-xl-3hx { + font-size: calc(1.475rem + 2.7vw) !important; + } + .fs-xl-3tx { + font-size: calc(1.5rem + 3vw) !important; + } + .fs-xl-4x { + font-size: calc(1.525rem + 3.3vw) !important; + } + .fs-xl-4qx { + font-size: calc(1.55rem + 3.6vw) !important; + } + .fs-xl-4hx { + font-size: calc(1.575rem + 3.9vw) !important; + } + .fs-xl-4tx { + font-size: calc(1.6rem + 4.2vw) !important; + } + .fs-xl-5x { + font-size: calc(1.625rem + 4.5vw) !important; + } + .fs-xl-5qx { + font-size: calc(1.65rem + 4.8vw) !important; + } + .fs-xl-5hx { + font-size: calc(1.675rem + 5.1vw) !important; + } + .fs-xl-5tx { + font-size: calc(1.7rem + 5.4vw) !important; + } + .fs-xl-6x { + font-size: calc(1.725rem + 5.7vw) !important; + } + .fs-xl-6qx { + font-size: calc(1.75rem + 6vw) !important; + } + .fs-xl-6hx { + font-size: calc(1.775rem + 6.3vw) !important; + } + .fs-xl-6tx { + font-size: calc(1.8rem + 6.6vw) !important; + } + .fs-xl-7x { + font-size: calc(1.825rem + 6.9vw) !important; + } + .fs-xl-7qx { + font-size: calc(1.85rem + 7.2vw) !important; + } + .fs-xl-7hx { + font-size: calc(1.875rem + 7.5vw) !important; + } + .fs-xl-7tx { + font-size: calc(1.9rem + 7.8vw) !important; + } + .text-xl-start { + text-align: left !important; + } + .text-xl-end { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } + .min-w-xl-unset { + min-width: unset !important; + } + .min-w-xl-25 { + min-width: 25% !important; + } + .min-w-xl-50 { + min-width: 50% !important; + } + .min-w-xl-75 { + min-width: 75% !important; + } + .min-w-xl-100 { + min-width: 100% !important; + } + .min-w-xl-auto { + min-width: auto !important; + } + .min-w-xl-1px { + min-width: 1px !important; + } + .min-w-xl-2px { + min-width: 2px !important; + } + .min-w-xl-3px { + min-width: 3px !important; + } + .min-w-xl-4px { + min-width: 4px !important; + } + .min-w-xl-5px { + min-width: 5px !important; + } + .min-w-xl-6px { + min-width: 6px !important; + } + .min-w-xl-7px { + min-width: 7px !important; + } + .min-w-xl-8px { + min-width: 8px !important; + } + .min-w-xl-9px { + min-width: 9px !important; + } + .min-w-xl-10px { + min-width: 10px !important; + } + .min-w-xl-15px { + min-width: 15px !important; + } + .min-w-xl-20px { + min-width: 20px !important; + } + .min-w-xl-25px { + min-width: 25px !important; + } + .min-w-xl-30px { + min-width: 30px !important; + } + .min-w-xl-35px { + min-width: 35px !important; + } + .min-w-xl-40px { + min-width: 40px !important; + } + .min-w-xl-45px { + min-width: 45px !important; + } + .min-w-xl-50px { + min-width: 50px !important; + } + .min-w-xl-55px { + min-width: 55px !important; + } + .min-w-xl-60px { + min-width: 60px !important; + } + .min-w-xl-65px { + min-width: 65px !important; + } + .min-w-xl-70px { + min-width: 70px !important; + } + .min-w-xl-75px { + min-width: 75px !important; + } + .min-w-xl-80px { + min-width: 80px !important; + } + .min-w-xl-85px { + min-width: 85px !important; + } + .min-w-xl-90px { + min-width: 90px !important; + } + .min-w-xl-95px { + min-width: 95px !important; + } + .min-w-xl-100px { + min-width: 100px !important; + } + .min-w-xl-125px { + min-width: 125px !important; + } + .min-w-xl-150px { + min-width: 150px !important; + } + .min-w-xl-175px { + min-width: 175px !important; + } + .min-w-xl-200px { + min-width: 200px !important; + } + .min-w-xl-225px { + min-width: 225px !important; + } + .min-w-xl-250px { + min-width: 250px !important; + } + .min-w-xl-275px { + min-width: 275px !important; + } + .min-w-xl-300px { + min-width: 300px !important; + } + .min-w-xl-325px { + min-width: 325px !important; + } + .min-w-xl-350px { + min-width: 350px !important; + } + .min-w-xl-375px { + min-width: 375px !important; + } + .min-w-xl-400px { + min-width: 400px !important; + } + .min-w-xl-425px { + min-width: 425px !important; + } + .min-w-xl-450px { + min-width: 450px !important; + } + .min-w-xl-475px { + min-width: 475px !important; + } + .min-w-xl-500px { + min-width: 500px !important; + } + .min-w-xl-550px { + min-width: 550px !important; + } + .min-w-xl-600px { + min-width: 600px !important; + } + .min-w-xl-650px { + min-width: 650px !important; + } + .min-w-xl-700px { + min-width: 700px !important; + } + .min-w-xl-750px { + min-width: 750px !important; + } + .min-w-xl-800px { + min-width: 800px !important; + } + .min-w-xl-850px { + min-width: 850px !important; + } + .min-w-xl-900px { + min-width: 900px !important; + } + .min-w-xl-950px { + min-width: 950px !important; + } + .min-w-xl-1000px { + min-width: 1000px !important; + } + .min-h-xl-unset { + min-height: unset !important; + } + .min-h-xl-25 { + min-height: 25% !important; + } + .min-h-xl-50 { + min-height: 50% !important; + } + .min-h-xl-75 { + min-height: 75% !important; + } + .min-h-xl-100 { + min-height: 100% !important; + } + .min-h-xl-auto { + min-height: auto !important; + } + .min-h-xl-1px { + min-height: 1px !important; + } + .min-h-xl-2px { + min-height: 2px !important; + } + .min-h-xl-3px { + min-height: 3px !important; + } + .min-h-xl-4px { + min-height: 4px !important; + } + .min-h-xl-5px { + min-height: 5px !important; + } + .min-h-xl-6px { + min-height: 6px !important; + } + .min-h-xl-7px { + min-height: 7px !important; + } + .min-h-xl-8px { + min-height: 8px !important; + } + .min-h-xl-9px { + min-height: 9px !important; + } + .min-h-xl-10px { + min-height: 10px !important; + } + .min-h-xl-15px { + min-height: 15px !important; + } + .min-h-xl-20px { + min-height: 20px !important; + } + .min-h-xl-25px { + min-height: 25px !important; + } + .min-h-xl-30px { + min-height: 30px !important; + } + .min-h-xl-35px { + min-height: 35px !important; + } + .min-h-xl-40px { + min-height: 40px !important; + } + .min-h-xl-45px { + min-height: 45px !important; + } + .min-h-xl-50px { + min-height: 50px !important; + } + .min-h-xl-55px { + min-height: 55px !important; + } + .min-h-xl-60px { + min-height: 60px !important; + } + .min-h-xl-65px { + min-height: 65px !important; + } + .min-h-xl-70px { + min-height: 70px !important; + } + .min-h-xl-75px { + min-height: 75px !important; + } + .min-h-xl-80px { + min-height: 80px !important; + } + .min-h-xl-85px { + min-height: 85px !important; + } + .min-h-xl-90px { + min-height: 90px !important; + } + .min-h-xl-95px { + min-height: 95px !important; + } + .min-h-xl-100px { + min-height: 100px !important; + } + .min-h-xl-125px { + min-height: 125px !important; + } + .min-h-xl-150px { + min-height: 150px !important; + } + .min-h-xl-175px { + min-height: 175px !important; + } + .min-h-xl-200px { + min-height: 200px !important; + } + .min-h-xl-225px { + min-height: 225px !important; + } + .min-h-xl-250px { + min-height: 250px !important; + } + .min-h-xl-275px { + min-height: 275px !important; + } + .min-h-xl-300px { + min-height: 300px !important; + } + .min-h-xl-325px { + min-height: 325px !important; + } + .min-h-xl-350px { + min-height: 350px !important; + } + .min-h-xl-375px { + min-height: 375px !important; + } + .min-h-xl-400px { + min-height: 400px !important; + } + .min-h-xl-425px { + min-height: 425px !important; + } + .min-h-xl-450px { + min-height: 450px !important; + } + .min-h-xl-475px { + min-height: 475px !important; + } + .min-h-xl-500px { + min-height: 500px !important; + } + .min-h-xl-550px { + min-height: 550px !important; + } + .min-h-xl-600px { + min-height: 600px !important; + } + .min-h-xl-650px { + min-height: 650px !important; + } + .min-h-xl-700px { + min-height: 700px !important; + } + .min-h-xl-750px { + min-height: 750px !important; + } + .min-h-xl-800px { + min-height: 800px !important; + } + .min-h-xl-850px { + min-height: 850px !important; + } + .min-h-xl-900px { + min-height: 900px !important; + } + .min-h-xl-950px { + min-height: 950px !important; + } + .min-h-xl-1000px { + min-height: 1000px !important; + } +} +@media (min-width: 1400px) { + .float-xxl-start { + float: left !important; + } + .float-xxl-end { + float: right !important; + } + .float-xxl-none { + float: none !important; + } + .object-fit-xxl-contain { + object-fit: contain !important; + } + .object-fit-xxl-cover { + object-fit: cover !important; + } + .object-fit-xxl-fill { + object-fit: fill !important; + } + .object-fit-xxl-scale { + object-fit: scale-down !important; + } + .object-fit-xxl-none { + object-fit: none !important; + } + .overflow-xxl-auto { + overflow: auto !important; + } + .overflow-xxl-hidden { + overflow: hidden !important; + } + .overflow-xxl-visible { + overflow: visible !important; + } + .overflow-xxl-scroll { + overflow: scroll !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-inline-grid { + display: inline-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; + } + .position-xxl-static { + position: static !important; + } + .position-xxl-relative { + position: relative !important; + } + .position-xxl-absolute { + position: absolute !important; + } + .position-xxl-fixed { + position: fixed !important; + } + .position-xxl-sticky { + position: sticky !important; + } + .w-xxl-unset { + width: unset !important; + } + .w-xxl-25 { + width: 25% !important; + } + .w-xxl-50 { + width: 50% !important; + } + .w-xxl-75 { + width: 75% !important; + } + .w-xxl-100 { + width: 100% !important; + } + .w-xxl-auto { + width: auto !important; + } + .w-xxl-1px { + width: 1px !important; + } + .w-xxl-2px { + width: 2px !important; + } + .w-xxl-3px { + width: 3px !important; + } + .w-xxl-4px { + width: 4px !important; + } + .w-xxl-5px { + width: 5px !important; + } + .w-xxl-6px { + width: 6px !important; + } + .w-xxl-7px { + width: 7px !important; + } + .w-xxl-8px { + width: 8px !important; + } + .w-xxl-9px { + width: 9px !important; + } + .w-xxl-10px { + width: 10px !important; + } + .w-xxl-15px { + width: 15px !important; + } + .w-xxl-20px { + width: 20px !important; + } + .w-xxl-25px { + width: 25px !important; + } + .w-xxl-30px { + width: 30px !important; + } + .w-xxl-35px { + width: 35px !important; + } + .w-xxl-40px { + width: 40px !important; + } + .w-xxl-45px { + width: 45px !important; + } + .w-xxl-50px { + width: 50px !important; + } + .w-xxl-55px { + width: 55px !important; + } + .w-xxl-60px { + width: 60px !important; + } + .w-xxl-65px { + width: 65px !important; + } + .w-xxl-70px { + width: 70px !important; + } + .w-xxl-75px { + width: 75px !important; + } + .w-xxl-80px { + width: 80px !important; + } + .w-xxl-85px { + width: 85px !important; + } + .w-xxl-90px { + width: 90px !important; + } + .w-xxl-95px { + width: 95px !important; + } + .w-xxl-100px { + width: 100px !important; + } + .w-xxl-125px { + width: 125px !important; + } + .w-xxl-150px { + width: 150px !important; + } + .w-xxl-175px { + width: 175px !important; + } + .w-xxl-200px { + width: 200px !important; + } + .w-xxl-225px { + width: 225px !important; + } + .w-xxl-250px { + width: 250px !important; + } + .w-xxl-275px { + width: 275px !important; + } + .w-xxl-300px { + width: 300px !important; + } + .w-xxl-325px { + width: 325px !important; + } + .w-xxl-350px { + width: 350px !important; + } + .w-xxl-375px { + width: 375px !important; + } + .w-xxl-400px { + width: 400px !important; + } + .w-xxl-425px { + width: 425px !important; + } + .w-xxl-450px { + width: 450px !important; + } + .w-xxl-475px { + width: 475px !important; + } + .w-xxl-500px { + width: 500px !important; + } + .w-xxl-550px { + width: 550px !important; + } + .w-xxl-600px { + width: 600px !important; + } + .w-xxl-650px { + width: 650px !important; + } + .w-xxl-700px { + width: 700px !important; + } + .w-xxl-750px { + width: 750px !important; + } + .w-xxl-800px { + width: 800px !important; + } + .w-xxl-850px { + width: 850px !important; + } + .w-xxl-900px { + width: 900px !important; + } + .w-xxl-950px { + width: 950px !important; + } + .w-xxl-1000px { + width: 1000px !important; + } + .mw-xxl-unset { + max-width: unset !important; + } + .mw-xxl-25 { + max-width: 25% !important; + } + .mw-xxl-50 { + max-width: 50% !important; + } + .mw-xxl-75 { + max-width: 75% !important; + } + .mw-xxl-100 { + max-width: 100% !important; + } + .mw-xxl-auto { + max-width: auto !important; + } + .mw-xxl-1px { + max-width: 1px !important; + } + .mw-xxl-2px { + max-width: 2px !important; + } + .mw-xxl-3px { + max-width: 3px !important; + } + .mw-xxl-4px { + max-width: 4px !important; + } + .mw-xxl-5px { + max-width: 5px !important; + } + .mw-xxl-6px { + max-width: 6px !important; + } + .mw-xxl-7px { + max-width: 7px !important; + } + .mw-xxl-8px { + max-width: 8px !important; + } + .mw-xxl-9px { + max-width: 9px !important; + } + .mw-xxl-10px { + max-width: 10px !important; + } + .mw-xxl-15px { + max-width: 15px !important; + } + .mw-xxl-20px { + max-width: 20px !important; + } + .mw-xxl-25px { + max-width: 25px !important; + } + .mw-xxl-30px { + max-width: 30px !important; + } + .mw-xxl-35px { + max-width: 35px !important; + } + .mw-xxl-40px { + max-width: 40px !important; + } + .mw-xxl-45px { + max-width: 45px !important; + } + .mw-xxl-50px { + max-width: 50px !important; + } + .mw-xxl-55px { + max-width: 55px !important; + } + .mw-xxl-60px { + max-width: 60px !important; + } + .mw-xxl-65px { + max-width: 65px !important; + } + .mw-xxl-70px { + max-width: 70px !important; + } + .mw-xxl-75px { + max-width: 75px !important; + } + .mw-xxl-80px { + max-width: 80px !important; + } + .mw-xxl-85px { + max-width: 85px !important; + } + .mw-xxl-90px { + max-width: 90px !important; + } + .mw-xxl-95px { + max-width: 95px !important; + } + .mw-xxl-100px { + max-width: 100px !important; + } + .mw-xxl-125px { + max-width: 125px !important; + } + .mw-xxl-150px { + max-width: 150px !important; + } + .mw-xxl-175px { + max-width: 175px !important; + } + .mw-xxl-200px { + max-width: 200px !important; + } + .mw-xxl-225px { + max-width: 225px !important; + } + .mw-xxl-250px { + max-width: 250px !important; + } + .mw-xxl-275px { + max-width: 275px !important; + } + .mw-xxl-300px { + max-width: 300px !important; + } + .mw-xxl-325px { + max-width: 325px !important; + } + .mw-xxl-350px { + max-width: 350px !important; + } + .mw-xxl-375px { + max-width: 375px !important; + } + .mw-xxl-400px { + max-width: 400px !important; + } + .mw-xxl-425px { + max-width: 425px !important; + } + .mw-xxl-450px { + max-width: 450px !important; + } + .mw-xxl-475px { + max-width: 475px !important; + } + .mw-xxl-500px { + max-width: 500px !important; + } + .mw-xxl-550px { + max-width: 550px !important; + } + .mw-xxl-600px { + max-width: 600px !important; + } + .mw-xxl-650px { + max-width: 650px !important; + } + .mw-xxl-700px { + max-width: 700px !important; + } + .mw-xxl-750px { + max-width: 750px !important; + } + .mw-xxl-800px { + max-width: 800px !important; + } + .mw-xxl-850px { + max-width: 850px !important; + } + .mw-xxl-900px { + max-width: 900px !important; + } + .mw-xxl-950px { + max-width: 950px !important; + } + .mw-xxl-1000px { + max-width: 1000px !important; + } + .h-xxl-unset { + height: unset !important; + } + .h-xxl-25 { + height: 25% !important; + } + .h-xxl-50 { + height: 50% !important; + } + .h-xxl-75 { + height: 75% !important; + } + .h-xxl-100 { + height: 100% !important; + } + .h-xxl-auto { + height: auto !important; + } + .h-xxl-1px { + height: 1px !important; + } + .h-xxl-2px { + height: 2px !important; + } + .h-xxl-3px { + height: 3px !important; + } + .h-xxl-4px { + height: 4px !important; + } + .h-xxl-5px { + height: 5px !important; + } + .h-xxl-6px { + height: 6px !important; + } + .h-xxl-7px { + height: 7px !important; + } + .h-xxl-8px { + height: 8px !important; + } + .h-xxl-9px { + height: 9px !important; + } + .h-xxl-10px { + height: 10px !important; + } + .h-xxl-15px { + height: 15px !important; + } + .h-xxl-20px { + height: 20px !important; + } + .h-xxl-25px { + height: 25px !important; + } + .h-xxl-30px { + height: 30px !important; + } + .h-xxl-35px { + height: 35px !important; + } + .h-xxl-40px { + height: 40px !important; + } + .h-xxl-45px { + height: 45px !important; + } + .h-xxl-50px { + height: 50px !important; + } + .h-xxl-55px { + height: 55px !important; + } + .h-xxl-60px { + height: 60px !important; + } + .h-xxl-65px { + height: 65px !important; + } + .h-xxl-70px { + height: 70px !important; + } + .h-xxl-75px { + height: 75px !important; + } + .h-xxl-80px { + height: 80px !important; + } + .h-xxl-85px { + height: 85px !important; + } + .h-xxl-90px { + height: 90px !important; + } + .h-xxl-95px { + height: 95px !important; + } + .h-xxl-100px { + height: 100px !important; + } + .h-xxl-125px { + height: 125px !important; + } + .h-xxl-150px { + height: 150px !important; + } + .h-xxl-175px { + height: 175px !important; + } + .h-xxl-200px { + height: 200px !important; + } + .h-xxl-225px { + height: 225px !important; + } + .h-xxl-250px { + height: 250px !important; + } + .h-xxl-275px { + height: 275px !important; + } + .h-xxl-300px { + height: 300px !important; + } + .h-xxl-325px { + height: 325px !important; + } + .h-xxl-350px { + height: 350px !important; + } + .h-xxl-375px { + height: 375px !important; + } + .h-xxl-400px { + height: 400px !important; + } + .h-xxl-425px { + height: 425px !important; + } + .h-xxl-450px { + height: 450px !important; + } + .h-xxl-475px { + height: 475px !important; + } + .h-xxl-500px { + height: 500px !important; + } + .h-xxl-550px { + height: 550px !important; + } + .h-xxl-600px { + height: 600px !important; + } + .h-xxl-650px { + height: 650px !important; + } + .h-xxl-700px { + height: 700px !important; + } + .h-xxl-750px { + height: 750px !important; + } + .h-xxl-800px { + height: 800px !important; + } + .h-xxl-850px { + height: 850px !important; + } + .h-xxl-900px { + height: 900px !important; + } + .h-xxl-950px { + height: 950px !important; + } + .h-xxl-1000px { + height: 1000px !important; + } + .mh-xxl-unset { + max-height: unset !important; + } + .mh-xxl-25 { + max-height: 25% !important; + } + .mh-xxl-50 { + max-height: 50% !important; + } + .mh-xxl-75 { + max-height: 75% !important; + } + .mh-xxl-100 { + max-height: 100% !important; + } + .mh-xxl-auto { + max-height: auto !important; + } + .mh-xxl-1px { + max-height: 1px !important; + } + .mh-xxl-2px { + max-height: 2px !important; + } + .mh-xxl-3px { + max-height: 3px !important; + } + .mh-xxl-4px { + max-height: 4px !important; + } + .mh-xxl-5px { + max-height: 5px !important; + } + .mh-xxl-6px { + max-height: 6px !important; + } + .mh-xxl-7px { + max-height: 7px !important; + } + .mh-xxl-8px { + max-height: 8px !important; + } + .mh-xxl-9px { + max-height: 9px !important; + } + .mh-xxl-10px { + max-height: 10px !important; + } + .mh-xxl-15px { + max-height: 15px !important; + } + .mh-xxl-20px { + max-height: 20px !important; + } + .mh-xxl-25px { + max-height: 25px !important; + } + .mh-xxl-30px { + max-height: 30px !important; + } + .mh-xxl-35px { + max-height: 35px !important; + } + .mh-xxl-40px { + max-height: 40px !important; + } + .mh-xxl-45px { + max-height: 45px !important; + } + .mh-xxl-50px { + max-height: 50px !important; + } + .mh-xxl-55px { + max-height: 55px !important; + } + .mh-xxl-60px { + max-height: 60px !important; + } + .mh-xxl-65px { + max-height: 65px !important; + } + .mh-xxl-70px { + max-height: 70px !important; + } + .mh-xxl-75px { + max-height: 75px !important; + } + .mh-xxl-80px { + max-height: 80px !important; + } + .mh-xxl-85px { + max-height: 85px !important; + } + .mh-xxl-90px { + max-height: 90px !important; + } + .mh-xxl-95px { + max-height: 95px !important; + } + .mh-xxl-100px { + max-height: 100px !important; + } + .mh-xxl-125px { + max-height: 125px !important; + } + .mh-xxl-150px { + max-height: 150px !important; + } + .mh-xxl-175px { + max-height: 175px !important; + } + .mh-xxl-200px { + max-height: 200px !important; + } + .mh-xxl-225px { + max-height: 225px !important; + } + .mh-xxl-250px { + max-height: 250px !important; + } + .mh-xxl-275px { + max-height: 275px !important; + } + .mh-xxl-300px { + max-height: 300px !important; + } + .mh-xxl-325px { + max-height: 325px !important; + } + .mh-xxl-350px { + max-height: 350px !important; + } + .mh-xxl-375px { + max-height: 375px !important; + } + .mh-xxl-400px { + max-height: 400px !important; + } + .mh-xxl-425px { + max-height: 425px !important; + } + .mh-xxl-450px { + max-height: 450px !important; + } + .mh-xxl-475px { + max-height: 475px !important; + } + .mh-xxl-500px { + max-height: 500px !important; + } + .mh-xxl-550px { + max-height: 550px !important; + } + .mh-xxl-600px { + max-height: 600px !important; + } + .mh-xxl-650px { + max-height: 650px !important; + } + .mh-xxl-700px { + max-height: 700px !important; + } + .mh-xxl-750px { + max-height: 750px !important; + } + .mh-xxl-800px { + max-height: 800px !important; + } + .mh-xxl-850px { + max-height: 850px !important; + } + .mh-xxl-900px { + max-height: 900px !important; + } + .mh-xxl-950px { + max-height: 950px !important; + } + .mh-xxl-1000px { + max-height: 1000px !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; + } + .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: 0.75rem !important; + } + .m-xxl-4 { + margin: 1rem !important; + } + .m-xxl-5 { + margin: 1.25rem !important; + } + .m-xxl-6 { + margin: 1.5rem !important; + } + .m-xxl-7 { + margin: 1.75rem !important; + } + .m-xxl-8 { + margin: 2rem !important; + } + .m-xxl-9 { + margin: 2.25rem !important; + } + .m-xxl-10 { + margin: 2.5rem !important; + } + .m-xxl-11 { + margin: 2.75rem !important; + } + .m-xxl-12 { + margin: 3rem !important; + } + .m-xxl-13 { + margin: 3.25rem !important; + } + .m-xxl-14 { + margin: 3.5rem !important; + } + .m-xxl-15 { + margin: 3.75rem !important; + } + .m-xxl-16 { + margin: 4rem !important; + } + .m-xxl-17 { + margin: 4.25rem !important; + } + .m-xxl-18 { + margin: 4.5rem !important; + } + .m-xxl-19 { + margin: 4.75rem !important; + } + .m-xxl-20 { + margin: 5rem !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: 0.75rem !important; + margin-left: 0.75rem !important; + } + .mx-xxl-4 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-xxl-5 { + margin-right: 1.25rem !important; + margin-left: 1.25rem !important; + } + .mx-xxl-6 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-xxl-7 { + margin-right: 1.75rem !important; + margin-left: 1.75rem !important; + } + .mx-xxl-8 { + margin-right: 2rem !important; + margin-left: 2rem !important; + } + .mx-xxl-9 { + margin-right: 2.25rem !important; + margin-left: 2.25rem !important; + } + .mx-xxl-10 { + margin-right: 2.5rem !important; + margin-left: 2.5rem !important; + } + .mx-xxl-11 { + margin-right: 2.75rem !important; + margin-left: 2.75rem !important; + } + .mx-xxl-12 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-xxl-13 { + margin-right: 3.25rem !important; + margin-left: 3.25rem !important; + } + .mx-xxl-14 { + margin-right: 3.5rem !important; + margin-left: 3.5rem !important; + } + .mx-xxl-15 { + margin-right: 3.75rem !important; + margin-left: 3.75rem !important; + } + .mx-xxl-16 { + margin-right: 4rem !important; + margin-left: 4rem !important; + } + .mx-xxl-17 { + margin-right: 4.25rem !important; + margin-left: 4.25rem !important; + } + .mx-xxl-18 { + margin-right: 4.5rem !important; + margin-left: 4.5rem !important; + } + .mx-xxl-19 { + margin-right: 4.75rem !important; + margin-left: 4.75rem !important; + } + .mx-xxl-20 { + margin-right: 5rem !important; + margin-left: 5rem !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: 0.75rem !important; + margin-bottom: 0.75rem !important; + } + .my-xxl-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-xxl-5 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; + } + .my-xxl-6 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-xxl-7 { + margin-top: 1.75rem !important; + margin-bottom: 1.75rem !important; + } + .my-xxl-8 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; + } + .my-xxl-9 { + margin-top: 2.25rem !important; + margin-bottom: 2.25rem !important; + } + .my-xxl-10 { + margin-top: 2.5rem !important; + margin-bottom: 2.5rem !important; + } + .my-xxl-11 { + margin-top: 2.75rem !important; + margin-bottom: 2.75rem !important; + } + .my-xxl-12 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-xxl-13 { + margin-top: 3.25rem !important; + margin-bottom: 3.25rem !important; + } + .my-xxl-14 { + margin-top: 3.5rem !important; + margin-bottom: 3.5rem !important; + } + .my-xxl-15 { + margin-top: 3.75rem !important; + margin-bottom: 3.75rem !important; + } + .my-xxl-16 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; + } + .my-xxl-17 { + margin-top: 4.25rem !important; + margin-bottom: 4.25rem !important; + } + .my-xxl-18 { + margin-top: 4.5rem !important; + margin-bottom: 4.5rem !important; + } + .my-xxl-19 { + margin-top: 4.75rem !important; + margin-bottom: 4.75rem !important; + } + .my-xxl-20 { + margin-top: 5rem !important; + margin-bottom: 5rem !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: 0.75rem !important; + } + .mt-xxl-4 { + margin-top: 1rem !important; + } + .mt-xxl-5 { + margin-top: 1.25rem !important; + } + .mt-xxl-6 { + margin-top: 1.5rem !important; + } + .mt-xxl-7 { + margin-top: 1.75rem !important; + } + .mt-xxl-8 { + margin-top: 2rem !important; + } + .mt-xxl-9 { + margin-top: 2.25rem !important; + } + .mt-xxl-10 { + margin-top: 2.5rem !important; + } + .mt-xxl-11 { + margin-top: 2.75rem !important; + } + .mt-xxl-12 { + margin-top: 3rem !important; + } + .mt-xxl-13 { + margin-top: 3.25rem !important; + } + .mt-xxl-14 { + margin-top: 3.5rem !important; + } + .mt-xxl-15 { + margin-top: 3.75rem !important; + } + .mt-xxl-16 { + margin-top: 4rem !important; + } + .mt-xxl-17 { + margin-top: 4.25rem !important; + } + .mt-xxl-18 { + margin-top: 4.5rem !important; + } + .mt-xxl-19 { + margin-top: 4.75rem !important; + } + .mt-xxl-20 { + margin-top: 5rem !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: 0.75rem !important; + } + .me-xxl-4 { + margin-right: 1rem !important; + } + .me-xxl-5 { + margin-right: 1.25rem !important; + } + .me-xxl-6 { + margin-right: 1.5rem !important; + } + .me-xxl-7 { + margin-right: 1.75rem !important; + } + .me-xxl-8 { + margin-right: 2rem !important; + } + .me-xxl-9 { + margin-right: 2.25rem !important; + } + .me-xxl-10 { + margin-right: 2.5rem !important; + } + .me-xxl-11 { + margin-right: 2.75rem !important; + } + .me-xxl-12 { + margin-right: 3rem !important; + } + .me-xxl-13 { + margin-right: 3.25rem !important; + } + .me-xxl-14 { + margin-right: 3.5rem !important; + } + .me-xxl-15 { + margin-right: 3.75rem !important; + } + .me-xxl-16 { + margin-right: 4rem !important; + } + .me-xxl-17 { + margin-right: 4.25rem !important; + } + .me-xxl-18 { + margin-right: 4.5rem !important; + } + .me-xxl-19 { + margin-right: 4.75rem !important; + } + .me-xxl-20 { + margin-right: 5rem !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: 0.75rem !important; + } + .mb-xxl-4 { + margin-bottom: 1rem !important; + } + .mb-xxl-5 { + margin-bottom: 1.25rem !important; + } + .mb-xxl-6 { + margin-bottom: 1.5rem !important; + } + .mb-xxl-7 { + margin-bottom: 1.75rem !important; + } + .mb-xxl-8 { + margin-bottom: 2rem !important; + } + .mb-xxl-9 { + margin-bottom: 2.25rem !important; + } + .mb-xxl-10 { + margin-bottom: 2.5rem !important; + } + .mb-xxl-11 { + margin-bottom: 2.75rem !important; + } + .mb-xxl-12 { + margin-bottom: 3rem !important; + } + .mb-xxl-13 { + margin-bottom: 3.25rem !important; + } + .mb-xxl-14 { + margin-bottom: 3.5rem !important; + } + .mb-xxl-15 { + margin-bottom: 3.75rem !important; + } + .mb-xxl-16 { + margin-bottom: 4rem !important; + } + .mb-xxl-17 { + margin-bottom: 4.25rem !important; + } + .mb-xxl-18 { + margin-bottom: 4.5rem !important; + } + .mb-xxl-19 { + margin-bottom: 4.75rem !important; + } + .mb-xxl-20 { + margin-bottom: 5rem !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: 0.75rem !important; + } + .ms-xxl-4 { + margin-left: 1rem !important; + } + .ms-xxl-5 { + margin-left: 1.25rem !important; + } + .ms-xxl-6 { + margin-left: 1.5rem !important; + } + .ms-xxl-7 { + margin-left: 1.75rem !important; + } + .ms-xxl-8 { + margin-left: 2rem !important; + } + .ms-xxl-9 { + margin-left: 2.25rem !important; + } + .ms-xxl-10 { + margin-left: 2.5rem !important; + } + .ms-xxl-11 { + margin-left: 2.75rem !important; + } + .ms-xxl-12 { + margin-left: 3rem !important; + } + .ms-xxl-13 { + margin-left: 3.25rem !important; + } + .ms-xxl-14 { + margin-left: 3.5rem !important; + } + .ms-xxl-15 { + margin-left: 3.75rem !important; + } + .ms-xxl-16 { + margin-left: 4rem !important; + } + .ms-xxl-17 { + margin-left: 4.25rem !important; + } + .ms-xxl-18 { + margin-left: 4.5rem !important; + } + .ms-xxl-19 { + margin-left: 4.75rem !important; + } + .ms-xxl-20 { + margin-left: 5rem !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: -0.75rem !important; + } + .m-xxl-n4 { + margin: -1rem !important; + } + .m-xxl-n5 { + margin: -1.25rem !important; + } + .m-xxl-n6 { + margin: -1.5rem !important; + } + .m-xxl-n7 { + margin: -1.75rem !important; + } + .m-xxl-n8 { + margin: -2rem !important; + } + .m-xxl-n9 { + margin: -2.25rem !important; + } + .m-xxl-n10 { + margin: -2.5rem !important; + } + .m-xxl-n11 { + margin: -2.75rem !important; + } + .m-xxl-n12 { + margin: -3rem !important; + } + .m-xxl-n13 { + margin: -3.25rem !important; + } + .m-xxl-n14 { + margin: -3.5rem !important; + } + .m-xxl-n15 { + margin: -3.75rem !important; + } + .m-xxl-n16 { + margin: -4rem !important; + } + .m-xxl-n17 { + margin: -4.25rem !important; + } + .m-xxl-n18 { + margin: -4.5rem !important; + } + .m-xxl-n19 { + margin: -4.75rem !important; + } + .m-xxl-n20 { + margin: -5rem !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: -0.75rem !important; + margin-left: -0.75rem !important; + } + .mx-xxl-n4 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + .mx-xxl-n5 { + margin-right: -1.25rem !important; + margin-left: -1.25rem !important; + } + .mx-xxl-n6 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + .mx-xxl-n7 { + margin-right: -1.75rem !important; + margin-left: -1.75rem !important; + } + .mx-xxl-n8 { + margin-right: -2rem !important; + margin-left: -2rem !important; + } + .mx-xxl-n9 { + margin-right: -2.25rem !important; + margin-left: -2.25rem !important; + } + .mx-xxl-n10 { + margin-right: -2.5rem !important; + margin-left: -2.5rem !important; + } + .mx-xxl-n11 { + margin-right: -2.75rem !important; + margin-left: -2.75rem !important; + } + .mx-xxl-n12 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + .mx-xxl-n13 { + margin-right: -3.25rem !important; + margin-left: -3.25rem !important; + } + .mx-xxl-n14 { + margin-right: -3.5rem !important; + margin-left: -3.5rem !important; + } + .mx-xxl-n15 { + margin-right: -3.75rem !important; + margin-left: -3.75rem !important; + } + .mx-xxl-n16 { + margin-right: -4rem !important; + margin-left: -4rem !important; + } + .mx-xxl-n17 { + margin-right: -4.25rem !important; + margin-left: -4.25rem !important; + } + .mx-xxl-n18 { + margin-right: -4.5rem !important; + margin-left: -4.5rem !important; + } + .mx-xxl-n19 { + margin-right: -4.75rem !important; + margin-left: -4.75rem !important; + } + .mx-xxl-n20 { + margin-right: -5rem !important; + margin-left: -5rem !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: -0.75rem !important; + margin-bottom: -0.75rem !important; + } + .my-xxl-n4 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + .my-xxl-n5 { + margin-top: -1.25rem !important; + margin-bottom: -1.25rem !important; + } + .my-xxl-n6 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + .my-xxl-n7 { + margin-top: -1.75rem !important; + margin-bottom: -1.75rem !important; + } + .my-xxl-n8 { + margin-top: -2rem !important; + margin-bottom: -2rem !important; + } + .my-xxl-n9 { + margin-top: -2.25rem !important; + margin-bottom: -2.25rem !important; + } + .my-xxl-n10 { + margin-top: -2.5rem !important; + margin-bottom: -2.5rem !important; + } + .my-xxl-n11 { + margin-top: -2.75rem !important; + margin-bottom: -2.75rem !important; + } + .my-xxl-n12 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + .my-xxl-n13 { + margin-top: -3.25rem !important; + margin-bottom: -3.25rem !important; + } + .my-xxl-n14 { + margin-top: -3.5rem !important; + margin-bottom: -3.5rem !important; + } + .my-xxl-n15 { + margin-top: -3.75rem !important; + margin-bottom: -3.75rem !important; + } + .my-xxl-n16 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; + } + .my-xxl-n17 { + margin-top: -4.25rem !important; + margin-bottom: -4.25rem !important; + } + .my-xxl-n18 { + margin-top: -4.5rem !important; + margin-bottom: -4.5rem !important; + } + .my-xxl-n19 { + margin-top: -4.75rem !important; + margin-bottom: -4.75rem !important; + } + .my-xxl-n20 { + margin-top: -5rem !important; + margin-bottom: -5rem !important; + } + .mt-xxl-n1 { + margin-top: -0.25rem !important; + } + .mt-xxl-n2 { + margin-top: -0.5rem !important; + } + .mt-xxl-n3 { + margin-top: -0.75rem !important; + } + .mt-xxl-n4 { + margin-top: -1rem !important; + } + .mt-xxl-n5 { + margin-top: -1.25rem !important; + } + .mt-xxl-n6 { + margin-top: -1.5rem !important; + } + .mt-xxl-n7 { + margin-top: -1.75rem !important; + } + .mt-xxl-n8 { + margin-top: -2rem !important; + } + .mt-xxl-n9 { + margin-top: -2.25rem !important; + } + .mt-xxl-n10 { + margin-top: -2.5rem !important; + } + .mt-xxl-n11 { + margin-top: -2.75rem !important; + } + .mt-xxl-n12 { + margin-top: -3rem !important; + } + .mt-xxl-n13 { + margin-top: -3.25rem !important; + } + .mt-xxl-n14 { + margin-top: -3.5rem !important; + } + .mt-xxl-n15 { + margin-top: -3.75rem !important; + } + .mt-xxl-n16 { + margin-top: -4rem !important; + } + .mt-xxl-n17 { + margin-top: -4.25rem !important; + } + .mt-xxl-n18 { + margin-top: -4.5rem !important; + } + .mt-xxl-n19 { + margin-top: -4.75rem !important; + } + .mt-xxl-n20 { + margin-top: -5rem !important; + } + .me-xxl-n1 { + margin-right: -0.25rem !important; + } + .me-xxl-n2 { + margin-right: -0.5rem !important; + } + .me-xxl-n3 { + margin-right: -0.75rem !important; + } + .me-xxl-n4 { + margin-right: -1rem !important; + } + .me-xxl-n5 { + margin-right: -1.25rem !important; + } + .me-xxl-n6 { + margin-right: -1.5rem !important; + } + .me-xxl-n7 { + margin-right: -1.75rem !important; + } + .me-xxl-n8 { + margin-right: -2rem !important; + } + .me-xxl-n9 { + margin-right: -2.25rem !important; + } + .me-xxl-n10 { + margin-right: -2.5rem !important; + } + .me-xxl-n11 { + margin-right: -2.75rem !important; + } + .me-xxl-n12 { + margin-right: -3rem !important; + } + .me-xxl-n13 { + margin-right: -3.25rem !important; + } + .me-xxl-n14 { + margin-right: -3.5rem !important; + } + .me-xxl-n15 { + margin-right: -3.75rem !important; + } + .me-xxl-n16 { + margin-right: -4rem !important; + } + .me-xxl-n17 { + margin-right: -4.25rem !important; + } + .me-xxl-n18 { + margin-right: -4.5rem !important; + } + .me-xxl-n19 { + margin-right: -4.75rem !important; + } + .me-xxl-n20 { + margin-right: -5rem !important; + } + .mb-xxl-n1 { + margin-bottom: -0.25rem !important; + } + .mb-xxl-n2 { + margin-bottom: -0.5rem !important; + } + .mb-xxl-n3 { + margin-bottom: -0.75rem !important; + } + .mb-xxl-n4 { + margin-bottom: -1rem !important; + } + .mb-xxl-n5 { + margin-bottom: -1.25rem !important; + } + .mb-xxl-n6 { + margin-bottom: -1.5rem !important; + } + .mb-xxl-n7 { + margin-bottom: -1.75rem !important; + } + .mb-xxl-n8 { + margin-bottom: -2rem !important; + } + .mb-xxl-n9 { + margin-bottom: -2.25rem !important; + } + .mb-xxl-n10 { + margin-bottom: -2.5rem !important; + } + .mb-xxl-n11 { + margin-bottom: -2.75rem !important; + } + .mb-xxl-n12 { + margin-bottom: -3rem !important; + } + .mb-xxl-n13 { + margin-bottom: -3.25rem !important; + } + .mb-xxl-n14 { + margin-bottom: -3.5rem !important; + } + .mb-xxl-n15 { + margin-bottom: -3.75rem !important; + } + .mb-xxl-n16 { + margin-bottom: -4rem !important; + } + .mb-xxl-n17 { + margin-bottom: -4.25rem !important; + } + .mb-xxl-n18 { + margin-bottom: -4.5rem !important; + } + .mb-xxl-n19 { + margin-bottom: -4.75rem !important; + } + .mb-xxl-n20 { + margin-bottom: -5rem !important; + } + .ms-xxl-n1 { + margin-left: -0.25rem !important; + } + .ms-xxl-n2 { + margin-left: -0.5rem !important; + } + .ms-xxl-n3 { + margin-left: -0.75rem !important; + } + .ms-xxl-n4 { + margin-left: -1rem !important; + } + .ms-xxl-n5 { + margin-left: -1.25rem !important; + } + .ms-xxl-n6 { + margin-left: -1.5rem !important; + } + .ms-xxl-n7 { + margin-left: -1.75rem !important; + } + .ms-xxl-n8 { + margin-left: -2rem !important; + } + .ms-xxl-n9 { + margin-left: -2.25rem !important; + } + .ms-xxl-n10 { + margin-left: -2.5rem !important; + } + .ms-xxl-n11 { + margin-left: -2.75rem !important; + } + .ms-xxl-n12 { + margin-left: -3rem !important; + } + .ms-xxl-n13 { + margin-left: -3.25rem !important; + } + .ms-xxl-n14 { + margin-left: -3.5rem !important; + } + .ms-xxl-n15 { + margin-left: -3.75rem !important; + } + .ms-xxl-n16 { + margin-left: -4rem !important; + } + .ms-xxl-n17 { + margin-left: -4.25rem !important; + } + .ms-xxl-n18 { + margin-left: -4.5rem !important; + } + .ms-xxl-n19 { + margin-left: -4.75rem !important; + } + .ms-xxl-n20 { + margin-left: -5rem !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: 0.75rem !important; + } + .p-xxl-4 { + padding: 1rem !important; + } + .p-xxl-5 { + padding: 1.25rem !important; + } + .p-xxl-6 { + padding: 1.5rem !important; + } + .p-xxl-7 { + padding: 1.75rem !important; + } + .p-xxl-8 { + padding: 2rem !important; + } + .p-xxl-9 { + padding: 2.25rem !important; + } + .p-xxl-10 { + padding: 2.5rem !important; + } + .p-xxl-11 { + padding: 2.75rem !important; + } + .p-xxl-12 { + padding: 3rem !important; + } + .p-xxl-13 { + padding: 3.25rem !important; + } + .p-xxl-14 { + padding: 3.5rem !important; + } + .p-xxl-15 { + padding: 3.75rem !important; + } + .p-xxl-16 { + padding: 4rem !important; + } + .p-xxl-17 { + padding: 4.25rem !important; + } + .p-xxl-18 { + padding: 4.5rem !important; + } + .p-xxl-19 { + padding: 4.75rem !important; + } + .p-xxl-20 { + padding: 5rem !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: 0.75rem !important; + padding-left: 0.75rem !important; + } + .px-xxl-4 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-xxl-5 { + padding-right: 1.25rem !important; + padding-left: 1.25rem !important; + } + .px-xxl-6 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-xxl-7 { + padding-right: 1.75rem !important; + padding-left: 1.75rem !important; + } + .px-xxl-8 { + padding-right: 2rem !important; + padding-left: 2rem !important; + } + .px-xxl-9 { + padding-right: 2.25rem !important; + padding-left: 2.25rem !important; + } + .px-xxl-10 { + padding-right: 2.5rem !important; + padding-left: 2.5rem !important; + } + .px-xxl-11 { + padding-right: 2.75rem !important; + padding-left: 2.75rem !important; + } + .px-xxl-12 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .px-xxl-13 { + padding-right: 3.25rem !important; + padding-left: 3.25rem !important; + } + .px-xxl-14 { + padding-right: 3.5rem !important; + padding-left: 3.5rem !important; + } + .px-xxl-15 { + padding-right: 3.75rem !important; + padding-left: 3.75rem !important; + } + .px-xxl-16 { + padding-right: 4rem !important; + padding-left: 4rem !important; + } + .px-xxl-17 { + padding-right: 4.25rem !important; + padding-left: 4.25rem !important; + } + .px-xxl-18 { + padding-right: 4.5rem !important; + padding-left: 4.5rem !important; + } + .px-xxl-19 { + padding-right: 4.75rem !important; + padding-left: 4.75rem !important; + } + .px-xxl-20 { + padding-right: 5rem !important; + padding-left: 5rem !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: 0.75rem !important; + padding-bottom: 0.75rem !important; + } + .py-xxl-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-xxl-5 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; + } + .py-xxl-6 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-xxl-7 { + padding-top: 1.75rem !important; + padding-bottom: 1.75rem !important; + } + .py-xxl-8 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; + } + .py-xxl-9 { + padding-top: 2.25rem !important; + padding-bottom: 2.25rem !important; + } + .py-xxl-10 { + padding-top: 2.5rem !important; + padding-bottom: 2.5rem !important; + } + .py-xxl-11 { + padding-top: 2.75rem !important; + padding-bottom: 2.75rem !important; + } + .py-xxl-12 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .py-xxl-13 { + padding-top: 3.25rem !important; + padding-bottom: 3.25rem !important; + } + .py-xxl-14 { + padding-top: 3.5rem !important; + padding-bottom: 3.5rem !important; + } + .py-xxl-15 { + padding-top: 3.75rem !important; + padding-bottom: 3.75rem !important; + } + .py-xxl-16 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; + } + .py-xxl-17 { + padding-top: 4.25rem !important; + padding-bottom: 4.25rem !important; + } + .py-xxl-18 { + padding-top: 4.5rem !important; + padding-bottom: 4.5rem !important; + } + .py-xxl-19 { + padding-top: 4.75rem !important; + padding-bottom: 4.75rem !important; + } + .py-xxl-20 { + padding-top: 5rem !important; + padding-bottom: 5rem !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: 0.75rem !important; + } + .pt-xxl-4 { + padding-top: 1rem !important; + } + .pt-xxl-5 { + padding-top: 1.25rem !important; + } + .pt-xxl-6 { + padding-top: 1.5rem !important; + } + .pt-xxl-7 { + padding-top: 1.75rem !important; + } + .pt-xxl-8 { + padding-top: 2rem !important; + } + .pt-xxl-9 { + padding-top: 2.25rem !important; + } + .pt-xxl-10 { + padding-top: 2.5rem !important; + } + .pt-xxl-11 { + padding-top: 2.75rem !important; + } + .pt-xxl-12 { + padding-top: 3rem !important; + } + .pt-xxl-13 { + padding-top: 3.25rem !important; + } + .pt-xxl-14 { + padding-top: 3.5rem !important; + } + .pt-xxl-15 { + padding-top: 3.75rem !important; + } + .pt-xxl-16 { + padding-top: 4rem !important; + } + .pt-xxl-17 { + padding-top: 4.25rem !important; + } + .pt-xxl-18 { + padding-top: 4.5rem !important; + } + .pt-xxl-19 { + padding-top: 4.75rem !important; + } + .pt-xxl-20 { + padding-top: 5rem !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: 0.75rem !important; + } + .pe-xxl-4 { + padding-right: 1rem !important; + } + .pe-xxl-5 { + padding-right: 1.25rem !important; + } + .pe-xxl-6 { + padding-right: 1.5rem !important; + } + .pe-xxl-7 { + padding-right: 1.75rem !important; + } + .pe-xxl-8 { + padding-right: 2rem !important; + } + .pe-xxl-9 { + padding-right: 2.25rem !important; + } + .pe-xxl-10 { + padding-right: 2.5rem !important; + } + .pe-xxl-11 { + padding-right: 2.75rem !important; + } + .pe-xxl-12 { + padding-right: 3rem !important; + } + .pe-xxl-13 { + padding-right: 3.25rem !important; + } + .pe-xxl-14 { + padding-right: 3.5rem !important; + } + .pe-xxl-15 { + padding-right: 3.75rem !important; + } + .pe-xxl-16 { + padding-right: 4rem !important; + } + .pe-xxl-17 { + padding-right: 4.25rem !important; + } + .pe-xxl-18 { + padding-right: 4.5rem !important; + } + .pe-xxl-19 { + padding-right: 4.75rem !important; + } + .pe-xxl-20 { + padding-right: 5rem !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: 0.75rem !important; + } + .pb-xxl-4 { + padding-bottom: 1rem !important; + } + .pb-xxl-5 { + padding-bottom: 1.25rem !important; + } + .pb-xxl-6 { + padding-bottom: 1.5rem !important; + } + .pb-xxl-7 { + padding-bottom: 1.75rem !important; + } + .pb-xxl-8 { + padding-bottom: 2rem !important; + } + .pb-xxl-9 { + padding-bottom: 2.25rem !important; + } + .pb-xxl-10 { + padding-bottom: 2.5rem !important; + } + .pb-xxl-11 { + padding-bottom: 2.75rem !important; + } + .pb-xxl-12 { + padding-bottom: 3rem !important; + } + .pb-xxl-13 { + padding-bottom: 3.25rem !important; + } + .pb-xxl-14 { + padding-bottom: 3.5rem !important; + } + .pb-xxl-15 { + padding-bottom: 3.75rem !important; + } + .pb-xxl-16 { + padding-bottom: 4rem !important; + } + .pb-xxl-17 { + padding-bottom: 4.25rem !important; + } + .pb-xxl-18 { + padding-bottom: 4.5rem !important; + } + .pb-xxl-19 { + padding-bottom: 4.75rem !important; + } + .pb-xxl-20 { + padding-bottom: 5rem !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: 0.75rem !important; + } + .ps-xxl-4 { + padding-left: 1rem !important; + } + .ps-xxl-5 { + padding-left: 1.25rem !important; + } + .ps-xxl-6 { + padding-left: 1.5rem !important; + } + .ps-xxl-7 { + padding-left: 1.75rem !important; + } + .ps-xxl-8 { + padding-left: 2rem !important; + } + .ps-xxl-9 { + padding-left: 2.25rem !important; + } + .ps-xxl-10 { + padding-left: 2.5rem !important; + } + .ps-xxl-11 { + padding-left: 2.75rem !important; + } + .ps-xxl-12 { + padding-left: 3rem !important; + } + .ps-xxl-13 { + padding-left: 3.25rem !important; + } + .ps-xxl-14 { + padding-left: 3.5rem !important; + } + .ps-xxl-15 { + padding-left: 3.75rem !important; + } + .ps-xxl-16 { + padding-left: 4rem !important; + } + .ps-xxl-17 { + padding-left: 4.25rem !important; + } + .ps-xxl-18 { + padding-left: 4.5rem !important; + } + .ps-xxl-19 { + padding-left: 4.75rem !important; + } + .ps-xxl-20 { + padding-left: 5rem !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: 0.75rem !important; + } + .gap-xxl-4 { + gap: 1rem !important; + } + .gap-xxl-5 { + gap: 1.25rem !important; + } + .gap-xxl-6 { + gap: 1.5rem !important; + } + .gap-xxl-7 { + gap: 1.75rem !important; + } + .gap-xxl-8 { + gap: 2rem !important; + } + .gap-xxl-9 { + gap: 2.25rem !important; + } + .gap-xxl-10 { + gap: 2.5rem !important; + } + .gap-xxl-11 { + gap: 2.75rem !important; + } + .gap-xxl-12 { + gap: 3rem !important; + } + .gap-xxl-13 { + gap: 3.25rem !important; + } + .gap-xxl-14 { + gap: 3.5rem !important; + } + .gap-xxl-15 { + gap: 3.75rem !important; + } + .gap-xxl-16 { + gap: 4rem !important; + } + .gap-xxl-17 { + gap: 4.25rem !important; + } + .gap-xxl-18 { + gap: 4.5rem !important; + } + .gap-xxl-19 { + gap: 4.75rem !important; + } + .gap-xxl-20 { + gap: 5rem !important; + } + .row-gap-xxl-0 { + row-gap: 0 !important; + } + .row-gap-xxl-1 { + row-gap: 0.25rem !important; + } + .row-gap-xxl-2 { + row-gap: 0.5rem !important; + } + .row-gap-xxl-3 { + row-gap: 0.75rem !important; + } + .row-gap-xxl-4 { + row-gap: 1rem !important; + } + .row-gap-xxl-5 { + row-gap: 1.25rem !important; + } + .row-gap-xxl-6 { + row-gap: 1.5rem !important; + } + .row-gap-xxl-7 { + row-gap: 1.75rem !important; + } + .row-gap-xxl-8 { + row-gap: 2rem !important; + } + .row-gap-xxl-9 { + row-gap: 2.25rem !important; + } + .row-gap-xxl-10 { + row-gap: 2.5rem !important; + } + .row-gap-xxl-11 { + row-gap: 2.75rem !important; + } + .row-gap-xxl-12 { + row-gap: 3rem !important; + } + .row-gap-xxl-13 { + row-gap: 3.25rem !important; + } + .row-gap-xxl-14 { + row-gap: 3.5rem !important; + } + .row-gap-xxl-15 { + row-gap: 3.75rem !important; + } + .row-gap-xxl-16 { + row-gap: 4rem !important; + } + .row-gap-xxl-17 { + row-gap: 4.25rem !important; + } + .row-gap-xxl-18 { + row-gap: 4.5rem !important; + } + .row-gap-xxl-19 { + row-gap: 4.75rem !important; + } + .row-gap-xxl-20 { + row-gap: 5rem !important; + } + .column-gap-xxl-0 { + column-gap: 0 !important; + } + .column-gap-xxl-1 { + column-gap: 0.25rem !important; + } + .column-gap-xxl-2 { + column-gap: 0.5rem !important; + } + .column-gap-xxl-3 { + column-gap: 0.75rem !important; + } + .column-gap-xxl-4 { + column-gap: 1rem !important; + } + .column-gap-xxl-5 { + column-gap: 1.25rem !important; + } + .column-gap-xxl-6 { + column-gap: 1.5rem !important; + } + .column-gap-xxl-7 { + column-gap: 1.75rem !important; + } + .column-gap-xxl-8 { + column-gap: 2rem !important; + } + .column-gap-xxl-9 { + column-gap: 2.25rem !important; + } + .column-gap-xxl-10 { + column-gap: 2.5rem !important; + } + .column-gap-xxl-11 { + column-gap: 2.75rem !important; + } + .column-gap-xxl-12 { + column-gap: 3rem !important; + } + .column-gap-xxl-13 { + column-gap: 3.25rem !important; + } + .column-gap-xxl-14 { + column-gap: 3.5rem !important; + } + .column-gap-xxl-15 { + column-gap: 3.75rem !important; + } + .column-gap-xxl-16 { + column-gap: 4rem !important; + } + .column-gap-xxl-17 { + column-gap: 4.25rem !important; + } + .column-gap-xxl-18 { + column-gap: 4.5rem !important; + } + .column-gap-xxl-19 { + column-gap: 4.75rem !important; + } + .column-gap-xxl-20 { + column-gap: 5rem !important; + } + .fs-xxl-1 { + font-size: calc(1.3rem + 0.6vw) !important; + } + .fs-xxl-2 { + font-size: calc(1.275rem + 0.3vw) !important; + } + .fs-xxl-3 { + font-size: calc(1.26rem + 0.12vw) !important; + } + .fs-xxl-4 { + font-size: 1.25rem !important; + } + .fs-xxl-5 { + font-size: 1.15rem !important; + } + .fs-xxl-6 { + font-size: 1.075rem !important; + } + .fs-xxl-7 { + font-size: 0.95rem !important; + } + .fs-xxl-8 { + font-size: 0.85rem !important; + } + .fs-xxl-9 { + font-size: 0.75rem !important; + } + .fs-xxl-10 { + font-size: 0.5rem !important; + } + .fs-xxl-sm { + font-size: 0.95rem !important; + } + .fs-xxl-base { + font-size: 1rem !important; + } + .fs-xxl-lg { + font-size: 1.075rem !important; + } + .fs-xxl-xl { + font-size: 1.21rem !important; + } + .fs-xxl-fluid { + font-size: 100% !important; + } + .fs-xxl-2x { + font-size: calc(1.325rem + 0.9vw) !important; + } + .fs-xxl-2qx { + font-size: calc(1.35rem + 1.2vw) !important; + } + .fs-xxl-2hx { + font-size: calc(1.375rem + 1.5vw) !important; + } + .fs-xxl-2tx { + font-size: calc(1.4rem + 1.8vw) !important; + } + .fs-xxl-3x { + font-size: calc(1.425rem + 2.1vw) !important; + } + .fs-xxl-3qx { + font-size: calc(1.45rem + 2.4vw) !important; + } + .fs-xxl-3hx { + font-size: calc(1.475rem + 2.7vw) !important; + } + .fs-xxl-3tx { + font-size: calc(1.5rem + 3vw) !important; + } + .fs-xxl-4x { + font-size: calc(1.525rem + 3.3vw) !important; + } + .fs-xxl-4qx { + font-size: calc(1.55rem + 3.6vw) !important; + } + .fs-xxl-4hx { + font-size: calc(1.575rem + 3.9vw) !important; + } + .fs-xxl-4tx { + font-size: calc(1.6rem + 4.2vw) !important; + } + .fs-xxl-5x { + font-size: calc(1.625rem + 4.5vw) !important; + } + .fs-xxl-5qx { + font-size: calc(1.65rem + 4.8vw) !important; + } + .fs-xxl-5hx { + font-size: calc(1.675rem + 5.1vw) !important; + } + .fs-xxl-5tx { + font-size: calc(1.7rem + 5.4vw) !important; + } + .fs-xxl-6x { + font-size: calc(1.725rem + 5.7vw) !important; + } + .fs-xxl-6qx { + font-size: calc(1.75rem + 6vw) !important; + } + .fs-xxl-6hx { + font-size: calc(1.775rem + 6.3vw) !important; + } + .fs-xxl-6tx { + font-size: calc(1.8rem + 6.6vw) !important; + } + .fs-xxl-7x { + font-size: calc(1.825rem + 6.9vw) !important; + } + .fs-xxl-7qx { + font-size: calc(1.85rem + 7.2vw) !important; + } + .fs-xxl-7hx { + font-size: calc(1.875rem + 7.5vw) !important; + } + .fs-xxl-7tx { + font-size: calc(1.9rem + 7.8vw) !important; + } + .text-xxl-start { + text-align: left !important; + } + .text-xxl-end { + text-align: right !important; + } + .text-xxl-center { + text-align: center !important; + } + .min-w-xxl-unset { + min-width: unset !important; + } + .min-w-xxl-25 { + min-width: 25% !important; + } + .min-w-xxl-50 { + min-width: 50% !important; + } + .min-w-xxl-75 { + min-width: 75% !important; + } + .min-w-xxl-100 { + min-width: 100% !important; + } + .min-w-xxl-auto { + min-width: auto !important; + } + .min-w-xxl-1px { + min-width: 1px !important; + } + .min-w-xxl-2px { + min-width: 2px !important; + } + .min-w-xxl-3px { + min-width: 3px !important; + } + .min-w-xxl-4px { + min-width: 4px !important; + } + .min-w-xxl-5px { + min-width: 5px !important; + } + .min-w-xxl-6px { + min-width: 6px !important; + } + .min-w-xxl-7px { + min-width: 7px !important; + } + .min-w-xxl-8px { + min-width: 8px !important; + } + .min-w-xxl-9px { + min-width: 9px !important; + } + .min-w-xxl-10px { + min-width: 10px !important; + } + .min-w-xxl-15px { + min-width: 15px !important; + } + .min-w-xxl-20px { + min-width: 20px !important; + } + .min-w-xxl-25px { + min-width: 25px !important; + } + .min-w-xxl-30px { + min-width: 30px !important; + } + .min-w-xxl-35px { + min-width: 35px !important; + } + .min-w-xxl-40px { + min-width: 40px !important; + } + .min-w-xxl-45px { + min-width: 45px !important; + } + .min-w-xxl-50px { + min-width: 50px !important; + } + .min-w-xxl-55px { + min-width: 55px !important; + } + .min-w-xxl-60px { + min-width: 60px !important; + } + .min-w-xxl-65px { + min-width: 65px !important; + } + .min-w-xxl-70px { + min-width: 70px !important; + } + .min-w-xxl-75px { + min-width: 75px !important; + } + .min-w-xxl-80px { + min-width: 80px !important; + } + .min-w-xxl-85px { + min-width: 85px !important; + } + .min-w-xxl-90px { + min-width: 90px !important; + } + .min-w-xxl-95px { + min-width: 95px !important; + } + .min-w-xxl-100px { + min-width: 100px !important; + } + .min-w-xxl-125px { + min-width: 125px !important; + } + .min-w-xxl-150px { + min-width: 150px !important; + } + .min-w-xxl-175px { + min-width: 175px !important; + } + .min-w-xxl-200px { + min-width: 200px !important; + } + .min-w-xxl-225px { + min-width: 225px !important; + } + .min-w-xxl-250px { + min-width: 250px !important; + } + .min-w-xxl-275px { + min-width: 275px !important; + } + .min-w-xxl-300px { + min-width: 300px !important; + } + .min-w-xxl-325px { + min-width: 325px !important; + } + .min-w-xxl-350px { + min-width: 350px !important; + } + .min-w-xxl-375px { + min-width: 375px !important; + } + .min-w-xxl-400px { + min-width: 400px !important; + } + .min-w-xxl-425px { + min-width: 425px !important; + } + .min-w-xxl-450px { + min-width: 450px !important; + } + .min-w-xxl-475px { + min-width: 475px !important; + } + .min-w-xxl-500px { + min-width: 500px !important; + } + .min-w-xxl-550px { + min-width: 550px !important; + } + .min-w-xxl-600px { + min-width: 600px !important; + } + .min-w-xxl-650px { + min-width: 650px !important; + } + .min-w-xxl-700px { + min-width: 700px !important; + } + .min-w-xxl-750px { + min-width: 750px !important; + } + .min-w-xxl-800px { + min-width: 800px !important; + } + .min-w-xxl-850px { + min-width: 850px !important; + } + .min-w-xxl-900px { + min-width: 900px !important; + } + .min-w-xxl-950px { + min-width: 950px !important; + } + .min-w-xxl-1000px { + min-width: 1000px !important; + } + .min-h-xxl-unset { + min-height: unset !important; + } + .min-h-xxl-25 { + min-height: 25% !important; + } + .min-h-xxl-50 { + min-height: 50% !important; + } + .min-h-xxl-75 { + min-height: 75% !important; + } + .min-h-xxl-100 { + min-height: 100% !important; + } + .min-h-xxl-auto { + min-height: auto !important; + } + .min-h-xxl-1px { + min-height: 1px !important; + } + .min-h-xxl-2px { + min-height: 2px !important; + } + .min-h-xxl-3px { + min-height: 3px !important; + } + .min-h-xxl-4px { + min-height: 4px !important; + } + .min-h-xxl-5px { + min-height: 5px !important; + } + .min-h-xxl-6px { + min-height: 6px !important; + } + .min-h-xxl-7px { + min-height: 7px !important; + } + .min-h-xxl-8px { + min-height: 8px !important; + } + .min-h-xxl-9px { + min-height: 9px !important; + } + .min-h-xxl-10px { + min-height: 10px !important; + } + .min-h-xxl-15px { + min-height: 15px !important; + } + .min-h-xxl-20px { + min-height: 20px !important; + } + .min-h-xxl-25px { + min-height: 25px !important; + } + .min-h-xxl-30px { + min-height: 30px !important; + } + .min-h-xxl-35px { + min-height: 35px !important; + } + .min-h-xxl-40px { + min-height: 40px !important; + } + .min-h-xxl-45px { + min-height: 45px !important; + } + .min-h-xxl-50px { + min-height: 50px !important; + } + .min-h-xxl-55px { + min-height: 55px !important; + } + .min-h-xxl-60px { + min-height: 60px !important; + } + .min-h-xxl-65px { + min-height: 65px !important; + } + .min-h-xxl-70px { + min-height: 70px !important; + } + .min-h-xxl-75px { + min-height: 75px !important; + } + .min-h-xxl-80px { + min-height: 80px !important; + } + .min-h-xxl-85px { + min-height: 85px !important; + } + .min-h-xxl-90px { + min-height: 90px !important; + } + .min-h-xxl-95px { + min-height: 95px !important; + } + .min-h-xxl-100px { + min-height: 100px !important; + } + .min-h-xxl-125px { + min-height: 125px !important; + } + .min-h-xxl-150px { + min-height: 150px !important; + } + .min-h-xxl-175px { + min-height: 175px !important; + } + .min-h-xxl-200px { + min-height: 200px !important; + } + .min-h-xxl-225px { + min-height: 225px !important; + } + .min-h-xxl-250px { + min-height: 250px !important; + } + .min-h-xxl-275px { + min-height: 275px !important; + } + .min-h-xxl-300px { + min-height: 300px !important; + } + .min-h-xxl-325px { + min-height: 325px !important; + } + .min-h-xxl-350px { + min-height: 350px !important; + } + .min-h-xxl-375px { + min-height: 375px !important; + } + .min-h-xxl-400px { + min-height: 400px !important; + } + .min-h-xxl-425px { + min-height: 425px !important; + } + .min-h-xxl-450px { + min-height: 450px !important; + } + .min-h-xxl-475px { + min-height: 475px !important; + } + .min-h-xxl-500px { + min-height: 500px !important; + } + .min-h-xxl-550px { + min-height: 550px !important; + } + .min-h-xxl-600px { + min-height: 600px !important; + } + .min-h-xxl-650px { + min-height: 650px !important; + } + .min-h-xxl-700px { + min-height: 700px !important; + } + .min-h-xxl-750px { + min-height: 750px !important; + } + .min-h-xxl-800px { + min-height: 800px !important; + } + .min-h-xxl-850px { + min-height: 850px !important; + } + .min-h-xxl-900px { + min-height: 900px !important; + } + .min-h-xxl-950px { + min-height: 950px !important; + } + .min-h-xxl-1000px { + min-height: 1000px !important; + } +} +@media (min-width: 1200px) { + .fs-1 { + font-size: 1.75rem !important; + } + .fs-2 { + font-size: 1.5rem !important; + } + .fs-3 { + font-size: 1.35rem !important; + } + .fs-2x { + font-size: 2rem !important; + } + .fs-2qx { + font-size: 2.25rem !important; + } + .fs-2hx { + font-size: 2.5rem !important; + } + .fs-2tx { + font-size: 2.75rem !important; + } + .fs-3x { + font-size: 3rem !important; + } + .fs-3qx { + font-size: 3.25rem !important; + } + .fs-3hx { + font-size: 3.5rem !important; + } + .fs-3tx { + font-size: 3.75rem !important; + } + .fs-4x { + font-size: 4rem !important; + } + .fs-4qx { + font-size: 4.25rem !important; + } + .fs-4hx { + font-size: 4.5rem !important; + } + .fs-4tx { + font-size: 4.75rem !important; + } + .fs-5x { + font-size: 5rem !important; + } + .fs-5qx { + font-size: 5.25rem !important; + } + .fs-5hx { + font-size: 5.5rem !important; + } + .fs-5tx { + font-size: 5.75rem !important; + } + .fs-6x { + font-size: 6rem !important; + } + .fs-6qx { + font-size: 6.25rem !important; + } + .fs-6hx { + font-size: 6.5rem !important; + } + .fs-6tx { + font-size: 6.75rem !important; + } + .fs-7x { + font-size: 7rem !important; + } + .fs-7qx { + font-size: 7.25rem !important; + } + .fs-7hx { + font-size: 7.5rem !important; + } + .fs-7tx { + font-size: 7.75rem !important; + } + .fs-sm-1 { + font-size: 1.75rem !important; + } + .fs-sm-2 { + font-size: 1.5rem !important; + } + .fs-sm-3 { + font-size: 1.35rem !important; + } + .fs-sm-2x { + font-size: 2rem !important; + } + .fs-sm-2qx { + font-size: 2.25rem !important; + } + .fs-sm-2hx { + font-size: 2.5rem !important; + } + .fs-sm-2tx { + font-size: 2.75rem !important; + } + .fs-sm-3x { + font-size: 3rem !important; + } + .fs-sm-3qx { + font-size: 3.25rem !important; + } + .fs-sm-3hx { + font-size: 3.5rem !important; + } + .fs-sm-3tx { + font-size: 3.75rem !important; + } + .fs-sm-4x { + font-size: 4rem !important; + } + .fs-sm-4qx { + font-size: 4.25rem !important; + } + .fs-sm-4hx { + font-size: 4.5rem !important; + } + .fs-sm-4tx { + font-size: 4.75rem !important; + } + .fs-sm-5x { + font-size: 5rem !important; + } + .fs-sm-5qx { + font-size: 5.25rem !important; + } + .fs-sm-5hx { + font-size: 5.5rem !important; + } + .fs-sm-5tx { + font-size: 5.75rem !important; + } + .fs-sm-6x { + font-size: 6rem !important; + } + .fs-sm-6qx { + font-size: 6.25rem !important; + } + .fs-sm-6hx { + font-size: 6.5rem !important; + } + .fs-sm-6tx { + font-size: 6.75rem !important; + } + .fs-sm-7x { + font-size: 7rem !important; + } + .fs-sm-7qx { + font-size: 7.25rem !important; + } + .fs-sm-7hx { + font-size: 7.5rem !important; + } + .fs-sm-7tx { + font-size: 7.75rem !important; + } + .fs-md-1 { + font-size: 1.75rem !important; + } + .fs-md-2 { + font-size: 1.5rem !important; + } + .fs-md-3 { + font-size: 1.35rem !important; + } + .fs-md-2x { + font-size: 2rem !important; + } + .fs-md-2qx { + font-size: 2.25rem !important; + } + .fs-md-2hx { + font-size: 2.5rem !important; + } + .fs-md-2tx { + font-size: 2.75rem !important; + } + .fs-md-3x { + font-size: 3rem !important; + } + .fs-md-3qx { + font-size: 3.25rem !important; + } + .fs-md-3hx { + font-size: 3.5rem !important; + } + .fs-md-3tx { + font-size: 3.75rem !important; + } + .fs-md-4x { + font-size: 4rem !important; + } + .fs-md-4qx { + font-size: 4.25rem !important; + } + .fs-md-4hx { + font-size: 4.5rem !important; + } + .fs-md-4tx { + font-size: 4.75rem !important; + } + .fs-md-5x { + font-size: 5rem !important; + } + .fs-md-5qx { + font-size: 5.25rem !important; + } + .fs-md-5hx { + font-size: 5.5rem !important; + } + .fs-md-5tx { + font-size: 5.75rem !important; + } + .fs-md-6x { + font-size: 6rem !important; + } + .fs-md-6qx { + font-size: 6.25rem !important; + } + .fs-md-6hx { + font-size: 6.5rem !important; + } + .fs-md-6tx { + font-size: 6.75rem !important; + } + .fs-md-7x { + font-size: 7rem !important; + } + .fs-md-7qx { + font-size: 7.25rem !important; + } + .fs-md-7hx { + font-size: 7.5rem !important; + } + .fs-md-7tx { + font-size: 7.75rem !important; + } + .fs-lg-1 { + font-size: 1.75rem !important; + } + .fs-lg-2 { + font-size: 1.5rem !important; + } + .fs-lg-3 { + font-size: 1.35rem !important; + } + .fs-lg-2x { + font-size: 2rem !important; + } + .fs-lg-2qx { + font-size: 2.25rem !important; + } + .fs-lg-2hx { + font-size: 2.5rem !important; + } + .fs-lg-2tx { + font-size: 2.75rem !important; + } + .fs-lg-3x { + font-size: 3rem !important; + } + .fs-lg-3qx { + font-size: 3.25rem !important; + } + .fs-lg-3hx { + font-size: 3.5rem !important; + } + .fs-lg-3tx { + font-size: 3.75rem !important; + } + .fs-lg-4x { + font-size: 4rem !important; + } + .fs-lg-4qx { + font-size: 4.25rem !important; + } + .fs-lg-4hx { + font-size: 4.5rem !important; + } + .fs-lg-4tx { + font-size: 4.75rem !important; + } + .fs-lg-5x { + font-size: 5rem !important; + } + .fs-lg-5qx { + font-size: 5.25rem !important; + } + .fs-lg-5hx { + font-size: 5.5rem !important; + } + .fs-lg-5tx { + font-size: 5.75rem !important; + } + .fs-lg-6x { + font-size: 6rem !important; + } + .fs-lg-6qx { + font-size: 6.25rem !important; + } + .fs-lg-6hx { + font-size: 6.5rem !important; + } + .fs-lg-6tx { + font-size: 6.75rem !important; + } + .fs-lg-7x { + font-size: 7rem !important; + } + .fs-lg-7qx { + font-size: 7.25rem !important; + } + .fs-lg-7hx { + font-size: 7.5rem !important; + } + .fs-lg-7tx { + font-size: 7.75rem !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-inline-grid { + display: inline-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; + } +} +:root { + --bs-xs:0; + --bs-sm:576px; + --bs-md:768px; + --bs-lg:992px; + --bs-xl:1200px; + --bs-xxl:1400px; + --bs-scrollbar-size: 5px; + --bs-scrollbar-overlay-size: 19px; + --bs-scrollbar-overlay-space: 7px; + --bs-white-bg-rgb: 255, 255, 255; + --bs-black-bg-rgb: 0, 0, 0; +} + +[data-bs-theme=light] { + --bs-text-muted: #99A1B7; + --bs-gray-100: #F9F9F9; + --bs-gray-100-rgb: 249, 249, 249; + --bs-gray-200: #F1F1F4; + --bs-gray-200-rgb: 241, 241, 244; + --bs-gray-300: #DBDFE9; + --bs-gray-300-rgb: 219, 223, 233; + --bs-gray-400: #C4CADA; + --bs-gray-400-rgb: 196, 202, 218; + --bs-gray-500: #99A1B7; + --bs-gray-500-rgb: 153, 161, 183; + --bs-gray-600: #78829D; + --bs-gray-600-rgb: 120, 130, 157; + --bs-gray-700: #4B5675; + --bs-gray-700-rgb: 75, 86, 117; + --bs-gray-800: #252F4A; + --bs-gray-800-rgb: 37, 47, 74; + --bs-gray-900: #071437; + --bs-gray-900-rgb: 7, 20, 55; + --bs-light: #F9F9F9; + --bs-primary: #1B84FF; + --bs-secondary: #F1F1F4; + --bs-success: #17C653; + --bs-info: #7239EA; + --bs-warning: #F6C000; + --bs-danger: #F8285A; + --bs-dark: #1E2129; + --bs-primary-active: #056EE9; + --bs-secondary-active: #C4CADA; + --bs-light-active: #F1F1F4; + --bs-success-active: #04B440; + --bs-info-active: #5014D0; + --bs-warning-active: #DEAD00; + --bs-danger-active: #D81A48; + --bs-dark-active: #111318; + --bs-primary-light: #E9F3FF; + --bs-secondary-light: #F9F9F9; + --bs-success-light: #DFFFEA; + --bs-info-light: #F8F5FF; + --bs-warning-light: #FFF8DD; + --bs-danger-light: #FFEEF3; + --bs-dark-light: #F9F9F9; + --bs-light-light: #ffffff; + --bs-primary-inverse: #ffffff; + --bs-secondary-inverse: #252F4A; + --bs-light-inverse: #252F4A; + --bs-success-inverse: #ffffff; + --bs-info-inverse: #ffffff; + --bs-warning-inverse: #ffffff; + --bs-danger-inverse: #ffffff; + --bs-dark-inverse: #ffffff; + --bs-primary-clarity: rgba(27, 132, 255, 0.2); + --bs-secondary-clarity: rgba(249, 249, 249, 0.2); + --bs-success-clarity: rgba(23, 198, 83, 0.2); + --bs-info-clarity: rgba(114, 57, 234, 0.2); + --bs-warning-clarity: rgba(246, 192, 0, 0.2); + --bs-danger-clarity: rgba(248, 40, 90, 0.2); + --bs-dark-clarity: rgba(30, 33, 41, 0.2); + --bs-light-clarity: rgba(255, 255, 255, 0.2); + --bs-light-rgb: 249, 249, 249; + --bs-primary-rgb: 27, 132, 255; + --bs-secondary-rgb: 241, 241, 244; + --bs-success-rgb: 23, 198, 83; + --bs-info-rgb: 114, 57, 234; + --bs-warning-rgb: 246, 192, 0; + --bs-danger-rgb: 248, 40, 90; + --bs-dark-rgb: 30, 33, 41; + --bs-text-white: #ffffff; + --bs-text-primary: #1B84FF; + --bs-text-secondary: #F1F1F4; + --bs-text-light: #F9F9F9; + --bs-text-success: #17C653; + --bs-text-info: #7239EA; + --bs-text-warning: #F6C000; + --bs-text-danger: #F8285A; + --bs-text-dark: #1E2129; + --bs-text-muted: #99A1B7; + --bs-text-gray-100: #F9F9F9; + --bs-text-gray-200: #F1F1F4; + --bs-text-gray-300: #DBDFE9; + --bs-text-gray-400: #C4CADA; + --bs-text-gray-500: #99A1B7; + --bs-text-gray-600: #78829D; + --bs-text-gray-700: #4B5675; + --bs-text-gray-800: #252F4A; + --bs-text-gray-900: #071437; + --bs-border-color: #F1F1F4; + --bs-border-dashed-color: #DBDFE9; + --bs-component-active-color: #ffffff; + --bs-component-active-bg: #1B84FF; + --bs-component-hover-color: #1B84FF; + --bs-component-hover-bg: #F9F9F9; + --bs-component-checked-color: #ffffff; + --bs-component-checked-bg: #1B84FF; + --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05); + --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05); + --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075); + --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1); + --bs-input-bg: var(--bs-body-bg); + --bs-input-color: var(--bs-gray-700); + --bs-input-solid-color: var(--bs-gray-700); + --bs-input-solid-bg: var(--bs-gray-100); + --bs-input-solid-bg-focus: var(--bs-gray-200); + --bs-input-solid-placeholder-color: var(--bs-gray-500); + --bs-root-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03); + --bs-root-card-border-color: #F1F1F4; + --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15); + --bs-table-striped-bg: rgba(var(--bs-gray-100-rgb), 0.75); + --bs-table-loading-message-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15); + --bs-dropdown-bg: var(--bs-body-bg); + --bs-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15); + --bs-code-bg: #f1f3f8; + --bs-code-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08); + --bs-code-border-color: transparent; + --bs-code-color: #b93993; + --bs-symbol-label-color: var(--bs-gray-800); + --bs-symbol-label-bg: var(--bs-gray-100); + --bs-symbol-border-color: rgba(var(--bs-body-bg), 0.5); + --bs-bullet-bg-color: var(--bs-gray-400); + --bs-scrolltop-opacity: 0; + --bs-scrolltop-opacity-on: 0.3; + --bs-scrolltop-opacity-hover: 1; + --bs-scrolltop-box-shadow: var(--bs-box-shadow); + --bs-scrolltop-bg-color: var(--bs-primary); + --bs-scrolltop-bg-color-hover: var(--bs-primary); + --bs-scrolltop-icon-color: var(--bs-primary-inverse); + --bs-scrolltop-icon-color-hover: var(--bs-primary-inverse); + --bs-drawer-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05); + --bs-drawer-bg-color: #ffffff; + --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2); + --bs-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15); + --bs-menu-dropdown-bg-color: var(--bs-body-bg); + --bs-menu-heading-color: #99A1B7; + --bs-menu-link-color-hover: #1B84FF; + --bs-menu-link-color-show: #1B84FF; + --bs-menu-link-color-here: #1B84FF; + --bs-menu-link-color-active: #1B84FF; + --bs-menu-link-bg-color-hover: #F9F9F9; + --bs-menu-link-bg-color-show: #F9F9F9; + --bs-menu-link-bg-color-here: #F9F9F9; + --bs-menu-link-bg-color-active: #F9F9F9; + --bs-scrollbar-color: #F1F1F4; + --bs-scrollbar-hover-color: #DBDFE9; + --bs-overlay-bg: rgba(0, 0, 0, 0.05); + --bs-blockui-overlay-bg: rgba(0, 0, 0, 0.05); + --bs-rating-color-default: #C4CADA; + --bs-rating-color-active: #FFAD0F; + --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(30, 33, 41, 0.1); + --bs-ribbon-label-bg: #1B84FF; + --bs-ribbon-label-border-color: #0053b4; + --bs-ribbon-clip-bg: #1E2129; + --bs-engage-btn-bg: #ffffff; + --bs-engage-btn-box-shadow: 0px 0px 22px #E0E0E0; + --bs-engage-btn-border-color: #E8E8E8; + --bs-engage-btn-color: #252F4A; + --bs-engage-btn-icon-color: #78829D; + --bs-engage-btn-color-active: #252F4A; +} + +[data-bs-theme=dark] { + --bs-text-muted: #636674; + --bs-gray-100: #1B1C22; + --bs-gray-100-rgb: 27, 28, 34; + --bs-gray-200: #26272F; + --bs-gray-200-rgb: 38, 39, 47; + --bs-gray-300: #363843; + --bs-gray-300-rgb: 54, 56, 67; + --bs-gray-400: #464852; + --bs-gray-400-rgb: 70, 72, 82; + --bs-gray-500: #636674; + --bs-gray-500-rgb: 99, 102, 116; + --bs-gray-600: #808290; + --bs-gray-600-rgb: 128, 130, 144; + --bs-gray-700: #9A9CAE; + --bs-gray-700-rgb: 154, 156, 174; + --bs-gray-800: #B5B7C8; + --bs-gray-800-rgb: 181, 183, 200; + --bs-gray-900: #F5F5F5; + --bs-gray-900-rgb: 245, 245, 245; + --bs-light: #1B1C22; + --bs-primary: #006AE6; + --bs-secondary: #363843; + --bs-success: #00A261; + --bs-info: #883FFF; + --bs-warning: #C59A00; + --bs-danger: #E42855; + --bs-dark: #272A34; + --bs-primary-active: #107EFF; + --bs-secondary-active: #464852; + --bs-light-active: #1F212A; + --bs-success-active: #01BF73; + --bs-info-active: #9E63FF; + --bs-warning-active: #D9AA00; + --bs-danger-active: #FF3767; + --bs-dark-active: #2D2F39; + --bs-primary-light: #172331; + --bs-secondary-light: #363843; + --bs-success-light: #1F212A; + --bs-info-light: #272134; + --bs-warning-light: #242320; + --bs-danger-light: #302024; + --bs-dark-light: #1E2027; + --bs-light-light: #1F212A; + --bs-primary-inverse: #ffffff; + --bs-secondary-inverse: #ffffff; + --bs-light-inverse: #808290; + --bs-success-inverse: #ffffff; + --bs-info-inverse: #ffffff; + --bs-warning-inverse: #ffffff; + --bs-danger-inverse: #ffffff; + --bs-dark-inverse: #ffffff; + --bs-primary-clarity: rgba(0, 106, 230, 0.2); + --bs-secondary-clarity: rgba(54, 56, 67, 0.2); + --bs-success-clarity: rgba(0, 162, 97, 0.2); + --bs-info-clarity: rgba(136, 63, 255, 0.2); + --bs-warning-clarity: rgba(197, 154, 0, 0.2); + --bs-danger-clarity: rgba(228, 40, 85, 0.2); + --bs-dark-clarity: rgba(39, 42, 52, 0.2); + --bs-light-clarity: rgba(31, 33, 42, 0.2); + --bs-light-rgb: 27, 28, 34; + --bs-primary-rgb: 0, 106, 230; + --bs-secondary-rgb: 54, 56, 67; + --bs-success-rgb: 0, 162, 97; + --bs-info-rgb: 136, 63, 255; + --bs-warning-rgb: 197, 154, 0; + --bs-danger-rgb: 228, 40, 85; + --bs-dark-rgb: 39, 42, 52; + --bs-text-white: #ffffff; + --bs-text-primary: #006AE6; + --bs-text-secondary: #363843; + --bs-text-light: #1B1C22; + --bs-text-success: #00A261; + --bs-text-info: #883FFF; + --bs-text-warning: #C59A00; + --bs-text-danger: #E42855; + --bs-text-dark: #272A34; + --bs-text-muted: #636674; + --bs-text-gray-100: #1B1C22; + --bs-text-gray-200: #26272F; + --bs-text-gray-300: #363843; + --bs-text-gray-400: #464852; + --bs-text-gray-500: #636674; + --bs-text-gray-600: #808290; + --bs-text-gray-700: #9A9CAE; + --bs-text-gray-800: #B5B7C8; + --bs-text-gray-900: #F5F5F5; + --bs-border-color: #26272F; + --bs-border-dashed-color: #363843; + --bs-component-active-color: #ffffff; + --bs-component-active-bg: #006AE6; + --bs-component-hover-color: #006AE6; + --bs-component-hover-bg: #1B1C22; + --bs-component-checked-color: #ffffff; + --bs-component-checked-bg: #006AE6; + --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05); + --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05); + --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075); + --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1); + --bs-input-color: var(--bs-gray-700); + --bs-input-bg: var(--bs-body-bg); + --bs-input-solid-color: var(--bs-gray-700); + --bs-input-solid-bg: var(--bs-gray-100); + --bs-input-solid-bg-focus: var(--bs-gray-200); + --bs-input-solid-placeholder-color: var(--bs-gray-500); + --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15); + --bs-root-card-box-shadow: none; + --bs-root-card-border-color: #1E2027; + --bs-table-striped-bg: rgba(27, 28, 34, 0.75); + --bs-table-loading-message-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); + --bs-dropdown-bg: #1C1D22; + --bs-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); + --bs-code-bg: #2b2b40; + --bs-code-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px; + --bs-code-border-color: transparent; + --bs-code-color: #b93993; + --bs-symbol-label-color: #B5B7C8; + --bs-symbol-label-bg: #1B1C22; + --bs-symbol-border-color: rgba(255, 255, 255, 0.5); + --bs-bullet-bg-color: #464852; + --bs-scrolltop-opacity: 0; + --bs-scrolltop-opacity-on: 0.3; + --bs-scrolltop-opacity-hover: 1; + --bs-scrolltop-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075); + --bs-scrolltop-bg-color: #1B84FF; + --bs-scrolltop-bg-color-hover: #1B84FF; + --bs-scrolltop-icon-color: #ffffff; + --bs-scrolltop-icon-color-hover: #ffffff; + --bs-drawer-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); + --bs-drawer-bg-color: #1C1D22; + --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.4); + --bs-menu-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); + --bs-menu-dropdown-bg-color: #1C1D22; + --bs-menu-heading-color: #636674; + --bs-menu-link-color-hover: #006AE6; + --bs-menu-link-color-show: #006AE6; + --bs-menu-link-color-here: #006AE6; + --bs-menu-link-color-active: #006AE6; + --bs-menu-link-bg-color-hover: #1B1C22; + --bs-menu-link-bg-color-show: #1B1C22; + --bs-menu-link-bg-color-here: #1B1C22; + --bs-menu-link-bg-color-active: #1B1C22; + --bs-scrollbar-color: #26272F; + --bs-scrollbar-hover-color: #363843; + --bs-overlay-bg: rgba(255, 255, 255, 0.05); + --bs-blockui-overlay-bg: rgba(255, 255, 255, 0.05); + --bs-rating-color-default: #464852; + --bs-rating-color-active: #FFAD0F; + --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(255, 255, 255, 0.1); + --bs-ribbon-label-bg: #1B84FF; + --bs-ribbon-label-border-color: #0053b4; + --bs-ribbon-clip-bg: #F9F9F9; + --bs-engage-btn-bg: #26272F; + --bs-engage-btn-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); + --bs-engage-btn-border-color: #26272F; + --bs-engage-btn-color: #B5B7C8; + --bs-engage-btn-icon-color: #808290; + --bs-engage-btn-color-active: #B5B7C8; +} + +h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { + outline: 0; +} + +.blockquote-footer { + color: var(--bs-blockquote-footer-color); +} + +.list-style-none { + list-style: none; +} + +[data-kt-theme-mode-switching=true] * { + transition: none !important; +} + +[data-bs-theme=light] .theme-dark-show { + display: none !important; +} +[data-bs-theme=light] .theme-light-bg-transparent { + background-color: transparent !important; +} +[data-bs-theme=light] .theme-light-bg-body { + background-color: var(--bs-body-bg) !important; +} + +[data-bs-theme=dark] .theme-light-show { + display: none !important; +} +[data-bs-theme=dark] .theme-dark-bg-transparent { + background-color: transparent !important; +} +[data-bs-theme=dark] .theme-dark-bg-body { + background-color: var(--bs-body-bg) !important; +} + +.animation { + animation-duration: 1s; + animation-fill-mode: both; +} + +@keyframes animationSlideInDown { + from { + transform: translate3d(0, -100%, 0); + visibility: visible; + } + to { + transform: translate3d(0, 0, 0); + } +} +.animation-slide-in-down { + animation-name: animationSlideInDown; +} + +@keyframes animationSlideInUp { + from { + transform: translate3d(0, 100%, 0); + visibility: visible; + } + to { + transform: translate3d(0, 0, 0); + } +} +.animation-slide-in-up { + animation-name: animationSlideInUp; +} + +@keyframes animationFadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +.animation-fade-in { + animation-name: animationFadeIn; +} + +@keyframes animationFadeOut { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.animation-fade-out { + animation-name: animationFadeOut; +} + +.animation-blink { + animation: animationBlink 1s steps(5, start) infinite; +} + +@keyframes animationBlink { + to { + visibility: hidden; + } +} +.alert-light { + color: var(--bs-light); + border-color: var(--bs-light); + background-color: var(--bs-light-light); +} +.alert-light .alert-link { + color: var(--bs-light); +} + +.alert-primary { + color: var(--bs-primary); + border-color: var(--bs-primary); + background-color: var(--bs-primary-light); +} +.alert-primary .alert-link { + color: var(--bs-primary); +} + +.alert-secondary { + color: var(--bs-secondary); + border-color: var(--bs-secondary); + background-color: var(--bs-secondary-light); +} +.alert-secondary .alert-link { + color: var(--bs-secondary); +} + +.alert-success { + color: var(--bs-success); + border-color: var(--bs-success); + background-color: var(--bs-success-light); +} +.alert-success .alert-link { + color: var(--bs-success); +} + +.alert-info { + color: var(--bs-info); + border-color: var(--bs-info); + background-color: var(--bs-info-light); +} +.alert-info .alert-link { + color: var(--bs-info); +} + +.alert-warning { + color: var(--bs-warning); + border-color: var(--bs-warning); + background-color: var(--bs-warning-light); +} +.alert-warning .alert-link { + color: var(--bs-warning); +} + +.alert-danger { + color: var(--bs-danger); + border-color: var(--bs-danger); + background-color: var(--bs-danger-light); +} +.alert-danger .alert-link { + color: var(--bs-danger); +} + +.alert-dark { + color: var(--bs-dark); + border-color: var(--bs-dark); + background-color: var(--bs-dark-light); +} +.alert-dark .alert-link { + color: var(--bs-dark); +} + +[data-bs-theme=dark] .dropdown-menu { + box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); +} + +.toast .toast-header .btn-close { + margin-right: 0; +} + +[data-bs-theme=dark] .toast { + --bs-toast-bg: #26272F; + --bs-toast-header-bg: #26272F; + --bs-toast-header-border-color: #363843; +} + +.nav-pills .nav-item { + margin-right: 0.5rem; +} +.nav-pills .nav-item:last-child { + margin-right: 0; +} + +.nav-stretch { + align-items: stretch; + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.nav-stretch .nav-item { + display: flex; + align-items: stretch; + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.nav-stretch .nav-link { + display: flex; + align-items: center; +} + +.nav-group { + padding: 0.35rem; + border-radius: 0.95rem; + background-color: var(--bs-gray-100); +} +.nav-group.nav-group-outline { + background-color: transparent; + border: 1px solid var(--bs-border-color); +} +.nav-group.nav-group-fluid { + display: flex; +} +.nav-group.nav-group-fluid > label, +.nav-group.nav-group-fluid > .btn { + position: relative; + flex-shrink: 0; + flex-grow: 1; + flex-basis: 0; +} +.nav-group.nav-group-fluid > label { + margin-right: 0.1rem; +} +.nav-group.nav-group-fluid > label > .btn { + width: 100%; +} +.nav-group.nav-group-fluid > label:last-child { + margin-right: 0; +} + +.nav-line-tabs { + border-bottom-width: 1px; + border-bottom-style: solid; + border-bottom-color: var(--bs-border-color); +} +.nav-line-tabs .nav-item { + margin-bottom: -1px; +} +.nav-line-tabs .nav-item .nav-link { + color: var(--bs-gray-500); + border: 0; + border-bottom: 1px solid transparent; + transition: color 0.2s ease; + padding: 0.5rem 0; + margin: 0 1rem; +} +.nav-line-tabs .nav-item:first-child .nav-link { + margin-left: 0; +} +.nav-line-tabs .nav-item:last-child .nav-link { + margin-right: 0; +} +.nav-line-tabs .nav-item .nav-link.active, +.nav-line-tabs .nav-item.show .nav-link, +.nav-line-tabs .nav-item .nav-link:hover:not(.disabled) { + background-color: transparent; + border: 0; + border-bottom: 1px solid var(--bs-primary); + transition: color 0.2s ease; +} +.nav-line-tabs.nav-line-tabs-2x { + border-bottom-width: 2px; +} +.nav-line-tabs.nav-line-tabs-2x .nav-item { + margin-bottom: -2px; +} +.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link { + border-bottom-width: 2px; +} +.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link.active, +.nav-line-tabs.nav-line-tabs-2x .nav-item.show .nav-link, +.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link:hover:not(.disabled) { + border-bottom-width: 2px; +} + +.nav.nav-pills.nav-pills-custom .show > .nav-link, +.nav.nav-pills.nav-pills-custom .nav-link { + border: 1px dashed var(--bs-border-dashed-color); + border-radius: 1.5rem; +} +.nav.nav-pills.nav-pills-custom .show > .nav-link.nav-link-border-solid, +.nav.nav-pills.nav-pills-custom .nav-link.nav-link-border-solid { + border: 3px solid var(--bs-border-dashed-color); +} +.nav.nav-pills.nav-pills-custom .show > .nav-link.nav-link-border-solid.active, +.nav.nav-pills.nav-pills-custom .nav-link.nav-link-border-solid.active { + border: 3px solid var(--bs-primary); +} +.nav.nav-pills.nav-pills-custom .show > .nav-link .nav-icon img, +.nav.nav-pills.nav-pills-custom .nav-link .nav-icon img { + width: 30px; + transition: color 0.2s ease; +} +.nav.nav-pills.nav-pills-custom .show > .nav-link .nav-icon img.default, +.nav.nav-pills.nav-pills-custom .nav-link .nav-icon img.default { + display: inline-block; +} +.nav.nav-pills.nav-pills-custom .show > .nav-link .nav-icon img.active, +.nav.nav-pills.nav-pills-custom .nav-link .nav-icon img.active { + display: none; +} +.nav.nav-pills.nav-pills-custom .show > .nav-link.active, +.nav.nav-pills.nav-pills-custom .nav-link.active { + background-color: transparent; + border: 1px solid var(--bs-border-dashed-color); + transition-duration: 1ms; + position: relative; +} +.nav.nav-pills.nav-pills-custom .show > .nav-link.active .nav-text, +.nav.nav-pills.nav-pills-custom .nav-link.active .nav-text { + color: var(--bs-gray-800) !important; + transition: color 0.2s ease; +} +.nav.nav-pills.nav-pills-custom .show > .nav-link.active .bullet-custom, +.nav.nav-pills.nav-pills-custom .nav-link.active .bullet-custom { + display: block; +} +.nav.nav-pills.nav-pills-custom .show > .nav-link .bullet-custom, +.nav.nav-pills.nav-pills-custom .nav-link .bullet-custom { + display: none; +} +.nav.nav-pills.nav-pills-custom.nav-pills-active-custom .nav-item .nav-link:not(:active) span:nth-child(1) { + color: #B5B5C3; +} +.nav.nav-pills.nav-pills-custom.nav-pills-active-custom .nav-item .nav-link:not(:active) span:nth-child(2) { + color: #3F4254; +} +.nav.nav-pills.nav-pills-custom.nav-pills-active-custom .nav-item .nav-link:hover span:nth-child(1) { + color: #ffffff !important; +} +.nav.nav-pills.nav-pills-custom.nav-pills-active-custom .nav-item .nav-link:hover span:nth-child(2) { + color: #ffffff !important; +} +.nav.nav-pills.nav-pills-custom.nav-pills-active-custom .nav-item .nav-link.active span:nth-child(1) { + color: #ffffff !important; +} +.nav.nav-pills.nav-pills-custom.nav-pills-active-custom .nav-item .nav-link.active span:nth-child(2) { + color: #ffffff !important; +} + +.pagination { + display: flex; + flex-wrap: wrap; + justify-content: center; + margin: 0; +} +.pagination.pagination-circle .page-link { + border-radius: 50%; +} +.pagination.pagination-outline .page-link { + border: 1px solid var(--bs-border-color); +} +.pagination.pagination-outline .page-item:hover:not(.disabled) .page-link, .pagination.pagination-outline .page-item.active .page-link { + border-color: var(--bs-primary-light); +} + +.page-item { + margin-right: 0.5rem; + /*rtl:end:ignore*/ +} +.page-item:last-child { + margin-right: 0; +} +.page-item .page-link { + display: flex; + justify-content: center; + align-items: center; + border-radius: 0.95rem; + height: 2.5rem; + min-width: 2.5rem; + font-weight: 500; + font-size: 1.075rem; + /*rtl:options:{"autoRename":false}*/ + /*rtl:end:ignore*/ + /*rtl:options:{"autoRename":false}*/ + /*rtl:options:{"autoRename":false}*/ +} +.page-item .page-link i { + font-size: 0.85rem; +} +.page-item .page-link .previous, +.page-item .page-link .next { + display: block; + height: 0.875rem; + width: 0.875rem; + /*rtl:raw:transform: rotateZ(-180deg);*/ +} +.page-item .page-link .first { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-700); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); +} +.page-item .page-link .previous { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-700); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); +} +.page-item .page-link .next { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-700); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); +} +.page-item .page-link .last { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-700); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); +} +.page-item:focus .page-link { + color: var(--bs-pagination-focus-color); + /*rtl:options:{"autoRename":false}*/ +} +.page-item:focus .page-link .svg-icon, +.page-item:focus .page-link i { + color: var(--bs-pagination-focus-color); +} +.page-item:focus .page-link .previous { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-pagination-focus-color); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-pagination-focus-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-pagination-focus-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); +} +.page-item:focus .page-link .next { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-pagination-focus-color); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-pagination-focus-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-pagination-focus-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); +} +.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link { + color: var(--bs-pagination-hover-color); + /*rtl:options:{"autoRename":false}*/ +} +.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link.page-text { + background-color: transparent; +} +.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link .svg-icon, +.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link i { + color: var(--bs-pagination-hover-color); +} +.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link .previous { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-pagination-hover-color); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-pagination-hover-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-pagination-hover-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); +} +.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link .next { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-pagination-hover-color); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-pagination-hover-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-pagination-hover-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); +} +.page-item.active .page-link { + color: var(--bs-pagination-active-color); + /*rtl:options:{"autoRename":false}*/ +} +.page-item.active .page-link.page-text { + background-color: transparent; +} +.page-item.active .page-link .svg-icon, +.page-item.active .page-link i { + color: var(--bs-pagination-active-color); +} +.page-item.active .page-link .previous { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-pagination-active-color); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-pagination-active-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-pagination-active-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); +} +.page-item.active .page-link .next { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-pagination-active-color); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-pagination-active-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-pagination-active-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); +} +.page-item.disabled .page-link { + color: var(--bs-pagination-disabled-color); + /*rtl:options:{"autoRename":false}*/ +} +.page-item.disabled .page-link .svg-icon, +.page-item.disabled .page-link i { + color: var(--bs-pagination-disabled-color); +} +.page-item.disabled .page-link .previous { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-pagination-disabled-color); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-pagination-disabled-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-pagination-disabled-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); +} +.page-item.disabled .page-link .next { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-pagination-disabled-color); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-pagination-disabled-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-pagination-disabled-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); +} + +@media (max-width: 991.98px) { + .page-item { + margin-right: 0.25rem; + } + .page-item:last-child { + margin-right: 0; + } +} +.separator { + display: block; + height: 0; + border-bottom: 1px solid var(--bs-border-color); +} +.separator.separator-dotted { + border-bottom-style: dotted; + border-bottom-color: var(--bs-border-dashed-color); +} +.separator.separator-dashed { + border-bottom-style: dashed; + border-bottom-color: var(--bs-border-dashed-color); +} +.separator.separator-content { + display: flex; + align-items: center; + border-bottom: 0; + text-align: center; +} +.separator.separator-content::before, .separator.separator-content::after { + content: " "; + width: 50%; + border-bottom: 1px solid var(--bs-border-color); +} +.separator.separator-content::before { + margin-right: 1.25rem; +} +.separator.separator-content::after { + margin-left: 1.25rem; +} +.separator.separator-content.separator-dotted::before, .separator.separator-content.separator-dotted::after { + border-bottom-style: dotted; + border-bottom-color: var(--bs-border-dashed-color); +} +.separator.separator-content.separator-dashed::before, .separator.separator-content.separator-dashed::after { + border-bottom-style: dashed; + border-bottom-color: var(--bs-border-dashed-color); +} +.separator.separator-content.border-light::before, .separator.separator-content.border-light::after { + border-color: #F9F9F9 !important; +} +.separator.separator-content.border-primary::before, .separator.separator-content.border-primary::after { + border-color: #1B84FF !important; +} +.separator.separator-content.border-secondary::before, .separator.separator-content.border-secondary::after { + border-color: #F1F1F4 !important; +} +.separator.separator-content.border-success::before, .separator.separator-content.border-success::after { + border-color: #17C653 !important; +} +.separator.separator-content.border-info::before, .separator.separator-content.border-info::after { + border-color: #7239EA !important; +} +.separator.separator-content.border-warning::before, .separator.separator-content.border-warning::after { + border-color: #F6C000 !important; +} +.separator.separator-content.border-danger::before, .separator.separator-content.border-danger::after { + border-color: #F8285A !important; +} +.separator.separator-content.border-dark::before, .separator.separator-content.border-dark::after { + border-color: #1E2129 !important; +} + +.carousel-custom .carousel-indicators { + align-items: center; + position: static; + z-index: auto; + margin: 0; + padding: 0; + list-style: none; +} +.carousel-custom .carousel-indicators li { + transform: none; + opacity: 1; +} +.carousel-custom .carousel-indicators li.active { + transform: none; + opacity: 1; +} +.carousel-custom .carousel-indicators.carousel-indicators-dots li { + border-radius: 0; + background-color: transparent !important; + height: 13px; + width: 13px; + display: flex; + align-items: center; + justify-content: center; + text-align: center; +} +.carousel-custom .carousel-indicators.carousel-indicators-dots li:after { + display: inline-block; + content: " "; + border-radius: 50%; + transition: all 0.3s ease; + background-color: var(--bs-gray-200); + height: 9px; + width: 9px; +} +.carousel-custom .carousel-indicators.carousel-indicators-dots li.active { + background-color: transparent; +} +.carousel-custom .carousel-indicators.carousel-indicators-dots li.active:after { + transition: all 0.3s ease; + height: 13px; + width: 13px; + background-color: var(--bs-gray-400); +} +.carousel-custom .carousel-indicators.carousel-indicators-bullet li { + transition: all 0.3s ease; + background-color: transparent !important; + border-radius: 6px; + height: 6px; + width: 6px; + display: flex; + align-items: center; + justify-content: center; + text-align: center; +} +.carousel-custom .carousel-indicators.carousel-indicators-bullet li:after { + display: inline-block; + content: " "; + transition: all 0.3s ease; + background-color: var(--bs-gray-400); + border-radius: 6px; + height: 6px; + width: 6px; +} +.carousel-custom .carousel-indicators.carousel-indicators-bullet li.active { + transition: all 0.3s ease; + background-color: transparent; + height: 6px; + width: 16px; +} +.carousel-custom .carousel-indicators.carousel-indicators-bullet li.active:after { + transition: all 0.3s ease; + height: 6px; + width: 16px; + background-color: var(--bs-gray-600); +} +.carousel-custom .carousel-indicators-active-light li.active:after { + background-color: var(--bs-light) !important; +} +.carousel-custom .carousel-indicators-active-primary li.active:after { + background-color: var(--bs-primary) !important; +} +.carousel-custom .carousel-indicators-active-secondary li.active:after { + background-color: var(--bs-secondary) !important; +} +.carousel-custom .carousel-indicators-active-success li.active:after { + background-color: var(--bs-success) !important; +} +.carousel-custom .carousel-indicators-active-info li.active:after { + background-color: var(--bs-info) !important; +} +.carousel-custom .carousel-indicators-active-warning li.active:after { + background-color: var(--bs-warning) !important; +} +.carousel-custom .carousel-indicators-active-danger li.active:after { + background-color: var(--bs-danger) !important; +} +.carousel-custom .carousel-indicators-active-dark li.active:after { + background-color: var(--bs-dark) !important; +} +.carousel-custom.carousel-stretch { + height: 100%; + display: flex; + flex-direction: column; +} +.carousel-custom.carousel-stretch .carousel-inner { + flex-grow: 1; +} +.carousel-custom.carousel-stretch .carousel-item { + height: 100%; +} +.carousel-custom.carousel-stretch .carousel-wrapper { + display: flex; + flex-direction: column; + height: 100%; +} + +.menu-group { + display: flex; +} + +.menu, +.menu-wrapper { + display: flex; + padding: 0; + margin: 0; + list-style: none; +} + +.menu-inner { + padding: 0; + margin: 0; + list-style: none; +} + +.menu-sub { + display: none; + padding: 0; + margin: 0; + list-style: none; + flex-direction: column; +} + +.menu-item { + display: block; + padding: 0.15rem 0; +} +.menu-item .menu-link { + cursor: pointer; + display: flex; + align-items: center; + padding: 0; + flex: 0 0 100%; + padding: 0.65rem 1rem; + transition: none; + outline: none !important; +} +.menu-item .menu-link .menu-icon { + flex-shrink: 0; + display: flex; + align-items: center; + justify-content: center; + width: 2rem; + margin-right: 0.5rem; +} +.menu-item .menu-link .menu-icon i, +.menu-item .menu-link .menu-icon .svg-icon { + line-height: 1; +} +.menu-item .menu-link .menu-bullet { + flex-shrink: 0; + display: flex; + align-items: center; + justify-content: center; + width: 1.25rem; + margin-right: 0.5rem; +} +.menu-item .menu-link .menu-title { + display: flex; + align-items: center; + flex-grow: 1; +} +.menu-item .menu-link .menu-badge { + display: flex; + align-items: center; + flex-shrink: 0; + margin-left: 0.5rem; +} +.menu-item .menu-link .menu-arrow { + display: flex; + align-items: stretch; + position: relative; + overflow: hidden; + flex-shrink: 0; + margin-left: 5px; + width: 9px; + height: 9px; +} +.menu-item .menu-link .menu-arrow:after { + display: block; + width: 100%; + content: " "; + will-change: transform; + background-size: 100% 100%; + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-muted); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-muted); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-item .menu-content { + padding: 0.65rem 1rem; +} + +.menu-item.show .menu-link .menu-arrow:after { + backface-visibility: hidden; + transition: transform 0.3s ease; +} + +.menu-nowrap .menu-title, +.menu-nowrap .menu-link { + flex-wrap: nowrap; + flex-shrink: 0; +} + +.menu-center { + justify-content: center; +} + +.menu-heading { + color: var(--bs-menu-heading-color); +} + +.menu-item.menu-accordion .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; +} +.menu-item.menu-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(90deg); + /*rtl:remove*/ + transform: rotateZ(-90deg); + transition: transform 0.3s ease; +} + +.menu-sub-dropdown { + display: none; + border-radius: 0.95rem; + background-color: var(--bs-menu-dropdown-bg-color); + box-shadow: var(--bs-menu-dropdown-box-shadow); + z-index: 107; +} +.show.menu-dropdown > .menu-sub-dropdown, .menu-sub-dropdown.menu.show, .menu-sub-dropdown.show[data-popper-placement] { + display: flex; + will-change: transform; + animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1; +} + +.menu-sub-accordion { + display: none; +} +.show:not(.menu-dropdown) > .menu-sub-accordion, .menu-sub-accordion.show { + display: flex; +} + +.menu-sub-indention .menu-sub:not([data-popper-placement]) { + margin-left: 1rem; +} +.menu-sub-indention .menu-item .menu-item .menu-link.active { + margin-right: 1rem; +} + +.menu-inline { + display: flex; +} + +.menu-fit > .menu-item > .menu-content, +.menu-fit > .menu-item > .menu-link { + padding-left: 0 !important; + padding-right: 0 !important; +} + +.menu-column { + flex-direction: column; + width: 100%; +} + +.menu-row { + flex-direction: row; +} +.menu-row > .menu-item { + display: flex; + align-items: center; +} +.menu-row > .menu-item > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; +} + +.menu-rounded .menu-link { + border-radius: 0.95rem; +} + +.menu-pill .menu-link { + border-radius: 50px; +} + +.menu-rounded-0 .menu-link { + border-radius: 0 !important; +} + +@media (min-width: 576px) { + .menu-item.menu-sm-accordion .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; + } + .menu-item.menu-sm-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-sm-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(90deg); + /*rtl:remove*/ + transform: rotateZ(-90deg); + transition: transform 0.3s ease; + } + .menu-sub-sm-dropdown { + display: none; + border-radius: 0.95rem; + background-color: var(--bs-menu-dropdown-bg-color); + box-shadow: var(--bs-menu-dropdown-box-shadow); + z-index: 107; + } + .show.menu-dropdown > .menu-sub-sm-dropdown, .menu-sub-sm-dropdown.menu.show, .menu-sub-sm-dropdown.show[data-popper-placement] { + display: flex; + will-change: transform; + animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1; + } + .menu-sub-sm-accordion { + display: none; + } + .show:not(.menu-dropdown) > .menu-sub-sm-accordion, .menu-sub-sm-accordion.show { + display: flex; + } + .menu-sub-sm-indention .menu-sub:not([data-popper-placement]) { + margin-left: 1rem; + } + .menu-sub-sm-indention .menu-item .menu-item .menu-link.active { + margin-right: 1rem; + } + .menu-sm-inline { + display: flex; + } + .menu-sm-fit > .menu-item > .menu-content, + .menu-sm-fit > .menu-item > .menu-link { + padding-left: 0 !important; + padding-right: 0 !important; + } + .menu-sm-column { + flex-direction: column; + width: 100%; + } + .menu-sm-row { + flex-direction: row; + } + .menu-sm-row > .menu-item { + display: flex; + align-items: center; + } + .menu-sm-row > .menu-item > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; + } + .menu-sm-rounded .menu-link { + border-radius: 0.95rem; + } + .menu-sm-pill .menu-link { + border-radius: 50px; + } + .menu-sm-rounded-0 .menu-link { + border-radius: 0 !important; + } +} +@media (min-width: 768px) { + .menu-item.menu-md-accordion .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; + } + .menu-item.menu-md-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-md-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(90deg); + /*rtl:remove*/ + transform: rotateZ(-90deg); + transition: transform 0.3s ease; + } + .menu-sub-md-dropdown { + display: none; + border-radius: 0.95rem; + background-color: var(--bs-menu-dropdown-bg-color); + box-shadow: var(--bs-menu-dropdown-box-shadow); + z-index: 107; + } + .show.menu-dropdown > .menu-sub-md-dropdown, .menu-sub-md-dropdown.menu.show, .menu-sub-md-dropdown.show[data-popper-placement] { + display: flex; + will-change: transform; + animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1; + } + .menu-sub-md-accordion { + display: none; + } + .show:not(.menu-dropdown) > .menu-sub-md-accordion, .menu-sub-md-accordion.show { + display: flex; + } + .menu-sub-md-indention .menu-sub:not([data-popper-placement]) { + margin-left: 1rem; + } + .menu-sub-md-indention .menu-item .menu-item .menu-link.active { + margin-right: 1rem; + } + .menu-md-inline { + display: flex; + } + .menu-md-fit > .menu-item > .menu-content, + .menu-md-fit > .menu-item > .menu-link { + padding-left: 0 !important; + padding-right: 0 !important; + } + .menu-md-column { + flex-direction: column; + width: 100%; + } + .menu-md-row { + flex-direction: row; + } + .menu-md-row > .menu-item { + display: flex; + align-items: center; + } + .menu-md-row > .menu-item > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; + } + .menu-md-rounded .menu-link { + border-radius: 0.95rem; + } + .menu-md-pill .menu-link { + border-radius: 50px; + } + .menu-md-rounded-0 .menu-link { + border-radius: 0 !important; + } +} +@media (min-width: 992px) { + .menu-item.menu-lg-accordion .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; + } + .menu-item.menu-lg-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-lg-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(90deg); + /*rtl:remove*/ + transform: rotateZ(-90deg); + transition: transform 0.3s ease; + } + .menu-sub-lg-dropdown { + display: none; + border-radius: 0.95rem; + background-color: var(--bs-menu-dropdown-bg-color); + box-shadow: var(--bs-menu-dropdown-box-shadow); + z-index: 107; + } + .show.menu-dropdown > .menu-sub-lg-dropdown, .menu-sub-lg-dropdown.menu.show, .menu-sub-lg-dropdown.show[data-popper-placement] { + display: flex; + will-change: transform; + animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1; + } + .menu-sub-lg-accordion { + display: none; + } + .show:not(.menu-dropdown) > .menu-sub-lg-accordion, .menu-sub-lg-accordion.show { + display: flex; + } + .menu-sub-lg-indention .menu-sub:not([data-popper-placement]) { + margin-left: 1rem; + } + .menu-sub-lg-indention .menu-item .menu-item .menu-link.active { + margin-right: 1rem; + } + .menu-lg-inline { + display: flex; + } + .menu-lg-fit > .menu-item > .menu-content, + .menu-lg-fit > .menu-item > .menu-link { + padding-left: 0 !important; + padding-right: 0 !important; + } + .menu-lg-column { + flex-direction: column; + width: 100%; + } + .menu-lg-row { + flex-direction: row; + } + .menu-lg-row > .menu-item { + display: flex; + align-items: center; + } + .menu-lg-row > .menu-item > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; + } + .menu-lg-rounded .menu-link { + border-radius: 0.95rem; + } + .menu-lg-pill .menu-link { + border-radius: 50px; + } + .menu-lg-rounded-0 .menu-link { + border-radius: 0 !important; + } +} +@media (min-width: 1200px) { + .menu-item.menu-xl-accordion .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; + } + .menu-item.menu-xl-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-xl-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(90deg); + /*rtl:remove*/ + transform: rotateZ(-90deg); + transition: transform 0.3s ease; + } + .menu-sub-xl-dropdown { + display: none; + border-radius: 0.95rem; + background-color: var(--bs-menu-dropdown-bg-color); + box-shadow: var(--bs-menu-dropdown-box-shadow); + z-index: 107; + } + .show.menu-dropdown > .menu-sub-xl-dropdown, .menu-sub-xl-dropdown.menu.show, .menu-sub-xl-dropdown.show[data-popper-placement] { + display: flex; + will-change: transform; + animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1; + } + .menu-sub-xl-accordion { + display: none; + } + .show:not(.menu-dropdown) > .menu-sub-xl-accordion, .menu-sub-xl-accordion.show { + display: flex; + } + .menu-sub-xl-indention .menu-sub:not([data-popper-placement]) { + margin-left: 1rem; + } + .menu-sub-xl-indention .menu-item .menu-item .menu-link.active { + margin-right: 1rem; + } + .menu-xl-inline { + display: flex; + } + .menu-xl-fit > .menu-item > .menu-content, + .menu-xl-fit > .menu-item > .menu-link { + padding-left: 0 !important; + padding-right: 0 !important; + } + .menu-xl-column { + flex-direction: column; + width: 100%; + } + .menu-xl-row { + flex-direction: row; + } + .menu-xl-row > .menu-item { + display: flex; + align-items: center; + } + .menu-xl-row > .menu-item > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; + } + .menu-xl-rounded .menu-link { + border-radius: 0.95rem; + } + .menu-xl-pill .menu-link { + border-radius: 50px; + } + .menu-xl-rounded-0 .menu-link { + border-radius: 0 !important; + } +} +@media (min-width: 1400px) { + .menu-item.menu-xxl-accordion .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; + } + .menu-item.menu-xxl-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-xxl-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(90deg); + /*rtl:remove*/ + transform: rotateZ(-90deg); + transition: transform 0.3s ease; + } + .menu-sub-xxl-dropdown { + display: none; + border-radius: 0.95rem; + background-color: var(--bs-menu-dropdown-bg-color); + box-shadow: var(--bs-menu-dropdown-box-shadow); + z-index: 107; + } + .show.menu-dropdown > .menu-sub-xxl-dropdown, .menu-sub-xxl-dropdown.menu.show, .menu-sub-xxl-dropdown.show[data-popper-placement] { + display: flex; + will-change: transform; + animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1; + } + .menu-sub-xxl-accordion { + display: none; + } + .show:not(.menu-dropdown) > .menu-sub-xxl-accordion, .menu-sub-xxl-accordion.show { + display: flex; + } + .menu-sub-xxl-indention .menu-sub:not([data-popper-placement]) { + margin-left: 1rem; + } + .menu-sub-xxl-indention .menu-item .menu-item .menu-link.active { + margin-right: 1rem; + } + .menu-xxl-inline { + display: flex; + } + .menu-xxl-fit > .menu-item > .menu-content, + .menu-xxl-fit > .menu-item > .menu-link { + padding-left: 0 !important; + padding-right: 0 !important; + } + .menu-xxl-column { + flex-direction: column; + width: 100%; + } + .menu-xxl-row { + flex-direction: row; + } + .menu-xxl-row > .menu-item { + display: flex; + align-items: center; + } + .menu-xxl-row > .menu-item > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; + } + .menu-xxl-rounded .menu-link { + border-radius: 0.95rem; + } + .menu-xxl-pill .menu-link { + border-radius: 50px; + } + .menu-xxl-rounded-0 .menu-link { + border-radius: 0 !important; + } +} +@media (max-width: 575.98px) { + .menu-item.menu-sm-down-accordion .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; + } + .menu-item.menu-sm-down-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-sm-down-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(90deg); + /*rtl:remove*/ + transform: rotateZ(-90deg); + transition: transform 0.3s ease; + } + .menu-sub-sm-down-dropdown { + display: none; + border-radius: 0.95rem; + background-color: var(--bs-menu-dropdown-bg-color); + box-shadow: var(--bs-menu-dropdown-box-shadow); + z-index: 107; + } + .show.menu-dropdown > .menu-sub-sm-down-dropdown, .menu-sub-sm-down-dropdown.menu.show, .menu-sub-sm-down-dropdown.show[data-popper-placement] { + display: flex; + will-change: transform; + animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1; + } + .menu-sub-sm-down-accordion { + display: none; + } + .show:not(.menu-dropdown) > .menu-sub-sm-down-accordion, .menu-sub-sm-down-accordion.show { + display: flex; + } + .menu-sub-sm-down-indention .menu-sub:not([data-popper-placement]) { + margin-left: 1rem; + } + .menu-sub-sm-down-indention .menu-item .menu-item .menu-link.active { + margin-right: 1rem; + } + .menu-sm-down-inline { + display: flex; + } + .menu-sm-down-fit > .menu-item > .menu-content, + .menu-sm-down-fit > .menu-item > .menu-link { + padding-left: 0 !important; + padding-right: 0 !important; + } + .menu-sm-down-column { + flex-direction: column; + width: 100%; + } + .menu-sm-down-row { + flex-direction: row; + } + .menu-sm-down-row > .menu-item { + display: flex; + align-items: center; + } + .menu-sm-down-row > .menu-item > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; + } + .menu-sm-down-rounded .menu-link { + border-radius: 0.95rem; + } + .menu-sm-down-pill .menu-link { + border-radius: 50px; + } + .menu-sm-down-rounded-0 .menu-link { + border-radius: 0 !important; + } +} +@media (max-width: 767.98px) { + .menu-item.menu-md-down-accordion .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; + } + .menu-item.menu-md-down-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-md-down-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(90deg); + /*rtl:remove*/ + transform: rotateZ(-90deg); + transition: transform 0.3s ease; + } + .menu-sub-md-down-dropdown { + display: none; + border-radius: 0.95rem; + background-color: var(--bs-menu-dropdown-bg-color); + box-shadow: var(--bs-menu-dropdown-box-shadow); + z-index: 107; + } + .show.menu-dropdown > .menu-sub-md-down-dropdown, .menu-sub-md-down-dropdown.menu.show, .menu-sub-md-down-dropdown.show[data-popper-placement] { + display: flex; + will-change: transform; + animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1; + } + .menu-sub-md-down-accordion { + display: none; + } + .show:not(.menu-dropdown) > .menu-sub-md-down-accordion, .menu-sub-md-down-accordion.show { + display: flex; + } + .menu-sub-md-down-indention .menu-sub:not([data-popper-placement]) { + margin-left: 1rem; + } + .menu-sub-md-down-indention .menu-item .menu-item .menu-link.active { + margin-right: 1rem; + } + .menu-md-down-inline { + display: flex; + } + .menu-md-down-fit > .menu-item > .menu-content, + .menu-md-down-fit > .menu-item > .menu-link { + padding-left: 0 !important; + padding-right: 0 !important; + } + .menu-md-down-column { + flex-direction: column; + width: 100%; + } + .menu-md-down-row { + flex-direction: row; + } + .menu-md-down-row > .menu-item { + display: flex; + align-items: center; + } + .menu-md-down-row > .menu-item > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; + } + .menu-md-down-rounded .menu-link { + border-radius: 0.95rem; + } + .menu-md-down-pill .menu-link { + border-radius: 50px; + } + .menu-md-down-rounded-0 .menu-link { + border-radius: 0 !important; + } +} +@media (max-width: 991.98px) { + .menu-item.menu-lg-down-accordion .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; + } + .menu-item.menu-lg-down-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-lg-down-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(90deg); + /*rtl:remove*/ + transform: rotateZ(-90deg); + transition: transform 0.3s ease; + } + .menu-sub-lg-down-dropdown { + display: none; + border-radius: 0.95rem; + background-color: var(--bs-menu-dropdown-bg-color); + box-shadow: var(--bs-menu-dropdown-box-shadow); + z-index: 107; + } + .show.menu-dropdown > .menu-sub-lg-down-dropdown, .menu-sub-lg-down-dropdown.menu.show, .menu-sub-lg-down-dropdown.show[data-popper-placement] { + display: flex; + will-change: transform; + animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1; + } + .menu-sub-lg-down-accordion { + display: none; + } + .show:not(.menu-dropdown) > .menu-sub-lg-down-accordion, .menu-sub-lg-down-accordion.show { + display: flex; + } + .menu-sub-lg-down-indention .menu-sub:not([data-popper-placement]) { + margin-left: 1rem; + } + .menu-sub-lg-down-indention .menu-item .menu-item .menu-link.active { + margin-right: 1rem; + } + .menu-lg-down-inline { + display: flex; + } + .menu-lg-down-fit > .menu-item > .menu-content, + .menu-lg-down-fit > .menu-item > .menu-link { + padding-left: 0 !important; + padding-right: 0 !important; + } + .menu-lg-down-column { + flex-direction: column; + width: 100%; + } + .menu-lg-down-row { + flex-direction: row; + } + .menu-lg-down-row > .menu-item { + display: flex; + align-items: center; + } + .menu-lg-down-row > .menu-item > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; + } + .menu-lg-down-rounded .menu-link { + border-radius: 0.95rem; + } + .menu-lg-down-pill .menu-link { + border-radius: 50px; + } + .menu-lg-down-rounded-0 .menu-link { + border-radius: 0 !important; + } +} +@media (max-width: 1199.98px) { + .menu-item.menu-xl-down-accordion .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; + } + .menu-item.menu-xl-down-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-xl-down-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(90deg); + /*rtl:remove*/ + transform: rotateZ(-90deg); + transition: transform 0.3s ease; + } + .menu-sub-xl-down-dropdown { + display: none; + border-radius: 0.95rem; + background-color: var(--bs-menu-dropdown-bg-color); + box-shadow: var(--bs-menu-dropdown-box-shadow); + z-index: 107; + } + .show.menu-dropdown > .menu-sub-xl-down-dropdown, .menu-sub-xl-down-dropdown.menu.show, .menu-sub-xl-down-dropdown.show[data-popper-placement] { + display: flex; + will-change: transform; + animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1; + } + .menu-sub-xl-down-accordion { + display: none; + } + .show:not(.menu-dropdown) > .menu-sub-xl-down-accordion, .menu-sub-xl-down-accordion.show { + display: flex; + } + .menu-sub-xl-down-indention .menu-sub:not([data-popper-placement]) { + margin-left: 1rem; + } + .menu-sub-xl-down-indention .menu-item .menu-item .menu-link.active { + margin-right: 1rem; + } + .menu-xl-down-inline { + display: flex; + } + .menu-xl-down-fit > .menu-item > .menu-content, + .menu-xl-down-fit > .menu-item > .menu-link { + padding-left: 0 !important; + padding-right: 0 !important; + } + .menu-xl-down-column { + flex-direction: column; + width: 100%; + } + .menu-xl-down-row { + flex-direction: row; + } + .menu-xl-down-row > .menu-item { + display: flex; + align-items: center; + } + .menu-xl-down-row > .menu-item > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; + } + .menu-xl-down-rounded .menu-link { + border-radius: 0.95rem; + } + .menu-xl-down-pill .menu-link { + border-radius: 50px; + } + .menu-xl-down-rounded-0 .menu-link { + border-radius: 0 !important; + } +} +@media (max-width: 1399.98px) { + .menu-item.menu-xxl-down-accordion .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; + } + .menu-item.menu-xxl-down-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-xxl-down-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(90deg); + /*rtl:remove*/ + transform: rotateZ(-90deg); + transition: transform 0.3s ease; + } + .menu-sub-xxl-down-dropdown { + display: none; + border-radius: 0.95rem; + background-color: var(--bs-menu-dropdown-bg-color); + box-shadow: var(--bs-menu-dropdown-box-shadow); + z-index: 107; + } + .show.menu-dropdown > .menu-sub-xxl-down-dropdown, .menu-sub-xxl-down-dropdown.menu.show, .menu-sub-xxl-down-dropdown.show[data-popper-placement] { + display: flex; + will-change: transform; + animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1; + } + .menu-sub-xxl-down-accordion { + display: none; + } + .show:not(.menu-dropdown) > .menu-sub-xxl-down-accordion, .menu-sub-xxl-down-accordion.show { + display: flex; + } + .menu-sub-xxl-down-indention .menu-sub:not([data-popper-placement]) { + margin-left: 1rem; + } + .menu-sub-xxl-down-indention .menu-item .menu-item .menu-link.active { + margin-right: 1rem; + } + .menu-xxl-down-inline { + display: flex; + } + .menu-xxl-down-fit > .menu-item > .menu-content, + .menu-xxl-down-fit > .menu-item > .menu-link { + padding-left: 0 !important; + padding-right: 0 !important; + } + .menu-xxl-down-column { + flex-direction: column; + width: 100%; + } + .menu-xxl-down-row { + flex-direction: row; + } + .menu-xxl-down-row > .menu-item { + display: flex; + align-items: center; + } + .menu-xxl-down-row > .menu-item > .menu-link .menu-arrow:after { + /*rtl:ignore*/ + transform: rotateZ(-90deg); + /*rtl:remove*/ + transform: rotateZ(90deg); + transition: transform 0.3s ease; + } + .menu-xxl-down-rounded .menu-link { + border-radius: 0.95rem; + } + .menu-xxl-down-pill .menu-link { + border-radius: 50px; + } + .menu-xxl-down-rounded-0 .menu-link { + border-radius: 0 !important; + } +} +.menu-link-indention .menu-item { + padding-top: 0; + padding-bottom: 0; +} +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link { + padding-left: calc(1rem + 1rem); +} +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link { + padding-left: calc(2rem + 1rem); +} +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link { + padding-left: calc(3rem + 1rem); +} +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link { + padding-left: calc(4rem + 1rem); +} +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link { + padding-left: 1rem; + padding-right: 0; +} +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link { + padding-left: calc(2rem); + padding-right: 0; +} +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link { + padding-left: calc(3rem); + padding-right: 0; +} +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content, +.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link { + padding-left: calc(4rem); + padding-right: 0; +} + +@keyframes menu-sub-dropdown-animation-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes menu-sub-dropdown-animation-move-up { + from { + margin-top: 0.75rem; + } + to { + margin-top: 0; + } +} +@keyframes menu-sub-dropdown-animation-move-down { + from { + margin-bottom: 0.75rem; + } + to { + margin-bottom: 0; + } +} +.menu-white .menu-item .menu-link { + color: var(--bs-white); +} +.menu-white .menu-item .menu-link .menu-title { + color: var(--bs-white); +} +.menu-white .menu-item .menu-link .menu-icon, +.menu-white .menu-item .menu-link .menu-icon .svg-icon, +.menu-white .menu-item .menu-link .menu-icon i { + color: var(--bs-white); +} +.menu-white .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-white); +} +.menu-white .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-white); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-white%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-white%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-white); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-white%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-white%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-title-white .menu-item .menu-link { + color: var(--bs-text-white); +} +.menu-title-white .menu-item .menu-link .menu-title { + color: var(--bs-text-white); +} + +.menu-icon-white .menu-item .menu-link .menu-icon, +.menu-icon-white .menu-item .menu-link .menu-icon .svg-icon, +.menu-icon-white .menu-item .menu-link .menu-icon i { + color: var(--bs-text-white); +} + +.menu-bullet-white .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-text-white); +} + +.menu-arrow-white .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-white); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-white%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-white%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-white); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-white%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-white%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-primary .menu-item .menu-link { + color: var(--bs-primary); +} +.menu-primary .menu-item .menu-link .menu-title { + color: var(--bs-primary); +} +.menu-primary .menu-item .menu-link .menu-icon, +.menu-primary .menu-item .menu-link .menu-icon .svg-icon, +.menu-primary .menu-item .menu-link .menu-icon i { + color: var(--bs-primary); +} +.menu-primary .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-primary); +} +.menu-primary .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-title-primary .menu-item .menu-link { + color: var(--bs-text-primary); +} +.menu-title-primary .menu-item .menu-link .menu-title { + color: var(--bs-text-primary); +} + +.menu-icon-primary .menu-item .menu-link .menu-icon, +.menu-icon-primary .menu-item .menu-link .menu-icon .svg-icon, +.menu-icon-primary .menu-item .menu-link .menu-icon i { + color: var(--bs-text-primary); +} + +.menu-bullet-primary .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-text-primary); +} + +.menu-arrow-primary .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-secondary .menu-item .menu-link { + color: var(--bs-secondary); +} +.menu-secondary .menu-item .menu-link .menu-title { + color: var(--bs-secondary); +} +.menu-secondary .menu-item .menu-link .menu-icon, +.menu-secondary .menu-item .menu-link .menu-icon .svg-icon, +.menu-secondary .menu-item .menu-link .menu-icon i { + color: var(--bs-secondary); +} +.menu-secondary .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-secondary); +} +.menu-secondary .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-secondary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-secondary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-secondary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-secondary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-secondary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-secondary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-title-secondary .menu-item .menu-link { + color: var(--bs-text-secondary); +} +.menu-title-secondary .menu-item .menu-link .menu-title { + color: var(--bs-text-secondary); +} + +.menu-icon-secondary .menu-item .menu-link .menu-icon, +.menu-icon-secondary .menu-item .menu-link .menu-icon .svg-icon, +.menu-icon-secondary .menu-item .menu-link .menu-icon i { + color: var(--bs-text-secondary); +} + +.menu-bullet-secondary .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-text-secondary); +} + +.menu-arrow-secondary .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-secondary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-secondary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-secondary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-secondary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-secondary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-secondary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-light .menu-item .menu-link { + color: var(--bs-light); +} +.menu-light .menu-item .menu-link .menu-title { + color: var(--bs-light); +} +.menu-light .menu-item .menu-link .menu-icon, +.menu-light .menu-item .menu-link .menu-icon .svg-icon, +.menu-light .menu-item .menu-link .menu-icon i { + color: var(--bs-light); +} +.menu-light .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-light); +} +.menu-light .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-light); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-light%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-light%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-light); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-light%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-light%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-title-light .menu-item .menu-link { + color: var(--bs-text-light); +} +.menu-title-light .menu-item .menu-link .menu-title { + color: var(--bs-text-light); +} + +.menu-icon-light .menu-item .menu-link .menu-icon, +.menu-icon-light .menu-item .menu-link .menu-icon .svg-icon, +.menu-icon-light .menu-item .menu-link .menu-icon i { + color: var(--bs-text-light); +} + +.menu-bullet-light .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-text-light); +} + +.menu-arrow-light .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-light); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-light%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-light%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-light); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-light%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-light%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-success .menu-item .menu-link { + color: var(--bs-success); +} +.menu-success .menu-item .menu-link .menu-title { + color: var(--bs-success); +} +.menu-success .menu-item .menu-link .menu-icon, +.menu-success .menu-item .menu-link .menu-icon .svg-icon, +.menu-success .menu-item .menu-link .menu-icon i { + color: var(--bs-success); +} +.menu-success .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-success); +} +.menu-success .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-success); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-success%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-success%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-success); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-success%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-success%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-title-success .menu-item .menu-link { + color: var(--bs-text-success); +} +.menu-title-success .menu-item .menu-link .menu-title { + color: var(--bs-text-success); +} + +.menu-icon-success .menu-item .menu-link .menu-icon, +.menu-icon-success .menu-item .menu-link .menu-icon .svg-icon, +.menu-icon-success .menu-item .menu-link .menu-icon i { + color: var(--bs-text-success); +} + +.menu-bullet-success .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-text-success); +} + +.menu-arrow-success .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-success); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-success%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-success%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-success); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-success%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-success%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-info .menu-item .menu-link { + color: var(--bs-info); +} +.menu-info .menu-item .menu-link .menu-title { + color: var(--bs-info); +} +.menu-info .menu-item .menu-link .menu-icon, +.menu-info .menu-item .menu-link .menu-icon .svg-icon, +.menu-info .menu-item .menu-link .menu-icon i { + color: var(--bs-info); +} +.menu-info .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-info); +} +.menu-info .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-info); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-info%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-info%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-info); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-info%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-info%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-title-info .menu-item .menu-link { + color: var(--bs-text-info); +} +.menu-title-info .menu-item .menu-link .menu-title { + color: var(--bs-text-info); +} + +.menu-icon-info .menu-item .menu-link .menu-icon, +.menu-icon-info .menu-item .menu-link .menu-icon .svg-icon, +.menu-icon-info .menu-item .menu-link .menu-icon i { + color: var(--bs-text-info); +} + +.menu-bullet-info .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-text-info); +} + +.menu-arrow-info .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-info); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-info%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-info%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-info); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-info%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-info%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-warning .menu-item .menu-link { + color: var(--bs-warning); +} +.menu-warning .menu-item .menu-link .menu-title { + color: var(--bs-warning); +} +.menu-warning .menu-item .menu-link .menu-icon, +.menu-warning .menu-item .menu-link .menu-icon .svg-icon, +.menu-warning .menu-item .menu-link .menu-icon i { + color: var(--bs-warning); +} +.menu-warning .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-warning); +} +.menu-warning .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-warning); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-warning%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-warning%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-warning); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-warning%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-warning%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-title-warning .menu-item .menu-link { + color: var(--bs-text-warning); +} +.menu-title-warning .menu-item .menu-link .menu-title { + color: var(--bs-text-warning); +} + +.menu-icon-warning .menu-item .menu-link .menu-icon, +.menu-icon-warning .menu-item .menu-link .menu-icon .svg-icon, +.menu-icon-warning .menu-item .menu-link .menu-icon i { + color: var(--bs-text-warning); +} + +.menu-bullet-warning .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-text-warning); +} + +.menu-arrow-warning .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-warning); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-warning%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-warning%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-warning); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-warning%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-warning%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-danger .menu-item .menu-link { + color: var(--bs-danger); +} +.menu-danger .menu-item .menu-link .menu-title { + color: var(--bs-danger); +} +.menu-danger .menu-item .menu-link .menu-icon, +.menu-danger .menu-item .menu-link .menu-icon .svg-icon, +.menu-danger .menu-item .menu-link .menu-icon i { + color: var(--bs-danger); +} +.menu-danger .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-danger); +} +.menu-danger .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-danger); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-danger%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-danger%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-danger); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-danger%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-danger%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-title-danger .menu-item .menu-link { + color: var(--bs-text-danger); +} +.menu-title-danger .menu-item .menu-link .menu-title { + color: var(--bs-text-danger); +} + +.menu-icon-danger .menu-item .menu-link .menu-icon, +.menu-icon-danger .menu-item .menu-link .menu-icon .svg-icon, +.menu-icon-danger .menu-item .menu-link .menu-icon i { + color: var(--bs-text-danger); +} + +.menu-bullet-danger .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-text-danger); +} + +.menu-arrow-danger .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-danger); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-danger%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-danger%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-danger); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-danger%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-danger%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-dark .menu-item .menu-link { + color: var(--bs-dark); +} +.menu-dark .menu-item .menu-link .menu-title { + color: var(--bs-dark); +} +.menu-dark .menu-item .menu-link .menu-icon, +.menu-dark .menu-item .menu-link .menu-icon .svg-icon, +.menu-dark .menu-item .menu-link .menu-icon i { + color: var(--bs-dark); +} +.menu-dark .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-dark); +} +.menu-dark .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-dark); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-dark); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-title-dark .menu-item .menu-link { + color: var(--bs-text-dark); +} +.menu-title-dark .menu-item .menu-link .menu-title { + color: var(--bs-text-dark); +} + +.menu-icon-dark .menu-item .menu-link .menu-icon, +.menu-icon-dark .menu-item .menu-link .menu-icon .svg-icon, +.menu-icon-dark .menu-item .menu-link .menu-icon i { + color: var(--bs-text-dark); +} + +.menu-bullet-dark .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-text-dark); +} + +.menu-arrow-dark .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-dark); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-dark); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-muted .menu-item .menu-link { + color: var(--bs-muted); +} +.menu-muted .menu-item .menu-link .menu-title { + color: var(--bs-muted); +} +.menu-muted .menu-item .menu-link .menu-icon, +.menu-muted .menu-item .menu-link .menu-icon .svg-icon, +.menu-muted .menu-item .menu-link .menu-icon i { + color: var(--bs-muted); +} +.menu-muted .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-muted); +} +.menu-muted .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-muted); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-muted%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-muted%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-muted); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-muted%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-muted%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-title-muted .menu-item .menu-link { + color: var(--bs-text-muted); +} +.menu-title-muted .menu-item .menu-link .menu-title { + color: var(--bs-text-muted); +} + +.menu-icon-muted .menu-item .menu-link .menu-icon, +.menu-icon-muted .menu-item .menu-link .menu-icon .svg-icon, +.menu-icon-muted .menu-item .menu-link .menu-icon i { + color: var(--bs-text-muted); +} + +.menu-bullet-muted .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-text-muted); +} + +.menu-arrow-muted .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-muted); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-muted); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-gray-100 .menu-item .menu-link { + color: var(--bs-gray-100); +} +.menu-gray-100 .menu-item .menu-link .menu-title { + color: var(--bs-gray-100); +} +.menu-gray-100 .menu-item .menu-link .menu-icon, +.menu-gray-100 .menu-item .menu-link .menu-icon .svg-icon, +.menu-gray-100 .menu-item .menu-link .menu-icon i { + color: var(--bs-gray-100); +} +.menu-gray-100 .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-gray-100); +} +.menu-gray-100 .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-100); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-100%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-100%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-100); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-100%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-100%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-title-gray-100 .menu-item .menu-link { + color: var(--bs-text-gray-100); +} +.menu-title-gray-100 .menu-item .menu-link .menu-title { + color: var(--bs-text-gray-100); +} + +.menu-icon-gray-100 .menu-item .menu-link .menu-icon, +.menu-icon-gray-100 .menu-item .menu-link .menu-icon .svg-icon, +.menu-icon-gray-100 .menu-item .menu-link .menu-icon i { + color: var(--bs-text-gray-100); +} + +.menu-bullet-gray-100 .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-text-gray-100); +} + +.menu-arrow-gray-100 .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-gray-100); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-100%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-100%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-gray-100); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-100%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-100%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-gray-200 .menu-item .menu-link { + color: var(--bs-gray-200); +} +.menu-gray-200 .menu-item .menu-link .menu-title { + color: var(--bs-gray-200); +} +.menu-gray-200 .menu-item .menu-link .menu-icon, +.menu-gray-200 .menu-item .menu-link .menu-icon .svg-icon, +.menu-gray-200 .menu-item .menu-link .menu-icon i { + color: var(--bs-gray-200); +} +.menu-gray-200 .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-gray-200); +} +.menu-gray-200 .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-200); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-200%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-200%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-200); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-200%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-200%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-title-gray-200 .menu-item .menu-link { + color: var(--bs-text-gray-200); +} +.menu-title-gray-200 .menu-item .menu-link .menu-title { + color: var(--bs-text-gray-200); +} + +.menu-icon-gray-200 .menu-item .menu-link .menu-icon, +.menu-icon-gray-200 .menu-item .menu-link .menu-icon .svg-icon, +.menu-icon-gray-200 .menu-item .menu-link .menu-icon i { + color: var(--bs-text-gray-200); +} + +.menu-bullet-gray-200 .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-text-gray-200); +} + +.menu-arrow-gray-200 .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-gray-200); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-200%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-200%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-gray-200); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-200%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-200%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-gray-300 .menu-item .menu-link { + color: var(--bs-gray-300); +} +.menu-gray-300 .menu-item .menu-link .menu-title { + color: var(--bs-gray-300); +} +.menu-gray-300 .menu-item .menu-link .menu-icon, +.menu-gray-300 .menu-item .menu-link .menu-icon .svg-icon, +.menu-gray-300 .menu-item .menu-link .menu-icon i { + color: var(--bs-gray-300); +} +.menu-gray-300 .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-gray-300); +} +.menu-gray-300 .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-300); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-300%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-300%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-300); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-300%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-300%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-title-gray-300 .menu-item .menu-link { + color: var(--bs-text-gray-300); +} +.menu-title-gray-300 .menu-item .menu-link .menu-title { + color: var(--bs-text-gray-300); +} + +.menu-icon-gray-300 .menu-item .menu-link .menu-icon, +.menu-icon-gray-300 .menu-item .menu-link .menu-icon .svg-icon, +.menu-icon-gray-300 .menu-item .menu-link .menu-icon i { + color: var(--bs-text-gray-300); +} + +.menu-bullet-gray-300 .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-text-gray-300); +} + +.menu-arrow-gray-300 .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-gray-300); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-300%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-300%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-gray-300); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-300%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-300%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-gray-400 .menu-item .menu-link { + color: var(--bs-gray-400); +} +.menu-gray-400 .menu-item .menu-link .menu-title { + color: var(--bs-gray-400); +} +.menu-gray-400 .menu-item .menu-link .menu-icon, +.menu-gray-400 .menu-item .menu-link .menu-icon .svg-icon, +.menu-gray-400 .menu-item .menu-link .menu-icon i { + color: var(--bs-gray-400); +} +.menu-gray-400 .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-gray-400); +} +.menu-gray-400 .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-400); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-400%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-400%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-400); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-400%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-400%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-title-gray-400 .menu-item .menu-link { + color: var(--bs-text-gray-400); +} +.menu-title-gray-400 .menu-item .menu-link .menu-title { + color: var(--bs-text-gray-400); +} + +.menu-icon-gray-400 .menu-item .menu-link .menu-icon, +.menu-icon-gray-400 .menu-item .menu-link .menu-icon .svg-icon, +.menu-icon-gray-400 .menu-item .menu-link .menu-icon i { + color: var(--bs-text-gray-400); +} + +.menu-bullet-gray-400 .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-text-gray-400); +} + +.menu-arrow-gray-400 .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-gray-400); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-400%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-400%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-gray-400); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-400%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-400%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-gray-500 .menu-item .menu-link { + color: var(--bs-gray-500); +} +.menu-gray-500 .menu-item .menu-link .menu-title { + color: var(--bs-gray-500); +} +.menu-gray-500 .menu-item .menu-link .menu-icon, +.menu-gray-500 .menu-item .menu-link .menu-icon .svg-icon, +.menu-gray-500 .menu-item .menu-link .menu-icon i { + color: var(--bs-gray-500); +} +.menu-gray-500 .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-gray-500); +} +.menu-gray-500 .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-500); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-500%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-500%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-500); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-500%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-500%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-title-gray-500 .menu-item .menu-link { + color: var(--bs-text-gray-500); +} +.menu-title-gray-500 .menu-item .menu-link .menu-title { + color: var(--bs-text-gray-500); +} + +.menu-icon-gray-500 .menu-item .menu-link .menu-icon, +.menu-icon-gray-500 .menu-item .menu-link .menu-icon .svg-icon, +.menu-icon-gray-500 .menu-item .menu-link .menu-icon i { + color: var(--bs-text-gray-500); +} + +.menu-bullet-gray-500 .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-text-gray-500); +} + +.menu-arrow-gray-500 .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-gray-500); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-500%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-500%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-gray-500); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-500%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-500%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-gray-600 .menu-item .menu-link { + color: var(--bs-gray-600); +} +.menu-gray-600 .menu-item .menu-link .menu-title { + color: var(--bs-gray-600); +} +.menu-gray-600 .menu-item .menu-link .menu-icon, +.menu-gray-600 .menu-item .menu-link .menu-icon .svg-icon, +.menu-gray-600 .menu-item .menu-link .menu-icon i { + color: var(--bs-gray-600); +} +.menu-gray-600 .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-gray-600); +} +.menu-gray-600 .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-600); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-600%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-600%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-600); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-600%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-600%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-title-gray-600 .menu-item .menu-link { + color: var(--bs-text-gray-600); +} +.menu-title-gray-600 .menu-item .menu-link .menu-title { + color: var(--bs-text-gray-600); +} + +.menu-icon-gray-600 .menu-item .menu-link .menu-icon, +.menu-icon-gray-600 .menu-item .menu-link .menu-icon .svg-icon, +.menu-icon-gray-600 .menu-item .menu-link .menu-icon i { + color: var(--bs-text-gray-600); +} + +.menu-bullet-gray-600 .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-text-gray-600); +} + +.menu-arrow-gray-600 .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-gray-600); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-600%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-600%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-gray-600); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-600%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-600%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-gray-700 .menu-item .menu-link { + color: var(--bs-gray-700); +} +.menu-gray-700 .menu-item .menu-link .menu-title { + color: var(--bs-gray-700); +} +.menu-gray-700 .menu-item .menu-link .menu-icon, +.menu-gray-700 .menu-item .menu-link .menu-icon .svg-icon, +.menu-gray-700 .menu-item .menu-link .menu-icon i { + color: var(--bs-gray-700); +} +.menu-gray-700 .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-gray-700); +} +.menu-gray-700 .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-700); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-700); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-title-gray-700 .menu-item .menu-link { + color: var(--bs-text-gray-700); +} +.menu-title-gray-700 .menu-item .menu-link .menu-title { + color: var(--bs-text-gray-700); +} + +.menu-icon-gray-700 .menu-item .menu-link .menu-icon, +.menu-icon-gray-700 .menu-item .menu-link .menu-icon .svg-icon, +.menu-icon-gray-700 .menu-item .menu-link .menu-icon i { + color: var(--bs-text-gray-700); +} + +.menu-bullet-gray-700 .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-text-gray-700); +} + +.menu-arrow-gray-700 .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-gray-700); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-gray-700); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-gray-800 .menu-item .menu-link { + color: var(--bs-gray-800); +} +.menu-gray-800 .menu-item .menu-link .menu-title { + color: var(--bs-gray-800); +} +.menu-gray-800 .menu-item .menu-link .menu-icon, +.menu-gray-800 .menu-item .menu-link .menu-icon .svg-icon, +.menu-gray-800 .menu-item .menu-link .menu-icon i { + color: var(--bs-gray-800); +} +.menu-gray-800 .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-gray-800); +} +.menu-gray-800 .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-800); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-800%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-800%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-800); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-800%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-800%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-title-gray-800 .menu-item .menu-link { + color: var(--bs-text-gray-800); +} +.menu-title-gray-800 .menu-item .menu-link .menu-title { + color: var(--bs-text-gray-800); +} + +.menu-icon-gray-800 .menu-item .menu-link .menu-icon, +.menu-icon-gray-800 .menu-item .menu-link .menu-icon .svg-icon, +.menu-icon-gray-800 .menu-item .menu-link .menu-icon i { + color: var(--bs-text-gray-800); +} + +.menu-bullet-gray-800 .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-text-gray-800); +} + +.menu-arrow-gray-800 .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-gray-800); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-800%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-800%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-gray-800); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-800%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-800%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-gray-900 .menu-item .menu-link { + color: var(--bs-gray-900); +} +.menu-gray-900 .menu-item .menu-link .menu-title { + color: var(--bs-gray-900); +} +.menu-gray-900 .menu-item .menu-link .menu-icon, +.menu-gray-900 .menu-item .menu-link .menu-icon .svg-icon, +.menu-gray-900 .menu-item .menu-link .menu-icon i { + color: var(--bs-gray-900); +} +.menu-gray-900 .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-gray-900); +} +.menu-gray-900 .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-900); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-900%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-900%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-900); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-900%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-900%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-title-gray-900 .menu-item .menu-link { + color: var(--bs-text-gray-900); +} +.menu-title-gray-900 .menu-item .menu-link .menu-title { + color: var(--bs-text-gray-900); +} + +.menu-icon-gray-900 .menu-item .menu-link .menu-icon, +.menu-icon-gray-900 .menu-item .menu-link .menu-icon .svg-icon, +.menu-icon-gray-900 .menu-item .menu-link .menu-icon i { + color: var(--bs-text-gray-900); +} + +.menu-bullet-gray-900 .menu-item .menu-link .menu-bullet .bullet { + background-color: var(--bs-text-gray-900); +} + +.menu-arrow-gray-900 .menu-item .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-gray-900); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-900%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-900%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-gray-900); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-900%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-gray-900%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-hover-bg .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-hover-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) { + transition: color 0.2s ease; + background-color: var(--bs-menu-link-bg-color-hover); + color: var(--bs-menu-link-color-hover); +} +.menu-hover-bg .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-hover-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title { + color: var(--bs-menu-link-color-hover); +} +.menu-hover-bg .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-hover-bg .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-hover-bg .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-hover-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-hover-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-hover-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i { + color: var(--bs-menu-link-color-hover); +} +.menu-hover-bg .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-hover-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet { + background-color: var(--bs-menu-link-color-hover); +} +.menu-hover-bg .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-hover-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-hover); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-hover%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-hover%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-hover); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-hover%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-hover%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-here-bg .menu-item.here > .menu-link { + transition: color 0.2s ease; + background-color: var(--bs-menu-link-bg-color-here); + color: var(--bs-menu-link-color-here); +} +.menu-here-bg .menu-item.here > .menu-link .menu-title { + color: var(--bs-menu-link-color-here); +} +.menu-here-bg .menu-item.here > .menu-link .menu-icon, +.menu-here-bg .menu-item.here > .menu-link .menu-icon .svg-icon, +.menu-here-bg .menu-item.here > .menu-link .menu-icon i { + color: var(--bs-menu-link-color-here); +} +.menu-here-bg .menu-item.here > .menu-link .menu-bullet .bullet { + background-color: var(--bs-menu-link-color-here); +} +.menu-here-bg .menu-item.here > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-here); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-here%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-here%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-here); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-here%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-here%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-root-here-bg > .menu-item.here > .menu-link { + transition: color 0.2s ease; + background-color: var(--bs-menu-link-bg-color-here); + color: var(--bs-menu-link-color-here); +} +.menu-root-here-bg > .menu-item.here > .menu-link .menu-title { + color: var(--bs-menu-link-color-here); +} +.menu-root-here-bg > .menu-item.here > .menu-link .menu-icon, +.menu-root-here-bg > .menu-item.here > .menu-link .menu-icon .svg-icon, +.menu-root-here-bg > .menu-item.here > .menu-link .menu-icon i { + color: var(--bs-menu-link-color-here); +} +.menu-root-here-bg > .menu-item.here > .menu-link .menu-bullet .bullet { + background-color: var(--bs-menu-link-color-here); +} +.menu-root-here-bg > .menu-item.here > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-here); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-here%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-here%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-here); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-here%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-here%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +@media (min-width: 992px) { + .menu-root-here-bg-desktop > .menu-item.here > .menu-link { + transition: color 0.2s ease; + background-color: var(--bs-menu-link-bg-color-here); + color: var(--bs-menu-link-color-here); + } + .menu-root-here-bg-desktop > .menu-item.here > .menu-link .menu-title { + color: var(--bs-menu-link-color-here); + } + .menu-root-here-bg-desktop > .menu-item.here > .menu-link .menu-icon, + .menu-root-here-bg-desktop > .menu-item.here > .menu-link .menu-icon .svg-icon, + .menu-root-here-bg-desktop > .menu-item.here > .menu-link .menu-icon i { + color: var(--bs-menu-link-color-here); + } + .menu-root-here-bg-desktop > .menu-item.here > .menu-link .menu-bullet .bullet { + background-color: var(--bs-menu-link-color-here); + } + .menu-root-here-bg-desktop > .menu-item.here > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-here); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-here%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-here%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-here); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-here%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-here%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ + } +} +.menu-show-bg .menu-item.show > .menu-link { + transition: color 0.2s ease; + background-color: var(--bs-menu-link-bg-color-show); + color: var(--bs-menu-link-color-show); +} +.menu-show-bg .menu-item.show > .menu-link .menu-title { + color: var(--bs-menu-link-color-show); +} +.menu-show-bg .menu-item.show > .menu-link .menu-icon, +.menu-show-bg .menu-item.show > .menu-link .menu-icon .svg-icon, +.menu-show-bg .menu-item.show > .menu-link .menu-icon i { + color: var(--bs-menu-link-color-show); +} +.menu-show-bg .menu-item.show > .menu-link .menu-bullet .bullet { + background-color: var(--bs-menu-link-color-show); +} +.menu-show-bg .menu-item.show > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-show); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-show%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-show%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-show); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-show%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-show%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-active-bg .menu-item .menu-link.active { + transition: color 0.2s ease; + background-color: var(--bs-menu-link-bg-color-active); + color: var(--bs-menu-link-color-active); +} +.menu-active-bg .menu-item .menu-link.active .menu-title { + color: var(--bs-menu-link-color-active); +} +.menu-active-bg .menu-item .menu-link.active .menu-icon, +.menu-active-bg .menu-item .menu-link.active .menu-icon .svg-icon, +.menu-active-bg .menu-item .menu-link.active .menu-icon i { + color: var(--bs-menu-link-color-active); +} +.menu-active-bg .menu-item .menu-link.active .menu-bullet .bullet { + background-color: var(--bs-menu-link-color-active); +} +.menu-active-bg .menu-item .menu-link.active .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-active); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-active%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-active%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-active); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-active%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-active%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-state-bg .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) { + transition: color 0.2s ease; + background-color: var(--bs-menu-link-bg-color-hover); + color: var(--bs-menu-link-color-hover); +} +.menu-state-bg .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title { + color: var(--bs-menu-link-color-hover); +} +.menu-state-bg .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-state-bg .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-state-bg .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-state-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-state-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i { + color: var(--bs-menu-link-color-hover); +} +.menu-state-bg .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-state-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet { + background-color: var(--bs-menu-link-color-hover); +} +.menu-state-bg .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-state-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-hover); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-hover%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-hover%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-hover); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-hover%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-hover%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-bg .menu-item.here > .menu-link { + transition: color 0.2s ease; + background-color: var(--bs-menu-link-bg-color-here); + color: var(--bs-menu-link-color-here); +} +.menu-state-bg .menu-item.here > .menu-link .menu-title { + color: var(--bs-menu-link-color-here); +} +.menu-state-bg .menu-item.here > .menu-link .menu-icon, +.menu-state-bg .menu-item.here > .menu-link .menu-icon .svg-icon, +.menu-state-bg .menu-item.here > .menu-link .menu-icon i { + color: var(--bs-menu-link-color-here); +} +.menu-state-bg .menu-item.here > .menu-link .menu-bullet .bullet { + background-color: var(--bs-menu-link-color-here); +} +.menu-state-bg .menu-item.here > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-here); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-here%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-here%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-here); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-here%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-here%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-bg .menu-item.show > .menu-link { + transition: color 0.2s ease; + background-color: var(--bs-menu-link-bg-color-show); + color: var(--bs-menu-link-color-show); +} +.menu-state-bg .menu-item.show > .menu-link .menu-title { + color: var(--bs-menu-link-color-show); +} +.menu-state-bg .menu-item.show > .menu-link .menu-icon, +.menu-state-bg .menu-item.show > .menu-link .menu-icon .svg-icon, +.menu-state-bg .menu-item.show > .menu-link .menu-icon i { + color: var(--bs-menu-link-color-show); +} +.menu-state-bg .menu-item.show > .menu-link .menu-bullet .bullet { + background-color: var(--bs-menu-link-color-show); +} +.menu-state-bg .menu-item.show > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-show); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-show%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-show%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-show); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-show%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-show%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-bg .menu-item .menu-link.active { + transition: color 0.2s ease; + background-color: var(--bs-menu-link-bg-color-active); + color: var(--bs-menu-link-color-active); +} +.menu-state-bg .menu-item .menu-link.active .menu-title { + color: var(--bs-menu-link-color-active); +} +.menu-state-bg .menu-item .menu-link.active .menu-icon, +.menu-state-bg .menu-item .menu-link.active .menu-icon .svg-icon, +.menu-state-bg .menu-item .menu-link.active .menu-icon i { + color: var(--bs-menu-link-color-active); +} +.menu-state-bg .menu-item .menu-link.active .menu-bullet .bullet { + background-color: var(--bs-menu-link-color-active); +} +.menu-state-bg .menu-item .menu-link.active .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-active); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-active%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-active%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-active); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-active%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-active%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) { + transition: color 0.2s ease; + color: var(--bs-menu-link-color-hover); +} +.menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title { + color: var(--bs-menu-link-color-hover); +} +.menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i { + color: var(--bs-menu-link-color-hover); +} +.menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet { + background-color: var(--bs-menu-link-color-hover); +} +.menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-hover); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-hover%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-hover%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-hover); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-hover%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-hover%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-color .menu-item.here > .menu-link { + transition: color 0.2s ease; + color: var(--bs-menu-link-color-here); +} +.menu-state-color .menu-item.here > .menu-link .menu-title { + color: var(--bs-menu-link-color-here); +} +.menu-state-color .menu-item.here > .menu-link .menu-icon, +.menu-state-color .menu-item.here > .menu-link .menu-icon .svg-icon, +.menu-state-color .menu-item.here > .menu-link .menu-icon i { + color: var(--bs-menu-link-color-here); +} +.menu-state-color .menu-item.here > .menu-link .menu-bullet .bullet { + background-color: var(--bs-menu-link-color-here); +} +.menu-state-color .menu-item.here > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-here); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-here%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-here%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-here); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-here%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-here%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-color .menu-item.show > .menu-link { + transition: color 0.2s ease; + color: var(--bs-menu-link-color-show); +} +.menu-state-color .menu-item.show > .menu-link .menu-title { + color: var(--bs-menu-link-color-show); +} +.menu-state-color .menu-item.show > .menu-link .menu-icon, +.menu-state-color .menu-item.show > .menu-link .menu-icon .svg-icon, +.menu-state-color .menu-item.show > .menu-link .menu-icon i { + color: var(--bs-menu-link-color-show); +} +.menu-state-color .menu-item.show > .menu-link .menu-bullet .bullet { + background-color: var(--bs-menu-link-color-show); +} +.menu-state-color .menu-item.show > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-show); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-show%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-show%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-show); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-show%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-show%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-color .menu-item .menu-link.active { + transition: color 0.2s ease; + color: var(--bs-menu-link-color-active); +} +.menu-state-color .menu-item .menu-link.active .menu-title { + color: var(--bs-menu-link-color-active); +} +.menu-state-color .menu-item .menu-link.active .menu-icon, +.menu-state-color .menu-item .menu-link.active .menu-icon .svg-icon, +.menu-state-color .menu-item .menu-link.active .menu-icon i { + color: var(--bs-menu-link-color-active); +} +.menu-state-color .menu-item .menu-link.active .menu-bullet .bullet { + background-color: var(--bs-menu-link-color-active); +} +.menu-state-color .menu-item .menu-link.active .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-active); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-active%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-active%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-menu-link-color-active); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-active%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-menu-link-color-active%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-hover-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-hover-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) { + transition: color 0.2s ease; + background-color: var(--bs-primary); + color: var(--bs-primary-inverse); +} +.menu-hover-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-hover-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title { + color: var(--bs-primary-inverse); +} +.menu-hover-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-hover-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-hover-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-hover-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-hover-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-hover-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i { + color: var(--bs-primary-inverse); +} +.menu-hover-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-hover-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet { + background-color: var(--bs-primary-inverse); +} +.menu-hover-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-hover-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary-inverse); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary-inverse); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-show-bg-primary .menu-item.show > .menu-link { + transition: color 0.2s ease; + background-color: var(--bs-primary); + color: var(--bs-primary-inverse); +} +.menu-show-bg-primary .menu-item.show > .menu-link .menu-title { + color: var(--bs-primary-inverse); +} +.menu-show-bg-primary .menu-item.show > .menu-link .menu-icon, +.menu-show-bg-primary .menu-item.show > .menu-link .menu-icon .svg-icon, +.menu-show-bg-primary .menu-item.show > .menu-link .menu-icon i { + color: var(--bs-primary-inverse); +} +.menu-show-bg-primary .menu-item.show > .menu-link .menu-bullet .bullet { + background-color: var(--bs-primary-inverse); +} +.menu-show-bg-primary .menu-item.show > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary-inverse); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary-inverse); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-here-bg-primary .menu-item.here > .menu-link { + transition: color 0.2s ease; + background-color: var(--bs-primary); + color: var(--bs-primary-inverse); +} +.menu-here-bg-primary .menu-item.here > .menu-link .menu-title { + color: var(--bs-primary-inverse); +} +.menu-here-bg-primary .menu-item.here > .menu-link .menu-icon, +.menu-here-bg-primary .menu-item.here > .menu-link .menu-icon .svg-icon, +.menu-here-bg-primary .menu-item.here > .menu-link .menu-icon i { + color: var(--bs-primary-inverse); +} +.menu-here-bg-primary .menu-item.here > .menu-link .menu-bullet .bullet { + background-color: var(--bs-primary-inverse); +} +.menu-here-bg-primary .menu-item.here > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary-inverse); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary-inverse); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-active-bg-primary .menu-item .menu-link.active { + transition: color 0.2s ease; + background-color: var(--bs-primary); + color: var(--bs-primary-inverse); +} +.menu-active-bg-primary .menu-item .menu-link.active .menu-title { + color: var(--bs-primary-inverse); +} +.menu-active-bg-primary .menu-item .menu-link.active .menu-icon, +.menu-active-bg-primary .menu-item .menu-link.active .menu-icon .svg-icon, +.menu-active-bg-primary .menu-item .menu-link.active .menu-icon i { + color: var(--bs-primary-inverse); +} +.menu-active-bg-primary .menu-item .menu-link.active .menu-bullet .bullet { + background-color: var(--bs-primary-inverse); +} +.menu-active-bg-primary .menu-item .menu-link.active .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary-inverse); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary-inverse); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-state-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) { + transition: color 0.2s ease; + background-color: var(--bs-primary); + color: var(--bs-primary-inverse); +} +.menu-state-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title { + color: var(--bs-primary-inverse); +} +.menu-state-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-state-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-state-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-state-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-state-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i { + color: var(--bs-primary-inverse); +} +.menu-state-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-state-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet { + background-color: var(--bs-primary-inverse); +} +.menu-state-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-state-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary-inverse); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary-inverse); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-bg-primary .menu-item.show > .menu-link { + transition: color 0.2s ease; + background-color: var(--bs-primary); + color: var(--bs-primary-inverse); +} +.menu-state-bg-primary .menu-item.show > .menu-link .menu-title { + color: var(--bs-primary-inverse); +} +.menu-state-bg-primary .menu-item.show > .menu-link .menu-icon, +.menu-state-bg-primary .menu-item.show > .menu-link .menu-icon .svg-icon, +.menu-state-bg-primary .menu-item.show > .menu-link .menu-icon i { + color: var(--bs-primary-inverse); +} +.menu-state-bg-primary .menu-item.show > .menu-link .menu-bullet .bullet { + background-color: var(--bs-primary-inverse); +} +.menu-state-bg-primary .menu-item.show > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary-inverse); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary-inverse); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-bg-primary .menu-item.here > .menu-link { + transition: color 0.2s ease; + background-color: var(--bs-primary); + color: var(--bs-primary-inverse); +} +.menu-state-bg-primary .menu-item.here > .menu-link .menu-title { + color: var(--bs-primary-inverse); +} +.menu-state-bg-primary .menu-item.here > .menu-link .menu-icon, +.menu-state-bg-primary .menu-item.here > .menu-link .menu-icon .svg-icon, +.menu-state-bg-primary .menu-item.here > .menu-link .menu-icon i { + color: var(--bs-primary-inverse); +} +.menu-state-bg-primary .menu-item.here > .menu-link .menu-bullet .bullet { + background-color: var(--bs-primary-inverse); +} +.menu-state-bg-primary .menu-item.here > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary-inverse); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary-inverse); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-bg-primary .menu-item .menu-link.active { + transition: color 0.2s ease; + background-color: var(--bs-primary); + color: var(--bs-primary-inverse); +} +.menu-state-bg-primary .menu-item .menu-link.active .menu-title { + color: var(--bs-primary-inverse); +} +.menu-state-bg-primary .menu-item .menu-link.active .menu-icon, +.menu-state-bg-primary .menu-item .menu-link.active .menu-icon .svg-icon, +.menu-state-bg-primary .menu-item .menu-link.active .menu-icon i { + color: var(--bs-primary-inverse); +} +.menu-state-bg-primary .menu-item .menu-link.active .menu-bullet .bullet { + background-color: var(--bs-primary-inverse); +} +.menu-state-bg-primary .menu-item .menu-link.active .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary-inverse); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary-inverse); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-bg-primary .menu-item.show > .menu-link { + transition: color 0.2s ease; + background-color: var(--bs-primary); + color: var(--bs-primary-inverse); +} +.menu-state-bg-primary .menu-item.show > .menu-link .menu-title { + color: var(--bs-primary-inverse); +} +.menu-state-bg-primary .menu-item.show > .menu-link .menu-icon, +.menu-state-bg-primary .menu-item.show > .menu-link .menu-icon .svg-icon, +.menu-state-bg-primary .menu-item.show > .menu-link .menu-icon i { + color: var(--bs-primary-inverse); +} +.menu-state-bg-primary .menu-item.show > .menu-link .menu-bullet .bullet { + background-color: var(--bs-primary-inverse); +} +.menu-state-bg-primary .menu-item.show > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary-inverse); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary-inverse); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-show-bg-light-primary .menu-item.show > .menu-link { + transition: color 0.2s ease; + background-color: var(--bs-primary-light); + color: var(--bs-primary); +} +.menu-show-bg-light-primary .menu-item.show > .menu-link .menu-title { + color: var(--bs-primary); +} +.menu-show-bg-light-primary .menu-item.show > .menu-link .menu-icon, +.menu-show-bg-light-primary .menu-item.show > .menu-link .menu-icon .svg-icon, +.menu-show-bg-light-primary .menu-item.show > .menu-link .menu-icon i { + color: var(--bs-primary); +} +.menu-show-bg-light-primary .menu-item.show > .menu-link .menu-bullet .bullet { + background-color: var(--bs-primary); +} +.menu-show-bg-light-primary .menu-item.show > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-here-bg-light-primary .menu-item.here > .menu-link { + transition: color 0.2s ease; + background-color: var(--bs-primary-light); + color: var(--bs-primary); +} +.menu-here-bg-light-primary .menu-item.here > .menu-link .menu-title { + color: var(--bs-primary); +} +.menu-here-bg-light-primary .menu-item.here > .menu-link .menu-icon, +.menu-here-bg-light-primary .menu-item.here > .menu-link .menu-icon .svg-icon, +.menu-here-bg-light-primary .menu-item.here > .menu-link .menu-icon i { + color: var(--bs-primary); +} +.menu-here-bg-light-primary .menu-item.here > .menu-link .menu-bullet .bullet { + background-color: var(--bs-primary); +} +.menu-here-bg-light-primary .menu-item.here > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-hover-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-hover-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) { + transition: color 0.2s ease; + background-color: var(--bs-primary-light); + color: var(--bs-primary); +} +.menu-hover-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-hover-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title { + color: var(--bs-primary); +} +.menu-hover-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-hover-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-hover-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-hover-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-hover-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-hover-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i { + color: var(--bs-primary); +} +.menu-hover-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-hover-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet { + background-color: var(--bs-primary); +} +.menu-hover-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-hover-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-active-bg-light-primary .menu-item .menu-link.active { + transition: color 0.2s ease; + background-color: var(--bs-primary-light); + color: var(--bs-primary); +} +.menu-active-bg-light-primary .menu-item .menu-link.active .menu-title { + color: var(--bs-primary); +} +.menu-active-bg-light-primary .menu-item .menu-link.active .menu-icon, +.menu-active-bg-light-primary .menu-item .menu-link.active .menu-icon .svg-icon, +.menu-active-bg-light-primary .menu-item .menu-link.active .menu-icon i { + color: var(--bs-primary); +} +.menu-active-bg-light-primary .menu-item .menu-link.active .menu-bullet .bullet { + background-color: var(--bs-primary); +} +.menu-active-bg-light-primary .menu-item .menu-link.active .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-state-bg-light-primary .menu-item.show > .menu-link { + transition: color 0.2s ease; + background-color: var(--bs-primary-light); + color: var(--bs-primary); +} +.menu-state-bg-light-primary .menu-item.show > .menu-link .menu-title { + color: var(--bs-primary); +} +.menu-state-bg-light-primary .menu-item.show > .menu-link .menu-icon, +.menu-state-bg-light-primary .menu-item.show > .menu-link .menu-icon .svg-icon, +.menu-state-bg-light-primary .menu-item.show > .menu-link .menu-icon i { + color: var(--bs-primary); +} +.menu-state-bg-light-primary .menu-item.show > .menu-link .menu-bullet .bullet { + background-color: var(--bs-primary); +} +.menu-state-bg-light-primary .menu-item.show > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-bg-light-primary .menu-item.here > .menu-link { + transition: color 0.2s ease; + background-color: var(--bs-primary-light); + color: var(--bs-primary); +} +.menu-state-bg-light-primary .menu-item.here > .menu-link .menu-title { + color: var(--bs-primary); +} +.menu-state-bg-light-primary .menu-item.here > .menu-link .menu-icon, +.menu-state-bg-light-primary .menu-item.here > .menu-link .menu-icon .svg-icon, +.menu-state-bg-light-primary .menu-item.here > .menu-link .menu-icon i { + color: var(--bs-primary); +} +.menu-state-bg-light-primary .menu-item.here > .menu-link .menu-bullet .bullet { + background-color: var(--bs-primary); +} +.menu-state-bg-light-primary .menu-item.here > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) { + transition: color 0.2s ease; + background-color: var(--bs-primary-light); + color: var(--bs-primary); +} +.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title { + color: var(--bs-primary); +} +.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i { + color: var(--bs-primary); +} +.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet { + background-color: var(--bs-primary); +} +.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-bg-light-primary .menu-item .menu-link.active { + transition: color 0.2s ease; + background-color: var(--bs-primary-light); + color: var(--bs-primary); +} +.menu-state-bg-light-primary .menu-item .menu-link.active .menu-title { + color: var(--bs-primary); +} +.menu-state-bg-light-primary .menu-item .menu-link.active .menu-icon, +.menu-state-bg-light-primary .menu-item .menu-link.active .menu-icon .svg-icon, +.menu-state-bg-light-primary .menu-item .menu-link.active .menu-icon i { + color: var(--bs-primary); +} +.menu-state-bg-light-primary .menu-item .menu-link.active .menu-bullet .bullet { + background-color: var(--bs-primary); +} +.menu-state-bg-light-primary .menu-item .menu-link.active .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-hover-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-hover-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) { + transition: color 0.2s ease; + color: var(--bs-primary); +} +.menu-hover-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-hover-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title { + color: var(--bs-primary); +} +.menu-hover-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-hover-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-hover-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-hover-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-hover-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-hover-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i { + color: var(--bs-primary); +} +.menu-hover-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-hover-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet { + background-color: var(--bs-primary); +} +.menu-hover-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-hover-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-show-primary .menu-item.show > .menu-link { + transition: color 0.2s ease; + color: var(--bs-primary); +} +.menu-show-primary .menu-item.show > .menu-link .menu-title { + color: var(--bs-primary); +} +.menu-show-primary .menu-item.show > .menu-link .menu-icon, +.menu-show-primary .menu-item.show > .menu-link .menu-icon .svg-icon, +.menu-show-primary .menu-item.show > .menu-link .menu-icon i { + color: var(--bs-primary); +} +.menu-show-primary .menu-item.show > .menu-link .menu-bullet .bullet { + background-color: var(--bs-primary); +} +.menu-show-primary .menu-item.show > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-here-primary .menu-item.here > .menu-link { + transition: color 0.2s ease; + color: var(--bs-primary); +} +.menu-here-primary .menu-item.here > .menu-link .menu-title { + color: var(--bs-primary); +} +.menu-here-primary .menu-item.here > .menu-link .menu-icon, +.menu-here-primary .menu-item.here > .menu-link .menu-icon .svg-icon, +.menu-here-primary .menu-item.here > .menu-link .menu-icon i { + color: var(--bs-primary); +} +.menu-here-primary .menu-item.here > .menu-link .menu-bullet .bullet { + background-color: var(--bs-primary); +} +.menu-here-primary .menu-item.here > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-active-primary .menu-item .menu-link.active { + transition: color 0.2s ease; + color: var(--bs-primary); +} +.menu-active-primary .menu-item .menu-link.active .menu-title { + color: var(--bs-primary); +} +.menu-active-primary .menu-item .menu-link.active .menu-icon, +.menu-active-primary .menu-item .menu-link.active .menu-icon .svg-icon, +.menu-active-primary .menu-item .menu-link.active .menu-icon i { + color: var(--bs-primary); +} +.menu-active-primary .menu-item .menu-link.active .menu-bullet .bullet { + background-color: var(--bs-primary); +} +.menu-active-primary .menu-item .menu-link.active .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) { + transition: color 0.2s ease; + color: var(--bs-primary); +} +.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title { + color: var(--bs-primary); +} +.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i { + color: var(--bs-primary); +} +.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet { + background-color: var(--bs-primary); +} +.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-primary .menu-item.show > .menu-link { + transition: color 0.2s ease; + color: var(--bs-primary); +} +.menu-state-primary .menu-item.show > .menu-link .menu-title { + color: var(--bs-primary); +} +.menu-state-primary .menu-item.show > .menu-link .menu-icon, +.menu-state-primary .menu-item.show > .menu-link .menu-icon .svg-icon, +.menu-state-primary .menu-item.show > .menu-link .menu-icon i { + color: var(--bs-primary); +} +.menu-state-primary .menu-item.show > .menu-link .menu-bullet .bullet { + background-color: var(--bs-primary); +} +.menu-state-primary .menu-item.show > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-primary .menu-item.here > .menu-link { + transition: color 0.2s ease; + color: var(--bs-primary); +} +.menu-state-primary .menu-item.here > .menu-link .menu-title { + color: var(--bs-primary); +} +.menu-state-primary .menu-item.here > .menu-link .menu-icon, +.menu-state-primary .menu-item.here > .menu-link .menu-icon .svg-icon, +.menu-state-primary .menu-item.here > .menu-link .menu-icon i { + color: var(--bs-primary); +} +.menu-state-primary .menu-item.here > .menu-link .menu-bullet .bullet { + background-color: var(--bs-primary); +} +.menu-state-primary .menu-item.here > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-primary .menu-item .menu-link.active { + transition: color 0.2s ease; + color: var(--bs-primary); +} +.menu-state-primary .menu-item .menu-link.active .menu-title { + color: var(--bs-primary); +} +.menu-state-primary .menu-item .menu-link.active .menu-icon, +.menu-state-primary .menu-item .menu-link.active .menu-icon .svg-icon, +.menu-state-primary .menu-item .menu-link.active .menu-icon i { + color: var(--bs-primary); +} +.menu-state-primary .menu-item .menu-link.active .menu-bullet .bullet { + background-color: var(--bs-primary); +} +.menu-state-primary .menu-item .menu-link.active .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-state-dark .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-dark .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) { + transition: color 0.2s ease; + color: var(--bs-dark); +} +.menu-state-dark .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-dark .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title { + color: var(--bs-dark); +} +.menu-state-dark .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-state-dark .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-state-dark .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-dark .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-state-dark .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-state-dark .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i { + color: var(--bs-dark); +} +.menu-state-dark .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-state-dark .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet { + background-color: var(--bs-dark); +} +.menu-state-dark .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-state-dark .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-dark); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-dark); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-dark .menu-item.show > .menu-link { + transition: color 0.2s ease; + color: var(--bs-dark); +} +.menu-state-dark .menu-item.show > .menu-link .menu-title { + color: var(--bs-dark); +} +.menu-state-dark .menu-item.show > .menu-link .menu-icon, +.menu-state-dark .menu-item.show > .menu-link .menu-icon .svg-icon, +.menu-state-dark .menu-item.show > .menu-link .menu-icon i { + color: var(--bs-dark); +} +.menu-state-dark .menu-item.show > .menu-link .menu-bullet .bullet { + background-color: var(--bs-dark); +} +.menu-state-dark .menu-item.show > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-dark); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-dark); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-dark .menu-item.here > .menu-link { + transition: color 0.2s ease; + color: var(--bs-dark); +} +.menu-state-dark .menu-item.here > .menu-link .menu-title { + color: var(--bs-dark); +} +.menu-state-dark .menu-item.here > .menu-link .menu-icon, +.menu-state-dark .menu-item.here > .menu-link .menu-icon .svg-icon, +.menu-state-dark .menu-item.here > .menu-link .menu-icon i { + color: var(--bs-dark); +} +.menu-state-dark .menu-item.here > .menu-link .menu-bullet .bullet { + background-color: var(--bs-dark); +} +.menu-state-dark .menu-item.here > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-dark); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-dark); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-dark .menu-item .menu-link.active { + transition: color 0.2s ease; + color: var(--bs-dark); +} +.menu-state-dark .menu-item .menu-link.active .menu-title { + color: var(--bs-dark); +} +.menu-state-dark .menu-item .menu-link.active .menu-icon, +.menu-state-dark .menu-item .menu-link.active .menu-icon .svg-icon, +.menu-state-dark .menu-item .menu-link.active .menu-icon i { + color: var(--bs-dark); +} +.menu-state-dark .menu-item .menu-link.active .menu-bullet .bullet { + background-color: var(--bs-dark); +} +.menu-state-dark .menu-item .menu-link.active .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-dark); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-dark); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-state-gray-900 .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-gray-900 .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) { + transition: color 0.2s ease; + color: var(--bs-gray-900); +} +.menu-state-gray-900 .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-gray-900 .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title { + color: var(--bs-gray-900); +} +.menu-state-gray-900 .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-state-gray-900 .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-state-gray-900 .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-gray-900 .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-state-gray-900 .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-state-gray-900 .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i { + color: var(--bs-gray-900); +} +.menu-state-gray-900 .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-state-gray-900 .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet { + background-color: var(--bs-gray-900); +} +.menu-state-gray-900 .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-state-gray-900 .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-900); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-900%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-900%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-900); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-900%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-900%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-gray-900 .menu-item.show > .menu-link { + transition: color 0.2s ease; + color: var(--bs-gray-900); +} +.menu-state-gray-900 .menu-item.show > .menu-link .menu-title { + color: var(--bs-gray-900); +} +.menu-state-gray-900 .menu-item.show > .menu-link .menu-icon, +.menu-state-gray-900 .menu-item.show > .menu-link .menu-icon .svg-icon, +.menu-state-gray-900 .menu-item.show > .menu-link .menu-icon i { + color: var(--bs-gray-900); +} +.menu-state-gray-900 .menu-item.show > .menu-link .menu-bullet .bullet { + background-color: var(--bs-gray-900); +} +.menu-state-gray-900 .menu-item.show > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-900); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-900%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-900%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-900); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-900%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-900%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-gray-900 .menu-item.here > .menu-link { + transition: color 0.2s ease; + color: var(--bs-gray-900); +} +.menu-state-gray-900 .menu-item.here > .menu-link .menu-title { + color: var(--bs-gray-900); +} +.menu-state-gray-900 .menu-item.here > .menu-link .menu-icon, +.menu-state-gray-900 .menu-item.here > .menu-link .menu-icon .svg-icon, +.menu-state-gray-900 .menu-item.here > .menu-link .menu-icon i { + color: var(--bs-gray-900); +} +.menu-state-gray-900 .menu-item.here > .menu-link .menu-bullet .bullet { + background-color: var(--bs-gray-900); +} +.menu-state-gray-900 .menu-item.here > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-900); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-900%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-900%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-900); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-900%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-900%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-gray-900 .menu-item .menu-link.active { + transition: color 0.2s ease; + color: var(--bs-gray-900); +} +.menu-state-gray-900 .menu-item .menu-link.active .menu-title { + color: var(--bs-gray-900); +} +.menu-state-gray-900 .menu-item .menu-link.active .menu-icon, +.menu-state-gray-900 .menu-item .menu-link.active .menu-icon .svg-icon, +.menu-state-gray-900 .menu-item .menu-link.active .menu-icon i { + color: var(--bs-gray-900); +} +.menu-state-gray-900 .menu-item .menu-link.active .menu-bullet .bullet { + background-color: var(--bs-gray-900); +} +.menu-state-gray-900 .menu-item .menu-link.active .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-900); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-900%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-900%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-900); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-900%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-900%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-hover-title-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-hover-title-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) { + transition: color 0.2s ease; + color: var(--bs-primary); +} +.menu-hover-title-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-hover-title-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title { + color: var(--bs-primary); +} + +.menu-here-title-primary .menu-item.here > .menu-link { + transition: color 0.2s ease; + color: var(--bs-primary); +} +.menu-here-title-primary .menu-item.here > .menu-link .menu-title { + color: var(--bs-primary); +} + +.menu-show-title-primary .menu-item.show > .menu-link { + transition: color 0.2s ease; + color: var(--bs-primary); +} +.menu-show-title-primary .menu-item.show > .menu-link .menu-title { + color: var(--bs-primary); +} + +.menu-active-title-primary .menu-item .menu-link.active { + transition: color 0.2s ease; + color: var(--bs-primary); +} +.menu-active-title-primary .menu-item .menu-link.active .menu-title { + color: var(--bs-primary); +} + +.menu-state-title-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-title-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) { + transition: color 0.2s ease; + color: var(--bs-primary); +} +.menu-state-title-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-title-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title { + color: var(--bs-primary); +} +.menu-state-title-primary .menu-item.here > .menu-link { + transition: color 0.2s ease; + color: var(--bs-primary); +} +.menu-state-title-primary .menu-item.here > .menu-link .menu-title { + color: var(--bs-primary); +} +.menu-state-title-primary .menu-item.show > .menu-link { + transition: color 0.2s ease; + color: var(--bs-primary); +} +.menu-state-title-primary .menu-item.show > .menu-link .menu-title { + color: var(--bs-primary); +} +.menu-state-title-primary .menu-item .menu-link.active { + transition: color 0.2s ease; + color: var(--bs-primary); +} +.menu-state-title-primary .menu-item .menu-link.active .menu-title { + color: var(--bs-primary); +} + +.menu-hover-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-hover-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) { + transition: color 0.2s ease; +} +.menu-hover-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-hover-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-hover-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-hover-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-hover-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-hover-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i { + color: var(--bs-primary); +} + +.menu-here-icon-primary .menu-item.here > .menu-link { + transition: color 0.2s ease; +} +.menu-here-icon-primary .menu-item.here > .menu-link .menu-icon, +.menu-here-icon-primary .menu-item.here > .menu-link .menu-icon .svg-icon, +.menu-here-icon-primary .menu-item.here > .menu-link .menu-icon i { + color: var(--bs-primary); +} + +.menu-show-icon-primary .menu-item.show > .menu-link { + transition: color 0.2s ease; +} +.menu-show-icon-primary .menu-item.show > .menu-link .menu-icon, +.menu-show-icon-primary .menu-item.show > .menu-link .menu-icon .svg-icon, +.menu-show-icon-primary .menu-item.show > .menu-link .menu-icon i { + color: var(--bs-primary); +} + +.menu-active-icon-primary .menu-item .menu-link.active { + transition: color 0.2s ease; +} +.menu-active-icon-primary .menu-item .menu-link.active .menu-icon, +.menu-active-icon-primary .menu-item .menu-link.active .menu-icon .svg-icon, +.menu-active-icon-primary .menu-item .menu-link.active .menu-icon i { + color: var(--bs-primary); +} + +.menu-state-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) { + transition: color 0.2s ease; +} +.menu-state-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-state-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-state-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, +.menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, +.menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i { + color: var(--bs-primary); +} +.menu-state-icon-primary .menu-item.here > .menu-link { + transition: color 0.2s ease; +} +.menu-state-icon-primary .menu-item.here > .menu-link .menu-icon, +.menu-state-icon-primary .menu-item.here > .menu-link .menu-icon .svg-icon, +.menu-state-icon-primary .menu-item.here > .menu-link .menu-icon i { + color: var(--bs-primary); +} +.menu-state-icon-primary .menu-item.show > .menu-link { + transition: color 0.2s ease; +} +.menu-state-icon-primary .menu-item.show > .menu-link .menu-icon, +.menu-state-icon-primary .menu-item.show > .menu-link .menu-icon .svg-icon, +.menu-state-icon-primary .menu-item.show > .menu-link .menu-icon i { + color: var(--bs-primary); +} +.menu-state-icon-primary .menu-item .menu-link.active { + transition: color 0.2s ease; +} +.menu-state-icon-primary .menu-item .menu-link.active .menu-icon, +.menu-state-icon-primary .menu-item .menu-link.active .menu-icon .svg-icon, +.menu-state-icon-primary .menu-item .menu-link.active .menu-icon i { + color: var(--bs-primary); +} + +.menu-hover-bullet-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-hover-bullet-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) { + transition: color 0.2s ease; +} +.menu-hover-bullet-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-hover-bullet-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet { + background-color: var(--bs-primary); +} + +.menu-show-bullet-primary .menu-item.show > .menu-link { + transition: color 0.2s ease; +} +.menu-show-bullet-primary .menu-item.show > .menu-link .menu-bullet .bullet { + background-color: var(--bs-primary); +} + +.menu-here-bullet-primary .menu-item.here > .menu-link { + transition: color 0.2s ease; +} +.menu-here-bullet-primary .menu-item.here > .menu-link .menu-bullet .bullet { + background-color: var(--bs-primary); +} + +.menu-active-bullet-primary .menu-item .menu-link.active { + transition: color 0.2s ease; +} +.menu-active-bullet-primary .menu-item .menu-link.active .menu-bullet .bullet { + background-color: var(--bs-primary); +} + +.menu-state-bullet-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-bullet-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) { + transition: color 0.2s ease; +} +.menu-state-bullet-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-state-bullet-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet { + background-color: var(--bs-primary); +} +.menu-state-bullet-primary .menu-item.here > .menu-link { + transition: color 0.2s ease; +} +.menu-state-bullet-primary .menu-item.here > .menu-link .menu-bullet .bullet { + background-color: var(--bs-primary); +} +.menu-state-bullet-primary .menu-item.show > .menu-link { + transition: color 0.2s ease; +} +.menu-state-bullet-primary .menu-item.show > .menu-link .menu-bullet .bullet { + background-color: var(--bs-primary); +} +.menu-state-bullet-primary .menu-item .menu-link.active { + transition: color 0.2s ease; +} +.menu-state-bullet-primary .menu-item .menu-link.active .menu-bullet .bullet { + background-color: var(--bs-primary); +} + +.menu-hover-arrow-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-hover-arrow-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) { + transition: color 0.2s ease; +} +.menu-hover-arrow-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-hover-arrow-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-here-arrow-primary .menu-item.here > .menu-link { + transition: color 0.2s ease; +} +.menu-here-arrow-primary .menu-item.here > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-show-arrow-primary .menu-item.show > .menu-link { + transition: color 0.2s ease; +} +.menu-show-arrow-primary .menu-item.show > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-active-arrow-primary .menu-item .menu-link.active { + transition: color 0.2s ease; +} +.menu-active-arrow-primary .menu-item .menu-link.active .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.menu-state-arrow-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-arrow-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) { + transition: color 0.2s ease; +} +.menu-state-arrow-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-state-arrow-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-arrow-primary .menu-item.here > .menu-link { + transition: color 0.2s ease; +} +.menu-state-arrow-primary .menu-item.here > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-arrow-primary .menu-item.show > .menu-link { + transition: color 0.2s ease; +} +.menu-state-arrow-primary .menu-item.show > .menu-link .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} +.menu-state-arrow-primary .menu-item .menu-link.active { + transition: color 0.2s ease; +} +.menu-state-arrow-primary .menu-item .menu-link.active .menu-arrow:after { + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e"); + /*rtl:begin:remove*/ + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-primary); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e"); + /*rtl:end:remove*/ +} + +.anchor { + display: flex; + align-items: center; +} +.anchor a { + position: relative; + display: none; + align-items: center; + justify-content: flex-start; + height: 1em; + width: 1.25em; + margin-left: -1.25em; + font-weight: 500; + font-size: 0.8em; + color: var(--bs-text-muted); + transition: all 0.2s ease-in-out; +} +.anchor a:before { + content: "#"; +} +.anchor:hover a { + display: flex; +} +.anchor:hover a:hover { + color: var(--bs-primary); + transition: all 0.2s ease-in-out; +} + +.card { + --bs-card-box-shadow: var(--bs-root-card-box-shadow); + --bs-card-border-color: var(--bs-root-card-border-color); + border: 1px solid var(--bs-card-border-color); +} +.card .card-header { + display: flex; + justify-content: space-between; + align-items: stretch; + flex-wrap: wrap; + min-height: 70px; + padding: 0 2.25rem; + color: var(--bs-card-cap-color); + background-color: var(--bs-card-cap-bg); + border-bottom: 1px solid var(--bs-card-border-color); +} +.card .card-header .card-title { + display: flex; + align-items: center; + margin: 0.5rem; + margin-left: 0; +} +.card .card-header .card-title.flex-column { + align-items: flex-start; + justify-content: center; +} +.card .card-header .card-title .card-icon { + margin-right: 0.75rem; + line-height: 0; +} +.card .card-header .card-title .card-icon i { + font-size: 1.25rem; + color: var(--bs-gray-600); + line-height: 0; +} +.card .card-header .card-title .card-icon i:after, .card .card-header .card-title .card-icon i:before { + line-height: 0; +} +.card .card-header .card-title .card-icon .svg-icon { + color: var(--bs-gray-600); +} +.card .card-header .card-title .card-icon .svg-icon svg { + height: 24px; + width: 24px; +} +.card .card-header .card-title, +.card .card-header .card-title .card-label { + font-weight: 500; + font-size: 1.275rem; + color: var(--bs-text-gray-900); +} +.card .card-header .card-title .card-label { + margin: 0 0.75rem 0 0; + flex-wrap: wrap; +} +.card .card-header .card-title small, .card .card-header .card-title .small { + color: var(--bs-text-muted); + font-size: 1rem; +} +.card .card-header .card-title h1, .card .card-header .card-title .h1, .card .card-header .card-title h2, .card .card-header .card-title .h2, .card .card-header .card-title h3, .card .card-header .card-title .h3, .card .card-header .card-title h4, .card .card-header .card-title .h4, .card .card-header .card-title h5, .card .card-header .card-title .h5, .card .card-header .card-title h6, .card .card-header .card-title .h6 { + margin-bottom: 0; +} +.card .card-header .card-toolbar { + display: flex; + align-items: center; + margin: 0.5rem 0; + flex-wrap: wrap; +} +.card .card-body { + padding: 2rem 2.25rem; + color: var(--bs-card-color); +} +.card .card-footer { + padding: 2rem 2.25rem; + color: var(--bs-card-cap-color); + background-color: var(--bs-card-cap-bg); + border-top: 1px solid var(--bs-card-border-color); +} +.card .card-scroll { + position: relative; + overflow: auto; +} +.card.card-px-0 .card-header, +.card.card-px-0 .card-body, +.card.card-px-0 .card-footer { + padding-left: 0; + padding-right: 0; +} +.card.card-py-0 .card-header, +.card.card-py-0 .card-body, +.card.card-py-0 .card-footer { + padding-top: 0; + padding-bottom: 0; +} +.card.card-p-0 .card-header, +.card.card-p-0 .card-body, +.card.card-p-0 .card-footer { + padding: 0; +} +.card.card-dashed { + box-shadow: none; + border: 1px dashed var(--bs-border-dashed-color); +} +.card.card-dashed > .card-header { + border-bottom: 1px dashed var(--bs-border-dashed-color); +} +.card.card-dashed > .card-footer { + border-top: 1px dashed var(--bs-border-dashed-color); +} +.card.card-bordered { + box-shadow: none; + border: 1px solid #F1F1F4; +} +.card.card-flush > .card-header { + border-bottom: 0 !important; +} +.card.card-flush > .card-footer { + border-top: 0 !important; +} +.card.card-shadow { + box-shadow: var(--bs-card-box-shadow); + border: 0; +} +.card.card-reset { + border: 0 !important; + box-shadow: none !important; + background-color: transparent !important; +} +.card.card-reset > .card-header { + border-bottom: 0 !important; +} +.card.card-reset > .card-footer { + border-top: 0 !important; +} +.card.card-borderless { + border: 0 !important; +} +.card.card-borderless > .card-header { + border-bottom: 0 !important; +} +.card.card-borderless > .card-footer { + border-top: 0 !important; +} +.card.card-border-0 { + border: 0 !important; +} + +.card.card-stretch { + height: calc(100% - var(--bs-gutter-y)); +} +.card.card-stretch-75 { + height: calc(75% - var(--bs-gutter-y)); +} +.card.card-stretch-50 { + height: calc(50% - var(--bs-gutter-y)); +} +.card.card-stretch-33 { + height: calc(33.333% - var(--bs-gutter-y)); +} +.card.card-stretch-25 { + height: calc(25% - var(--bs-gutter-y)); +} +.card .card-header-stretch { + padding-top: 0 !important; + padding-bottom: 0 !important; + align-items: stretch; +} +.card .card-header-stretch .card-toolbar { + margin: 0; + align-items: stretch; +} +@media (min-width: 576px) { + .card.card-sm-stretch { + height: calc(100% - var(--bs-gutter-y)); + } + .card.card-sm-stretch-75 { + height: calc(75% - var(--bs-gutter-y)); + } + .card.card-sm-stretch-50 { + height: calc(50% - var(--bs-gutter-y)); + } + .card.card-sm-stretch-33 { + height: calc(33.333% - var(--bs-gutter-y)); + } + .card.card-sm-stretch-25 { + height: calc(25% - var(--bs-gutter-y)); + } + .card .card-header-sm-stretch { + padding-top: 0 !important; + padding-bottom: 0 !important; + align-items: stretch; + } + .card .card-header-sm-stretch .card-toolbar { + margin: 0; + align-items: stretch; + } +} +@media (min-width: 768px) { + .card.card-md-stretch { + height: calc(100% - var(--bs-gutter-y)); + } + .card.card-md-stretch-75 { + height: calc(75% - var(--bs-gutter-y)); + } + .card.card-md-stretch-50 { + height: calc(50% - var(--bs-gutter-y)); + } + .card.card-md-stretch-33 { + height: calc(33.333% - var(--bs-gutter-y)); + } + .card.card-md-stretch-25 { + height: calc(25% - var(--bs-gutter-y)); + } + .card .card-header-md-stretch { + padding-top: 0 !important; + padding-bottom: 0 !important; + align-items: stretch; + } + .card .card-header-md-stretch .card-toolbar { + margin: 0; + align-items: stretch; + } +} +@media (min-width: 992px) { + .card.card-lg-stretch { + height: calc(100% - var(--bs-gutter-y)); + } + .card.card-lg-stretch-75 { + height: calc(75% - var(--bs-gutter-y)); + } + .card.card-lg-stretch-50 { + height: calc(50% - var(--bs-gutter-y)); + } + .card.card-lg-stretch-33 { + height: calc(33.333% - var(--bs-gutter-y)); + } + .card.card-lg-stretch-25 { + height: calc(25% - var(--bs-gutter-y)); + } + .card .card-header-lg-stretch { + padding-top: 0 !important; + padding-bottom: 0 !important; + align-items: stretch; + } + .card .card-header-lg-stretch .card-toolbar { + margin: 0; + align-items: stretch; + } +} +@media (min-width: 1200px) { + .card.card-xl-stretch { + height: calc(100% - var(--bs-gutter-y)); + } + .card.card-xl-stretch-75 { + height: calc(75% - var(--bs-gutter-y)); + } + .card.card-xl-stretch-50 { + height: calc(50% - var(--bs-gutter-y)); + } + .card.card-xl-stretch-33 { + height: calc(33.333% - var(--bs-gutter-y)); + } + .card.card-xl-stretch-25 { + height: calc(25% - var(--bs-gutter-y)); + } + .card .card-header-xl-stretch { + padding-top: 0 !important; + padding-bottom: 0 !important; + align-items: stretch; + } + .card .card-header-xl-stretch .card-toolbar { + margin: 0; + align-items: stretch; + } +} +@media (min-width: 1400px) { + .card.card-xxl-stretch { + height: calc(100% - var(--bs-gutter-y)); + } + .card.card-xxl-stretch-75 { + height: calc(75% - var(--bs-gutter-y)); + } + .card.card-xxl-stretch-50 { + height: calc(50% - var(--bs-gutter-y)); + } + .card.card-xxl-stretch-33 { + height: calc(33.333% - var(--bs-gutter-y)); + } + .card.card-xxl-stretch-25 { + height: calc(25% - var(--bs-gutter-y)); + } + .card .card-header-xxl-stretch { + padding-top: 0 !important; + padding-bottom: 0 !important; + align-items: stretch; + } + .card .card-header-xxl-stretch .card-toolbar { + margin: 0; + align-items: stretch; + } +} + +.card-p { + padding: 2rem 2.25rem !important; +} + +.card-border { + border: 1px solid var(--bs-root-card-border-color) !important; +} + +.card-px { + padding-left: 2.25rem !important; + padding-right: 2.25rem !important; +} + +.card-shadow { + box-shadow: var(--bs-card-box-shadow); +} + +.card-py { + padding-top: 2rem !important; + padding-bottom: 2rem !important; +} + +.card-rounded { + border-radius: 1.5rem; +} + +.card-rounded-start { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; +} + +.card-rounded-end { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; +} + +.card-rounded-top { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; +} + +.card-rounded-bottom { + border-bottom-left-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; +} + +@media (max-width: 767.98px) { + .card > .card-header:not(.flex-nowrap) { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } +} +[data-bs-theme=dark] .card { + --bs-card-box-shadow: none; +} + +.breadcrumb { + display: flex; + align-items: center; + background-color: transparent; + padding: 0; + margin: 0; +} +.breadcrumb .breadcrumb-item { + display: flex; + align-items: center; + padding-left: 0.5rem; +} +.breadcrumb .breadcrumb-item:last-child { + padding-right: 0; +} +.breadcrumb .breadcrumb-item:after { + padding-left: 0.5rem; + content: "/"; +} +.breadcrumb .breadcrumb-item:before { + display: none; +} +.breadcrumb .breadcrumb-item:first-child { + padding-left: 0; +} +.breadcrumb .breadcrumb-item:last-child:after { + display: none; +} + +.breadcrumb-line .breadcrumb-item:after { + content: "-"; +} + +.breadcrumb-dot .breadcrumb-item:after { + content: "•"; +} + +.breadcrumb-separatorless .breadcrumb-item:after { + display: none; +} + +.btn { + --bs-btn-color: var(--bs-body-color); + outline: none !important; +} +.btn:not(.btn-shadow):not(.shadow):not(.shadow-sm):not(.shadow-lg):not(.shadow-xs) { + box-shadow: none; +} +.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline) { + border: 0; + padding: calc(0.775rem + 1px) calc(1.5rem + 1px); +} +.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline).btn-lg, .btn-group-lg > .btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline) { + padding: calc(1rem + 1px) calc(1.75rem + 1px); +} +.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline).btn-sm, .btn-group-sm > .btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline) { + padding: calc(0.55rem + 1px) calc(1rem + 1px); +} +.btn.btn-link { + border: 0; + border-radius: 0; + padding-left: 0 !important; + padding-right: 0 !important; + text-decoration: none; + font-weight: 500; +} +.btn.btn-outline:not(.btn-outline-dashed) { + border: 1px solid var(--bs-gray-300); +} +.btn.btn-outline-dashed { + border: 1px dashed var(--bs-gray-300); +} +.btn.btn-flush { + appearance: none; + box-shadow: none; + border-radius: 0; + border: none; + cursor: pointer; + background-color: transparent; + outline: none !important; + margin: 0; + padding: 0; +} +.btn.btn-flex { + display: inline-flex; + align-items: center; +} +.btn.btn-trim-start { + justify-content: flex-start !important; + padding-left: 0 !important; +} +.btn.btn-trim-end { + justify-content: flex-end !important; + padding-right: 0 !important; +} + +.btn-reset { + background-color: transparent; + border: 0; + box-shadow: none; + user-select: none; + outline: none; +} + +.btn > i { + display: inline-flex; + font-size: 1rem; + padding-right: 0.35rem; + vertical-align: middle; +} +.btn.btn-icon { + display: inline-flex; + align-items: center; + justify-content: center; + padding: 0; + height: calc(1.5em + 1.55rem + 2px); + width: calc(1.5em + 1.55rem + 2px); + line-height: 1; +} +.btn.btn-icon i { + padding-right: 0; +} +.btn.btn-icon:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush) { + border: 0; +} +.btn.btn-icon.btn-sm, .btn-group-sm > .btn.btn-icon { + height: calc(1.5em + 1.1rem + 2px); + width: calc(1.5em + 1.1rem + 2px); +} +.btn.btn-icon.btn-lg, .btn-group-lg > .btn.btn-icon { + height: calc(1.5em + 2rem + 2px); + width: calc(1.5em + 2rem + 2px); +} +.btn.btn-icon.btn-circle { + border-radius: 50%; +} + +.btn.btn-outline.btn-outline-dashed { + border-width: 1px; + border-style: dashed; +} +.btn-check:checked + .btn.btn-outline.btn-outline-dashed, .btn-check:active + .btn.btn-outline.btn-outline-dashed, .btn.btn-outline.btn-outline-dashed:focus:not(.btn-active), .btn.btn-outline.btn-outline-dashed:hover:not(.btn-active), .btn.btn-outline.btn-outline-dashed:active:not(.btn-active), .btn.btn-outline.btn-outline-dashed.active, .btn.btn-outline.btn-outline-dashed.show, .show > .btn.btn-outline.btn-outline-dashed { + border-color: var(--bs-primary); +} + +.btn.btn-hover-outline { + border-width: 1px; + border-style: solid; +} +.btn-check:checked + .btn.btn-hover-outline, .btn-check:active + .btn.btn-hover-outline, .btn.btn-hover-outline:focus:not(.btn-active), .btn.btn-hover-outline:hover:not(.btn-active), .btn.btn-hover-outline:active:not(.btn-active), .btn.btn-hover-outline.active, .btn.btn-hover-outline.show, .show > .btn.btn-hover-outline { + border-color: var(--bs-gray-300); +} + +.btn.btn-light { + color: var(--bs-light-inverse); + border-color: var(--bs-light); + background-color: var(--bs-light); +} +.btn.btn-light i, +.btn.btn-light .svg-icon { + color: var(--bs-light-inverse); +} +.btn.btn-light.dropdown-toggle:after { + color: var(--bs-light-inverse); +} +.btn-check:checked + .btn.btn-light, .btn-check:active + .btn.btn-light, .btn.btn-light:focus:not(.btn-active), .btn.btn-light:hover:not(.btn-active), .btn.btn-light:active:not(.btn-active), .btn.btn-light.active, .btn.btn-light.show, .show > .btn.btn-light { + color: var(--bs-light-inverse); + border-color: var(--bs-light-active); + background-color: var(--bs-light-active) !important; +} +.btn-check:checked + .btn.btn-light i, +.btn-check:checked + .btn.btn-light .svg-icon, .btn-check:active + .btn.btn-light i, +.btn-check:active + .btn.btn-light .svg-icon, .btn.btn-light:focus:not(.btn-active) i, +.btn.btn-light:focus:not(.btn-active) .svg-icon, .btn.btn-light:hover:not(.btn-active) i, +.btn.btn-light:hover:not(.btn-active) .svg-icon, .btn.btn-light:active:not(.btn-active) i, +.btn.btn-light:active:not(.btn-active) .svg-icon, .btn.btn-light.active i, +.btn.btn-light.active .svg-icon, .btn.btn-light.show i, +.btn.btn-light.show .svg-icon, .show > .btn.btn-light i, +.show > .btn.btn-light .svg-icon { + color: var(--bs-light-inverse); +} +.btn-check:checked + .btn.btn-light.dropdown-toggle:after, .btn-check:active + .btn.btn-light.dropdown-toggle:after, .btn.btn-light:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light.active.dropdown-toggle:after, .btn.btn-light.show.dropdown-toggle:after, .show > .btn.btn-light.dropdown-toggle:after { + color: var(--bs-light-inverse); +} + +.btn.btn-light-light { + color: var(--bs-light); + border-color: var(--bs-light-light); + background-color: var(--bs-light-light); +} +.btn.btn-light-light i, +.btn.btn-light-light .svg-icon { + color: var(--bs-light); +} +.btn.btn-light-light.dropdown-toggle:after { + color: var(--bs-light); +} +.btn-check:checked + .btn.btn-light-light, .btn-check:active + .btn.btn-light-light, .btn.btn-light-light:focus:not(.btn-active), .btn.btn-light-light:hover:not(.btn-active), .btn.btn-light-light:active:not(.btn-active), .btn.btn-light-light.active, .btn.btn-light-light.show, .show > .btn.btn-light-light { + color: var(--bs-light-inverse); + border-color: var(--bs-light); + background-color: var(--bs-light) !important; +} +.btn-check:checked + .btn.btn-light-light i, +.btn-check:checked + .btn.btn-light-light .svg-icon, .btn-check:active + .btn.btn-light-light i, +.btn-check:active + .btn.btn-light-light .svg-icon, .btn.btn-light-light:focus:not(.btn-active) i, +.btn.btn-light-light:focus:not(.btn-active) .svg-icon, .btn.btn-light-light:hover:not(.btn-active) i, +.btn.btn-light-light:hover:not(.btn-active) .svg-icon, .btn.btn-light-light:active:not(.btn-active) i, +.btn.btn-light-light:active:not(.btn-active) .svg-icon, .btn.btn-light-light.active i, +.btn.btn-light-light.active .svg-icon, .btn.btn-light-light.show i, +.btn.btn-light-light.show .svg-icon, .show > .btn.btn-light-light i, +.show > .btn.btn-light-light .svg-icon { + color: var(--bs-light-inverse); +} +.btn-check:checked + .btn.btn-light-light.dropdown-toggle:after, .btn-check:active + .btn.btn-light-light.dropdown-toggle:after, .btn.btn-light-light:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-light:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-light:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-light.active.dropdown-toggle:after, .btn.btn-light-light.show.dropdown-toggle:after, .show > .btn.btn-light-light.dropdown-toggle:after { + color: var(--bs-light-inverse); +} + +.btn.btn-bg-light { + border-color: var(--bs-light); + background-color: var(--bs-light); +} +.btn-check:checked + .btn.btn-active-light, .btn-check:active + .btn.btn-active-light, .btn.btn-active-light:focus:not(.btn-active), .btn.btn-active-light:hover:not(.btn-active), .btn.btn-active-light:active:not(.btn-active), .btn.btn-active-light.active, .btn.btn-active-light.show, .show > .btn.btn-active-light { + color: var(--bs-light-inverse); + border-color: var(--bs-light); + background-color: var(--bs-light) !important; +} +.btn-check:checked + .btn.btn-active-light i, +.btn-check:checked + .btn.btn-active-light .svg-icon, .btn-check:active + .btn.btn-active-light i, +.btn-check:active + .btn.btn-active-light .svg-icon, .btn.btn-active-light:focus:not(.btn-active) i, +.btn.btn-active-light:focus:not(.btn-active) .svg-icon, .btn.btn-active-light:hover:not(.btn-active) i, +.btn.btn-active-light:hover:not(.btn-active) .svg-icon, .btn.btn-active-light:active:not(.btn-active) i, +.btn.btn-active-light:active:not(.btn-active) .svg-icon, .btn.btn-active-light.active i, +.btn.btn-active-light.active .svg-icon, .btn.btn-active-light.show i, +.btn.btn-active-light.show .svg-icon, .show > .btn.btn-active-light i, +.show > .btn.btn-active-light .svg-icon { + color: var(--bs-light-inverse); +} +.btn-check:checked + .btn.btn-active-light.dropdown-toggle:after, .btn-check:active + .btn.btn-active-light.dropdown-toggle:after, .btn.btn-active-light:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light.active.dropdown-toggle:after, .btn.btn-active-light.show.dropdown-toggle:after, .show > .btn.btn-active-light.dropdown-toggle:after { + color: var(--bs-light-inverse); +} + +.btn-check:checked + .btn.btn-active-light-light, .btn-check:active + .btn.btn-active-light-light, .btn.btn-active-light-light:focus:not(.btn-active), .btn.btn-active-light-light:hover:not(.btn-active), .btn.btn-active-light-light:active:not(.btn-active), .btn.btn-active-light-light.active, .btn.btn-active-light-light.show, .show > .btn.btn-active-light-light { + color: var(--bs-light); + border-color: var(--bs-light-light); + background-color: var(--bs-light-light) !important; +} +.btn-check:checked + .btn.btn-active-light-light i, +.btn-check:checked + .btn.btn-active-light-light .svg-icon, .btn-check:active + .btn.btn-active-light-light i, +.btn-check:active + .btn.btn-active-light-light .svg-icon, .btn.btn-active-light-light:focus:not(.btn-active) i, +.btn.btn-active-light-light:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-light:hover:not(.btn-active) i, +.btn.btn-active-light-light:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-light:active:not(.btn-active) i, +.btn.btn-active-light-light:active:not(.btn-active) .svg-icon, .btn.btn-active-light-light.active i, +.btn.btn-active-light-light.active .svg-icon, .btn.btn-active-light-light.show i, +.btn.btn-active-light-light.show .svg-icon, .show > .btn.btn-active-light-light i, +.show > .btn.btn-active-light-light .svg-icon { + color: var(--bs-light); +} +.btn-check:checked + .btn.btn-active-light-light.dropdown-toggle:after, .btn-check:active + .btn.btn-active-light-light.dropdown-toggle:after, .btn.btn-active-light-light:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-light:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-light:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-light.active.dropdown-toggle:after, .btn.btn-active-light-light.show.dropdown-toggle:after, .show > .btn.btn-active-light-light.dropdown-toggle:after { + color: var(--bs-light); +} + +.btn.btn-outline.btn-outline-light { + color: var(--bs-light); + border-color: var(--bs-light); + background-color: transparent; +} +.btn.btn-outline.btn-outline-light i, +.btn.btn-outline.btn-outline-light .svg-icon { + color: var(--bs-light); +} +.btn.btn-outline.btn-outline-light.dropdown-toggle:after { + color: var(--bs-light); +} +.btn-check:checked + .btn.btn-outline.btn-outline-light, .btn-check:active + .btn.btn-outline.btn-outline-light, .btn.btn-outline.btn-outline-light:focus:not(.btn-active), .btn.btn-outline.btn-outline-light:hover:not(.btn-active), .btn.btn-outline.btn-outline-light:active:not(.btn-active), .btn.btn-outline.btn-outline-light.active, .btn.btn-outline.btn-outline-light.show, .show > .btn.btn-outline.btn-outline-light { + color: var(--bs-light-active); + border-color: var(--bs-light); + background-color: var(--bs-light-light) !important; +} +.btn-check:checked + .btn.btn-outline.btn-outline-light i, +.btn-check:checked + .btn.btn-outline.btn-outline-light .svg-icon, .btn-check:active + .btn.btn-outline.btn-outline-light i, +.btn-check:active + .btn.btn-outline.btn-outline-light .svg-icon, .btn.btn-outline.btn-outline-light:focus:not(.btn-active) i, +.btn.btn-outline.btn-outline-light:focus:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-light:hover:not(.btn-active) i, +.btn.btn-outline.btn-outline-light:hover:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-light:active:not(.btn-active) i, +.btn.btn-outline.btn-outline-light:active:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-light.active i, +.btn.btn-outline.btn-outline-light.active .svg-icon, .btn.btn-outline.btn-outline-light.show i, +.btn.btn-outline.btn-outline-light.show .svg-icon, .show > .btn.btn-outline.btn-outline-light i, +.show > .btn.btn-outline.btn-outline-light .svg-icon { + color: var(--bs-light-active); +} +.btn-check:checked + .btn.btn-outline.btn-outline-light.dropdown-toggle:after, .btn-check:active + .btn.btn-outline.btn-outline-light.dropdown-toggle:after, .btn.btn-outline.btn-outline-light:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-light:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-light:active:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-light.active.dropdown-toggle:after, .btn.btn-outline.btn-outline-light.show.dropdown-toggle:after, .show > .btn.btn-outline.btn-outline-light.dropdown-toggle:after { + color: var(--bs-light-active); +} + +.btn.btn-primary { + color: var(--bs-primary-inverse); + border-color: var(--bs-primary); + background-color: var(--bs-primary); +} +.btn.btn-primary i, +.btn.btn-primary .svg-icon { + color: var(--bs-primary-inverse); +} +.btn.btn-primary.dropdown-toggle:after { + color: var(--bs-primary-inverse); +} +.btn-check:checked + .btn.btn-primary, .btn-check:active + .btn.btn-primary, .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .btn.btn-primary:active:not(.btn-active), .btn.btn-primary.active, .btn.btn-primary.show, .show > .btn.btn-primary { + color: var(--bs-primary-inverse); + border-color: var(--bs-primary-active); + background-color: var(--bs-primary-active) !important; +} +.btn-check:checked + .btn.btn-primary i, +.btn-check:checked + .btn.btn-primary .svg-icon, .btn-check:active + .btn.btn-primary i, +.btn-check:active + .btn.btn-primary .svg-icon, .btn.btn-primary:focus:not(.btn-active) i, +.btn.btn-primary:focus:not(.btn-active) .svg-icon, .btn.btn-primary:hover:not(.btn-active) i, +.btn.btn-primary:hover:not(.btn-active) .svg-icon, .btn.btn-primary:active:not(.btn-active) i, +.btn.btn-primary:active:not(.btn-active) .svg-icon, .btn.btn-primary.active i, +.btn.btn-primary.active .svg-icon, .btn.btn-primary.show i, +.btn.btn-primary.show .svg-icon, .show > .btn.btn-primary i, +.show > .btn.btn-primary .svg-icon { + color: var(--bs-primary-inverse); +} +.btn-check:checked + .btn.btn-primary.dropdown-toggle:after, .btn-check:active + .btn.btn-primary.dropdown-toggle:after, .btn.btn-primary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-primary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-primary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-primary.active.dropdown-toggle:after, .btn.btn-primary.show.dropdown-toggle:after, .show > .btn.btn-primary.dropdown-toggle:after { + color: var(--bs-primary-inverse); +} + +.btn.btn-light-primary { + color: var(--bs-primary); + border-color: var(--bs-primary-light); + background-color: var(--bs-primary-light); +} +.btn.btn-light-primary i, +.btn.btn-light-primary .svg-icon { + color: var(--bs-primary); +} +.btn.btn-light-primary.dropdown-toggle:after { + color: var(--bs-primary); +} +.btn-check:checked + .btn.btn-light-primary, .btn-check:active + .btn.btn-light-primary, .btn.btn-light-primary:focus:not(.btn-active), .btn.btn-light-primary:hover:not(.btn-active), .btn.btn-light-primary:active:not(.btn-active), .btn.btn-light-primary.active, .btn.btn-light-primary.show, .show > .btn.btn-light-primary { + color: var(--bs-primary-inverse); + border-color: var(--bs-primary); + background-color: var(--bs-primary) !important; +} +.btn-check:checked + .btn.btn-light-primary i, +.btn-check:checked + .btn.btn-light-primary .svg-icon, .btn-check:active + .btn.btn-light-primary i, +.btn-check:active + .btn.btn-light-primary .svg-icon, .btn.btn-light-primary:focus:not(.btn-active) i, +.btn.btn-light-primary:focus:not(.btn-active) .svg-icon, .btn.btn-light-primary:hover:not(.btn-active) i, +.btn.btn-light-primary:hover:not(.btn-active) .svg-icon, .btn.btn-light-primary:active:not(.btn-active) i, +.btn.btn-light-primary:active:not(.btn-active) .svg-icon, .btn.btn-light-primary.active i, +.btn.btn-light-primary.active .svg-icon, .btn.btn-light-primary.show i, +.btn.btn-light-primary.show .svg-icon, .show > .btn.btn-light-primary i, +.show > .btn.btn-light-primary .svg-icon { + color: var(--bs-primary-inverse); +} +.btn-check:checked + .btn.btn-light-primary.dropdown-toggle:after, .btn-check:active + .btn.btn-light-primary.dropdown-toggle:after, .btn.btn-light-primary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-primary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-primary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-primary.active.dropdown-toggle:after, .btn.btn-light-primary.show.dropdown-toggle:after, .show > .btn.btn-light-primary.dropdown-toggle:after { + color: var(--bs-primary-inverse); +} + +.btn.btn-bg-primary { + border-color: var(--bs-primary); + background-color: var(--bs-primary); +} +.btn-check:checked + .btn.btn-active-primary, .btn-check:active + .btn.btn-active-primary, .btn.btn-active-primary:focus:not(.btn-active), .btn.btn-active-primary:hover:not(.btn-active), .btn.btn-active-primary:active:not(.btn-active), .btn.btn-active-primary.active, .btn.btn-active-primary.show, .show > .btn.btn-active-primary { + color: var(--bs-primary-inverse); + border-color: var(--bs-primary); + background-color: var(--bs-primary) !important; +} +.btn-check:checked + .btn.btn-active-primary i, +.btn-check:checked + .btn.btn-active-primary .svg-icon, .btn-check:active + .btn.btn-active-primary i, +.btn-check:active + .btn.btn-active-primary .svg-icon, .btn.btn-active-primary:focus:not(.btn-active) i, +.btn.btn-active-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-primary:hover:not(.btn-active) i, +.btn.btn-active-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-primary:active:not(.btn-active) i, +.btn.btn-active-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-primary.active i, +.btn.btn-active-primary.active .svg-icon, .btn.btn-active-primary.show i, +.btn.btn-active-primary.show .svg-icon, .show > .btn.btn-active-primary i, +.show > .btn.btn-active-primary .svg-icon { + color: var(--bs-primary-inverse); +} +.btn-check:checked + .btn.btn-active-primary.dropdown-toggle:after, .btn-check:active + .btn.btn-active-primary.dropdown-toggle:after, .btn.btn-active-primary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-primary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-primary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-primary.active.dropdown-toggle:after, .btn.btn-active-primary.show.dropdown-toggle:after, .show > .btn.btn-active-primary.dropdown-toggle:after { + color: var(--bs-primary-inverse); +} + +.btn-check:checked + .btn.btn-active-light-primary, .btn-check:active + .btn.btn-active-light-primary, .btn.btn-active-light-primary:focus:not(.btn-active), .btn.btn-active-light-primary:hover:not(.btn-active), .btn.btn-active-light-primary:active:not(.btn-active), .btn.btn-active-light-primary.active, .btn.btn-active-light-primary.show, .show > .btn.btn-active-light-primary { + color: var(--bs-primary); + border-color: var(--bs-primary-light); + background-color: var(--bs-primary-light) !important; +} +.btn-check:checked + .btn.btn-active-light-primary i, +.btn-check:checked + .btn.btn-active-light-primary .svg-icon, .btn-check:active + .btn.btn-active-light-primary i, +.btn-check:active + .btn.btn-active-light-primary .svg-icon, .btn.btn-active-light-primary:focus:not(.btn-active) i, +.btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:hover:not(.btn-active) i, +.btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:active:not(.btn-active) i, +.btn.btn-active-light-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-light-primary.active i, +.btn.btn-active-light-primary.active .svg-icon, .btn.btn-active-light-primary.show i, +.btn.btn-active-light-primary.show .svg-icon, .show > .btn.btn-active-light-primary i, +.show > .btn.btn-active-light-primary .svg-icon { + color: var(--bs-primary); +} +.btn-check:checked + .btn.btn-active-light-primary.dropdown-toggle:after, .btn-check:active + .btn.btn-active-light-primary.dropdown-toggle:after, .btn.btn-active-light-primary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-primary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-primary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-primary.active.dropdown-toggle:after, .btn.btn-active-light-primary.show.dropdown-toggle:after, .show > .btn.btn-active-light-primary.dropdown-toggle:after { + color: var(--bs-primary); +} + +.btn.btn-outline.btn-outline-primary { + color: var(--bs-primary); + border-color: var(--bs-primary); + background-color: transparent; +} +.btn.btn-outline.btn-outline-primary i, +.btn.btn-outline.btn-outline-primary .svg-icon { + color: var(--bs-primary); +} +.btn.btn-outline.btn-outline-primary.dropdown-toggle:after { + color: var(--bs-primary); +} +.btn-check:checked + .btn.btn-outline.btn-outline-primary, .btn-check:active + .btn.btn-outline.btn-outline-primary, .btn.btn-outline.btn-outline-primary:focus:not(.btn-active), .btn.btn-outline.btn-outline-primary:hover:not(.btn-active), .btn.btn-outline.btn-outline-primary:active:not(.btn-active), .btn.btn-outline.btn-outline-primary.active, .btn.btn-outline.btn-outline-primary.show, .show > .btn.btn-outline.btn-outline-primary { + color: var(--bs-primary-active); + border-color: var(--bs-primary); + background-color: var(--bs-primary-light) !important; +} +.btn-check:checked + .btn.btn-outline.btn-outline-primary i, +.btn-check:checked + .btn.btn-outline.btn-outline-primary .svg-icon, .btn-check:active + .btn.btn-outline.btn-outline-primary i, +.btn-check:active + .btn.btn-outline.btn-outline-primary .svg-icon, .btn.btn-outline.btn-outline-primary:focus:not(.btn-active) i, +.btn.btn-outline.btn-outline-primary:focus:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-primary:hover:not(.btn-active) i, +.btn.btn-outline.btn-outline-primary:hover:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-primary:active:not(.btn-active) i, +.btn.btn-outline.btn-outline-primary:active:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-primary.active i, +.btn.btn-outline.btn-outline-primary.active .svg-icon, .btn.btn-outline.btn-outline-primary.show i, +.btn.btn-outline.btn-outline-primary.show .svg-icon, .show > .btn.btn-outline.btn-outline-primary i, +.show > .btn.btn-outline.btn-outline-primary .svg-icon { + color: var(--bs-primary-active); +} +.btn-check:checked + .btn.btn-outline.btn-outline-primary.dropdown-toggle:after, .btn-check:active + .btn.btn-outline.btn-outline-primary.dropdown-toggle:after, .btn.btn-outline.btn-outline-primary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-primary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-primary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-primary.active.dropdown-toggle:after, .btn.btn-outline.btn-outline-primary.show.dropdown-toggle:after, .show > .btn.btn-outline.btn-outline-primary.dropdown-toggle:after { + color: var(--bs-primary-active); +} + +.btn.btn-secondary { + color: var(--bs-secondary-inverse); + border-color: var(--bs-secondary); + background-color: var(--bs-secondary); +} +.btn.btn-secondary i, +.btn.btn-secondary .svg-icon { + color: var(--bs-secondary-inverse); +} +.btn.btn-secondary.dropdown-toggle:after { + color: var(--bs-secondary-inverse); +} +.btn-check:checked + .btn.btn-secondary, .btn-check:active + .btn.btn-secondary, .btn.btn-secondary:focus:not(.btn-active), .btn.btn-secondary:hover:not(.btn-active), .btn.btn-secondary:active:not(.btn-active), .btn.btn-secondary.active, .btn.btn-secondary.show, .show > .btn.btn-secondary { + color: var(--bs-secondary-inverse); + border-color: var(--bs-secondary-active); + background-color: var(--bs-secondary-active) !important; +} +.btn-check:checked + .btn.btn-secondary i, +.btn-check:checked + .btn.btn-secondary .svg-icon, .btn-check:active + .btn.btn-secondary i, +.btn-check:active + .btn.btn-secondary .svg-icon, .btn.btn-secondary:focus:not(.btn-active) i, +.btn.btn-secondary:focus:not(.btn-active) .svg-icon, .btn.btn-secondary:hover:not(.btn-active) i, +.btn.btn-secondary:hover:not(.btn-active) .svg-icon, .btn.btn-secondary:active:not(.btn-active) i, +.btn.btn-secondary:active:not(.btn-active) .svg-icon, .btn.btn-secondary.active i, +.btn.btn-secondary.active .svg-icon, .btn.btn-secondary.show i, +.btn.btn-secondary.show .svg-icon, .show > .btn.btn-secondary i, +.show > .btn.btn-secondary .svg-icon { + color: var(--bs-secondary-inverse); +} +.btn-check:checked + .btn.btn-secondary.dropdown-toggle:after, .btn-check:active + .btn.btn-secondary.dropdown-toggle:after, .btn.btn-secondary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-secondary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-secondary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-secondary.active.dropdown-toggle:after, .btn.btn-secondary.show.dropdown-toggle:after, .show > .btn.btn-secondary.dropdown-toggle:after { + color: var(--bs-secondary-inverse); +} + +.btn.btn-light-secondary { + color: var(--bs-secondary-inverse); + border-color: var(--bs-secondary-light); + background-color: var(--bs-secondary-light); +} +.btn.btn-light-secondary i, +.btn.btn-light-secondary .svg-icon { + color: var(--bs-secondary-inverse); +} +.btn.btn-light-secondary.dropdown-toggle:after { + color: var(--bs-secondary-inverse); +} +.btn-check:checked + .btn.btn-light-secondary, .btn-check:active + .btn.btn-light-secondary, .btn.btn-light-secondary:focus:not(.btn-active), .btn.btn-light-secondary:hover:not(.btn-active), .btn.btn-light-secondary:active:not(.btn-active), .btn.btn-light-secondary.active, .btn.btn-light-secondary.show, .show > .btn.btn-light-secondary { + color: var(--bs-secondary-inverse); + border-color: var(--bs-secondary); + background-color: var(--bs-secondary) !important; +} +.btn-check:checked + .btn.btn-light-secondary i, +.btn-check:checked + .btn.btn-light-secondary .svg-icon, .btn-check:active + .btn.btn-light-secondary i, +.btn-check:active + .btn.btn-light-secondary .svg-icon, .btn.btn-light-secondary:focus:not(.btn-active) i, +.btn.btn-light-secondary:focus:not(.btn-active) .svg-icon, .btn.btn-light-secondary:hover:not(.btn-active) i, +.btn.btn-light-secondary:hover:not(.btn-active) .svg-icon, .btn.btn-light-secondary:active:not(.btn-active) i, +.btn.btn-light-secondary:active:not(.btn-active) .svg-icon, .btn.btn-light-secondary.active i, +.btn.btn-light-secondary.active .svg-icon, .btn.btn-light-secondary.show i, +.btn.btn-light-secondary.show .svg-icon, .show > .btn.btn-light-secondary i, +.show > .btn.btn-light-secondary .svg-icon { + color: var(--bs-secondary-inverse); +} +.btn-check:checked + .btn.btn-light-secondary.dropdown-toggle:after, .btn-check:active + .btn.btn-light-secondary.dropdown-toggle:after, .btn.btn-light-secondary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-secondary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-secondary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-secondary.active.dropdown-toggle:after, .btn.btn-light-secondary.show.dropdown-toggle:after, .show > .btn.btn-light-secondary.dropdown-toggle:after { + color: var(--bs-secondary-inverse); +} + +.btn.btn-bg-secondary { + border-color: var(--bs-secondary); + background-color: var(--bs-secondary); +} +.btn-check:checked + .btn.btn-active-secondary, .btn-check:active + .btn.btn-active-secondary, .btn.btn-active-secondary:focus:not(.btn-active), .btn.btn-active-secondary:hover:not(.btn-active), .btn.btn-active-secondary:active:not(.btn-active), .btn.btn-active-secondary.active, .btn.btn-active-secondary.show, .show > .btn.btn-active-secondary { + color: var(--bs-secondary-inverse); + border-color: var(--bs-secondary); + background-color: var(--bs-secondary) !important; +} +.btn-check:checked + .btn.btn-active-secondary i, +.btn-check:checked + .btn.btn-active-secondary .svg-icon, .btn-check:active + .btn.btn-active-secondary i, +.btn-check:active + .btn.btn-active-secondary .svg-icon, .btn.btn-active-secondary:focus:not(.btn-active) i, +.btn.btn-active-secondary:focus:not(.btn-active) .svg-icon, .btn.btn-active-secondary:hover:not(.btn-active) i, +.btn.btn-active-secondary:hover:not(.btn-active) .svg-icon, .btn.btn-active-secondary:active:not(.btn-active) i, +.btn.btn-active-secondary:active:not(.btn-active) .svg-icon, .btn.btn-active-secondary.active i, +.btn.btn-active-secondary.active .svg-icon, .btn.btn-active-secondary.show i, +.btn.btn-active-secondary.show .svg-icon, .show > .btn.btn-active-secondary i, +.show > .btn.btn-active-secondary .svg-icon { + color: var(--bs-secondary-inverse); +} +.btn-check:checked + .btn.btn-active-secondary.dropdown-toggle:after, .btn-check:active + .btn.btn-active-secondary.dropdown-toggle:after, .btn.btn-active-secondary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-secondary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-secondary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-secondary.active.dropdown-toggle:after, .btn.btn-active-secondary.show.dropdown-toggle:after, .show > .btn.btn-active-secondary.dropdown-toggle:after { + color: var(--bs-secondary-inverse); +} + +.btn-check:checked + .btn.btn-active-light-secondary, .btn-check:active + .btn.btn-active-light-secondary, .btn.btn-active-light-secondary:focus:not(.btn-active), .btn.btn-active-light-secondary:hover:not(.btn-active), .btn.btn-active-light-secondary:active:not(.btn-active), .btn.btn-active-light-secondary.active, .btn.btn-active-light-secondary.show, .show > .btn.btn-active-light-secondary { + color: var(--bs-secondary-inverse); + border-color: var(--bs-secondary-light); + background-color: var(--bs-secondary-light) !important; +} +.btn-check:checked + .btn.btn-active-light-secondary i, +.btn-check:checked + .btn.btn-active-light-secondary .svg-icon, .btn-check:active + .btn.btn-active-light-secondary i, +.btn-check:active + .btn.btn-active-light-secondary .svg-icon, .btn.btn-active-light-secondary:focus:not(.btn-active) i, +.btn.btn-active-light-secondary:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-secondary:hover:not(.btn-active) i, +.btn.btn-active-light-secondary:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-secondary:active:not(.btn-active) i, +.btn.btn-active-light-secondary:active:not(.btn-active) .svg-icon, .btn.btn-active-light-secondary.active i, +.btn.btn-active-light-secondary.active .svg-icon, .btn.btn-active-light-secondary.show i, +.btn.btn-active-light-secondary.show .svg-icon, .show > .btn.btn-active-light-secondary i, +.show > .btn.btn-active-light-secondary .svg-icon { + color: var(--bs-secondary-inverse); +} +.btn-check:checked + .btn.btn-active-light-secondary.dropdown-toggle:after, .btn-check:active + .btn.btn-active-light-secondary.dropdown-toggle:after, .btn.btn-active-light-secondary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-secondary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-secondary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-secondary.active.dropdown-toggle:after, .btn.btn-active-light-secondary.show.dropdown-toggle:after, .show > .btn.btn-active-light-secondary.dropdown-toggle:after { + color: var(--bs-secondary-inverse); +} + +.btn.btn-outline.btn-outline-secondary { + color: var(--bs-secondary-inverse); + border-color: var(--bs-secondary-inverse); + background-color: transparent; +} +.btn.btn-outline.btn-outline-secondary i, +.btn.btn-outline.btn-outline-secondary .svg-icon { + color: var(--bs-secondary-inverse); +} +.btn.btn-outline.btn-outline-secondary.dropdown-toggle:after { + color: var(--bs-secondary-inverse); +} +.btn-check:checked + .btn.btn-outline.btn-outline-secondary, .btn-check:active + .btn.btn-outline.btn-outline-secondary, .btn.btn-outline.btn-outline-secondary:focus:not(.btn-active), .btn.btn-outline.btn-outline-secondary:hover:not(.btn-active), .btn.btn-outline.btn-outline-secondary:active:not(.btn-active), .btn.btn-outline.btn-outline-secondary.active, .btn.btn-outline.btn-outline-secondary.show, .show > .btn.btn-outline.btn-outline-secondary { + color: var(--bs-secondary-inverse); + border-color: var(--bs-secondary-inverse); + background-color: var(--bs-secondary-light) !important; +} +.btn-check:checked + .btn.btn-outline.btn-outline-secondary i, +.btn-check:checked + .btn.btn-outline.btn-outline-secondary .svg-icon, .btn-check:active + .btn.btn-outline.btn-outline-secondary i, +.btn-check:active + .btn.btn-outline.btn-outline-secondary .svg-icon, .btn.btn-outline.btn-outline-secondary:focus:not(.btn-active) i, +.btn.btn-outline.btn-outline-secondary:focus:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-secondary:hover:not(.btn-active) i, +.btn.btn-outline.btn-outline-secondary:hover:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-secondary:active:not(.btn-active) i, +.btn.btn-outline.btn-outline-secondary:active:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-secondary.active i, +.btn.btn-outline.btn-outline-secondary.active .svg-icon, .btn.btn-outline.btn-outline-secondary.show i, +.btn.btn-outline.btn-outline-secondary.show .svg-icon, .show > .btn.btn-outline.btn-outline-secondary i, +.show > .btn.btn-outline.btn-outline-secondary .svg-icon { + color: var(--bs-secondary-inverse); +} +.btn-check:checked + .btn.btn-outline.btn-outline-secondary.dropdown-toggle:after, .btn-check:active + .btn.btn-outline.btn-outline-secondary.dropdown-toggle:after, .btn.btn-outline.btn-outline-secondary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-secondary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-secondary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-secondary.active.dropdown-toggle:after, .btn.btn-outline.btn-outline-secondary.show.dropdown-toggle:after, .show > .btn.btn-outline.btn-outline-secondary.dropdown-toggle:after { + color: var(--bs-secondary-inverse); +} + +.btn.btn-success { + color: var(--bs-success-inverse); + border-color: var(--bs-success); + background-color: var(--bs-success); +} +.btn.btn-success i, +.btn.btn-success .svg-icon { + color: var(--bs-success-inverse); +} +.btn.btn-success.dropdown-toggle:after { + color: var(--bs-success-inverse); +} +.btn-check:checked + .btn.btn-success, .btn-check:active + .btn.btn-success, .btn.btn-success:focus:not(.btn-active), .btn.btn-success:hover:not(.btn-active), .btn.btn-success:active:not(.btn-active), .btn.btn-success.active, .btn.btn-success.show, .show > .btn.btn-success { + color: var(--bs-success-inverse); + border-color: var(--bs-success-active); + background-color: var(--bs-success-active) !important; +} +.btn-check:checked + .btn.btn-success i, +.btn-check:checked + .btn.btn-success .svg-icon, .btn-check:active + .btn.btn-success i, +.btn-check:active + .btn.btn-success .svg-icon, .btn.btn-success:focus:not(.btn-active) i, +.btn.btn-success:focus:not(.btn-active) .svg-icon, .btn.btn-success:hover:not(.btn-active) i, +.btn.btn-success:hover:not(.btn-active) .svg-icon, .btn.btn-success:active:not(.btn-active) i, +.btn.btn-success:active:not(.btn-active) .svg-icon, .btn.btn-success.active i, +.btn.btn-success.active .svg-icon, .btn.btn-success.show i, +.btn.btn-success.show .svg-icon, .show > .btn.btn-success i, +.show > .btn.btn-success .svg-icon { + color: var(--bs-success-inverse); +} +.btn-check:checked + .btn.btn-success.dropdown-toggle:after, .btn-check:active + .btn.btn-success.dropdown-toggle:after, .btn.btn-success:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-success:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-success:active:not(.btn-active).dropdown-toggle:after, .btn.btn-success.active.dropdown-toggle:after, .btn.btn-success.show.dropdown-toggle:after, .show > .btn.btn-success.dropdown-toggle:after { + color: var(--bs-success-inverse); +} + +.btn.btn-light-success { + color: var(--bs-success); + border-color: var(--bs-success-light); + background-color: var(--bs-success-light); +} +.btn.btn-light-success i, +.btn.btn-light-success .svg-icon { + color: var(--bs-success); +} +.btn.btn-light-success.dropdown-toggle:after { + color: var(--bs-success); +} +.btn-check:checked + .btn.btn-light-success, .btn-check:active + .btn.btn-light-success, .btn.btn-light-success:focus:not(.btn-active), .btn.btn-light-success:hover:not(.btn-active), .btn.btn-light-success:active:not(.btn-active), .btn.btn-light-success.active, .btn.btn-light-success.show, .show > .btn.btn-light-success { + color: var(--bs-success-inverse); + border-color: var(--bs-success); + background-color: var(--bs-success) !important; +} +.btn-check:checked + .btn.btn-light-success i, +.btn-check:checked + .btn.btn-light-success .svg-icon, .btn-check:active + .btn.btn-light-success i, +.btn-check:active + .btn.btn-light-success .svg-icon, .btn.btn-light-success:focus:not(.btn-active) i, +.btn.btn-light-success:focus:not(.btn-active) .svg-icon, .btn.btn-light-success:hover:not(.btn-active) i, +.btn.btn-light-success:hover:not(.btn-active) .svg-icon, .btn.btn-light-success:active:not(.btn-active) i, +.btn.btn-light-success:active:not(.btn-active) .svg-icon, .btn.btn-light-success.active i, +.btn.btn-light-success.active .svg-icon, .btn.btn-light-success.show i, +.btn.btn-light-success.show .svg-icon, .show > .btn.btn-light-success i, +.show > .btn.btn-light-success .svg-icon { + color: var(--bs-success-inverse); +} +.btn-check:checked + .btn.btn-light-success.dropdown-toggle:after, .btn-check:active + .btn.btn-light-success.dropdown-toggle:after, .btn.btn-light-success:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-success:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-success:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-success.active.dropdown-toggle:after, .btn.btn-light-success.show.dropdown-toggle:after, .show > .btn.btn-light-success.dropdown-toggle:after { + color: var(--bs-success-inverse); +} + +.btn.btn-bg-success { + border-color: var(--bs-success); + background-color: var(--bs-success); +} +.btn-check:checked + .btn.btn-active-success, .btn-check:active + .btn.btn-active-success, .btn.btn-active-success:focus:not(.btn-active), .btn.btn-active-success:hover:not(.btn-active), .btn.btn-active-success:active:not(.btn-active), .btn.btn-active-success.active, .btn.btn-active-success.show, .show > .btn.btn-active-success { + color: var(--bs-success-inverse); + border-color: var(--bs-success); + background-color: var(--bs-success) !important; +} +.btn-check:checked + .btn.btn-active-success i, +.btn-check:checked + .btn.btn-active-success .svg-icon, .btn-check:active + .btn.btn-active-success i, +.btn-check:active + .btn.btn-active-success .svg-icon, .btn.btn-active-success:focus:not(.btn-active) i, +.btn.btn-active-success:focus:not(.btn-active) .svg-icon, .btn.btn-active-success:hover:not(.btn-active) i, +.btn.btn-active-success:hover:not(.btn-active) .svg-icon, .btn.btn-active-success:active:not(.btn-active) i, +.btn.btn-active-success:active:not(.btn-active) .svg-icon, .btn.btn-active-success.active i, +.btn.btn-active-success.active .svg-icon, .btn.btn-active-success.show i, +.btn.btn-active-success.show .svg-icon, .show > .btn.btn-active-success i, +.show > .btn.btn-active-success .svg-icon { + color: var(--bs-success-inverse); +} +.btn-check:checked + .btn.btn-active-success.dropdown-toggle:after, .btn-check:active + .btn.btn-active-success.dropdown-toggle:after, .btn.btn-active-success:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-success:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-success:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-success.active.dropdown-toggle:after, .btn.btn-active-success.show.dropdown-toggle:after, .show > .btn.btn-active-success.dropdown-toggle:after { + color: var(--bs-success-inverse); +} + +.btn-check:checked + .btn.btn-active-light-success, .btn-check:active + .btn.btn-active-light-success, .btn.btn-active-light-success:focus:not(.btn-active), .btn.btn-active-light-success:hover:not(.btn-active), .btn.btn-active-light-success:active:not(.btn-active), .btn.btn-active-light-success.active, .btn.btn-active-light-success.show, .show > .btn.btn-active-light-success { + color: var(--bs-success); + border-color: var(--bs-success-light); + background-color: var(--bs-success-light) !important; +} +.btn-check:checked + .btn.btn-active-light-success i, +.btn-check:checked + .btn.btn-active-light-success .svg-icon, .btn-check:active + .btn.btn-active-light-success i, +.btn-check:active + .btn.btn-active-light-success .svg-icon, .btn.btn-active-light-success:focus:not(.btn-active) i, +.btn.btn-active-light-success:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-success:hover:not(.btn-active) i, +.btn.btn-active-light-success:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-success:active:not(.btn-active) i, +.btn.btn-active-light-success:active:not(.btn-active) .svg-icon, .btn.btn-active-light-success.active i, +.btn.btn-active-light-success.active .svg-icon, .btn.btn-active-light-success.show i, +.btn.btn-active-light-success.show .svg-icon, .show > .btn.btn-active-light-success i, +.show > .btn.btn-active-light-success .svg-icon { + color: var(--bs-success); +} +.btn-check:checked + .btn.btn-active-light-success.dropdown-toggle:after, .btn-check:active + .btn.btn-active-light-success.dropdown-toggle:after, .btn.btn-active-light-success:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-success:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-success:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-success.active.dropdown-toggle:after, .btn.btn-active-light-success.show.dropdown-toggle:after, .show > .btn.btn-active-light-success.dropdown-toggle:after { + color: var(--bs-success); +} + +.btn.btn-outline.btn-outline-success { + color: var(--bs-success); + border-color: var(--bs-success); + background-color: transparent; +} +.btn.btn-outline.btn-outline-success i, +.btn.btn-outline.btn-outline-success .svg-icon { + color: var(--bs-success); +} +.btn.btn-outline.btn-outline-success.dropdown-toggle:after { + color: var(--bs-success); +} +.btn-check:checked + .btn.btn-outline.btn-outline-success, .btn-check:active + .btn.btn-outline.btn-outline-success, .btn.btn-outline.btn-outline-success:focus:not(.btn-active), .btn.btn-outline.btn-outline-success:hover:not(.btn-active), .btn.btn-outline.btn-outline-success:active:not(.btn-active), .btn.btn-outline.btn-outline-success.active, .btn.btn-outline.btn-outline-success.show, .show > .btn.btn-outline.btn-outline-success { + color: var(--bs-success-active); + border-color: var(--bs-success); + background-color: var(--bs-success-light) !important; +} +.btn-check:checked + .btn.btn-outline.btn-outline-success i, +.btn-check:checked + .btn.btn-outline.btn-outline-success .svg-icon, .btn-check:active + .btn.btn-outline.btn-outline-success i, +.btn-check:active + .btn.btn-outline.btn-outline-success .svg-icon, .btn.btn-outline.btn-outline-success:focus:not(.btn-active) i, +.btn.btn-outline.btn-outline-success:focus:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-success:hover:not(.btn-active) i, +.btn.btn-outline.btn-outline-success:hover:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-success:active:not(.btn-active) i, +.btn.btn-outline.btn-outline-success:active:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-success.active i, +.btn.btn-outline.btn-outline-success.active .svg-icon, .btn.btn-outline.btn-outline-success.show i, +.btn.btn-outline.btn-outline-success.show .svg-icon, .show > .btn.btn-outline.btn-outline-success i, +.show > .btn.btn-outline.btn-outline-success .svg-icon { + color: var(--bs-success-active); +} +.btn-check:checked + .btn.btn-outline.btn-outline-success.dropdown-toggle:after, .btn-check:active + .btn.btn-outline.btn-outline-success.dropdown-toggle:after, .btn.btn-outline.btn-outline-success:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-success:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-success:active:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-success.active.dropdown-toggle:after, .btn.btn-outline.btn-outline-success.show.dropdown-toggle:after, .show > .btn.btn-outline.btn-outline-success.dropdown-toggle:after { + color: var(--bs-success-active); +} + +.btn.btn-info { + color: var(--bs-info-inverse); + border-color: var(--bs-info); + background-color: var(--bs-info); +} +.btn.btn-info i, +.btn.btn-info .svg-icon { + color: var(--bs-info-inverse); +} +.btn.btn-info.dropdown-toggle:after { + color: var(--bs-info-inverse); +} +.btn-check:checked + .btn.btn-info, .btn-check:active + .btn.btn-info, .btn.btn-info:focus:not(.btn-active), .btn.btn-info:hover:not(.btn-active), .btn.btn-info:active:not(.btn-active), .btn.btn-info.active, .btn.btn-info.show, .show > .btn.btn-info { + color: var(--bs-info-inverse); + border-color: var(--bs-info-active); + background-color: var(--bs-info-active) !important; +} +.btn-check:checked + .btn.btn-info i, +.btn-check:checked + .btn.btn-info .svg-icon, .btn-check:active + .btn.btn-info i, +.btn-check:active + .btn.btn-info .svg-icon, .btn.btn-info:focus:not(.btn-active) i, +.btn.btn-info:focus:not(.btn-active) .svg-icon, .btn.btn-info:hover:not(.btn-active) i, +.btn.btn-info:hover:not(.btn-active) .svg-icon, .btn.btn-info:active:not(.btn-active) i, +.btn.btn-info:active:not(.btn-active) .svg-icon, .btn.btn-info.active i, +.btn.btn-info.active .svg-icon, .btn.btn-info.show i, +.btn.btn-info.show .svg-icon, .show > .btn.btn-info i, +.show > .btn.btn-info .svg-icon { + color: var(--bs-info-inverse); +} +.btn-check:checked + .btn.btn-info.dropdown-toggle:after, .btn-check:active + .btn.btn-info.dropdown-toggle:after, .btn.btn-info:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-info:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-info:active:not(.btn-active).dropdown-toggle:after, .btn.btn-info.active.dropdown-toggle:after, .btn.btn-info.show.dropdown-toggle:after, .show > .btn.btn-info.dropdown-toggle:after { + color: var(--bs-info-inverse); +} + +.btn.btn-light-info { + color: var(--bs-info); + border-color: var(--bs-info-light); + background-color: var(--bs-info-light); +} +.btn.btn-light-info i, +.btn.btn-light-info .svg-icon { + color: var(--bs-info); +} +.btn.btn-light-info.dropdown-toggle:after { + color: var(--bs-info); +} +.btn-check:checked + .btn.btn-light-info, .btn-check:active + .btn.btn-light-info, .btn.btn-light-info:focus:not(.btn-active), .btn.btn-light-info:hover:not(.btn-active), .btn.btn-light-info:active:not(.btn-active), .btn.btn-light-info.active, .btn.btn-light-info.show, .show > .btn.btn-light-info { + color: var(--bs-info-inverse); + border-color: var(--bs-info); + background-color: var(--bs-info) !important; +} +.btn-check:checked + .btn.btn-light-info i, +.btn-check:checked + .btn.btn-light-info .svg-icon, .btn-check:active + .btn.btn-light-info i, +.btn-check:active + .btn.btn-light-info .svg-icon, .btn.btn-light-info:focus:not(.btn-active) i, +.btn.btn-light-info:focus:not(.btn-active) .svg-icon, .btn.btn-light-info:hover:not(.btn-active) i, +.btn.btn-light-info:hover:not(.btn-active) .svg-icon, .btn.btn-light-info:active:not(.btn-active) i, +.btn.btn-light-info:active:not(.btn-active) .svg-icon, .btn.btn-light-info.active i, +.btn.btn-light-info.active .svg-icon, .btn.btn-light-info.show i, +.btn.btn-light-info.show .svg-icon, .show > .btn.btn-light-info i, +.show > .btn.btn-light-info .svg-icon { + color: var(--bs-info-inverse); +} +.btn-check:checked + .btn.btn-light-info.dropdown-toggle:after, .btn-check:active + .btn.btn-light-info.dropdown-toggle:after, .btn.btn-light-info:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-info:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-info:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-info.active.dropdown-toggle:after, .btn.btn-light-info.show.dropdown-toggle:after, .show > .btn.btn-light-info.dropdown-toggle:after { + color: var(--bs-info-inverse); +} + +.btn.btn-bg-info { + border-color: var(--bs-info); + background-color: var(--bs-info); +} +.btn-check:checked + .btn.btn-active-info, .btn-check:active + .btn.btn-active-info, .btn.btn-active-info:focus:not(.btn-active), .btn.btn-active-info:hover:not(.btn-active), .btn.btn-active-info:active:not(.btn-active), .btn.btn-active-info.active, .btn.btn-active-info.show, .show > .btn.btn-active-info { + color: var(--bs-info-inverse); + border-color: var(--bs-info); + background-color: var(--bs-info) !important; +} +.btn-check:checked + .btn.btn-active-info i, +.btn-check:checked + .btn.btn-active-info .svg-icon, .btn-check:active + .btn.btn-active-info i, +.btn-check:active + .btn.btn-active-info .svg-icon, .btn.btn-active-info:focus:not(.btn-active) i, +.btn.btn-active-info:focus:not(.btn-active) .svg-icon, .btn.btn-active-info:hover:not(.btn-active) i, +.btn.btn-active-info:hover:not(.btn-active) .svg-icon, .btn.btn-active-info:active:not(.btn-active) i, +.btn.btn-active-info:active:not(.btn-active) .svg-icon, .btn.btn-active-info.active i, +.btn.btn-active-info.active .svg-icon, .btn.btn-active-info.show i, +.btn.btn-active-info.show .svg-icon, .show > .btn.btn-active-info i, +.show > .btn.btn-active-info .svg-icon { + color: var(--bs-info-inverse); +} +.btn-check:checked + .btn.btn-active-info.dropdown-toggle:after, .btn-check:active + .btn.btn-active-info.dropdown-toggle:after, .btn.btn-active-info:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-info:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-info:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-info.active.dropdown-toggle:after, .btn.btn-active-info.show.dropdown-toggle:after, .show > .btn.btn-active-info.dropdown-toggle:after { + color: var(--bs-info-inverse); +} + +.btn-check:checked + .btn.btn-active-light-info, .btn-check:active + .btn.btn-active-light-info, .btn.btn-active-light-info:focus:not(.btn-active), .btn.btn-active-light-info:hover:not(.btn-active), .btn.btn-active-light-info:active:not(.btn-active), .btn.btn-active-light-info.active, .btn.btn-active-light-info.show, .show > .btn.btn-active-light-info { + color: var(--bs-info); + border-color: var(--bs-info-light); + background-color: var(--bs-info-light) !important; +} +.btn-check:checked + .btn.btn-active-light-info i, +.btn-check:checked + .btn.btn-active-light-info .svg-icon, .btn-check:active + .btn.btn-active-light-info i, +.btn-check:active + .btn.btn-active-light-info .svg-icon, .btn.btn-active-light-info:focus:not(.btn-active) i, +.btn.btn-active-light-info:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-info:hover:not(.btn-active) i, +.btn.btn-active-light-info:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-info:active:not(.btn-active) i, +.btn.btn-active-light-info:active:not(.btn-active) .svg-icon, .btn.btn-active-light-info.active i, +.btn.btn-active-light-info.active .svg-icon, .btn.btn-active-light-info.show i, +.btn.btn-active-light-info.show .svg-icon, .show > .btn.btn-active-light-info i, +.show > .btn.btn-active-light-info .svg-icon { + color: var(--bs-info); +} +.btn-check:checked + .btn.btn-active-light-info.dropdown-toggle:after, .btn-check:active + .btn.btn-active-light-info.dropdown-toggle:after, .btn.btn-active-light-info:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-info:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-info:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-info.active.dropdown-toggle:after, .btn.btn-active-light-info.show.dropdown-toggle:after, .show > .btn.btn-active-light-info.dropdown-toggle:after { + color: var(--bs-info); +} + +.btn.btn-outline.btn-outline-info { + color: var(--bs-info); + border-color: var(--bs-info); + background-color: transparent; +} +.btn.btn-outline.btn-outline-info i, +.btn.btn-outline.btn-outline-info .svg-icon { + color: var(--bs-info); +} +.btn.btn-outline.btn-outline-info.dropdown-toggle:after { + color: var(--bs-info); +} +.btn-check:checked + .btn.btn-outline.btn-outline-info, .btn-check:active + .btn.btn-outline.btn-outline-info, .btn.btn-outline.btn-outline-info:focus:not(.btn-active), .btn.btn-outline.btn-outline-info:hover:not(.btn-active), .btn.btn-outline.btn-outline-info:active:not(.btn-active), .btn.btn-outline.btn-outline-info.active, .btn.btn-outline.btn-outline-info.show, .show > .btn.btn-outline.btn-outline-info { + color: var(--bs-info-active); + border-color: var(--bs-info); + background-color: var(--bs-info-light) !important; +} +.btn-check:checked + .btn.btn-outline.btn-outline-info i, +.btn-check:checked + .btn.btn-outline.btn-outline-info .svg-icon, .btn-check:active + .btn.btn-outline.btn-outline-info i, +.btn-check:active + .btn.btn-outline.btn-outline-info .svg-icon, .btn.btn-outline.btn-outline-info:focus:not(.btn-active) i, +.btn.btn-outline.btn-outline-info:focus:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-info:hover:not(.btn-active) i, +.btn.btn-outline.btn-outline-info:hover:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-info:active:not(.btn-active) i, +.btn.btn-outline.btn-outline-info:active:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-info.active i, +.btn.btn-outline.btn-outline-info.active .svg-icon, .btn.btn-outline.btn-outline-info.show i, +.btn.btn-outline.btn-outline-info.show .svg-icon, .show > .btn.btn-outline.btn-outline-info i, +.show > .btn.btn-outline.btn-outline-info .svg-icon { + color: var(--bs-info-active); +} +.btn-check:checked + .btn.btn-outline.btn-outline-info.dropdown-toggle:after, .btn-check:active + .btn.btn-outline.btn-outline-info.dropdown-toggle:after, .btn.btn-outline.btn-outline-info:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-info:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-info:active:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-info.active.dropdown-toggle:after, .btn.btn-outline.btn-outline-info.show.dropdown-toggle:after, .show > .btn.btn-outline.btn-outline-info.dropdown-toggle:after { + color: var(--bs-info-active); +} + +.btn.btn-warning { + color: var(--bs-warning-inverse); + border-color: var(--bs-warning); + background-color: var(--bs-warning); +} +.btn.btn-warning i, +.btn.btn-warning .svg-icon { + color: var(--bs-warning-inverse); +} +.btn.btn-warning.dropdown-toggle:after { + color: var(--bs-warning-inverse); +} +.btn-check:checked + .btn.btn-warning, .btn-check:active + .btn.btn-warning, .btn.btn-warning:focus:not(.btn-active), .btn.btn-warning:hover:not(.btn-active), .btn.btn-warning:active:not(.btn-active), .btn.btn-warning.active, .btn.btn-warning.show, .show > .btn.btn-warning { + color: var(--bs-warning-inverse); + border-color: var(--bs-warning-active); + background-color: var(--bs-warning-active) !important; +} +.btn-check:checked + .btn.btn-warning i, +.btn-check:checked + .btn.btn-warning .svg-icon, .btn-check:active + .btn.btn-warning i, +.btn-check:active + .btn.btn-warning .svg-icon, .btn.btn-warning:focus:not(.btn-active) i, +.btn.btn-warning:focus:not(.btn-active) .svg-icon, .btn.btn-warning:hover:not(.btn-active) i, +.btn.btn-warning:hover:not(.btn-active) .svg-icon, .btn.btn-warning:active:not(.btn-active) i, +.btn.btn-warning:active:not(.btn-active) .svg-icon, .btn.btn-warning.active i, +.btn.btn-warning.active .svg-icon, .btn.btn-warning.show i, +.btn.btn-warning.show .svg-icon, .show > .btn.btn-warning i, +.show > .btn.btn-warning .svg-icon { + color: var(--bs-warning-inverse); +} +.btn-check:checked + .btn.btn-warning.dropdown-toggle:after, .btn-check:active + .btn.btn-warning.dropdown-toggle:after, .btn.btn-warning:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-warning:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-warning:active:not(.btn-active).dropdown-toggle:after, .btn.btn-warning.active.dropdown-toggle:after, .btn.btn-warning.show.dropdown-toggle:after, .show > .btn.btn-warning.dropdown-toggle:after { + color: var(--bs-warning-inverse); +} + +.btn.btn-light-warning { + color: var(--bs-warning); + border-color: var(--bs-warning-light); + background-color: var(--bs-warning-light); +} +.btn.btn-light-warning i, +.btn.btn-light-warning .svg-icon { + color: var(--bs-warning); +} +.btn.btn-light-warning.dropdown-toggle:after { + color: var(--bs-warning); +} +.btn-check:checked + .btn.btn-light-warning, .btn-check:active + .btn.btn-light-warning, .btn.btn-light-warning:focus:not(.btn-active), .btn.btn-light-warning:hover:not(.btn-active), .btn.btn-light-warning:active:not(.btn-active), .btn.btn-light-warning.active, .btn.btn-light-warning.show, .show > .btn.btn-light-warning { + color: var(--bs-warning-inverse); + border-color: var(--bs-warning); + background-color: var(--bs-warning) !important; +} +.btn-check:checked + .btn.btn-light-warning i, +.btn-check:checked + .btn.btn-light-warning .svg-icon, .btn-check:active + .btn.btn-light-warning i, +.btn-check:active + .btn.btn-light-warning .svg-icon, .btn.btn-light-warning:focus:not(.btn-active) i, +.btn.btn-light-warning:focus:not(.btn-active) .svg-icon, .btn.btn-light-warning:hover:not(.btn-active) i, +.btn.btn-light-warning:hover:not(.btn-active) .svg-icon, .btn.btn-light-warning:active:not(.btn-active) i, +.btn.btn-light-warning:active:not(.btn-active) .svg-icon, .btn.btn-light-warning.active i, +.btn.btn-light-warning.active .svg-icon, .btn.btn-light-warning.show i, +.btn.btn-light-warning.show .svg-icon, .show > .btn.btn-light-warning i, +.show > .btn.btn-light-warning .svg-icon { + color: var(--bs-warning-inverse); +} +.btn-check:checked + .btn.btn-light-warning.dropdown-toggle:after, .btn-check:active + .btn.btn-light-warning.dropdown-toggle:after, .btn.btn-light-warning:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-warning:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-warning:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-warning.active.dropdown-toggle:after, .btn.btn-light-warning.show.dropdown-toggle:after, .show > .btn.btn-light-warning.dropdown-toggle:after { + color: var(--bs-warning-inverse); +} + +.btn.btn-bg-warning { + border-color: var(--bs-warning); + background-color: var(--bs-warning); +} +.btn-check:checked + .btn.btn-active-warning, .btn-check:active + .btn.btn-active-warning, .btn.btn-active-warning:focus:not(.btn-active), .btn.btn-active-warning:hover:not(.btn-active), .btn.btn-active-warning:active:not(.btn-active), .btn.btn-active-warning.active, .btn.btn-active-warning.show, .show > .btn.btn-active-warning { + color: var(--bs-warning-inverse); + border-color: var(--bs-warning); + background-color: var(--bs-warning) !important; +} +.btn-check:checked + .btn.btn-active-warning i, +.btn-check:checked + .btn.btn-active-warning .svg-icon, .btn-check:active + .btn.btn-active-warning i, +.btn-check:active + .btn.btn-active-warning .svg-icon, .btn.btn-active-warning:focus:not(.btn-active) i, +.btn.btn-active-warning:focus:not(.btn-active) .svg-icon, .btn.btn-active-warning:hover:not(.btn-active) i, +.btn.btn-active-warning:hover:not(.btn-active) .svg-icon, .btn.btn-active-warning:active:not(.btn-active) i, +.btn.btn-active-warning:active:not(.btn-active) .svg-icon, .btn.btn-active-warning.active i, +.btn.btn-active-warning.active .svg-icon, .btn.btn-active-warning.show i, +.btn.btn-active-warning.show .svg-icon, .show > .btn.btn-active-warning i, +.show > .btn.btn-active-warning .svg-icon { + color: var(--bs-warning-inverse); +} +.btn-check:checked + .btn.btn-active-warning.dropdown-toggle:after, .btn-check:active + .btn.btn-active-warning.dropdown-toggle:after, .btn.btn-active-warning:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-warning:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-warning:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-warning.active.dropdown-toggle:after, .btn.btn-active-warning.show.dropdown-toggle:after, .show > .btn.btn-active-warning.dropdown-toggle:after { + color: var(--bs-warning-inverse); +} + +.btn-check:checked + .btn.btn-active-light-warning, .btn-check:active + .btn.btn-active-light-warning, .btn.btn-active-light-warning:focus:not(.btn-active), .btn.btn-active-light-warning:hover:not(.btn-active), .btn.btn-active-light-warning:active:not(.btn-active), .btn.btn-active-light-warning.active, .btn.btn-active-light-warning.show, .show > .btn.btn-active-light-warning { + color: var(--bs-warning); + border-color: var(--bs-warning-light); + background-color: var(--bs-warning-light) !important; +} +.btn-check:checked + .btn.btn-active-light-warning i, +.btn-check:checked + .btn.btn-active-light-warning .svg-icon, .btn-check:active + .btn.btn-active-light-warning i, +.btn-check:active + .btn.btn-active-light-warning .svg-icon, .btn.btn-active-light-warning:focus:not(.btn-active) i, +.btn.btn-active-light-warning:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-warning:hover:not(.btn-active) i, +.btn.btn-active-light-warning:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-warning:active:not(.btn-active) i, +.btn.btn-active-light-warning:active:not(.btn-active) .svg-icon, .btn.btn-active-light-warning.active i, +.btn.btn-active-light-warning.active .svg-icon, .btn.btn-active-light-warning.show i, +.btn.btn-active-light-warning.show .svg-icon, .show > .btn.btn-active-light-warning i, +.show > .btn.btn-active-light-warning .svg-icon { + color: var(--bs-warning); +} +.btn-check:checked + .btn.btn-active-light-warning.dropdown-toggle:after, .btn-check:active + .btn.btn-active-light-warning.dropdown-toggle:after, .btn.btn-active-light-warning:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-warning:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-warning:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-warning.active.dropdown-toggle:after, .btn.btn-active-light-warning.show.dropdown-toggle:after, .show > .btn.btn-active-light-warning.dropdown-toggle:after { + color: var(--bs-warning); +} + +.btn.btn-outline.btn-outline-warning { + color: var(--bs-warning); + border-color: var(--bs-warning); + background-color: transparent; +} +.btn.btn-outline.btn-outline-warning i, +.btn.btn-outline.btn-outline-warning .svg-icon { + color: var(--bs-warning); +} +.btn.btn-outline.btn-outline-warning.dropdown-toggle:after { + color: var(--bs-warning); +} +.btn-check:checked + .btn.btn-outline.btn-outline-warning, .btn-check:active + .btn.btn-outline.btn-outline-warning, .btn.btn-outline.btn-outline-warning:focus:not(.btn-active), .btn.btn-outline.btn-outline-warning:hover:not(.btn-active), .btn.btn-outline.btn-outline-warning:active:not(.btn-active), .btn.btn-outline.btn-outline-warning.active, .btn.btn-outline.btn-outline-warning.show, .show > .btn.btn-outline.btn-outline-warning { + color: var(--bs-warning-active); + border-color: var(--bs-warning); + background-color: var(--bs-warning-light) !important; +} +.btn-check:checked + .btn.btn-outline.btn-outline-warning i, +.btn-check:checked + .btn.btn-outline.btn-outline-warning .svg-icon, .btn-check:active + .btn.btn-outline.btn-outline-warning i, +.btn-check:active + .btn.btn-outline.btn-outline-warning .svg-icon, .btn.btn-outline.btn-outline-warning:focus:not(.btn-active) i, +.btn.btn-outline.btn-outline-warning:focus:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-warning:hover:not(.btn-active) i, +.btn.btn-outline.btn-outline-warning:hover:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-warning:active:not(.btn-active) i, +.btn.btn-outline.btn-outline-warning:active:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-warning.active i, +.btn.btn-outline.btn-outline-warning.active .svg-icon, .btn.btn-outline.btn-outline-warning.show i, +.btn.btn-outline.btn-outline-warning.show .svg-icon, .show > .btn.btn-outline.btn-outline-warning i, +.show > .btn.btn-outline.btn-outline-warning .svg-icon { + color: var(--bs-warning-active); +} +.btn-check:checked + .btn.btn-outline.btn-outline-warning.dropdown-toggle:after, .btn-check:active + .btn.btn-outline.btn-outline-warning.dropdown-toggle:after, .btn.btn-outline.btn-outline-warning:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-warning:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-warning:active:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-warning.active.dropdown-toggle:after, .btn.btn-outline.btn-outline-warning.show.dropdown-toggle:after, .show > .btn.btn-outline.btn-outline-warning.dropdown-toggle:after { + color: var(--bs-warning-active); +} + +.btn.btn-danger { + color: var(--bs-danger-inverse); + border-color: var(--bs-danger); + background-color: var(--bs-danger); +} +.btn.btn-danger i, +.btn.btn-danger .svg-icon { + color: var(--bs-danger-inverse); +} +.btn.btn-danger.dropdown-toggle:after { + color: var(--bs-danger-inverse); +} +.btn-check:checked + .btn.btn-danger, .btn-check:active + .btn.btn-danger, .btn.btn-danger:focus:not(.btn-active), .btn.btn-danger:hover:not(.btn-active), .btn.btn-danger:active:not(.btn-active), .btn.btn-danger.active, .btn.btn-danger.show, .show > .btn.btn-danger { + color: var(--bs-danger-inverse); + border-color: var(--bs-danger-active); + background-color: var(--bs-danger-active) !important; +} +.btn-check:checked + .btn.btn-danger i, +.btn-check:checked + .btn.btn-danger .svg-icon, .btn-check:active + .btn.btn-danger i, +.btn-check:active + .btn.btn-danger .svg-icon, .btn.btn-danger:focus:not(.btn-active) i, +.btn.btn-danger:focus:not(.btn-active) .svg-icon, .btn.btn-danger:hover:not(.btn-active) i, +.btn.btn-danger:hover:not(.btn-active) .svg-icon, .btn.btn-danger:active:not(.btn-active) i, +.btn.btn-danger:active:not(.btn-active) .svg-icon, .btn.btn-danger.active i, +.btn.btn-danger.active .svg-icon, .btn.btn-danger.show i, +.btn.btn-danger.show .svg-icon, .show > .btn.btn-danger i, +.show > .btn.btn-danger .svg-icon { + color: var(--bs-danger-inverse); +} +.btn-check:checked + .btn.btn-danger.dropdown-toggle:after, .btn-check:active + .btn.btn-danger.dropdown-toggle:after, .btn.btn-danger:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-danger:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-danger:active:not(.btn-active).dropdown-toggle:after, .btn.btn-danger.active.dropdown-toggle:after, .btn.btn-danger.show.dropdown-toggle:after, .show > .btn.btn-danger.dropdown-toggle:after { + color: var(--bs-danger-inverse); +} + +.btn.btn-light-danger { + color: var(--bs-danger); + border-color: var(--bs-danger-light); + background-color: var(--bs-danger-light); +} +.btn.btn-light-danger i, +.btn.btn-light-danger .svg-icon { + color: var(--bs-danger); +} +.btn.btn-light-danger.dropdown-toggle:after { + color: var(--bs-danger); +} +.btn-check:checked + .btn.btn-light-danger, .btn-check:active + .btn.btn-light-danger, .btn.btn-light-danger:focus:not(.btn-active), .btn.btn-light-danger:hover:not(.btn-active), .btn.btn-light-danger:active:not(.btn-active), .btn.btn-light-danger.active, .btn.btn-light-danger.show, .show > .btn.btn-light-danger { + color: var(--bs-danger-inverse); + border-color: var(--bs-danger); + background-color: var(--bs-danger) !important; +} +.btn-check:checked + .btn.btn-light-danger i, +.btn-check:checked + .btn.btn-light-danger .svg-icon, .btn-check:active + .btn.btn-light-danger i, +.btn-check:active + .btn.btn-light-danger .svg-icon, .btn.btn-light-danger:focus:not(.btn-active) i, +.btn.btn-light-danger:focus:not(.btn-active) .svg-icon, .btn.btn-light-danger:hover:not(.btn-active) i, +.btn.btn-light-danger:hover:not(.btn-active) .svg-icon, .btn.btn-light-danger:active:not(.btn-active) i, +.btn.btn-light-danger:active:not(.btn-active) .svg-icon, .btn.btn-light-danger.active i, +.btn.btn-light-danger.active .svg-icon, .btn.btn-light-danger.show i, +.btn.btn-light-danger.show .svg-icon, .show > .btn.btn-light-danger i, +.show > .btn.btn-light-danger .svg-icon { + color: var(--bs-danger-inverse); +} +.btn-check:checked + .btn.btn-light-danger.dropdown-toggle:after, .btn-check:active + .btn.btn-light-danger.dropdown-toggle:after, .btn.btn-light-danger:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-danger:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-danger:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-danger.active.dropdown-toggle:after, .btn.btn-light-danger.show.dropdown-toggle:after, .show > .btn.btn-light-danger.dropdown-toggle:after { + color: var(--bs-danger-inverse); +} + +.btn.btn-bg-danger { + border-color: var(--bs-danger); + background-color: var(--bs-danger); +} +.btn-check:checked + .btn.btn-active-danger, .btn-check:active + .btn.btn-active-danger, .btn.btn-active-danger:focus:not(.btn-active), .btn.btn-active-danger:hover:not(.btn-active), .btn.btn-active-danger:active:not(.btn-active), .btn.btn-active-danger.active, .btn.btn-active-danger.show, .show > .btn.btn-active-danger { + color: var(--bs-danger-inverse); + border-color: var(--bs-danger); + background-color: var(--bs-danger) !important; +} +.btn-check:checked + .btn.btn-active-danger i, +.btn-check:checked + .btn.btn-active-danger .svg-icon, .btn-check:active + .btn.btn-active-danger i, +.btn-check:active + .btn.btn-active-danger .svg-icon, .btn.btn-active-danger:focus:not(.btn-active) i, +.btn.btn-active-danger:focus:not(.btn-active) .svg-icon, .btn.btn-active-danger:hover:not(.btn-active) i, +.btn.btn-active-danger:hover:not(.btn-active) .svg-icon, .btn.btn-active-danger:active:not(.btn-active) i, +.btn.btn-active-danger:active:not(.btn-active) .svg-icon, .btn.btn-active-danger.active i, +.btn.btn-active-danger.active .svg-icon, .btn.btn-active-danger.show i, +.btn.btn-active-danger.show .svg-icon, .show > .btn.btn-active-danger i, +.show > .btn.btn-active-danger .svg-icon { + color: var(--bs-danger-inverse); +} +.btn-check:checked + .btn.btn-active-danger.dropdown-toggle:after, .btn-check:active + .btn.btn-active-danger.dropdown-toggle:after, .btn.btn-active-danger:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-danger:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-danger:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-danger.active.dropdown-toggle:after, .btn.btn-active-danger.show.dropdown-toggle:after, .show > .btn.btn-active-danger.dropdown-toggle:after { + color: var(--bs-danger-inverse); +} + +.btn-check:checked + .btn.btn-active-light-danger, .btn-check:active + .btn.btn-active-light-danger, .btn.btn-active-light-danger:focus:not(.btn-active), .btn.btn-active-light-danger:hover:not(.btn-active), .btn.btn-active-light-danger:active:not(.btn-active), .btn.btn-active-light-danger.active, .btn.btn-active-light-danger.show, .show > .btn.btn-active-light-danger { + color: var(--bs-danger); + border-color: var(--bs-danger-light); + background-color: var(--bs-danger-light) !important; +} +.btn-check:checked + .btn.btn-active-light-danger i, +.btn-check:checked + .btn.btn-active-light-danger .svg-icon, .btn-check:active + .btn.btn-active-light-danger i, +.btn-check:active + .btn.btn-active-light-danger .svg-icon, .btn.btn-active-light-danger:focus:not(.btn-active) i, +.btn.btn-active-light-danger:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-danger:hover:not(.btn-active) i, +.btn.btn-active-light-danger:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-danger:active:not(.btn-active) i, +.btn.btn-active-light-danger:active:not(.btn-active) .svg-icon, .btn.btn-active-light-danger.active i, +.btn.btn-active-light-danger.active .svg-icon, .btn.btn-active-light-danger.show i, +.btn.btn-active-light-danger.show .svg-icon, .show > .btn.btn-active-light-danger i, +.show > .btn.btn-active-light-danger .svg-icon { + color: var(--bs-danger); +} +.btn-check:checked + .btn.btn-active-light-danger.dropdown-toggle:after, .btn-check:active + .btn.btn-active-light-danger.dropdown-toggle:after, .btn.btn-active-light-danger:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-danger:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-danger:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-danger.active.dropdown-toggle:after, .btn.btn-active-light-danger.show.dropdown-toggle:after, .show > .btn.btn-active-light-danger.dropdown-toggle:after { + color: var(--bs-danger); +} + +.btn.btn-outline.btn-outline-danger { + color: var(--bs-danger); + border-color: var(--bs-danger); + background-color: transparent; +} +.btn.btn-outline.btn-outline-danger i, +.btn.btn-outline.btn-outline-danger .svg-icon { + color: var(--bs-danger); +} +.btn.btn-outline.btn-outline-danger.dropdown-toggle:after { + color: var(--bs-danger); +} +.btn-check:checked + .btn.btn-outline.btn-outline-danger, .btn-check:active + .btn.btn-outline.btn-outline-danger, .btn.btn-outline.btn-outline-danger:focus:not(.btn-active), .btn.btn-outline.btn-outline-danger:hover:not(.btn-active), .btn.btn-outline.btn-outline-danger:active:not(.btn-active), .btn.btn-outline.btn-outline-danger.active, .btn.btn-outline.btn-outline-danger.show, .show > .btn.btn-outline.btn-outline-danger { + color: var(--bs-danger-active); + border-color: var(--bs-danger); + background-color: var(--bs-danger-light) !important; +} +.btn-check:checked + .btn.btn-outline.btn-outline-danger i, +.btn-check:checked + .btn.btn-outline.btn-outline-danger .svg-icon, .btn-check:active + .btn.btn-outline.btn-outline-danger i, +.btn-check:active + .btn.btn-outline.btn-outline-danger .svg-icon, .btn.btn-outline.btn-outline-danger:focus:not(.btn-active) i, +.btn.btn-outline.btn-outline-danger:focus:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-danger:hover:not(.btn-active) i, +.btn.btn-outline.btn-outline-danger:hover:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-danger:active:not(.btn-active) i, +.btn.btn-outline.btn-outline-danger:active:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-danger.active i, +.btn.btn-outline.btn-outline-danger.active .svg-icon, .btn.btn-outline.btn-outline-danger.show i, +.btn.btn-outline.btn-outline-danger.show .svg-icon, .show > .btn.btn-outline.btn-outline-danger i, +.show > .btn.btn-outline.btn-outline-danger .svg-icon { + color: var(--bs-danger-active); +} +.btn-check:checked + .btn.btn-outline.btn-outline-danger.dropdown-toggle:after, .btn-check:active + .btn.btn-outline.btn-outline-danger.dropdown-toggle:after, .btn.btn-outline.btn-outline-danger:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-danger:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-danger:active:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-danger.active.dropdown-toggle:after, .btn.btn-outline.btn-outline-danger.show.dropdown-toggle:after, .show > .btn.btn-outline.btn-outline-danger.dropdown-toggle:after { + color: var(--bs-danger-active); +} + +.btn.btn-dark { + color: var(--bs-dark-inverse); + border-color: var(--bs-dark); + background-color: var(--bs-dark); +} +.btn.btn-dark i, +.btn.btn-dark .svg-icon { + color: var(--bs-dark-inverse); +} +.btn.btn-dark.dropdown-toggle:after { + color: var(--bs-dark-inverse); +} +.btn-check:checked + .btn.btn-dark, .btn-check:active + .btn.btn-dark, .btn.btn-dark:focus:not(.btn-active), .btn.btn-dark:hover:not(.btn-active), .btn.btn-dark:active:not(.btn-active), .btn.btn-dark.active, .btn.btn-dark.show, .show > .btn.btn-dark { + color: var(--bs-dark-inverse); + border-color: var(--bs-dark-active); + background-color: var(--bs-dark-active) !important; +} +.btn-check:checked + .btn.btn-dark i, +.btn-check:checked + .btn.btn-dark .svg-icon, .btn-check:active + .btn.btn-dark i, +.btn-check:active + .btn.btn-dark .svg-icon, .btn.btn-dark:focus:not(.btn-active) i, +.btn.btn-dark:focus:not(.btn-active) .svg-icon, .btn.btn-dark:hover:not(.btn-active) i, +.btn.btn-dark:hover:not(.btn-active) .svg-icon, .btn.btn-dark:active:not(.btn-active) i, +.btn.btn-dark:active:not(.btn-active) .svg-icon, .btn.btn-dark.active i, +.btn.btn-dark.active .svg-icon, .btn.btn-dark.show i, +.btn.btn-dark.show .svg-icon, .show > .btn.btn-dark i, +.show > .btn.btn-dark .svg-icon { + color: var(--bs-dark-inverse); +} +.btn-check:checked + .btn.btn-dark.dropdown-toggle:after, .btn-check:active + .btn.btn-dark.dropdown-toggle:after, .btn.btn-dark:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-dark:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-dark:active:not(.btn-active).dropdown-toggle:after, .btn.btn-dark.active.dropdown-toggle:after, .btn.btn-dark.show.dropdown-toggle:after, .show > .btn.btn-dark.dropdown-toggle:after { + color: var(--bs-dark-inverse); +} + +.btn.btn-light-dark { + color: var(--bs-dark); + border-color: var(--bs-dark-light); + background-color: var(--bs-dark-light); +} +.btn.btn-light-dark i, +.btn.btn-light-dark .svg-icon { + color: var(--bs-dark); +} +.btn.btn-light-dark.dropdown-toggle:after { + color: var(--bs-dark); +} +.btn-check:checked + .btn.btn-light-dark, .btn-check:active + .btn.btn-light-dark, .btn.btn-light-dark:focus:not(.btn-active), .btn.btn-light-dark:hover:not(.btn-active), .btn.btn-light-dark:active:not(.btn-active), .btn.btn-light-dark.active, .btn.btn-light-dark.show, .show > .btn.btn-light-dark { + color: var(--bs-dark-inverse); + border-color: var(--bs-dark); + background-color: var(--bs-dark) !important; +} +.btn-check:checked + .btn.btn-light-dark i, +.btn-check:checked + .btn.btn-light-dark .svg-icon, .btn-check:active + .btn.btn-light-dark i, +.btn-check:active + .btn.btn-light-dark .svg-icon, .btn.btn-light-dark:focus:not(.btn-active) i, +.btn.btn-light-dark:focus:not(.btn-active) .svg-icon, .btn.btn-light-dark:hover:not(.btn-active) i, +.btn.btn-light-dark:hover:not(.btn-active) .svg-icon, .btn.btn-light-dark:active:not(.btn-active) i, +.btn.btn-light-dark:active:not(.btn-active) .svg-icon, .btn.btn-light-dark.active i, +.btn.btn-light-dark.active .svg-icon, .btn.btn-light-dark.show i, +.btn.btn-light-dark.show .svg-icon, .show > .btn.btn-light-dark i, +.show > .btn.btn-light-dark .svg-icon { + color: var(--bs-dark-inverse); +} +.btn-check:checked + .btn.btn-light-dark.dropdown-toggle:after, .btn-check:active + .btn.btn-light-dark.dropdown-toggle:after, .btn.btn-light-dark:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-dark:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-dark:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-dark.active.dropdown-toggle:after, .btn.btn-light-dark.show.dropdown-toggle:after, .show > .btn.btn-light-dark.dropdown-toggle:after { + color: var(--bs-dark-inverse); +} + +.btn.btn-bg-dark { + border-color: var(--bs-dark); + background-color: var(--bs-dark); +} +.btn-check:checked + .btn.btn-active-dark, .btn-check:active + .btn.btn-active-dark, .btn.btn-active-dark:focus:not(.btn-active), .btn.btn-active-dark:hover:not(.btn-active), .btn.btn-active-dark:active:not(.btn-active), .btn.btn-active-dark.active, .btn.btn-active-dark.show, .show > .btn.btn-active-dark { + color: var(--bs-dark-inverse); + border-color: var(--bs-dark); + background-color: var(--bs-dark) !important; +} +.btn-check:checked + .btn.btn-active-dark i, +.btn-check:checked + .btn.btn-active-dark .svg-icon, .btn-check:active + .btn.btn-active-dark i, +.btn-check:active + .btn.btn-active-dark .svg-icon, .btn.btn-active-dark:focus:not(.btn-active) i, +.btn.btn-active-dark:focus:not(.btn-active) .svg-icon, .btn.btn-active-dark:hover:not(.btn-active) i, +.btn.btn-active-dark:hover:not(.btn-active) .svg-icon, .btn.btn-active-dark:active:not(.btn-active) i, +.btn.btn-active-dark:active:not(.btn-active) .svg-icon, .btn.btn-active-dark.active i, +.btn.btn-active-dark.active .svg-icon, .btn.btn-active-dark.show i, +.btn.btn-active-dark.show .svg-icon, .show > .btn.btn-active-dark i, +.show > .btn.btn-active-dark .svg-icon { + color: var(--bs-dark-inverse); +} +.btn-check:checked + .btn.btn-active-dark.dropdown-toggle:after, .btn-check:active + .btn.btn-active-dark.dropdown-toggle:after, .btn.btn-active-dark:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-dark:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-dark:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-dark.active.dropdown-toggle:after, .btn.btn-active-dark.show.dropdown-toggle:after, .show > .btn.btn-active-dark.dropdown-toggle:after { + color: var(--bs-dark-inverse); +} + +.btn-check:checked + .btn.btn-active-light-dark, .btn-check:active + .btn.btn-active-light-dark, .btn.btn-active-light-dark:focus:not(.btn-active), .btn.btn-active-light-dark:hover:not(.btn-active), .btn.btn-active-light-dark:active:not(.btn-active), .btn.btn-active-light-dark.active, .btn.btn-active-light-dark.show, .show > .btn.btn-active-light-dark { + color: var(--bs-dark); + border-color: var(--bs-dark-light); + background-color: var(--bs-dark-light) !important; +} +.btn-check:checked + .btn.btn-active-light-dark i, +.btn-check:checked + .btn.btn-active-light-dark .svg-icon, .btn-check:active + .btn.btn-active-light-dark i, +.btn-check:active + .btn.btn-active-light-dark .svg-icon, .btn.btn-active-light-dark:focus:not(.btn-active) i, +.btn.btn-active-light-dark:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-dark:hover:not(.btn-active) i, +.btn.btn-active-light-dark:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-dark:active:not(.btn-active) i, +.btn.btn-active-light-dark:active:not(.btn-active) .svg-icon, .btn.btn-active-light-dark.active i, +.btn.btn-active-light-dark.active .svg-icon, .btn.btn-active-light-dark.show i, +.btn.btn-active-light-dark.show .svg-icon, .show > .btn.btn-active-light-dark i, +.show > .btn.btn-active-light-dark .svg-icon { + color: var(--bs-dark); +} +.btn-check:checked + .btn.btn-active-light-dark.dropdown-toggle:after, .btn-check:active + .btn.btn-active-light-dark.dropdown-toggle:after, .btn.btn-active-light-dark:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-dark:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-dark:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-dark.active.dropdown-toggle:after, .btn.btn-active-light-dark.show.dropdown-toggle:after, .show > .btn.btn-active-light-dark.dropdown-toggle:after { + color: var(--bs-dark); +} + +.btn.btn-outline.btn-outline-dark { + color: var(--bs-dark); + border-color: var(--bs-dark); + background-color: transparent; +} +.btn.btn-outline.btn-outline-dark i, +.btn.btn-outline.btn-outline-dark .svg-icon { + color: var(--bs-dark); +} +.btn.btn-outline.btn-outline-dark.dropdown-toggle:after { + color: var(--bs-dark); +} +.btn-check:checked + .btn.btn-outline.btn-outline-dark, .btn-check:active + .btn.btn-outline.btn-outline-dark, .btn.btn-outline.btn-outline-dark:focus:not(.btn-active), .btn.btn-outline.btn-outline-dark:hover:not(.btn-active), .btn.btn-outline.btn-outline-dark:active:not(.btn-active), .btn.btn-outline.btn-outline-dark.active, .btn.btn-outline.btn-outline-dark.show, .show > .btn.btn-outline.btn-outline-dark { + color: var(--bs-dark-active); + border-color: var(--bs-dark); + background-color: var(--bs-dark-light) !important; +} +.btn-check:checked + .btn.btn-outline.btn-outline-dark i, +.btn-check:checked + .btn.btn-outline.btn-outline-dark .svg-icon, .btn-check:active + .btn.btn-outline.btn-outline-dark i, +.btn-check:active + .btn.btn-outline.btn-outline-dark .svg-icon, .btn.btn-outline.btn-outline-dark:focus:not(.btn-active) i, +.btn.btn-outline.btn-outline-dark:focus:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-dark:hover:not(.btn-active) i, +.btn.btn-outline.btn-outline-dark:hover:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-dark:active:not(.btn-active) i, +.btn.btn-outline.btn-outline-dark:active:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-dark.active i, +.btn.btn-outline.btn-outline-dark.active .svg-icon, .btn.btn-outline.btn-outline-dark.show i, +.btn.btn-outline.btn-outline-dark.show .svg-icon, .show > .btn.btn-outline.btn-outline-dark i, +.show > .btn.btn-outline.btn-outline-dark .svg-icon { + color: var(--bs-dark-active); +} +.btn-check:checked + .btn.btn-outline.btn-outline-dark.dropdown-toggle:after, .btn-check:active + .btn.btn-outline.btn-outline-dark.dropdown-toggle:after, .btn.btn-outline.btn-outline-dark:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-dark:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-dark:active:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-dark.active.dropdown-toggle:after, .btn.btn-outline.btn-outline-dark.show.dropdown-toggle:after, .show > .btn.btn-outline.btn-outline-dark.dropdown-toggle:after { + color: var(--bs-dark-active); +} + +.btn.btn-color-white { + color: var(--bs-text-white); +} +.btn.btn-color-white i, +.btn.btn-color-white .svg-icon { + color: var(--bs-text-white); +} +.btn.btn-color-white.dropdown-toggle:after { + color: var(--bs-text-white); +} +.btn-check:checked + .btn.btn-active-color-white, .btn-check:active + .btn.btn-active-color-white, .btn.btn-active-color-white:focus:not(.btn-active), .btn.btn-active-color-white:hover:not(.btn-active), .btn.btn-active-color-white:active:not(.btn-active), .btn.btn-active-color-white.active, .btn.btn-active-color-white.show, .show > .btn.btn-active-color-white { + color: var(--bs-text-white); +} +.btn-check:checked + .btn.btn-active-color-white i, +.btn-check:checked + .btn.btn-active-color-white .svg-icon, .btn-check:active + .btn.btn-active-color-white i, +.btn-check:active + .btn.btn-active-color-white .svg-icon, .btn.btn-active-color-white:focus:not(.btn-active) i, +.btn.btn-active-color-white:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-white:hover:not(.btn-active) i, +.btn.btn-active-color-white:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-white:active:not(.btn-active) i, +.btn.btn-active-color-white:active:not(.btn-active) .svg-icon, .btn.btn-active-color-white.active i, +.btn.btn-active-color-white.active .svg-icon, .btn.btn-active-color-white.show i, +.btn.btn-active-color-white.show .svg-icon, .show > .btn.btn-active-color-white i, +.show > .btn.btn-active-color-white .svg-icon { + color: var(--bs-text-white); +} +.btn-check:checked + .btn.btn-active-color-white.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-white.dropdown-toggle:after, .btn.btn-active-color-white:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-white:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-white:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-white.active.dropdown-toggle:after, .btn.btn-active-color-white.show.dropdown-toggle:after, .show > .btn.btn-active-color-white.dropdown-toggle:after { + color: var(--bs-text-white); +} + +.btn.btn-icon-white i, +.btn.btn-icon-white .svg-icon { + color: var(--bs-text-white); +} +.btn.btn-icon-white.dropdown-toggle:after { + color: var(--bs-text-white); +} +.btn-check:checked + .btn.btn-active-icon-white i, +.btn-check:checked + .btn.btn-active-icon-white .svg-icon, .btn-check:active + .btn.btn-active-icon-white i, +.btn-check:active + .btn.btn-active-icon-white .svg-icon, .btn.btn-active-icon-white:focus:not(.btn-active) i, +.btn.btn-active-icon-white:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-white:hover:not(.btn-active) i, +.btn.btn-active-icon-white:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-white:active:not(.btn-active) i, +.btn.btn-active-icon-white:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-white.active i, +.btn.btn-active-icon-white.active .svg-icon, .btn.btn-active-icon-white.show i, +.btn.btn-active-icon-white.show .svg-icon, .show > .btn.btn-active-icon-white i, +.show > .btn.btn-active-icon-white .svg-icon { + color: var(--bs-text-white); +} +.btn-check:checked + .btn.btn-active-icon-white.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-white.dropdown-toggle:after, .btn.btn-active-icon-white:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-white:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-white:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-white.active.dropdown-toggle:after, .btn.btn-active-icon-white.show.dropdown-toggle:after, .show > .btn.btn-active-icon-white.dropdown-toggle:after { + color: var(--bs-text-white); +} + +.btn.btn-text-white { + color: var(--bs-text-white); +} +.btn-check:checked + .btn.btn-active-text-white, .btn-check:active + .btn.btn-active-text-white, .btn.btn-active-text-white:focus:not(.btn-active), .btn.btn-active-text-white:hover:not(.btn-active), .btn.btn-active-text-white:active:not(.btn-active), .btn.btn-active-text-white.active, .btn.btn-active-text-white.show, .show > .btn.btn-active-text-white { + color: var(--bs-text-white); +} + +.btn.btn-color-primary { + color: var(--bs-text-primary); +} +.btn.btn-color-primary i, +.btn.btn-color-primary .svg-icon { + color: var(--bs-text-primary); +} +.btn.btn-color-primary.dropdown-toggle:after { + color: var(--bs-text-primary); +} +.btn-check:checked + .btn.btn-active-color-primary, .btn-check:active + .btn.btn-active-color-primary, .btn.btn-active-color-primary:focus:not(.btn-active), .btn.btn-active-color-primary:hover:not(.btn-active), .btn.btn-active-color-primary:active:not(.btn-active), .btn.btn-active-color-primary.active, .btn.btn-active-color-primary.show, .show > .btn.btn-active-color-primary { + color: var(--bs-text-primary); +} +.btn-check:checked + .btn.btn-active-color-primary i, +.btn-check:checked + .btn.btn-active-color-primary .svg-icon, .btn-check:active + .btn.btn-active-color-primary i, +.btn-check:active + .btn.btn-active-color-primary .svg-icon, .btn.btn-active-color-primary:focus:not(.btn-active) i, +.btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-primary:hover:not(.btn-active) i, +.btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-primary:active:not(.btn-active) i, +.btn.btn-active-color-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-color-primary.active i, +.btn.btn-active-color-primary.active .svg-icon, .btn.btn-active-color-primary.show i, +.btn.btn-active-color-primary.show .svg-icon, .show > .btn.btn-active-color-primary i, +.show > .btn.btn-active-color-primary .svg-icon { + color: var(--bs-text-primary); +} +.btn-check:checked + .btn.btn-active-color-primary.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-primary.dropdown-toggle:after, .btn.btn-active-color-primary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-primary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-primary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-primary.active.dropdown-toggle:after, .btn.btn-active-color-primary.show.dropdown-toggle:after, .show > .btn.btn-active-color-primary.dropdown-toggle:after { + color: var(--bs-text-primary); +} + +.btn.btn-icon-primary i, +.btn.btn-icon-primary .svg-icon { + color: var(--bs-text-primary); +} +.btn.btn-icon-primary.dropdown-toggle:after { + color: var(--bs-text-primary); +} +.btn-check:checked + .btn.btn-active-icon-primary i, +.btn-check:checked + .btn.btn-active-icon-primary .svg-icon, .btn-check:active + .btn.btn-active-icon-primary i, +.btn-check:active + .btn.btn-active-icon-primary .svg-icon, .btn.btn-active-icon-primary:focus:not(.btn-active) i, +.btn.btn-active-icon-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-primary:hover:not(.btn-active) i, +.btn.btn-active-icon-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-primary:active:not(.btn-active) i, +.btn.btn-active-icon-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-primary.active i, +.btn.btn-active-icon-primary.active .svg-icon, .btn.btn-active-icon-primary.show i, +.btn.btn-active-icon-primary.show .svg-icon, .show > .btn.btn-active-icon-primary i, +.show > .btn.btn-active-icon-primary .svg-icon { + color: var(--bs-text-primary); +} +.btn-check:checked + .btn.btn-active-icon-primary.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-primary.dropdown-toggle:after, .btn.btn-active-icon-primary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-primary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-primary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-primary.active.dropdown-toggle:after, .btn.btn-active-icon-primary.show.dropdown-toggle:after, .show > .btn.btn-active-icon-primary.dropdown-toggle:after { + color: var(--bs-text-primary); +} + +.btn.btn-text-primary { + color: var(--bs-text-primary); +} +.btn-check:checked + .btn.btn-active-text-primary, .btn-check:active + .btn.btn-active-text-primary, .btn.btn-active-text-primary:focus:not(.btn-active), .btn.btn-active-text-primary:hover:not(.btn-active), .btn.btn-active-text-primary:active:not(.btn-active), .btn.btn-active-text-primary.active, .btn.btn-active-text-primary.show, .show > .btn.btn-active-text-primary { + color: var(--bs-text-primary); +} + +.btn.btn-color-secondary { + color: var(--bs-text-secondary); +} +.btn.btn-color-secondary i, +.btn.btn-color-secondary .svg-icon { + color: var(--bs-text-secondary); +} +.btn.btn-color-secondary.dropdown-toggle:after { + color: var(--bs-text-secondary); +} +.btn-check:checked + .btn.btn-active-color-secondary, .btn-check:active + .btn.btn-active-color-secondary, .btn.btn-active-color-secondary:focus:not(.btn-active), .btn.btn-active-color-secondary:hover:not(.btn-active), .btn.btn-active-color-secondary:active:not(.btn-active), .btn.btn-active-color-secondary.active, .btn.btn-active-color-secondary.show, .show > .btn.btn-active-color-secondary { + color: var(--bs-text-secondary); +} +.btn-check:checked + .btn.btn-active-color-secondary i, +.btn-check:checked + .btn.btn-active-color-secondary .svg-icon, .btn-check:active + .btn.btn-active-color-secondary i, +.btn-check:active + .btn.btn-active-color-secondary .svg-icon, .btn.btn-active-color-secondary:focus:not(.btn-active) i, +.btn.btn-active-color-secondary:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-secondary:hover:not(.btn-active) i, +.btn.btn-active-color-secondary:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-secondary:active:not(.btn-active) i, +.btn.btn-active-color-secondary:active:not(.btn-active) .svg-icon, .btn.btn-active-color-secondary.active i, +.btn.btn-active-color-secondary.active .svg-icon, .btn.btn-active-color-secondary.show i, +.btn.btn-active-color-secondary.show .svg-icon, .show > .btn.btn-active-color-secondary i, +.show > .btn.btn-active-color-secondary .svg-icon { + color: var(--bs-text-secondary); +} +.btn-check:checked + .btn.btn-active-color-secondary.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-secondary.dropdown-toggle:after, .btn.btn-active-color-secondary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-secondary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-secondary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-secondary.active.dropdown-toggle:after, .btn.btn-active-color-secondary.show.dropdown-toggle:after, .show > .btn.btn-active-color-secondary.dropdown-toggle:after { + color: var(--bs-text-secondary); +} + +.btn.btn-icon-secondary i, +.btn.btn-icon-secondary .svg-icon { + color: var(--bs-text-secondary); +} +.btn.btn-icon-secondary.dropdown-toggle:after { + color: var(--bs-text-secondary); +} +.btn-check:checked + .btn.btn-active-icon-secondary i, +.btn-check:checked + .btn.btn-active-icon-secondary .svg-icon, .btn-check:active + .btn.btn-active-icon-secondary i, +.btn-check:active + .btn.btn-active-icon-secondary .svg-icon, .btn.btn-active-icon-secondary:focus:not(.btn-active) i, +.btn.btn-active-icon-secondary:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-secondary:hover:not(.btn-active) i, +.btn.btn-active-icon-secondary:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-secondary:active:not(.btn-active) i, +.btn.btn-active-icon-secondary:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-secondary.active i, +.btn.btn-active-icon-secondary.active .svg-icon, .btn.btn-active-icon-secondary.show i, +.btn.btn-active-icon-secondary.show .svg-icon, .show > .btn.btn-active-icon-secondary i, +.show > .btn.btn-active-icon-secondary .svg-icon { + color: var(--bs-text-secondary); +} +.btn-check:checked + .btn.btn-active-icon-secondary.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-secondary.dropdown-toggle:after, .btn.btn-active-icon-secondary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-secondary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-secondary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-secondary.active.dropdown-toggle:after, .btn.btn-active-icon-secondary.show.dropdown-toggle:after, .show > .btn.btn-active-icon-secondary.dropdown-toggle:after { + color: var(--bs-text-secondary); +} + +.btn.btn-text-secondary { + color: var(--bs-text-secondary); +} +.btn-check:checked + .btn.btn-active-text-secondary, .btn-check:active + .btn.btn-active-text-secondary, .btn.btn-active-text-secondary:focus:not(.btn-active), .btn.btn-active-text-secondary:hover:not(.btn-active), .btn.btn-active-text-secondary:active:not(.btn-active), .btn.btn-active-text-secondary.active, .btn.btn-active-text-secondary.show, .show > .btn.btn-active-text-secondary { + color: var(--bs-text-secondary); +} + +.btn.btn-color-light { + color: var(--bs-text-light); +} +.btn.btn-color-light i, +.btn.btn-color-light .svg-icon { + color: var(--bs-text-light); +} +.btn.btn-color-light.dropdown-toggle:after { + color: var(--bs-text-light); +} +.btn-check:checked + .btn.btn-active-color-light, .btn-check:active + .btn.btn-active-color-light, .btn.btn-active-color-light:focus:not(.btn-active), .btn.btn-active-color-light:hover:not(.btn-active), .btn.btn-active-color-light:active:not(.btn-active), .btn.btn-active-color-light.active, .btn.btn-active-color-light.show, .show > .btn.btn-active-color-light { + color: var(--bs-text-light); +} +.btn-check:checked + .btn.btn-active-color-light i, +.btn-check:checked + .btn.btn-active-color-light .svg-icon, .btn-check:active + .btn.btn-active-color-light i, +.btn-check:active + .btn.btn-active-color-light .svg-icon, .btn.btn-active-color-light:focus:not(.btn-active) i, +.btn.btn-active-color-light:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-light:hover:not(.btn-active) i, +.btn.btn-active-color-light:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-light:active:not(.btn-active) i, +.btn.btn-active-color-light:active:not(.btn-active) .svg-icon, .btn.btn-active-color-light.active i, +.btn.btn-active-color-light.active .svg-icon, .btn.btn-active-color-light.show i, +.btn.btn-active-color-light.show .svg-icon, .show > .btn.btn-active-color-light i, +.show > .btn.btn-active-color-light .svg-icon { + color: var(--bs-text-light); +} +.btn-check:checked + .btn.btn-active-color-light.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-light.dropdown-toggle:after, .btn.btn-active-color-light:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-light:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-light:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-light.active.dropdown-toggle:after, .btn.btn-active-color-light.show.dropdown-toggle:after, .show > .btn.btn-active-color-light.dropdown-toggle:after { + color: var(--bs-text-light); +} + +.btn.btn-icon-light i, +.btn.btn-icon-light .svg-icon { + color: var(--bs-text-light); +} +.btn.btn-icon-light.dropdown-toggle:after { + color: var(--bs-text-light); +} +.btn-check:checked + .btn.btn-active-icon-light i, +.btn-check:checked + .btn.btn-active-icon-light .svg-icon, .btn-check:active + .btn.btn-active-icon-light i, +.btn-check:active + .btn.btn-active-icon-light .svg-icon, .btn.btn-active-icon-light:focus:not(.btn-active) i, +.btn.btn-active-icon-light:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-light:hover:not(.btn-active) i, +.btn.btn-active-icon-light:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-light:active:not(.btn-active) i, +.btn.btn-active-icon-light:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-light.active i, +.btn.btn-active-icon-light.active .svg-icon, .btn.btn-active-icon-light.show i, +.btn.btn-active-icon-light.show .svg-icon, .show > .btn.btn-active-icon-light i, +.show > .btn.btn-active-icon-light .svg-icon { + color: var(--bs-text-light); +} +.btn-check:checked + .btn.btn-active-icon-light.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-light.dropdown-toggle:after, .btn.btn-active-icon-light:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-light:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-light:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-light.active.dropdown-toggle:after, .btn.btn-active-icon-light.show.dropdown-toggle:after, .show > .btn.btn-active-icon-light.dropdown-toggle:after { + color: var(--bs-text-light); +} + +.btn.btn-text-light { + color: var(--bs-text-light); +} +.btn-check:checked + .btn.btn-active-text-light, .btn-check:active + .btn.btn-active-text-light, .btn.btn-active-text-light:focus:not(.btn-active), .btn.btn-active-text-light:hover:not(.btn-active), .btn.btn-active-text-light:active:not(.btn-active), .btn.btn-active-text-light.active, .btn.btn-active-text-light.show, .show > .btn.btn-active-text-light { + color: var(--bs-text-light); +} + +.btn.btn-color-success { + color: var(--bs-text-success); +} +.btn.btn-color-success i, +.btn.btn-color-success .svg-icon { + color: var(--bs-text-success); +} +.btn.btn-color-success.dropdown-toggle:after { + color: var(--bs-text-success); +} +.btn-check:checked + .btn.btn-active-color-success, .btn-check:active + .btn.btn-active-color-success, .btn.btn-active-color-success:focus:not(.btn-active), .btn.btn-active-color-success:hover:not(.btn-active), .btn.btn-active-color-success:active:not(.btn-active), .btn.btn-active-color-success.active, .btn.btn-active-color-success.show, .show > .btn.btn-active-color-success { + color: var(--bs-text-success); +} +.btn-check:checked + .btn.btn-active-color-success i, +.btn-check:checked + .btn.btn-active-color-success .svg-icon, .btn-check:active + .btn.btn-active-color-success i, +.btn-check:active + .btn.btn-active-color-success .svg-icon, .btn.btn-active-color-success:focus:not(.btn-active) i, +.btn.btn-active-color-success:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-success:hover:not(.btn-active) i, +.btn.btn-active-color-success:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-success:active:not(.btn-active) i, +.btn.btn-active-color-success:active:not(.btn-active) .svg-icon, .btn.btn-active-color-success.active i, +.btn.btn-active-color-success.active .svg-icon, .btn.btn-active-color-success.show i, +.btn.btn-active-color-success.show .svg-icon, .show > .btn.btn-active-color-success i, +.show > .btn.btn-active-color-success .svg-icon { + color: var(--bs-text-success); +} +.btn-check:checked + .btn.btn-active-color-success.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-success.dropdown-toggle:after, .btn.btn-active-color-success:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-success:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-success:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-success.active.dropdown-toggle:after, .btn.btn-active-color-success.show.dropdown-toggle:after, .show > .btn.btn-active-color-success.dropdown-toggle:after { + color: var(--bs-text-success); +} + +.btn.btn-icon-success i, +.btn.btn-icon-success .svg-icon { + color: var(--bs-text-success); +} +.btn.btn-icon-success.dropdown-toggle:after { + color: var(--bs-text-success); +} +.btn-check:checked + .btn.btn-active-icon-success i, +.btn-check:checked + .btn.btn-active-icon-success .svg-icon, .btn-check:active + .btn.btn-active-icon-success i, +.btn-check:active + .btn.btn-active-icon-success .svg-icon, .btn.btn-active-icon-success:focus:not(.btn-active) i, +.btn.btn-active-icon-success:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-success:hover:not(.btn-active) i, +.btn.btn-active-icon-success:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-success:active:not(.btn-active) i, +.btn.btn-active-icon-success:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-success.active i, +.btn.btn-active-icon-success.active .svg-icon, .btn.btn-active-icon-success.show i, +.btn.btn-active-icon-success.show .svg-icon, .show > .btn.btn-active-icon-success i, +.show > .btn.btn-active-icon-success .svg-icon { + color: var(--bs-text-success); +} +.btn-check:checked + .btn.btn-active-icon-success.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-success.dropdown-toggle:after, .btn.btn-active-icon-success:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-success:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-success:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-success.active.dropdown-toggle:after, .btn.btn-active-icon-success.show.dropdown-toggle:after, .show > .btn.btn-active-icon-success.dropdown-toggle:after { + color: var(--bs-text-success); +} + +.btn.btn-text-success { + color: var(--bs-text-success); +} +.btn-check:checked + .btn.btn-active-text-success, .btn-check:active + .btn.btn-active-text-success, .btn.btn-active-text-success:focus:not(.btn-active), .btn.btn-active-text-success:hover:not(.btn-active), .btn.btn-active-text-success:active:not(.btn-active), .btn.btn-active-text-success.active, .btn.btn-active-text-success.show, .show > .btn.btn-active-text-success { + color: var(--bs-text-success); +} + +.btn.btn-color-info { + color: var(--bs-text-info); +} +.btn.btn-color-info i, +.btn.btn-color-info .svg-icon { + color: var(--bs-text-info); +} +.btn.btn-color-info.dropdown-toggle:after { + color: var(--bs-text-info); +} +.btn-check:checked + .btn.btn-active-color-info, .btn-check:active + .btn.btn-active-color-info, .btn.btn-active-color-info:focus:not(.btn-active), .btn.btn-active-color-info:hover:not(.btn-active), .btn.btn-active-color-info:active:not(.btn-active), .btn.btn-active-color-info.active, .btn.btn-active-color-info.show, .show > .btn.btn-active-color-info { + color: var(--bs-text-info); +} +.btn-check:checked + .btn.btn-active-color-info i, +.btn-check:checked + .btn.btn-active-color-info .svg-icon, .btn-check:active + .btn.btn-active-color-info i, +.btn-check:active + .btn.btn-active-color-info .svg-icon, .btn.btn-active-color-info:focus:not(.btn-active) i, +.btn.btn-active-color-info:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-info:hover:not(.btn-active) i, +.btn.btn-active-color-info:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-info:active:not(.btn-active) i, +.btn.btn-active-color-info:active:not(.btn-active) .svg-icon, .btn.btn-active-color-info.active i, +.btn.btn-active-color-info.active .svg-icon, .btn.btn-active-color-info.show i, +.btn.btn-active-color-info.show .svg-icon, .show > .btn.btn-active-color-info i, +.show > .btn.btn-active-color-info .svg-icon { + color: var(--bs-text-info); +} +.btn-check:checked + .btn.btn-active-color-info.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-info.dropdown-toggle:after, .btn.btn-active-color-info:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-info:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-info:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-info.active.dropdown-toggle:after, .btn.btn-active-color-info.show.dropdown-toggle:after, .show > .btn.btn-active-color-info.dropdown-toggle:after { + color: var(--bs-text-info); +} + +.btn.btn-icon-info i, +.btn.btn-icon-info .svg-icon { + color: var(--bs-text-info); +} +.btn.btn-icon-info.dropdown-toggle:after { + color: var(--bs-text-info); +} +.btn-check:checked + .btn.btn-active-icon-info i, +.btn-check:checked + .btn.btn-active-icon-info .svg-icon, .btn-check:active + .btn.btn-active-icon-info i, +.btn-check:active + .btn.btn-active-icon-info .svg-icon, .btn.btn-active-icon-info:focus:not(.btn-active) i, +.btn.btn-active-icon-info:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-info:hover:not(.btn-active) i, +.btn.btn-active-icon-info:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-info:active:not(.btn-active) i, +.btn.btn-active-icon-info:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-info.active i, +.btn.btn-active-icon-info.active .svg-icon, .btn.btn-active-icon-info.show i, +.btn.btn-active-icon-info.show .svg-icon, .show > .btn.btn-active-icon-info i, +.show > .btn.btn-active-icon-info .svg-icon { + color: var(--bs-text-info); +} +.btn-check:checked + .btn.btn-active-icon-info.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-info.dropdown-toggle:after, .btn.btn-active-icon-info:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-info:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-info:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-info.active.dropdown-toggle:after, .btn.btn-active-icon-info.show.dropdown-toggle:after, .show > .btn.btn-active-icon-info.dropdown-toggle:after { + color: var(--bs-text-info); +} + +.btn.btn-text-info { + color: var(--bs-text-info); +} +.btn-check:checked + .btn.btn-active-text-info, .btn-check:active + .btn.btn-active-text-info, .btn.btn-active-text-info:focus:not(.btn-active), .btn.btn-active-text-info:hover:not(.btn-active), .btn.btn-active-text-info:active:not(.btn-active), .btn.btn-active-text-info.active, .btn.btn-active-text-info.show, .show > .btn.btn-active-text-info { + color: var(--bs-text-info); +} + +.btn.btn-color-warning { + color: var(--bs-text-warning); +} +.btn.btn-color-warning i, +.btn.btn-color-warning .svg-icon { + color: var(--bs-text-warning); +} +.btn.btn-color-warning.dropdown-toggle:after { + color: var(--bs-text-warning); +} +.btn-check:checked + .btn.btn-active-color-warning, .btn-check:active + .btn.btn-active-color-warning, .btn.btn-active-color-warning:focus:not(.btn-active), .btn.btn-active-color-warning:hover:not(.btn-active), .btn.btn-active-color-warning:active:not(.btn-active), .btn.btn-active-color-warning.active, .btn.btn-active-color-warning.show, .show > .btn.btn-active-color-warning { + color: var(--bs-text-warning); +} +.btn-check:checked + .btn.btn-active-color-warning i, +.btn-check:checked + .btn.btn-active-color-warning .svg-icon, .btn-check:active + .btn.btn-active-color-warning i, +.btn-check:active + .btn.btn-active-color-warning .svg-icon, .btn.btn-active-color-warning:focus:not(.btn-active) i, +.btn.btn-active-color-warning:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-warning:hover:not(.btn-active) i, +.btn.btn-active-color-warning:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-warning:active:not(.btn-active) i, +.btn.btn-active-color-warning:active:not(.btn-active) .svg-icon, .btn.btn-active-color-warning.active i, +.btn.btn-active-color-warning.active .svg-icon, .btn.btn-active-color-warning.show i, +.btn.btn-active-color-warning.show .svg-icon, .show > .btn.btn-active-color-warning i, +.show > .btn.btn-active-color-warning .svg-icon { + color: var(--bs-text-warning); +} +.btn-check:checked + .btn.btn-active-color-warning.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-warning.dropdown-toggle:after, .btn.btn-active-color-warning:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-warning:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-warning:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-warning.active.dropdown-toggle:after, .btn.btn-active-color-warning.show.dropdown-toggle:after, .show > .btn.btn-active-color-warning.dropdown-toggle:after { + color: var(--bs-text-warning); +} + +.btn.btn-icon-warning i, +.btn.btn-icon-warning .svg-icon { + color: var(--bs-text-warning); +} +.btn.btn-icon-warning.dropdown-toggle:after { + color: var(--bs-text-warning); +} +.btn-check:checked + .btn.btn-active-icon-warning i, +.btn-check:checked + .btn.btn-active-icon-warning .svg-icon, .btn-check:active + .btn.btn-active-icon-warning i, +.btn-check:active + .btn.btn-active-icon-warning .svg-icon, .btn.btn-active-icon-warning:focus:not(.btn-active) i, +.btn.btn-active-icon-warning:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-warning:hover:not(.btn-active) i, +.btn.btn-active-icon-warning:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-warning:active:not(.btn-active) i, +.btn.btn-active-icon-warning:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-warning.active i, +.btn.btn-active-icon-warning.active .svg-icon, .btn.btn-active-icon-warning.show i, +.btn.btn-active-icon-warning.show .svg-icon, .show > .btn.btn-active-icon-warning i, +.show > .btn.btn-active-icon-warning .svg-icon { + color: var(--bs-text-warning); +} +.btn-check:checked + .btn.btn-active-icon-warning.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-warning.dropdown-toggle:after, .btn.btn-active-icon-warning:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-warning:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-warning:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-warning.active.dropdown-toggle:after, .btn.btn-active-icon-warning.show.dropdown-toggle:after, .show > .btn.btn-active-icon-warning.dropdown-toggle:after { + color: var(--bs-text-warning); +} + +.btn.btn-text-warning { + color: var(--bs-text-warning); +} +.btn-check:checked + .btn.btn-active-text-warning, .btn-check:active + .btn.btn-active-text-warning, .btn.btn-active-text-warning:focus:not(.btn-active), .btn.btn-active-text-warning:hover:not(.btn-active), .btn.btn-active-text-warning:active:not(.btn-active), .btn.btn-active-text-warning.active, .btn.btn-active-text-warning.show, .show > .btn.btn-active-text-warning { + color: var(--bs-text-warning); +} + +.btn.btn-color-danger { + color: var(--bs-text-danger); +} +.btn.btn-color-danger i, +.btn.btn-color-danger .svg-icon { + color: var(--bs-text-danger); +} +.btn.btn-color-danger.dropdown-toggle:after { + color: var(--bs-text-danger); +} +.btn-check:checked + .btn.btn-active-color-danger, .btn-check:active + .btn.btn-active-color-danger, .btn.btn-active-color-danger:focus:not(.btn-active), .btn.btn-active-color-danger:hover:not(.btn-active), .btn.btn-active-color-danger:active:not(.btn-active), .btn.btn-active-color-danger.active, .btn.btn-active-color-danger.show, .show > .btn.btn-active-color-danger { + color: var(--bs-text-danger); +} +.btn-check:checked + .btn.btn-active-color-danger i, +.btn-check:checked + .btn.btn-active-color-danger .svg-icon, .btn-check:active + .btn.btn-active-color-danger i, +.btn-check:active + .btn.btn-active-color-danger .svg-icon, .btn.btn-active-color-danger:focus:not(.btn-active) i, +.btn.btn-active-color-danger:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-danger:hover:not(.btn-active) i, +.btn.btn-active-color-danger:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-danger:active:not(.btn-active) i, +.btn.btn-active-color-danger:active:not(.btn-active) .svg-icon, .btn.btn-active-color-danger.active i, +.btn.btn-active-color-danger.active .svg-icon, .btn.btn-active-color-danger.show i, +.btn.btn-active-color-danger.show .svg-icon, .show > .btn.btn-active-color-danger i, +.show > .btn.btn-active-color-danger .svg-icon { + color: var(--bs-text-danger); +} +.btn-check:checked + .btn.btn-active-color-danger.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-danger.dropdown-toggle:after, .btn.btn-active-color-danger:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-danger:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-danger:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-danger.active.dropdown-toggle:after, .btn.btn-active-color-danger.show.dropdown-toggle:after, .show > .btn.btn-active-color-danger.dropdown-toggle:after { + color: var(--bs-text-danger); +} + +.btn.btn-icon-danger i, +.btn.btn-icon-danger .svg-icon { + color: var(--bs-text-danger); +} +.btn.btn-icon-danger.dropdown-toggle:after { + color: var(--bs-text-danger); +} +.btn-check:checked + .btn.btn-active-icon-danger i, +.btn-check:checked + .btn.btn-active-icon-danger .svg-icon, .btn-check:active + .btn.btn-active-icon-danger i, +.btn-check:active + .btn.btn-active-icon-danger .svg-icon, .btn.btn-active-icon-danger:focus:not(.btn-active) i, +.btn.btn-active-icon-danger:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-danger:hover:not(.btn-active) i, +.btn.btn-active-icon-danger:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-danger:active:not(.btn-active) i, +.btn.btn-active-icon-danger:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-danger.active i, +.btn.btn-active-icon-danger.active .svg-icon, .btn.btn-active-icon-danger.show i, +.btn.btn-active-icon-danger.show .svg-icon, .show > .btn.btn-active-icon-danger i, +.show > .btn.btn-active-icon-danger .svg-icon { + color: var(--bs-text-danger); +} +.btn-check:checked + .btn.btn-active-icon-danger.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-danger.dropdown-toggle:after, .btn.btn-active-icon-danger:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-danger:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-danger:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-danger.active.dropdown-toggle:after, .btn.btn-active-icon-danger.show.dropdown-toggle:after, .show > .btn.btn-active-icon-danger.dropdown-toggle:after { + color: var(--bs-text-danger); +} + +.btn.btn-text-danger { + color: var(--bs-text-danger); +} +.btn-check:checked + .btn.btn-active-text-danger, .btn-check:active + .btn.btn-active-text-danger, .btn.btn-active-text-danger:focus:not(.btn-active), .btn.btn-active-text-danger:hover:not(.btn-active), .btn.btn-active-text-danger:active:not(.btn-active), .btn.btn-active-text-danger.active, .btn.btn-active-text-danger.show, .show > .btn.btn-active-text-danger { + color: var(--bs-text-danger); +} + +.btn.btn-color-dark { + color: var(--bs-text-dark); +} +.btn.btn-color-dark i, +.btn.btn-color-dark .svg-icon { + color: var(--bs-text-dark); +} +.btn.btn-color-dark.dropdown-toggle:after { + color: var(--bs-text-dark); +} +.btn-check:checked + .btn.btn-active-color-dark, .btn-check:active + .btn.btn-active-color-dark, .btn.btn-active-color-dark:focus:not(.btn-active), .btn.btn-active-color-dark:hover:not(.btn-active), .btn.btn-active-color-dark:active:not(.btn-active), .btn.btn-active-color-dark.active, .btn.btn-active-color-dark.show, .show > .btn.btn-active-color-dark { + color: var(--bs-text-dark); +} +.btn-check:checked + .btn.btn-active-color-dark i, +.btn-check:checked + .btn.btn-active-color-dark .svg-icon, .btn-check:active + .btn.btn-active-color-dark i, +.btn-check:active + .btn.btn-active-color-dark .svg-icon, .btn.btn-active-color-dark:focus:not(.btn-active) i, +.btn.btn-active-color-dark:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-dark:hover:not(.btn-active) i, +.btn.btn-active-color-dark:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-dark:active:not(.btn-active) i, +.btn.btn-active-color-dark:active:not(.btn-active) .svg-icon, .btn.btn-active-color-dark.active i, +.btn.btn-active-color-dark.active .svg-icon, .btn.btn-active-color-dark.show i, +.btn.btn-active-color-dark.show .svg-icon, .show > .btn.btn-active-color-dark i, +.show > .btn.btn-active-color-dark .svg-icon { + color: var(--bs-text-dark); +} +.btn-check:checked + .btn.btn-active-color-dark.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-dark.dropdown-toggle:after, .btn.btn-active-color-dark:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-dark:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-dark:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-dark.active.dropdown-toggle:after, .btn.btn-active-color-dark.show.dropdown-toggle:after, .show > .btn.btn-active-color-dark.dropdown-toggle:after { + color: var(--bs-text-dark); +} + +.btn.btn-icon-dark i, +.btn.btn-icon-dark .svg-icon { + color: var(--bs-text-dark); +} +.btn.btn-icon-dark.dropdown-toggle:after { + color: var(--bs-text-dark); +} +.btn-check:checked + .btn.btn-active-icon-dark i, +.btn-check:checked + .btn.btn-active-icon-dark .svg-icon, .btn-check:active + .btn.btn-active-icon-dark i, +.btn-check:active + .btn.btn-active-icon-dark .svg-icon, .btn.btn-active-icon-dark:focus:not(.btn-active) i, +.btn.btn-active-icon-dark:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-dark:hover:not(.btn-active) i, +.btn.btn-active-icon-dark:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-dark:active:not(.btn-active) i, +.btn.btn-active-icon-dark:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-dark.active i, +.btn.btn-active-icon-dark.active .svg-icon, .btn.btn-active-icon-dark.show i, +.btn.btn-active-icon-dark.show .svg-icon, .show > .btn.btn-active-icon-dark i, +.show > .btn.btn-active-icon-dark .svg-icon { + color: var(--bs-text-dark); +} +.btn-check:checked + .btn.btn-active-icon-dark.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-dark.dropdown-toggle:after, .btn.btn-active-icon-dark:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-dark:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-dark:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-dark.active.dropdown-toggle:after, .btn.btn-active-icon-dark.show.dropdown-toggle:after, .show > .btn.btn-active-icon-dark.dropdown-toggle:after { + color: var(--bs-text-dark); +} + +.btn.btn-text-dark { + color: var(--bs-text-dark); +} +.btn-check:checked + .btn.btn-active-text-dark, .btn-check:active + .btn.btn-active-text-dark, .btn.btn-active-text-dark:focus:not(.btn-active), .btn.btn-active-text-dark:hover:not(.btn-active), .btn.btn-active-text-dark:active:not(.btn-active), .btn.btn-active-text-dark.active, .btn.btn-active-text-dark.show, .show > .btn.btn-active-text-dark { + color: var(--bs-text-dark); +} + +.btn.btn-color-muted { + color: var(--bs-text-muted); +} +.btn.btn-color-muted i, +.btn.btn-color-muted .svg-icon { + color: var(--bs-text-muted); +} +.btn.btn-color-muted.dropdown-toggle:after { + color: var(--bs-text-muted); +} +.btn-check:checked + .btn.btn-active-color-muted, .btn-check:active + .btn.btn-active-color-muted, .btn.btn-active-color-muted:focus:not(.btn-active), .btn.btn-active-color-muted:hover:not(.btn-active), .btn.btn-active-color-muted:active:not(.btn-active), .btn.btn-active-color-muted.active, .btn.btn-active-color-muted.show, .show > .btn.btn-active-color-muted { + color: var(--bs-text-muted); +} +.btn-check:checked + .btn.btn-active-color-muted i, +.btn-check:checked + .btn.btn-active-color-muted .svg-icon, .btn-check:active + .btn.btn-active-color-muted i, +.btn-check:active + .btn.btn-active-color-muted .svg-icon, .btn.btn-active-color-muted:focus:not(.btn-active) i, +.btn.btn-active-color-muted:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-muted:hover:not(.btn-active) i, +.btn.btn-active-color-muted:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-muted:active:not(.btn-active) i, +.btn.btn-active-color-muted:active:not(.btn-active) .svg-icon, .btn.btn-active-color-muted.active i, +.btn.btn-active-color-muted.active .svg-icon, .btn.btn-active-color-muted.show i, +.btn.btn-active-color-muted.show .svg-icon, .show > .btn.btn-active-color-muted i, +.show > .btn.btn-active-color-muted .svg-icon { + color: var(--bs-text-muted); +} +.btn-check:checked + .btn.btn-active-color-muted.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-muted.dropdown-toggle:after, .btn.btn-active-color-muted:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-muted:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-muted:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-muted.active.dropdown-toggle:after, .btn.btn-active-color-muted.show.dropdown-toggle:after, .show > .btn.btn-active-color-muted.dropdown-toggle:after { + color: var(--bs-text-muted); +} + +.btn.btn-icon-muted i, +.btn.btn-icon-muted .svg-icon { + color: var(--bs-text-muted); +} +.btn.btn-icon-muted.dropdown-toggle:after { + color: var(--bs-text-muted); +} +.btn-check:checked + .btn.btn-active-icon-muted i, +.btn-check:checked + .btn.btn-active-icon-muted .svg-icon, .btn-check:active + .btn.btn-active-icon-muted i, +.btn-check:active + .btn.btn-active-icon-muted .svg-icon, .btn.btn-active-icon-muted:focus:not(.btn-active) i, +.btn.btn-active-icon-muted:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-muted:hover:not(.btn-active) i, +.btn.btn-active-icon-muted:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-muted:active:not(.btn-active) i, +.btn.btn-active-icon-muted:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-muted.active i, +.btn.btn-active-icon-muted.active .svg-icon, .btn.btn-active-icon-muted.show i, +.btn.btn-active-icon-muted.show .svg-icon, .show > .btn.btn-active-icon-muted i, +.show > .btn.btn-active-icon-muted .svg-icon { + color: var(--bs-text-muted); +} +.btn-check:checked + .btn.btn-active-icon-muted.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-muted.dropdown-toggle:after, .btn.btn-active-icon-muted:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-muted:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-muted:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-muted.active.dropdown-toggle:after, .btn.btn-active-icon-muted.show.dropdown-toggle:after, .show > .btn.btn-active-icon-muted.dropdown-toggle:after { + color: var(--bs-text-muted); +} + +.btn.btn-text-muted { + color: var(--bs-text-muted); +} +.btn-check:checked + .btn.btn-active-text-muted, .btn-check:active + .btn.btn-active-text-muted, .btn.btn-active-text-muted:focus:not(.btn-active), .btn.btn-active-text-muted:hover:not(.btn-active), .btn.btn-active-text-muted:active:not(.btn-active), .btn.btn-active-text-muted.active, .btn.btn-active-text-muted.show, .show > .btn.btn-active-text-muted { + color: var(--bs-text-muted); +} + +.btn.btn-color-gray-100 { + color: var(--bs-text-gray-100); +} +.btn.btn-color-gray-100 i, +.btn.btn-color-gray-100 .svg-icon { + color: var(--bs-text-gray-100); +} +.btn.btn-color-gray-100.dropdown-toggle:after { + color: var(--bs-text-gray-100); +} +.btn-check:checked + .btn.btn-active-color-gray-100, .btn-check:active + .btn.btn-active-color-gray-100, .btn.btn-active-color-gray-100:focus:not(.btn-active), .btn.btn-active-color-gray-100:hover:not(.btn-active), .btn.btn-active-color-gray-100:active:not(.btn-active), .btn.btn-active-color-gray-100.active, .btn.btn-active-color-gray-100.show, .show > .btn.btn-active-color-gray-100 { + color: var(--bs-text-gray-100); +} +.btn-check:checked + .btn.btn-active-color-gray-100 i, +.btn-check:checked + .btn.btn-active-color-gray-100 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-100 i, +.btn-check:active + .btn.btn-active-color-gray-100 .svg-icon, .btn.btn-active-color-gray-100:focus:not(.btn-active) i, +.btn.btn-active-color-gray-100:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-100:hover:not(.btn-active) i, +.btn.btn-active-color-gray-100:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-100:active:not(.btn-active) i, +.btn.btn-active-color-gray-100:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-100.active i, +.btn.btn-active-color-gray-100.active .svg-icon, .btn.btn-active-color-gray-100.show i, +.btn.btn-active-color-gray-100.show .svg-icon, .show > .btn.btn-active-color-gray-100 i, +.show > .btn.btn-active-color-gray-100 .svg-icon { + color: var(--bs-text-gray-100); +} +.btn-check:checked + .btn.btn-active-color-gray-100.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-100.dropdown-toggle:after, .btn.btn-active-color-gray-100:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-100:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-100:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-100.active.dropdown-toggle:after, .btn.btn-active-color-gray-100.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-100.dropdown-toggle:after { + color: var(--bs-text-gray-100); +} + +.btn.btn-icon-gray-100 i, +.btn.btn-icon-gray-100 .svg-icon { + color: var(--bs-text-gray-100); +} +.btn.btn-icon-gray-100.dropdown-toggle:after { + color: var(--bs-text-gray-100); +} +.btn-check:checked + .btn.btn-active-icon-gray-100 i, +.btn-check:checked + .btn.btn-active-icon-gray-100 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-100 i, +.btn-check:active + .btn.btn-active-icon-gray-100 .svg-icon, .btn.btn-active-icon-gray-100:focus:not(.btn-active) i, +.btn.btn-active-icon-gray-100:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-100:hover:not(.btn-active) i, +.btn.btn-active-icon-gray-100:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-100:active:not(.btn-active) i, +.btn.btn-active-icon-gray-100:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-100.active i, +.btn.btn-active-icon-gray-100.active .svg-icon, .btn.btn-active-icon-gray-100.show i, +.btn.btn-active-icon-gray-100.show .svg-icon, .show > .btn.btn-active-icon-gray-100 i, +.show > .btn.btn-active-icon-gray-100 .svg-icon { + color: var(--bs-text-gray-100); +} +.btn-check:checked + .btn.btn-active-icon-gray-100.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-100.dropdown-toggle:after, .btn.btn-active-icon-gray-100:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-100:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-100:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-100.active.dropdown-toggle:after, .btn.btn-active-icon-gray-100.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-100.dropdown-toggle:after { + color: var(--bs-text-gray-100); +} + +.btn.btn-text-gray-100 { + color: var(--bs-text-gray-100); +} +.btn-check:checked + .btn.btn-active-text-gray-100, .btn-check:active + .btn.btn-active-text-gray-100, .btn.btn-active-text-gray-100:focus:not(.btn-active), .btn.btn-active-text-gray-100:hover:not(.btn-active), .btn.btn-active-text-gray-100:active:not(.btn-active), .btn.btn-active-text-gray-100.active, .btn.btn-active-text-gray-100.show, .show > .btn.btn-active-text-gray-100 { + color: var(--bs-text-gray-100); +} + +.btn.btn-color-gray-200 { + color: var(--bs-text-gray-200); +} +.btn.btn-color-gray-200 i, +.btn.btn-color-gray-200 .svg-icon { + color: var(--bs-text-gray-200); +} +.btn.btn-color-gray-200.dropdown-toggle:after { + color: var(--bs-text-gray-200); +} +.btn-check:checked + .btn.btn-active-color-gray-200, .btn-check:active + .btn.btn-active-color-gray-200, .btn.btn-active-color-gray-200:focus:not(.btn-active), .btn.btn-active-color-gray-200:hover:not(.btn-active), .btn.btn-active-color-gray-200:active:not(.btn-active), .btn.btn-active-color-gray-200.active, .btn.btn-active-color-gray-200.show, .show > .btn.btn-active-color-gray-200 { + color: var(--bs-text-gray-200); +} +.btn-check:checked + .btn.btn-active-color-gray-200 i, +.btn-check:checked + .btn.btn-active-color-gray-200 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-200 i, +.btn-check:active + .btn.btn-active-color-gray-200 .svg-icon, .btn.btn-active-color-gray-200:focus:not(.btn-active) i, +.btn.btn-active-color-gray-200:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-200:hover:not(.btn-active) i, +.btn.btn-active-color-gray-200:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-200:active:not(.btn-active) i, +.btn.btn-active-color-gray-200:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-200.active i, +.btn.btn-active-color-gray-200.active .svg-icon, .btn.btn-active-color-gray-200.show i, +.btn.btn-active-color-gray-200.show .svg-icon, .show > .btn.btn-active-color-gray-200 i, +.show > .btn.btn-active-color-gray-200 .svg-icon { + color: var(--bs-text-gray-200); +} +.btn-check:checked + .btn.btn-active-color-gray-200.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-200.dropdown-toggle:after, .btn.btn-active-color-gray-200:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-200:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-200:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-200.active.dropdown-toggle:after, .btn.btn-active-color-gray-200.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-200.dropdown-toggle:after { + color: var(--bs-text-gray-200); +} + +.btn.btn-icon-gray-200 i, +.btn.btn-icon-gray-200 .svg-icon { + color: var(--bs-text-gray-200); +} +.btn.btn-icon-gray-200.dropdown-toggle:after { + color: var(--bs-text-gray-200); +} +.btn-check:checked + .btn.btn-active-icon-gray-200 i, +.btn-check:checked + .btn.btn-active-icon-gray-200 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-200 i, +.btn-check:active + .btn.btn-active-icon-gray-200 .svg-icon, .btn.btn-active-icon-gray-200:focus:not(.btn-active) i, +.btn.btn-active-icon-gray-200:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-200:hover:not(.btn-active) i, +.btn.btn-active-icon-gray-200:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-200:active:not(.btn-active) i, +.btn.btn-active-icon-gray-200:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-200.active i, +.btn.btn-active-icon-gray-200.active .svg-icon, .btn.btn-active-icon-gray-200.show i, +.btn.btn-active-icon-gray-200.show .svg-icon, .show > .btn.btn-active-icon-gray-200 i, +.show > .btn.btn-active-icon-gray-200 .svg-icon { + color: var(--bs-text-gray-200); +} +.btn-check:checked + .btn.btn-active-icon-gray-200.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-200.dropdown-toggle:after, .btn.btn-active-icon-gray-200:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-200:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-200:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-200.active.dropdown-toggle:after, .btn.btn-active-icon-gray-200.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-200.dropdown-toggle:after { + color: var(--bs-text-gray-200); +} + +.btn.btn-text-gray-200 { + color: var(--bs-text-gray-200); +} +.btn-check:checked + .btn.btn-active-text-gray-200, .btn-check:active + .btn.btn-active-text-gray-200, .btn.btn-active-text-gray-200:focus:not(.btn-active), .btn.btn-active-text-gray-200:hover:not(.btn-active), .btn.btn-active-text-gray-200:active:not(.btn-active), .btn.btn-active-text-gray-200.active, .btn.btn-active-text-gray-200.show, .show > .btn.btn-active-text-gray-200 { + color: var(--bs-text-gray-200); +} + +.btn.btn-color-gray-300 { + color: var(--bs-text-gray-300); +} +.btn.btn-color-gray-300 i, +.btn.btn-color-gray-300 .svg-icon { + color: var(--bs-text-gray-300); +} +.btn.btn-color-gray-300.dropdown-toggle:after { + color: var(--bs-text-gray-300); +} +.btn-check:checked + .btn.btn-active-color-gray-300, .btn-check:active + .btn.btn-active-color-gray-300, .btn.btn-active-color-gray-300:focus:not(.btn-active), .btn.btn-active-color-gray-300:hover:not(.btn-active), .btn.btn-active-color-gray-300:active:not(.btn-active), .btn.btn-active-color-gray-300.active, .btn.btn-active-color-gray-300.show, .show > .btn.btn-active-color-gray-300 { + color: var(--bs-text-gray-300); +} +.btn-check:checked + .btn.btn-active-color-gray-300 i, +.btn-check:checked + .btn.btn-active-color-gray-300 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-300 i, +.btn-check:active + .btn.btn-active-color-gray-300 .svg-icon, .btn.btn-active-color-gray-300:focus:not(.btn-active) i, +.btn.btn-active-color-gray-300:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-300:hover:not(.btn-active) i, +.btn.btn-active-color-gray-300:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-300:active:not(.btn-active) i, +.btn.btn-active-color-gray-300:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-300.active i, +.btn.btn-active-color-gray-300.active .svg-icon, .btn.btn-active-color-gray-300.show i, +.btn.btn-active-color-gray-300.show .svg-icon, .show > .btn.btn-active-color-gray-300 i, +.show > .btn.btn-active-color-gray-300 .svg-icon { + color: var(--bs-text-gray-300); +} +.btn-check:checked + .btn.btn-active-color-gray-300.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-300.dropdown-toggle:after, .btn.btn-active-color-gray-300:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-300:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-300:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-300.active.dropdown-toggle:after, .btn.btn-active-color-gray-300.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-300.dropdown-toggle:after { + color: var(--bs-text-gray-300); +} + +.btn.btn-icon-gray-300 i, +.btn.btn-icon-gray-300 .svg-icon { + color: var(--bs-text-gray-300); +} +.btn.btn-icon-gray-300.dropdown-toggle:after { + color: var(--bs-text-gray-300); +} +.btn-check:checked + .btn.btn-active-icon-gray-300 i, +.btn-check:checked + .btn.btn-active-icon-gray-300 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-300 i, +.btn-check:active + .btn.btn-active-icon-gray-300 .svg-icon, .btn.btn-active-icon-gray-300:focus:not(.btn-active) i, +.btn.btn-active-icon-gray-300:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-300:hover:not(.btn-active) i, +.btn.btn-active-icon-gray-300:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-300:active:not(.btn-active) i, +.btn.btn-active-icon-gray-300:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-300.active i, +.btn.btn-active-icon-gray-300.active .svg-icon, .btn.btn-active-icon-gray-300.show i, +.btn.btn-active-icon-gray-300.show .svg-icon, .show > .btn.btn-active-icon-gray-300 i, +.show > .btn.btn-active-icon-gray-300 .svg-icon { + color: var(--bs-text-gray-300); +} +.btn-check:checked + .btn.btn-active-icon-gray-300.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-300.dropdown-toggle:after, .btn.btn-active-icon-gray-300:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-300:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-300:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-300.active.dropdown-toggle:after, .btn.btn-active-icon-gray-300.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-300.dropdown-toggle:after { + color: var(--bs-text-gray-300); +} + +.btn.btn-text-gray-300 { + color: var(--bs-text-gray-300); +} +.btn-check:checked + .btn.btn-active-text-gray-300, .btn-check:active + .btn.btn-active-text-gray-300, .btn.btn-active-text-gray-300:focus:not(.btn-active), .btn.btn-active-text-gray-300:hover:not(.btn-active), .btn.btn-active-text-gray-300:active:not(.btn-active), .btn.btn-active-text-gray-300.active, .btn.btn-active-text-gray-300.show, .show > .btn.btn-active-text-gray-300 { + color: var(--bs-text-gray-300); +} + +.btn.btn-color-gray-400 { + color: var(--bs-text-gray-400); +} +.btn.btn-color-gray-400 i, +.btn.btn-color-gray-400 .svg-icon { + color: var(--bs-text-gray-400); +} +.btn.btn-color-gray-400.dropdown-toggle:after { + color: var(--bs-text-gray-400); +} +.btn-check:checked + .btn.btn-active-color-gray-400, .btn-check:active + .btn.btn-active-color-gray-400, .btn.btn-active-color-gray-400:focus:not(.btn-active), .btn.btn-active-color-gray-400:hover:not(.btn-active), .btn.btn-active-color-gray-400:active:not(.btn-active), .btn.btn-active-color-gray-400.active, .btn.btn-active-color-gray-400.show, .show > .btn.btn-active-color-gray-400 { + color: var(--bs-text-gray-400); +} +.btn-check:checked + .btn.btn-active-color-gray-400 i, +.btn-check:checked + .btn.btn-active-color-gray-400 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-400 i, +.btn-check:active + .btn.btn-active-color-gray-400 .svg-icon, .btn.btn-active-color-gray-400:focus:not(.btn-active) i, +.btn.btn-active-color-gray-400:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-400:hover:not(.btn-active) i, +.btn.btn-active-color-gray-400:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-400:active:not(.btn-active) i, +.btn.btn-active-color-gray-400:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-400.active i, +.btn.btn-active-color-gray-400.active .svg-icon, .btn.btn-active-color-gray-400.show i, +.btn.btn-active-color-gray-400.show .svg-icon, .show > .btn.btn-active-color-gray-400 i, +.show > .btn.btn-active-color-gray-400 .svg-icon { + color: var(--bs-text-gray-400); +} +.btn-check:checked + .btn.btn-active-color-gray-400.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-400.dropdown-toggle:after, .btn.btn-active-color-gray-400:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-400:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-400:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-400.active.dropdown-toggle:after, .btn.btn-active-color-gray-400.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-400.dropdown-toggle:after { + color: var(--bs-text-gray-400); +} + +.btn.btn-icon-gray-400 i, +.btn.btn-icon-gray-400 .svg-icon { + color: var(--bs-text-gray-400); +} +.btn.btn-icon-gray-400.dropdown-toggle:after { + color: var(--bs-text-gray-400); +} +.btn-check:checked + .btn.btn-active-icon-gray-400 i, +.btn-check:checked + .btn.btn-active-icon-gray-400 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-400 i, +.btn-check:active + .btn.btn-active-icon-gray-400 .svg-icon, .btn.btn-active-icon-gray-400:focus:not(.btn-active) i, +.btn.btn-active-icon-gray-400:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-400:hover:not(.btn-active) i, +.btn.btn-active-icon-gray-400:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-400:active:not(.btn-active) i, +.btn.btn-active-icon-gray-400:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-400.active i, +.btn.btn-active-icon-gray-400.active .svg-icon, .btn.btn-active-icon-gray-400.show i, +.btn.btn-active-icon-gray-400.show .svg-icon, .show > .btn.btn-active-icon-gray-400 i, +.show > .btn.btn-active-icon-gray-400 .svg-icon { + color: var(--bs-text-gray-400); +} +.btn-check:checked + .btn.btn-active-icon-gray-400.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-400.dropdown-toggle:after, .btn.btn-active-icon-gray-400:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-400:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-400:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-400.active.dropdown-toggle:after, .btn.btn-active-icon-gray-400.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-400.dropdown-toggle:after { + color: var(--bs-text-gray-400); +} + +.btn.btn-text-gray-400 { + color: var(--bs-text-gray-400); +} +.btn-check:checked + .btn.btn-active-text-gray-400, .btn-check:active + .btn.btn-active-text-gray-400, .btn.btn-active-text-gray-400:focus:not(.btn-active), .btn.btn-active-text-gray-400:hover:not(.btn-active), .btn.btn-active-text-gray-400:active:not(.btn-active), .btn.btn-active-text-gray-400.active, .btn.btn-active-text-gray-400.show, .show > .btn.btn-active-text-gray-400 { + color: var(--bs-text-gray-400); +} + +.btn.btn-color-gray-500 { + color: var(--bs-text-gray-500); +} +.btn.btn-color-gray-500 i, +.btn.btn-color-gray-500 .svg-icon { + color: var(--bs-text-gray-500); +} +.btn.btn-color-gray-500.dropdown-toggle:after { + color: var(--bs-text-gray-500); +} +.btn-check:checked + .btn.btn-active-color-gray-500, .btn-check:active + .btn.btn-active-color-gray-500, .btn.btn-active-color-gray-500:focus:not(.btn-active), .btn.btn-active-color-gray-500:hover:not(.btn-active), .btn.btn-active-color-gray-500:active:not(.btn-active), .btn.btn-active-color-gray-500.active, .btn.btn-active-color-gray-500.show, .show > .btn.btn-active-color-gray-500 { + color: var(--bs-text-gray-500); +} +.btn-check:checked + .btn.btn-active-color-gray-500 i, +.btn-check:checked + .btn.btn-active-color-gray-500 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-500 i, +.btn-check:active + .btn.btn-active-color-gray-500 .svg-icon, .btn.btn-active-color-gray-500:focus:not(.btn-active) i, +.btn.btn-active-color-gray-500:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-500:hover:not(.btn-active) i, +.btn.btn-active-color-gray-500:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-500:active:not(.btn-active) i, +.btn.btn-active-color-gray-500:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-500.active i, +.btn.btn-active-color-gray-500.active .svg-icon, .btn.btn-active-color-gray-500.show i, +.btn.btn-active-color-gray-500.show .svg-icon, .show > .btn.btn-active-color-gray-500 i, +.show > .btn.btn-active-color-gray-500 .svg-icon { + color: var(--bs-text-gray-500); +} +.btn-check:checked + .btn.btn-active-color-gray-500.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-500.dropdown-toggle:after, .btn.btn-active-color-gray-500:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-500:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-500:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-500.active.dropdown-toggle:after, .btn.btn-active-color-gray-500.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-500.dropdown-toggle:after { + color: var(--bs-text-gray-500); +} + +.btn.btn-icon-gray-500 i, +.btn.btn-icon-gray-500 .svg-icon { + color: var(--bs-text-gray-500); +} +.btn.btn-icon-gray-500.dropdown-toggle:after { + color: var(--bs-text-gray-500); +} +.btn-check:checked + .btn.btn-active-icon-gray-500 i, +.btn-check:checked + .btn.btn-active-icon-gray-500 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-500 i, +.btn-check:active + .btn.btn-active-icon-gray-500 .svg-icon, .btn.btn-active-icon-gray-500:focus:not(.btn-active) i, +.btn.btn-active-icon-gray-500:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-500:hover:not(.btn-active) i, +.btn.btn-active-icon-gray-500:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-500:active:not(.btn-active) i, +.btn.btn-active-icon-gray-500:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-500.active i, +.btn.btn-active-icon-gray-500.active .svg-icon, .btn.btn-active-icon-gray-500.show i, +.btn.btn-active-icon-gray-500.show .svg-icon, .show > .btn.btn-active-icon-gray-500 i, +.show > .btn.btn-active-icon-gray-500 .svg-icon { + color: var(--bs-text-gray-500); +} +.btn-check:checked + .btn.btn-active-icon-gray-500.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-500.dropdown-toggle:after, .btn.btn-active-icon-gray-500:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-500:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-500:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-500.active.dropdown-toggle:after, .btn.btn-active-icon-gray-500.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-500.dropdown-toggle:after { + color: var(--bs-text-gray-500); +} + +.btn.btn-text-gray-500 { + color: var(--bs-text-gray-500); +} +.btn-check:checked + .btn.btn-active-text-gray-500, .btn-check:active + .btn.btn-active-text-gray-500, .btn.btn-active-text-gray-500:focus:not(.btn-active), .btn.btn-active-text-gray-500:hover:not(.btn-active), .btn.btn-active-text-gray-500:active:not(.btn-active), .btn.btn-active-text-gray-500.active, .btn.btn-active-text-gray-500.show, .show > .btn.btn-active-text-gray-500 { + color: var(--bs-text-gray-500); +} + +.btn.btn-color-gray-600 { + color: var(--bs-text-gray-600); +} +.btn.btn-color-gray-600 i, +.btn.btn-color-gray-600 .svg-icon { + color: var(--bs-text-gray-600); +} +.btn.btn-color-gray-600.dropdown-toggle:after { + color: var(--bs-text-gray-600); +} +.btn-check:checked + .btn.btn-active-color-gray-600, .btn-check:active + .btn.btn-active-color-gray-600, .btn.btn-active-color-gray-600:focus:not(.btn-active), .btn.btn-active-color-gray-600:hover:not(.btn-active), .btn.btn-active-color-gray-600:active:not(.btn-active), .btn.btn-active-color-gray-600.active, .btn.btn-active-color-gray-600.show, .show > .btn.btn-active-color-gray-600 { + color: var(--bs-text-gray-600); +} +.btn-check:checked + .btn.btn-active-color-gray-600 i, +.btn-check:checked + .btn.btn-active-color-gray-600 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-600 i, +.btn-check:active + .btn.btn-active-color-gray-600 .svg-icon, .btn.btn-active-color-gray-600:focus:not(.btn-active) i, +.btn.btn-active-color-gray-600:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-600:hover:not(.btn-active) i, +.btn.btn-active-color-gray-600:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-600:active:not(.btn-active) i, +.btn.btn-active-color-gray-600:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-600.active i, +.btn.btn-active-color-gray-600.active .svg-icon, .btn.btn-active-color-gray-600.show i, +.btn.btn-active-color-gray-600.show .svg-icon, .show > .btn.btn-active-color-gray-600 i, +.show > .btn.btn-active-color-gray-600 .svg-icon { + color: var(--bs-text-gray-600); +} +.btn-check:checked + .btn.btn-active-color-gray-600.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-600.dropdown-toggle:after, .btn.btn-active-color-gray-600:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-600:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-600:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-600.active.dropdown-toggle:after, .btn.btn-active-color-gray-600.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-600.dropdown-toggle:after { + color: var(--bs-text-gray-600); +} + +.btn.btn-icon-gray-600 i, +.btn.btn-icon-gray-600 .svg-icon { + color: var(--bs-text-gray-600); +} +.btn.btn-icon-gray-600.dropdown-toggle:after { + color: var(--bs-text-gray-600); +} +.btn-check:checked + .btn.btn-active-icon-gray-600 i, +.btn-check:checked + .btn.btn-active-icon-gray-600 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-600 i, +.btn-check:active + .btn.btn-active-icon-gray-600 .svg-icon, .btn.btn-active-icon-gray-600:focus:not(.btn-active) i, +.btn.btn-active-icon-gray-600:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-600:hover:not(.btn-active) i, +.btn.btn-active-icon-gray-600:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-600:active:not(.btn-active) i, +.btn.btn-active-icon-gray-600:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-600.active i, +.btn.btn-active-icon-gray-600.active .svg-icon, .btn.btn-active-icon-gray-600.show i, +.btn.btn-active-icon-gray-600.show .svg-icon, .show > .btn.btn-active-icon-gray-600 i, +.show > .btn.btn-active-icon-gray-600 .svg-icon { + color: var(--bs-text-gray-600); +} +.btn-check:checked + .btn.btn-active-icon-gray-600.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-600.dropdown-toggle:after, .btn.btn-active-icon-gray-600:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-600:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-600:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-600.active.dropdown-toggle:after, .btn.btn-active-icon-gray-600.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-600.dropdown-toggle:after { + color: var(--bs-text-gray-600); +} + +.btn.btn-text-gray-600 { + color: var(--bs-text-gray-600); +} +.btn-check:checked + .btn.btn-active-text-gray-600, .btn-check:active + .btn.btn-active-text-gray-600, .btn.btn-active-text-gray-600:focus:not(.btn-active), .btn.btn-active-text-gray-600:hover:not(.btn-active), .btn.btn-active-text-gray-600:active:not(.btn-active), .btn.btn-active-text-gray-600.active, .btn.btn-active-text-gray-600.show, .show > .btn.btn-active-text-gray-600 { + color: var(--bs-text-gray-600); +} + +.btn.btn-color-gray-700 { + color: var(--bs-text-gray-700); +} +.btn.btn-color-gray-700 i, +.btn.btn-color-gray-700 .svg-icon { + color: var(--bs-text-gray-700); +} +.btn.btn-color-gray-700.dropdown-toggle:after { + color: var(--bs-text-gray-700); +} +.btn-check:checked + .btn.btn-active-color-gray-700, .btn-check:active + .btn.btn-active-color-gray-700, .btn.btn-active-color-gray-700:focus:not(.btn-active), .btn.btn-active-color-gray-700:hover:not(.btn-active), .btn.btn-active-color-gray-700:active:not(.btn-active), .btn.btn-active-color-gray-700.active, .btn.btn-active-color-gray-700.show, .show > .btn.btn-active-color-gray-700 { + color: var(--bs-text-gray-700); +} +.btn-check:checked + .btn.btn-active-color-gray-700 i, +.btn-check:checked + .btn.btn-active-color-gray-700 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-700 i, +.btn-check:active + .btn.btn-active-color-gray-700 .svg-icon, .btn.btn-active-color-gray-700:focus:not(.btn-active) i, +.btn.btn-active-color-gray-700:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-700:hover:not(.btn-active) i, +.btn.btn-active-color-gray-700:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-700:active:not(.btn-active) i, +.btn.btn-active-color-gray-700:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-700.active i, +.btn.btn-active-color-gray-700.active .svg-icon, .btn.btn-active-color-gray-700.show i, +.btn.btn-active-color-gray-700.show .svg-icon, .show > .btn.btn-active-color-gray-700 i, +.show > .btn.btn-active-color-gray-700 .svg-icon { + color: var(--bs-text-gray-700); +} +.btn-check:checked + .btn.btn-active-color-gray-700.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-700.dropdown-toggle:after, .btn.btn-active-color-gray-700:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-700:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-700:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-700.active.dropdown-toggle:after, .btn.btn-active-color-gray-700.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-700.dropdown-toggle:after { + color: var(--bs-text-gray-700); +} + +.btn.btn-icon-gray-700 i, +.btn.btn-icon-gray-700 .svg-icon { + color: var(--bs-text-gray-700); +} +.btn.btn-icon-gray-700.dropdown-toggle:after { + color: var(--bs-text-gray-700); +} +.btn-check:checked + .btn.btn-active-icon-gray-700 i, +.btn-check:checked + .btn.btn-active-icon-gray-700 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-700 i, +.btn-check:active + .btn.btn-active-icon-gray-700 .svg-icon, .btn.btn-active-icon-gray-700:focus:not(.btn-active) i, +.btn.btn-active-icon-gray-700:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-700:hover:not(.btn-active) i, +.btn.btn-active-icon-gray-700:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-700:active:not(.btn-active) i, +.btn.btn-active-icon-gray-700:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-700.active i, +.btn.btn-active-icon-gray-700.active .svg-icon, .btn.btn-active-icon-gray-700.show i, +.btn.btn-active-icon-gray-700.show .svg-icon, .show > .btn.btn-active-icon-gray-700 i, +.show > .btn.btn-active-icon-gray-700 .svg-icon { + color: var(--bs-text-gray-700); +} +.btn-check:checked + .btn.btn-active-icon-gray-700.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-700.dropdown-toggle:after, .btn.btn-active-icon-gray-700:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-700:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-700:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-700.active.dropdown-toggle:after, .btn.btn-active-icon-gray-700.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-700.dropdown-toggle:after { + color: var(--bs-text-gray-700); +} + +.btn.btn-text-gray-700 { + color: var(--bs-text-gray-700); +} +.btn-check:checked + .btn.btn-active-text-gray-700, .btn-check:active + .btn.btn-active-text-gray-700, .btn.btn-active-text-gray-700:focus:not(.btn-active), .btn.btn-active-text-gray-700:hover:not(.btn-active), .btn.btn-active-text-gray-700:active:not(.btn-active), .btn.btn-active-text-gray-700.active, .btn.btn-active-text-gray-700.show, .show > .btn.btn-active-text-gray-700 { + color: var(--bs-text-gray-700); +} + +.btn.btn-color-gray-800 { + color: var(--bs-text-gray-800); +} +.btn.btn-color-gray-800 i, +.btn.btn-color-gray-800 .svg-icon { + color: var(--bs-text-gray-800); +} +.btn.btn-color-gray-800.dropdown-toggle:after { + color: var(--bs-text-gray-800); +} +.btn-check:checked + .btn.btn-active-color-gray-800, .btn-check:active + .btn.btn-active-color-gray-800, .btn.btn-active-color-gray-800:focus:not(.btn-active), .btn.btn-active-color-gray-800:hover:not(.btn-active), .btn.btn-active-color-gray-800:active:not(.btn-active), .btn.btn-active-color-gray-800.active, .btn.btn-active-color-gray-800.show, .show > .btn.btn-active-color-gray-800 { + color: var(--bs-text-gray-800); +} +.btn-check:checked + .btn.btn-active-color-gray-800 i, +.btn-check:checked + .btn.btn-active-color-gray-800 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-800 i, +.btn-check:active + .btn.btn-active-color-gray-800 .svg-icon, .btn.btn-active-color-gray-800:focus:not(.btn-active) i, +.btn.btn-active-color-gray-800:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-800:hover:not(.btn-active) i, +.btn.btn-active-color-gray-800:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-800:active:not(.btn-active) i, +.btn.btn-active-color-gray-800:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-800.active i, +.btn.btn-active-color-gray-800.active .svg-icon, .btn.btn-active-color-gray-800.show i, +.btn.btn-active-color-gray-800.show .svg-icon, .show > .btn.btn-active-color-gray-800 i, +.show > .btn.btn-active-color-gray-800 .svg-icon { + color: var(--bs-text-gray-800); +} +.btn-check:checked + .btn.btn-active-color-gray-800.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-800.dropdown-toggle:after, .btn.btn-active-color-gray-800:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-800:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-800:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-800.active.dropdown-toggle:after, .btn.btn-active-color-gray-800.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-800.dropdown-toggle:after { + color: var(--bs-text-gray-800); +} + +.btn.btn-icon-gray-800 i, +.btn.btn-icon-gray-800 .svg-icon { + color: var(--bs-text-gray-800); +} +.btn.btn-icon-gray-800.dropdown-toggle:after { + color: var(--bs-text-gray-800); +} +.btn-check:checked + .btn.btn-active-icon-gray-800 i, +.btn-check:checked + .btn.btn-active-icon-gray-800 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-800 i, +.btn-check:active + .btn.btn-active-icon-gray-800 .svg-icon, .btn.btn-active-icon-gray-800:focus:not(.btn-active) i, +.btn.btn-active-icon-gray-800:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-800:hover:not(.btn-active) i, +.btn.btn-active-icon-gray-800:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-800:active:not(.btn-active) i, +.btn.btn-active-icon-gray-800:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-800.active i, +.btn.btn-active-icon-gray-800.active .svg-icon, .btn.btn-active-icon-gray-800.show i, +.btn.btn-active-icon-gray-800.show .svg-icon, .show > .btn.btn-active-icon-gray-800 i, +.show > .btn.btn-active-icon-gray-800 .svg-icon { + color: var(--bs-text-gray-800); +} +.btn-check:checked + .btn.btn-active-icon-gray-800.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-800.dropdown-toggle:after, .btn.btn-active-icon-gray-800:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-800:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-800:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-800.active.dropdown-toggle:after, .btn.btn-active-icon-gray-800.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-800.dropdown-toggle:after { + color: var(--bs-text-gray-800); +} + +.btn.btn-text-gray-800 { + color: var(--bs-text-gray-800); +} +.btn-check:checked + .btn.btn-active-text-gray-800, .btn-check:active + .btn.btn-active-text-gray-800, .btn.btn-active-text-gray-800:focus:not(.btn-active), .btn.btn-active-text-gray-800:hover:not(.btn-active), .btn.btn-active-text-gray-800:active:not(.btn-active), .btn.btn-active-text-gray-800.active, .btn.btn-active-text-gray-800.show, .show > .btn.btn-active-text-gray-800 { + color: var(--bs-text-gray-800); +} + +.btn.btn-color-gray-900 { + color: var(--bs-text-gray-900); +} +.btn.btn-color-gray-900 i, +.btn.btn-color-gray-900 .svg-icon { + color: var(--bs-text-gray-900); +} +.btn.btn-color-gray-900.dropdown-toggle:after { + color: var(--bs-text-gray-900); +} +.btn-check:checked + .btn.btn-active-color-gray-900, .btn-check:active + .btn.btn-active-color-gray-900, .btn.btn-active-color-gray-900:focus:not(.btn-active), .btn.btn-active-color-gray-900:hover:not(.btn-active), .btn.btn-active-color-gray-900:active:not(.btn-active), .btn.btn-active-color-gray-900.active, .btn.btn-active-color-gray-900.show, .show > .btn.btn-active-color-gray-900 { + color: var(--bs-text-gray-900); +} +.btn-check:checked + .btn.btn-active-color-gray-900 i, +.btn-check:checked + .btn.btn-active-color-gray-900 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-900 i, +.btn-check:active + .btn.btn-active-color-gray-900 .svg-icon, .btn.btn-active-color-gray-900:focus:not(.btn-active) i, +.btn.btn-active-color-gray-900:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-900:hover:not(.btn-active) i, +.btn.btn-active-color-gray-900:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-900:active:not(.btn-active) i, +.btn.btn-active-color-gray-900:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-900.active i, +.btn.btn-active-color-gray-900.active .svg-icon, .btn.btn-active-color-gray-900.show i, +.btn.btn-active-color-gray-900.show .svg-icon, .show > .btn.btn-active-color-gray-900 i, +.show > .btn.btn-active-color-gray-900 .svg-icon { + color: var(--bs-text-gray-900); +} +.btn-check:checked + .btn.btn-active-color-gray-900.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-900.dropdown-toggle:after, .btn.btn-active-color-gray-900:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-900:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-900:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-900.active.dropdown-toggle:after, .btn.btn-active-color-gray-900.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-900.dropdown-toggle:after { + color: var(--bs-text-gray-900); +} + +.btn.btn-icon-gray-900 i, +.btn.btn-icon-gray-900 .svg-icon { + color: var(--bs-text-gray-900); +} +.btn.btn-icon-gray-900.dropdown-toggle:after { + color: var(--bs-text-gray-900); +} +.btn-check:checked + .btn.btn-active-icon-gray-900 i, +.btn-check:checked + .btn.btn-active-icon-gray-900 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-900 i, +.btn-check:active + .btn.btn-active-icon-gray-900 .svg-icon, .btn.btn-active-icon-gray-900:focus:not(.btn-active) i, +.btn.btn-active-icon-gray-900:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-900:hover:not(.btn-active) i, +.btn.btn-active-icon-gray-900:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-900:active:not(.btn-active) i, +.btn.btn-active-icon-gray-900:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-900.active i, +.btn.btn-active-icon-gray-900.active .svg-icon, .btn.btn-active-icon-gray-900.show i, +.btn.btn-active-icon-gray-900.show .svg-icon, .show > .btn.btn-active-icon-gray-900 i, +.show > .btn.btn-active-icon-gray-900 .svg-icon { + color: var(--bs-text-gray-900); +} +.btn-check:checked + .btn.btn-active-icon-gray-900.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-900.dropdown-toggle:after, .btn.btn-active-icon-gray-900:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-900:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-900:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-900.active.dropdown-toggle:after, .btn.btn-active-icon-gray-900.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-900.dropdown-toggle:after { + color: var(--bs-text-gray-900); +} + +.btn.btn-text-gray-900 { + color: var(--bs-text-gray-900); +} +.btn-check:checked + .btn.btn-active-text-gray-900, .btn-check:active + .btn.btn-active-text-gray-900, .btn.btn-active-text-gray-900:focus:not(.btn-active), .btn.btn-active-text-gray-900:hover:not(.btn-active), .btn.btn-active-text-gray-900:active:not(.btn-active), .btn.btn-active-text-gray-900.active, .btn.btn-active-text-gray-900.show, .show > .btn.btn-active-text-gray-900 { + color: var(--bs-text-gray-900); +} + +.btn.btn-facebook { + color: #ffffff; + border-color: #3b5998; + background-color: #3b5998; +} +.btn.btn-facebook i, +.btn.btn-facebook .svg-icon { + color: #ffffff; +} +.btn.btn-facebook.dropdown-toggle:after { + color: #ffffff; +} +.btn-check:checked + .btn.btn-facebook, .btn-check:active + .btn.btn-facebook, .btn.btn-facebook:focus:not(.btn-active), .btn.btn-facebook:hover:not(.btn-active), .btn.btn-facebook:active:not(.btn-active), .btn.btn-facebook.active, .btn.btn-facebook.show, .show > .btn.btn-facebook { + border-color: #30497c; + background-color: #30497c !important; +} + +.btn.btn-light-facebook { + color: var(--bs-facebook); + color: #3b5998; + border-color: rgba(59, 89, 152, 0.1); + background-color: rgba(59, 89, 152, 0.1); +} +.btn.btn-light-facebook i, +.btn.btn-light-facebook .svg-icon { + color: #3b5998; +} +.btn.btn-light-facebook.dropdown-toggle:after { + color: #3b5998; +} +.btn-check:checked + .btn.btn-light-facebook, .btn-check:active + .btn.btn-light-facebook, .btn.btn-light-facebook:focus:not(.btn-active), .btn.btn-light-facebook:hover:not(.btn-active), .btn.btn-light-facebook:active:not(.btn-active), .btn.btn-light-facebook.active, .btn.btn-light-facebook.show, .show > .btn.btn-light-facebook { + color: #ffffff; + border-color: #3b5998; + background-color: #3b5998 !important; +} +.btn-check:checked + .btn.btn-light-facebook i, +.btn-check:checked + .btn.btn-light-facebook .svg-icon, .btn-check:active + .btn.btn-light-facebook i, +.btn-check:active + .btn.btn-light-facebook .svg-icon, .btn.btn-light-facebook:focus:not(.btn-active) i, +.btn.btn-light-facebook:focus:not(.btn-active) .svg-icon, .btn.btn-light-facebook:hover:not(.btn-active) i, +.btn.btn-light-facebook:hover:not(.btn-active) .svg-icon, .btn.btn-light-facebook:active:not(.btn-active) i, +.btn.btn-light-facebook:active:not(.btn-active) .svg-icon, .btn.btn-light-facebook.active i, +.btn.btn-light-facebook.active .svg-icon, .btn.btn-light-facebook.show i, +.btn.btn-light-facebook.show .svg-icon, .show > .btn.btn-light-facebook i, +.show > .btn.btn-light-facebook .svg-icon { + color: #ffffff; +} +.btn-check:checked + .btn.btn-light-facebook.dropdown-toggle:after, .btn-check:active + .btn.btn-light-facebook.dropdown-toggle:after, .btn.btn-light-facebook:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-facebook:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-facebook:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-facebook.active.dropdown-toggle:after, .btn.btn-light-facebook.show.dropdown-toggle:after, .show > .btn.btn-light-facebook.dropdown-toggle:after { + color: #ffffff; +} + +.btn.btn-google { + color: #ffffff; + border-color: #dd4b39; + background-color: #dd4b39; +} +.btn.btn-google i, +.btn.btn-google .svg-icon { + color: #ffffff; +} +.btn.btn-google.dropdown-toggle:after { + color: #ffffff; +} +.btn-check:checked + .btn.btn-google, .btn-check:active + .btn.btn-google, .btn.btn-google:focus:not(.btn-active), .btn.btn-google:hover:not(.btn-active), .btn.btn-google:active:not(.btn-active), .btn.btn-google.active, .btn.btn-google.show, .show > .btn.btn-google { + border-color: #cd3623; + background-color: #cd3623 !important; +} + +.btn.btn-light-google { + color: var(--bs-google); + color: #dd4b39; + border-color: rgba(221, 75, 57, 0.1); + background-color: rgba(221, 75, 57, 0.1); +} +.btn.btn-light-google i, +.btn.btn-light-google .svg-icon { + color: #dd4b39; +} +.btn.btn-light-google.dropdown-toggle:after { + color: #dd4b39; +} +.btn-check:checked + .btn.btn-light-google, .btn-check:active + .btn.btn-light-google, .btn.btn-light-google:focus:not(.btn-active), .btn.btn-light-google:hover:not(.btn-active), .btn.btn-light-google:active:not(.btn-active), .btn.btn-light-google.active, .btn.btn-light-google.show, .show > .btn.btn-light-google { + color: #ffffff; + border-color: #dd4b39; + background-color: #dd4b39 !important; +} +.btn-check:checked + .btn.btn-light-google i, +.btn-check:checked + .btn.btn-light-google .svg-icon, .btn-check:active + .btn.btn-light-google i, +.btn-check:active + .btn.btn-light-google .svg-icon, .btn.btn-light-google:focus:not(.btn-active) i, +.btn.btn-light-google:focus:not(.btn-active) .svg-icon, .btn.btn-light-google:hover:not(.btn-active) i, +.btn.btn-light-google:hover:not(.btn-active) .svg-icon, .btn.btn-light-google:active:not(.btn-active) i, +.btn.btn-light-google:active:not(.btn-active) .svg-icon, .btn.btn-light-google.active i, +.btn.btn-light-google.active .svg-icon, .btn.btn-light-google.show i, +.btn.btn-light-google.show .svg-icon, .show > .btn.btn-light-google i, +.show > .btn.btn-light-google .svg-icon { + color: #ffffff; +} +.btn-check:checked + .btn.btn-light-google.dropdown-toggle:after, .btn-check:active + .btn.btn-light-google.dropdown-toggle:after, .btn.btn-light-google:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-google:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-google:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-google.active.dropdown-toggle:after, .btn.btn-light-google.show.dropdown-toggle:after, .show > .btn.btn-light-google.dropdown-toggle:after { + color: #ffffff; +} + +.btn.btn-twitter { + color: #ffffff; + border-color: #1da1f2; + background-color: #1da1f2; +} +.btn.btn-twitter i, +.btn.btn-twitter .svg-icon { + color: #ffffff; +} +.btn.btn-twitter.dropdown-toggle:after { + color: #ffffff; +} +.btn-check:checked + .btn.btn-twitter, .btn-check:active + .btn.btn-twitter, .btn.btn-twitter:focus:not(.btn-active), .btn.btn-twitter:hover:not(.btn-active), .btn.btn-twitter:active:not(.btn-active), .btn.btn-twitter.active, .btn.btn-twitter.show, .show > .btn.btn-twitter { + border-color: #0d8ddc; + background-color: #0d8ddc !important; +} + +.btn.btn-light-twitter { + color: var(--bs-twitter); + color: #1da1f2; + border-color: rgba(29, 161, 242, 0.1); + background-color: rgba(29, 161, 242, 0.1); +} +.btn.btn-light-twitter i, +.btn.btn-light-twitter .svg-icon { + color: #1da1f2; +} +.btn.btn-light-twitter.dropdown-toggle:after { + color: #1da1f2; +} +.btn-check:checked + .btn.btn-light-twitter, .btn-check:active + .btn.btn-light-twitter, .btn.btn-light-twitter:focus:not(.btn-active), .btn.btn-light-twitter:hover:not(.btn-active), .btn.btn-light-twitter:active:not(.btn-active), .btn.btn-light-twitter.active, .btn.btn-light-twitter.show, .show > .btn.btn-light-twitter { + color: #ffffff; + border-color: #1da1f2; + background-color: #1da1f2 !important; +} +.btn-check:checked + .btn.btn-light-twitter i, +.btn-check:checked + .btn.btn-light-twitter .svg-icon, .btn-check:active + .btn.btn-light-twitter i, +.btn-check:active + .btn.btn-light-twitter .svg-icon, .btn.btn-light-twitter:focus:not(.btn-active) i, +.btn.btn-light-twitter:focus:not(.btn-active) .svg-icon, .btn.btn-light-twitter:hover:not(.btn-active) i, +.btn.btn-light-twitter:hover:not(.btn-active) .svg-icon, .btn.btn-light-twitter:active:not(.btn-active) i, +.btn.btn-light-twitter:active:not(.btn-active) .svg-icon, .btn.btn-light-twitter.active i, +.btn.btn-light-twitter.active .svg-icon, .btn.btn-light-twitter.show i, +.btn.btn-light-twitter.show .svg-icon, .show > .btn.btn-light-twitter i, +.show > .btn.btn-light-twitter .svg-icon { + color: #ffffff; +} +.btn-check:checked + .btn.btn-light-twitter.dropdown-toggle:after, .btn-check:active + .btn.btn-light-twitter.dropdown-toggle:after, .btn.btn-light-twitter:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-twitter:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-twitter:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-twitter.active.dropdown-toggle:after, .btn.btn-light-twitter.show.dropdown-toggle:after, .show > .btn.btn-light-twitter.dropdown-toggle:after { + color: #ffffff; +} + +.btn.btn-instagram { + color: #ffffff; + border-color: #e1306c; + background-color: #e1306c; +} +.btn.btn-instagram i, +.btn.btn-instagram .svg-icon { + color: #ffffff; +} +.btn.btn-instagram.dropdown-toggle:after { + color: #ffffff; +} +.btn-check:checked + .btn.btn-instagram, .btn-check:active + .btn.btn-instagram, .btn.btn-instagram:focus:not(.btn-active), .btn.btn-instagram:hover:not(.btn-active), .btn.btn-instagram:active:not(.btn-active), .btn.btn-instagram.active, .btn.btn-instagram.show, .show > .btn.btn-instagram { + border-color: #cd1e59; + background-color: #cd1e59 !important; +} + +.btn.btn-light-instagram { + color: var(--bs-instagram); + color: #e1306c; + border-color: rgba(225, 48, 108, 0.1); + background-color: rgba(225, 48, 108, 0.1); +} +.btn.btn-light-instagram i, +.btn.btn-light-instagram .svg-icon { + color: #e1306c; +} +.btn.btn-light-instagram.dropdown-toggle:after { + color: #e1306c; +} +.btn-check:checked + .btn.btn-light-instagram, .btn-check:active + .btn.btn-light-instagram, .btn.btn-light-instagram:focus:not(.btn-active), .btn.btn-light-instagram:hover:not(.btn-active), .btn.btn-light-instagram:active:not(.btn-active), .btn.btn-light-instagram.active, .btn.btn-light-instagram.show, .show > .btn.btn-light-instagram { + color: #ffffff; + border-color: #e1306c; + background-color: #e1306c !important; +} +.btn-check:checked + .btn.btn-light-instagram i, +.btn-check:checked + .btn.btn-light-instagram .svg-icon, .btn-check:active + .btn.btn-light-instagram i, +.btn-check:active + .btn.btn-light-instagram .svg-icon, .btn.btn-light-instagram:focus:not(.btn-active) i, +.btn.btn-light-instagram:focus:not(.btn-active) .svg-icon, .btn.btn-light-instagram:hover:not(.btn-active) i, +.btn.btn-light-instagram:hover:not(.btn-active) .svg-icon, .btn.btn-light-instagram:active:not(.btn-active) i, +.btn.btn-light-instagram:active:not(.btn-active) .svg-icon, .btn.btn-light-instagram.active i, +.btn.btn-light-instagram.active .svg-icon, .btn.btn-light-instagram.show i, +.btn.btn-light-instagram.show .svg-icon, .show > .btn.btn-light-instagram i, +.show > .btn.btn-light-instagram .svg-icon { + color: #ffffff; +} +.btn-check:checked + .btn.btn-light-instagram.dropdown-toggle:after, .btn-check:active + .btn.btn-light-instagram.dropdown-toggle:after, .btn.btn-light-instagram:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-instagram:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-instagram:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-instagram.active.dropdown-toggle:after, .btn.btn-light-instagram.show.dropdown-toggle:after, .show > .btn.btn-light-instagram.dropdown-toggle:after { + color: #ffffff; +} + +.btn.btn-youtube { + color: #ffffff; + border-color: #ff0000; + background-color: #ff0000; +} +.btn.btn-youtube i, +.btn.btn-youtube .svg-icon { + color: #ffffff; +} +.btn.btn-youtube.dropdown-toggle:after { + color: #ffffff; +} +.btn-check:checked + .btn.btn-youtube, .btn-check:active + .btn.btn-youtube, .btn.btn-youtube:focus:not(.btn-active), .btn.btn-youtube:hover:not(.btn-active), .btn.btn-youtube:active:not(.btn-active), .btn.btn-youtube.active, .btn.btn-youtube.show, .show > .btn.btn-youtube { + border-color: #d90000; + background-color: #d90000 !important; +} + +.btn.btn-light-youtube { + color: var(--bs-youtube); + color: #ff0000; + border-color: rgba(255, 0, 0, 0.1); + background-color: rgba(255, 0, 0, 0.1); +} +.btn.btn-light-youtube i, +.btn.btn-light-youtube .svg-icon { + color: #ff0000; +} +.btn.btn-light-youtube.dropdown-toggle:after { + color: #ff0000; +} +.btn-check:checked + .btn.btn-light-youtube, .btn-check:active + .btn.btn-light-youtube, .btn.btn-light-youtube:focus:not(.btn-active), .btn.btn-light-youtube:hover:not(.btn-active), .btn.btn-light-youtube:active:not(.btn-active), .btn.btn-light-youtube.active, .btn.btn-light-youtube.show, .show > .btn.btn-light-youtube { + color: #ffffff; + border-color: #ff0000; + background-color: #ff0000 !important; +} +.btn-check:checked + .btn.btn-light-youtube i, +.btn-check:checked + .btn.btn-light-youtube .svg-icon, .btn-check:active + .btn.btn-light-youtube i, +.btn-check:active + .btn.btn-light-youtube .svg-icon, .btn.btn-light-youtube:focus:not(.btn-active) i, +.btn.btn-light-youtube:focus:not(.btn-active) .svg-icon, .btn.btn-light-youtube:hover:not(.btn-active) i, +.btn.btn-light-youtube:hover:not(.btn-active) .svg-icon, .btn.btn-light-youtube:active:not(.btn-active) i, +.btn.btn-light-youtube:active:not(.btn-active) .svg-icon, .btn.btn-light-youtube.active i, +.btn.btn-light-youtube.active .svg-icon, .btn.btn-light-youtube.show i, +.btn.btn-light-youtube.show .svg-icon, .show > .btn.btn-light-youtube i, +.show > .btn.btn-light-youtube .svg-icon { + color: #ffffff; +} +.btn-check:checked + .btn.btn-light-youtube.dropdown-toggle:after, .btn-check:active + .btn.btn-light-youtube.dropdown-toggle:after, .btn.btn-light-youtube:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-youtube:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-youtube:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-youtube.active.dropdown-toggle:after, .btn.btn-light-youtube.show.dropdown-toggle:after, .show > .btn.btn-light-youtube.dropdown-toggle:after { + color: #ffffff; +} + +.btn.btn-linkedin { + color: #ffffff; + border-color: #0077b5; + background-color: #0077b5; +} +.btn.btn-linkedin i, +.btn.btn-linkedin .svg-icon { + color: #ffffff; +} +.btn.btn-linkedin.dropdown-toggle:after { + color: #ffffff; +} +.btn-check:checked + .btn.btn-linkedin, .btn-check:active + .btn.btn-linkedin, .btn.btn-linkedin:focus:not(.btn-active), .btn.btn-linkedin:hover:not(.btn-active), .btn.btn-linkedin:active:not(.btn-active), .btn.btn-linkedin.active, .btn.btn-linkedin.show, .show > .btn.btn-linkedin { + border-color: #005e8f; + background-color: #005e8f !important; +} + +.btn.btn-light-linkedin { + color: var(--bs-linkedin); + color: #0077b5; + border-color: rgba(0, 119, 181, 0.1); + background-color: rgba(0, 119, 181, 0.1); +} +.btn.btn-light-linkedin i, +.btn.btn-light-linkedin .svg-icon { + color: #0077b5; +} +.btn.btn-light-linkedin.dropdown-toggle:after { + color: #0077b5; +} +.btn-check:checked + .btn.btn-light-linkedin, .btn-check:active + .btn.btn-light-linkedin, .btn.btn-light-linkedin:focus:not(.btn-active), .btn.btn-light-linkedin:hover:not(.btn-active), .btn.btn-light-linkedin:active:not(.btn-active), .btn.btn-light-linkedin.active, .btn.btn-light-linkedin.show, .show > .btn.btn-light-linkedin { + color: #ffffff; + border-color: #0077b5; + background-color: #0077b5 !important; +} +.btn-check:checked + .btn.btn-light-linkedin i, +.btn-check:checked + .btn.btn-light-linkedin .svg-icon, .btn-check:active + .btn.btn-light-linkedin i, +.btn-check:active + .btn.btn-light-linkedin .svg-icon, .btn.btn-light-linkedin:focus:not(.btn-active) i, +.btn.btn-light-linkedin:focus:not(.btn-active) .svg-icon, .btn.btn-light-linkedin:hover:not(.btn-active) i, +.btn.btn-light-linkedin:hover:not(.btn-active) .svg-icon, .btn.btn-light-linkedin:active:not(.btn-active) i, +.btn.btn-light-linkedin:active:not(.btn-active) .svg-icon, .btn.btn-light-linkedin.active i, +.btn.btn-light-linkedin.active .svg-icon, .btn.btn-light-linkedin.show i, +.btn.btn-light-linkedin.show .svg-icon, .show > .btn.btn-light-linkedin i, +.show > .btn.btn-light-linkedin .svg-icon { + color: #ffffff; +} +.btn-check:checked + .btn.btn-light-linkedin.dropdown-toggle:after, .btn-check:active + .btn.btn-light-linkedin.dropdown-toggle:after, .btn.btn-light-linkedin:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-linkedin:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-linkedin:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-linkedin.active.dropdown-toggle:after, .btn.btn-light-linkedin.show.dropdown-toggle:after, .show > .btn.btn-light-linkedin.dropdown-toggle:after { + color: #ffffff; +} + +[data-bs-theme=dark] .btn.btn-dark { + color: #B5B7C8; + background-color: #464852; +} +[data-bs-theme=dark] .btn.btn-dark i, +[data-bs-theme=dark] .btn.btn-dark .svg-icon { + color: #B5B7C8; +} +[data-bs-theme=dark] .btn.btn-dark.dropdown-toggle:after { + color: #B5B7C8; +} +.btn-check:checked + [data-bs-theme=dark] .btn.btn-dark, .btn-check:active + [data-bs-theme=dark] .btn.btn-dark, [data-bs-theme=dark] .btn.btn-dark:focus:not(.btn-active), [data-bs-theme=dark] .btn.btn-dark:hover:not(.btn-active), [data-bs-theme=dark] .btn.btn-dark:active:not(.btn-active), [data-bs-theme=dark] .btn.btn-dark.active, [data-bs-theme=dark] .btn.btn-dark.show, .show > [data-bs-theme=dark] .btn.btn-dark { + color: #bec0cf; + background-color: #4d4f5a !important; +} +.btn-check:checked + [data-bs-theme=dark] .btn.btn-dark i, +.btn-check:checked + [data-bs-theme=dark] .btn.btn-dark .svg-icon, .btn-check:active + [data-bs-theme=dark] .btn.btn-dark i, +.btn-check:active + [data-bs-theme=dark] .btn.btn-dark .svg-icon, [data-bs-theme=dark] .btn.btn-dark:focus:not(.btn-active) i, +[data-bs-theme=dark] .btn.btn-dark:focus:not(.btn-active) .svg-icon, [data-bs-theme=dark] .btn.btn-dark:hover:not(.btn-active) i, +[data-bs-theme=dark] .btn.btn-dark:hover:not(.btn-active) .svg-icon, [data-bs-theme=dark] .btn.btn-dark:active:not(.btn-active) i, +[data-bs-theme=dark] .btn.btn-dark:active:not(.btn-active) .svg-icon, [data-bs-theme=dark] .btn.btn-dark.active i, +[data-bs-theme=dark] .btn.btn-dark.active .svg-icon, [data-bs-theme=dark] .btn.btn-dark.show i, +[data-bs-theme=dark] .btn.btn-dark.show .svg-icon, .show > [data-bs-theme=dark] .btn.btn-dark i, +.show > [data-bs-theme=dark] .btn.btn-dark .svg-icon { + color: #bec0cf; +} +.btn-check:checked + [data-bs-theme=dark] .btn.btn-dark.dropdown-toggle:after, .btn-check:active + [data-bs-theme=dark] .btn.btn-dark.dropdown-toggle:after, [data-bs-theme=dark] .btn.btn-dark:focus:not(.btn-active).dropdown-toggle:after, [data-bs-theme=dark] .btn.btn-dark:hover:not(.btn-active).dropdown-toggle:after, [data-bs-theme=dark] .btn.btn-dark:active:not(.btn-active).dropdown-toggle:after, [data-bs-theme=dark] .btn.btn-dark.active.dropdown-toggle:after, [data-bs-theme=dark] .btn.btn-dark.show.dropdown-toggle:after, .show > [data-bs-theme=dark] .btn.btn-dark.dropdown-toggle:after { + color: #bec0cf; +} + +.modal-rounded { + border-radius: 0.95rem !important; +} + +.modal-header { + justify-content: space-between; +} + +code:not([class*=language-]) { + font-weight: 400; + color: var(--bs-code-color); + border: 1px solid var(--bs-code-border-color); + background-color: var(--bs-code-bg); + border-radius: 0.3rem; + line-height: inherit; + font-size: 1rem; + padding: 0.1rem 0.4rem; + margin: 0 0.5rem; + box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08); +} +code:not([class*=language-]).code-light { + color: var(--bs-light); + background-color: var(--bs-light-light); + border: 1px solid var(--bs-light); +} +code:not([class*=language-]).code-primary { + color: var(--bs-primary); + background-color: var(--bs-primary-light); + border: 1px solid var(--bs-primary); +} +code:not([class*=language-]).code-secondary { + color: var(--bs-secondary); + background-color: var(--bs-secondary-light); + border: 1px solid var(--bs-secondary); +} +code:not([class*=language-]).code-success { + color: var(--bs-success); + background-color: var(--bs-success-light); + border: 1px solid var(--bs-success); +} +code:not([class*=language-]).code-info { + color: var(--bs-info); + background-color: var(--bs-info-light); + border: 1px solid var(--bs-info); +} +code:not([class*=language-]).code-warning { + color: var(--bs-warning); + background-color: var(--bs-warning-light); + border: 1px solid var(--bs-warning); +} +code:not([class*=language-]).code-danger { + color: var(--bs-danger); + background-color: var(--bs-danger-light); + border: 1px solid var(--bs-danger); +} +code:not([class*=language-]).code-dark { + color: var(--bs-dark); + background-color: var(--bs-dark-light); + border: 1px solid var(--bs-dark); +} + +.col-form-label { + font-size: 1.05rem; +} + +.form-control.form-control-transparent { + background-color: transparent; + border-color: transparent; +} +.dropdown.show > .form-control.form-control-transparent, .form-control.form-control-transparent:active, .form-control.form-control-transparent.active, .form-control.form-control-transparent:focus, .form-control.form-control-transparent.focus { + background-color: transparent; + border-color: transparent; +} +.form-control.form-control-flush { + border: 0; + background-color: transparent; + outline: none !important; + box-shadow: none; + border-radius: 0; +} + +.form-control.form-control-solid { + background-color: var(--bs-gray-100); + border-color: var(--bs-gray-100); + color: var(--bs-gray-700); + transition: color 0.2s ease; +} +.form-control.form-control-solid::placeholder { + color: var(--bs-gray-500); +} +.form-control.form-control-solid::-moz-placeholder { + color: var(--bs-gray-500); + opacity: 1; +} +.dropdown.show > .form-control.form-control-solid, .form-control.form-control-solid:active, .form-control.form-control-solid.active, .form-control.form-control-solid:focus, .form-control.form-control-solid.focus { + background-color: var(--bs-gray-200); + border-color: var(--bs-gray-200); + color: var(--bs-gray-700); + transition: color 0.2s ease; +} + +.form-control-solid-bg { + background-color: var(--bs-gray-100); +} + +.form-control-plaintext { + color: var(--bs-gray-700); +} + +.placeholder-gray-500::placeholder { + color: var(--bs-gray-500); +} +.placeholder-gray-500::-moz-placeholder { + color: var(--bs-gray-500); + opacity: 1; +} + +.placeholder-white::placeholder { + color: #ffffff; +} +.placeholder-white::-moz-placeholder { + color: #ffffff; + opacity: 1; +} + +.resize-none { + resize: none; +} + +.form-floating .form-control.form-control-solid::placeholder { + color: transparent; +} +.form-floating.form-control-solid-bg label::after, +.form-floating > :disabled ~ label::after, +.form-floating > :focus ~ label::after { + background-color: transparent !important; +} + +.form-select { + appearance: none; +} +.form-select:focus { + border-color: var(--bs-gray-400); + box-shadow: false, 0 0 0 0.25rem rgba(var(--bs-component-active-bg), 0.25); +} +.form-select:disabled { + color: var(--bs-gray-500); + background-color: var(--bs-gray-200); + border-color: var(--bs-gray-300); +} +.form-select:-moz-focusring { + text-shadow: 0 0 0 var(--bs-gray-700); +} +.form-select.form-select-solid { + background-color: var(--bs-gray-100); + border-color: var(--bs-gray-100); + color: var(--bs-gray-700); + transition: color 0.2s ease; +} +.form-select.form-select-solid::placeholder { + color: var(--bs-gray-500); +} +.form-select.form-select-solid::-moz-placeholder { + color: var(--bs-gray-500); + opacity: 1; +} +.dropdown.show > .form-select.form-select-solid, .form-select.form-select-solid:active, .form-select.form-select-solid.active, .form-select.form-select-solid:focus, .form-select.form-select-solid.focus { + background-color: var(--bs-gray-200); + border-color: var(--bs-gray-200) !important; + color: var(--bs-gray-700); + transition: color 0.2s ease; +} +.form-select.form-select-transparent { + background-color: transparent; + border-color: transparent; + color: var(--bs-gray-700); +} +.form-select.form-select-transparent::placeholder { + color: var(--bs-gray-500); +} +.form-select.form-select-transparent::-moz-placeholder { + color: var(--bs-gray-500); + opacity: 1; +} +.dropdown.show > .form-select.form-select-transparent, .form-select.form-select-transparent:active, .form-select.form-select-transparent.active, .form-select.form-select-transparent:focus, .form-select.form-select-transparent.focus { + background-color: transparent; + border-color: transparent !important; + color: var(--bs-gray-700); +} + +.form-check:not(.form-switch) .form-check-input[type=checkbox] { + background-size: 60% 60%; +} +.form-check.form-check-sm .form-check-input { + height: 1.55rem; + width: 1.55rem; +} +.form-check.form-check-lg .form-check-input { + height: 2.25rem; + width: 2.25rem; +} +.form-check.form-check-inline { + display: inline-block; + margin-right: 1rem; +} +.form-check.form-check-solid .form-check-input { + border: 0; +} +.form-check.form-check-solid .form-check-input:not(:checked) { + background-color: var(--bs-gray-200); +} +.form-check.form-check-solid .form-check-input[type=checkbox]:indeterminate { + background-color: #1B84FF; +} +.form-check.form-check-success .form-check-input:checked { + background-color: var(--bs-success); +} +.form-check.form-check-danger .form-check-input:checked { + background-color: var(--bs-danger); +} +.form-check.form-check-warning .form-check-input:checked { + background-color: var(--bs-warning); +} + +.form-check-custom { + display: flex; + align-items: center; + padding-left: 0; + margin: 0; +} +.form-check-custom .form-check-input { + margin: 0; + float: none; + flex-shrink: 0; +} +.form-check-custom .form-check-label { + margin-left: 0.55rem; +} + +.form-switch.form-check-custom .form-check-input { + height: 2.25rem; +} +.form-switch.form-check-custom.form-switch-sm .form-check-input { + height: 1.5rem; + width: 2.5rem; +} +.form-switch.form-check-custom.form-switch-lg .form-check-input { + height: 2.75rem; + width: 3.75rem; +} +.form-switch.form-check-solid .form-check-input { + --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); +} +.form-switch.form-check-solid .form-check-input:not(:checked) { + background-color: var(--bs-gray-200); +} + +[data-bs-theme=dark] .form-switch .form-check-input:focus:not(:checked) { + --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); +} + +.form-check-image { + position: relative; + overflow: hidden; +} +.form-check-image img { + max-width: 100%; +} +.form-check-image .form-check-wrapper { + border-radius: 1.5rem; + border: 2px solid transparent; + transition: all 0.2s ease-in-out; + cursor: pointer; + overflow: hidden; + margin-bottom: 0.75rem; +} +.form-check-image .form-check-rounded { + border-radius: 1.5rem; +} +.form-check-image .form-check-label { + font-weight: 600; + margin-left: 0.5rem; +} +.form-check-image.active:not(.form-check-success):not(.form-check-danger) .form-check-wrapper { + border-color: var(--bs-primary) !important; +} +.form-check-image.form-check-success.active .form-check-wrapper { + border-color: var(--bs-success) !important; +} +.form-check-image.form-check-danger.active .form-check-wrapper { + border-color: var(--bs-danger) !important; +} +.form-check-image.disabled { + opacity: 0.65; +} + +.input-group.input-group-solid { + border-radius: 0.95rem; +} +.input-group.input-group-solid.input-group-sm { + border-radius: 0.75rem; +} +.input-group.input-group-solid.input-group-lg { + border-radius: 1.15rem; +} +.input-group.input-group-solid .input-group-text { + background-color: var(--bs-gray-100); + border-color: var(--bs-gray-100); +} +.input-group.input-group-solid .input-group-text + .form-control { + border-left-color: var(--bs-gray-300); +} +.input-group.input-group-solid .form-control { + background-color: var(--bs-gray-100); + border-color: var(--bs-gray-100); +} +.input-group.input-group-solid .form-control + .input-group-text { + border-left-color: var(--bs-gray-300); +} + +.form-floating .form-control.form-control-solid::placeholder { + color: transparent; +} +.form-floating.form-control-solid-bg label::after, +.form-floating > :disabled ~ label::after, +.form-floating > :focus ~ label::after { + background-color: transparent !important; +} + +.required:after { + content: "*"; + position: relative; + font-size: inherit; + color: var(--bs-danger); + padding-left: 0.25rem; + font-weight: 600; +} + +.progress-vertical { + display: flex; + align-items: stretch; + justify-content: space-between; +} +.progress-vertical .progress { + height: 100%; + border-radius: 0.95rem; + display: flex; + align-items: flex-end; + margin-right: 1rem; +} +.progress-vertical .progress:last-child { + margin-right: 0; +} +.progress-vertical .progress .progress-bar { + width: 8px; + border-radius: 0.95rem; +} + +.table:not(.table-bordered) > :not(:first-child) { + border-color: transparent; + border-width: 0; + border-style: none; +} +.table:not(.table-bordered) > :not(:last-child) > :last-child > * { + border-bottom-color: inherit; +} +.table:not(.table-bordered) tr, .table:not(.table-bordered) th, .table:not(.table-bordered) td { + border-color: inherit; + border-width: inherit; + border-style: inherit; + text-transform: inherit; + font-weight: inherit; + font-size: inherit; + color: inherit; + height: inherit; + min-height: inherit; +} +.table:not(.table-bordered) tr:first-child, .table:not(.table-bordered) th:first-child, .table:not(.table-bordered) td:first-child { + padding-left: 0; +} +.table:not(.table-bordered) tr:last-child, .table:not(.table-bordered) th:last-child, .table:not(.table-bordered) td:last-child { + padding-right: 0; +} +.table:not(.table-bordered) tfoot tr:last-child, +.table:not(.table-bordered) tbody tr:last-child { + border-bottom: 0 !important; +} +.table:not(.table-bordered) tfoot tr:last-child th, .table:not(.table-bordered) tfoot tr:last-child td, +.table:not(.table-bordered) tbody tr:last-child th, +.table:not(.table-bordered) tbody tr:last-child td { + border-bottom: 0 !important; +} +.table:not(.table-bordered) tfoot th, .table:not(.table-bordered) tfoot td { + border-top: inherit; +} +.table:not(.table-bordered).table-rounded { + border-radius: 0.95rem; + border-spacing: 0; + border-collapse: separate; +} +.table:not(.table-bordered).table-rows-rounded th:first-child, .table:not(.table-bordered).table-rows-rounded td:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.table:not(.table-bordered).table-rows-rounded th:last-child, .table:not(.table-bordered).table-rows-rounded td:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.table:not(.table-bordered).table-flush tr, .table:not(.table-bordered).table-flush th, .table:not(.table-bordered).table-flush td { + padding: inherit; +} +.table:not(.table-bordered).table-row-bordered tr { + border-bottom-width: 1px; + border-bottom-style: solid; + border-bottom-color: var(--bs-border-color); +} +.table:not(.table-bordered).table-row-bordered tfoot th, .table:not(.table-bordered).table-row-bordered tfoot td { + border-top-width: 1px !important; +} +.table:not(.table-bordered).table-row-dashed tr { + border-bottom-width: 1px; + border-bottom-style: dashed; + border-bottom-color: var(--bs-border-color); +} +.table:not(.table-bordered).table-row-dashed tfoot th, .table:not(.table-bordered).table-row-dashed tfoot td { + border-top-width: 1px !important; +} +.table:not(.table-bordered).table-row-gray-100 tr { + border-bottom-color: var(--bs-gray-100); +} +.table:not(.table-bordered).table-row-gray-200 tr { + border-bottom-color: var(--bs-gray-200); +} +.table:not(.table-bordered).table-row-gray-300 tr { + border-bottom-color: var(--bs-gray-300); +} +.table:not(.table-bordered).table-row-gray-400 tr { + border-bottom-color: var(--bs-gray-400); +} +.table:not(.table-bordered).table-row-gray-500 tr { + border-bottom-color: var(--bs-gray-500); +} +.table:not(.table-bordered).table-row-gray-600 tr { + border-bottom-color: var(--bs-gray-600); +} +.table:not(.table-bordered).table-row-gray-700 tr { + border-bottom-color: var(--bs-gray-700); +} +.table:not(.table-bordered).table-row-gray-800 tr { + border-bottom-color: var(--bs-gray-800); +} +.table:not(.table-bordered).table-row-gray-900 tr { + border-bottom-color: var(--bs-gray-900); +} + +.table-layout-fixed { + table-layout: fixed; +} + +.table-sort:after { + opacity: 0; +} + +.table-sort, +.table-sort-asc, +.table-sort-desc { + vertical-align: middle; +} +.table-sort:after, +.table-sort-asc:after, +.table-sort-desc:after { + position: relative; + display: inline-block; + width: 0.75rem; + height: 0.75rem; + content: " "; + bottom: auto; + right: auto; + left: auto; + margin-left: 0.5rem; +} + +.table-sort-asc:after { + opacity: 1; + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-muted); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M3.23571 2.72011L4.97917 4.46358C5.15176 4.63618 5.43158 4.63617 5.60417 4.46358C5.77676 4.29099 5.77676 4.01118 5.60417 3.83861L3.29463 1.52904C3.13192 1.36629 2.86809 1.36629 2.70538 1.52904L0.395812 3.83861C0.22325 4.01117 0.22325 4.29099 0.395812 4.46358C0.568437 4.63617 0.84825 4.63617 1.02081 4.46358L2.76429 2.72011C2.89446 2.58994 3.10554 2.58994 3.23571 2.72011Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M3.23571 2.72011L4.97917 4.46358C5.15176 4.63618 5.43158 4.63617 5.60417 4.46358C5.77676 4.29099 5.77676 4.01118 5.60417 3.83861L3.29463 1.52904C3.13192 1.36629 2.86809 1.36629 2.70538 1.52904L0.395812 3.83861C0.22325 4.01117 0.22325 4.29099 0.395812 4.46358C0.568437 4.63617 0.84825 4.63617 1.02081 4.46358L2.76429 2.72011C2.89446 2.58994 3.10554 2.58994 3.23571 2.72011Z'/%3e%3c/svg%3e"); +} + +.table-sort-desc:after { + opacity: 1; + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-text-muted); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M2.76429 3.27989L1.02083 1.53642C0.848244 1.36382 0.568419 1.36383 0.395831 1.53642C0.223244 1.70901 0.223244 1.98882 0.395831 2.16139L2.70537 4.47096C2.86808 4.63371 3.13191 4.63371 3.29462 4.47096L5.60419 2.16139C5.77675 1.98883 5.77675 1.70901 5.60419 1.53642C5.43156 1.36383 5.15175 1.36383 4.97919 1.53642L3.23571 3.27989C3.10554 3.41006 2.89446 3.41006 2.76429 3.27989Z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M2.76429 3.27989L1.02083 1.53642C0.848244 1.36382 0.568419 1.36383 0.395831 1.53642C0.223244 1.70901 0.223244 1.98882 0.395831 2.16139L2.70537 4.47096C2.86808 4.63371 3.13191 4.63371 3.29462 4.47096L5.60419 2.16139C5.77675 1.98883 5.77675 1.70901 5.60419 1.53642C5.43156 1.36383 5.15175 1.36383 4.97919 1.53642L3.23571 3.27989C3.10554 3.41006 2.89446 3.41006 2.76429 3.27989Z'/%3e%3c/svg%3e"); +} + +.table-loading-message { + display: none; + position: absolute; + top: 50%; + left: 50%; + border-radius: 0.95rem; + box-shadow: var(--bs-table-loading-message-box-shadow); + background-color: var(--bs-body-bg); + color: var(--bs-gray-700); + font-weight: 600; + margin: 0 !important; + width: auto; + padding: 0.85rem 2rem !important; + transform: translateX(-50%) translateY(-50%); +} + +.table-loading { + position: relative; +} +.table-loading .table-loading-message { + display: block; +} + +.table.g-0 th, .table.g-0 td { + padding: 0rem; +} +.table.g-0 th.dtr-control, .table.g-0 td.dtr-control { + padding-left: 0rem !important; +} + +.table.gy-0 th, .table.gy-0 td { + padding-top: 0rem; + padding-bottom: 0rem; +} + +.table.gx-0 th, .table.gx-0 td { + padding-left: 0rem; + padding-right: 0rem; +} +.table.gx-0 th.dtr-control, .table.gx-0 td.dtr-control { + padding-left: 0rem !important; +} + +.table.gs-0 th:first-child, .table.gs-0 td:first-child { + padding-left: 0rem; +} +.table.gs-0 th:last-child, .table.gs-0 td:last-child { + padding-right: 0rem; +} +.table.gs-0 th.dtr-control:first-child, .table.gs-0 td.dtr-control:first-child { + padding-left: 0rem !important; +} + +.table.g-1 th, .table.g-1 td { + padding: 0.25rem; +} +.table.g-1 th.dtr-control, .table.g-1 td.dtr-control { + padding-left: 0.25rem !important; +} + +.table.gy-1 th, .table.gy-1 td { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +.table.gx-1 th, .table.gx-1 td { + padding-left: 0.25rem; + padding-right: 0.25rem; +} +.table.gx-1 th.dtr-control, .table.gx-1 td.dtr-control { + padding-left: 0.25rem !important; +} + +.table.gs-1 th:first-child, .table.gs-1 td:first-child { + padding-left: 0.25rem; +} +.table.gs-1 th:last-child, .table.gs-1 td:last-child { + padding-right: 0.25rem; +} +.table.gs-1 th.dtr-control:first-child, .table.gs-1 td.dtr-control:first-child { + padding-left: 0.25rem !important; +} + +.table.g-2 th, .table.g-2 td { + padding: 0.5rem; +} +.table.g-2 th.dtr-control, .table.g-2 td.dtr-control { + padding-left: 0.5rem !important; +} + +.table.gy-2 th, .table.gy-2 td { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.table.gx-2 th, .table.gx-2 td { + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.table.gx-2 th.dtr-control, .table.gx-2 td.dtr-control { + padding-left: 0.5rem !important; +} + +.table.gs-2 th:first-child, .table.gs-2 td:first-child { + padding-left: 0.5rem; +} +.table.gs-2 th:last-child, .table.gs-2 td:last-child { + padding-right: 0.5rem; +} +.table.gs-2 th.dtr-control:first-child, .table.gs-2 td.dtr-control:first-child { + padding-left: 0.5rem !important; +} + +.table.g-3 th, .table.g-3 td { + padding: 0.75rem; +} +.table.g-3 th.dtr-control, .table.g-3 td.dtr-control { + padding-left: 0.75rem !important; +} + +.table.gy-3 th, .table.gy-3 td { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} + +.table.gx-3 th, .table.gx-3 td { + padding-left: 0.75rem; + padding-right: 0.75rem; +} +.table.gx-3 th.dtr-control, .table.gx-3 td.dtr-control { + padding-left: 0.75rem !important; +} + +.table.gs-3 th:first-child, .table.gs-3 td:first-child { + padding-left: 0.75rem; +} +.table.gs-3 th:last-child, .table.gs-3 td:last-child { + padding-right: 0.75rem; +} +.table.gs-3 th.dtr-control:first-child, .table.gs-3 td.dtr-control:first-child { + padding-left: 0.75rem !important; +} + +.table.g-4 th, .table.g-4 td { + padding: 1rem; +} +.table.g-4 th.dtr-control, .table.g-4 td.dtr-control { + padding-left: 1rem !important; +} + +.table.gy-4 th, .table.gy-4 td { + padding-top: 1rem; + padding-bottom: 1rem; +} + +.table.gx-4 th, .table.gx-4 td { + padding-left: 1rem; + padding-right: 1rem; +} +.table.gx-4 th.dtr-control, .table.gx-4 td.dtr-control { + padding-left: 1rem !important; +} + +.table.gs-4 th:first-child, .table.gs-4 td:first-child { + padding-left: 1rem; +} +.table.gs-4 th:last-child, .table.gs-4 td:last-child { + padding-right: 1rem; +} +.table.gs-4 th.dtr-control:first-child, .table.gs-4 td.dtr-control:first-child { + padding-left: 1rem !important; +} + +.table.g-5 th, .table.g-5 td { + padding: 1.25rem; +} +.table.g-5 th.dtr-control, .table.g-5 td.dtr-control { + padding-left: 1.25rem !important; +} + +.table.gy-5 th, .table.gy-5 td { + padding-top: 1.25rem; + padding-bottom: 1.25rem; +} + +.table.gx-5 th, .table.gx-5 td { + padding-left: 1.25rem; + padding-right: 1.25rem; +} +.table.gx-5 th.dtr-control, .table.gx-5 td.dtr-control { + padding-left: 1.25rem !important; +} + +.table.gs-5 th:first-child, .table.gs-5 td:first-child { + padding-left: 1.25rem; +} +.table.gs-5 th:last-child, .table.gs-5 td:last-child { + padding-right: 1.25rem; +} +.table.gs-5 th.dtr-control:first-child, .table.gs-5 td.dtr-control:first-child { + padding-left: 1.25rem !important; +} + +.table.g-6 th, .table.g-6 td { + padding: 1.5rem; +} +.table.g-6 th.dtr-control, .table.g-6 td.dtr-control { + padding-left: 1.5rem !important; +} + +.table.gy-6 th, .table.gy-6 td { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + +.table.gx-6 th, .table.gx-6 td { + padding-left: 1.5rem; + padding-right: 1.5rem; +} +.table.gx-6 th.dtr-control, .table.gx-6 td.dtr-control { + padding-left: 1.5rem !important; +} + +.table.gs-6 th:first-child, .table.gs-6 td:first-child { + padding-left: 1.5rem; +} +.table.gs-6 th:last-child, .table.gs-6 td:last-child { + padding-right: 1.5rem; +} +.table.gs-6 th.dtr-control:first-child, .table.gs-6 td.dtr-control:first-child { + padding-left: 1.5rem !important; +} + +.table.g-7 th, .table.g-7 td { + padding: 1.75rem; +} +.table.g-7 th.dtr-control, .table.g-7 td.dtr-control { + padding-left: 1.75rem !important; +} + +.table.gy-7 th, .table.gy-7 td { + padding-top: 1.75rem; + padding-bottom: 1.75rem; +} + +.table.gx-7 th, .table.gx-7 td { + padding-left: 1.75rem; + padding-right: 1.75rem; +} +.table.gx-7 th.dtr-control, .table.gx-7 td.dtr-control { + padding-left: 1.75rem !important; +} + +.table.gs-7 th:first-child, .table.gs-7 td:first-child { + padding-left: 1.75rem; +} +.table.gs-7 th:last-child, .table.gs-7 td:last-child { + padding-right: 1.75rem; +} +.table.gs-7 th.dtr-control:first-child, .table.gs-7 td.dtr-control:first-child { + padding-left: 1.75rem !important; +} + +.table.g-8 th, .table.g-8 td { + padding: 2rem; +} +.table.g-8 th.dtr-control, .table.g-8 td.dtr-control { + padding-left: 2rem !important; +} + +.table.gy-8 th, .table.gy-8 td { + padding-top: 2rem; + padding-bottom: 2rem; +} + +.table.gx-8 th, .table.gx-8 td { + padding-left: 2rem; + padding-right: 2rem; +} +.table.gx-8 th.dtr-control, .table.gx-8 td.dtr-control { + padding-left: 2rem !important; +} + +.table.gs-8 th:first-child, .table.gs-8 td:first-child { + padding-left: 2rem; +} +.table.gs-8 th:last-child, .table.gs-8 td:last-child { + padding-right: 2rem; +} +.table.gs-8 th.dtr-control:first-child, .table.gs-8 td.dtr-control:first-child { + padding-left: 2rem !important; +} + +.table.g-9 th, .table.g-9 td { + padding: 2.25rem; +} +.table.g-9 th.dtr-control, .table.g-9 td.dtr-control { + padding-left: 2.25rem !important; +} + +.table.gy-9 th, .table.gy-9 td { + padding-top: 2.25rem; + padding-bottom: 2.25rem; +} + +.table.gx-9 th, .table.gx-9 td { + padding-left: 2.25rem; + padding-right: 2.25rem; +} +.table.gx-9 th.dtr-control, .table.gx-9 td.dtr-control { + padding-left: 2.25rem !important; +} + +.table.gs-9 th:first-child, .table.gs-9 td:first-child { + padding-left: 2.25rem; +} +.table.gs-9 th:last-child, .table.gs-9 td:last-child { + padding-right: 2.25rem; +} +.table.gs-9 th.dtr-control:first-child, .table.gs-9 td.dtr-control:first-child { + padding-left: 2.25rem !important; +} + +.table.g-10 th, .table.g-10 td { + padding: 2.5rem; +} +.table.g-10 th.dtr-control, .table.g-10 td.dtr-control { + padding-left: 2.5rem !important; +} + +.table.gy-10 th, .table.gy-10 td { + padding-top: 2.5rem; + padding-bottom: 2.5rem; +} + +.table.gx-10 th, .table.gx-10 td { + padding-left: 2.5rem; + padding-right: 2.5rem; +} +.table.gx-10 th.dtr-control, .table.gx-10 td.dtr-control { + padding-left: 2.5rem !important; +} + +.table.gs-10 th:first-child, .table.gs-10 td:first-child { + padding-left: 2.5rem; +} +.table.gs-10 th:last-child, .table.gs-10 td:last-child { + padding-right: 2.5rem; +} +.table.gs-10 th.dtr-control:first-child, .table.gs-10 td.dtr-control:first-child { + padding-left: 2.5rem !important; +} + +@media (min-width: 576px) { + .table.g-sm-0 th, .table.g-sm-0 td { + padding: 0rem; + } + .table.g-sm-0 th.dtr-control, .table.g-sm-0 td.dtr-control { + padding-left: 0rem !important; + } + .table.gy-sm-0 th, .table.gy-sm-0 td { + padding-top: 0rem; + padding-bottom: 0rem; + } + .table.gx-sm-0 th, .table.gx-sm-0 td { + padding-left: 0rem; + padding-right: 0rem; + } + .table.gx-sm-0 th.dtr-control, .table.gx-sm-0 td.dtr-control { + padding-left: 0rem !important; + } + .table.gs-sm-0 th:first-child, .table.gs-sm-0 td:first-child { + padding-left: 0rem; + } + .table.gs-sm-0 th:last-child, .table.gs-sm-0 td:last-child { + padding-right: 0rem; + } + .table.gs-sm-0 th.dtr-control:first-child, .table.gs-sm-0 td.dtr-control:first-child { + padding-left: 0rem !important; + } + .table.g-sm-1 th, .table.g-sm-1 td { + padding: 0.25rem; + } + .table.g-sm-1 th.dtr-control, .table.g-sm-1 td.dtr-control { + padding-left: 0.25rem !important; + } + .table.gy-sm-1 th, .table.gy-sm-1 td { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + } + .table.gx-sm-1 th, .table.gx-sm-1 td { + padding-left: 0.25rem; + padding-right: 0.25rem; + } + .table.gx-sm-1 th.dtr-control, .table.gx-sm-1 td.dtr-control { + padding-left: 0.25rem !important; + } + .table.gs-sm-1 th:first-child, .table.gs-sm-1 td:first-child { + padding-left: 0.25rem; + } + .table.gs-sm-1 th:last-child, .table.gs-sm-1 td:last-child { + padding-right: 0.25rem; + } + .table.gs-sm-1 th.dtr-control:first-child, .table.gs-sm-1 td.dtr-control:first-child { + padding-left: 0.25rem !important; + } + .table.g-sm-2 th, .table.g-sm-2 td { + padding: 0.5rem; + } + .table.g-sm-2 th.dtr-control, .table.g-sm-2 td.dtr-control { + padding-left: 0.5rem !important; + } + .table.gy-sm-2 th, .table.gy-sm-2 td { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } + .table.gx-sm-2 th, .table.gx-sm-2 td { + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .table.gx-sm-2 th.dtr-control, .table.gx-sm-2 td.dtr-control { + padding-left: 0.5rem !important; + } + .table.gs-sm-2 th:first-child, .table.gs-sm-2 td:first-child { + padding-left: 0.5rem; + } + .table.gs-sm-2 th:last-child, .table.gs-sm-2 td:last-child { + padding-right: 0.5rem; + } + .table.gs-sm-2 th.dtr-control:first-child, .table.gs-sm-2 td.dtr-control:first-child { + padding-left: 0.5rem !important; + } + .table.g-sm-3 th, .table.g-sm-3 td { + padding: 0.75rem; + } + .table.g-sm-3 th.dtr-control, .table.g-sm-3 td.dtr-control { + padding-left: 0.75rem !important; + } + .table.gy-sm-3 th, .table.gy-sm-3 td { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + .table.gx-sm-3 th, .table.gx-sm-3 td { + padding-left: 0.75rem; + padding-right: 0.75rem; + } + .table.gx-sm-3 th.dtr-control, .table.gx-sm-3 td.dtr-control { + padding-left: 0.75rem !important; + } + .table.gs-sm-3 th:first-child, .table.gs-sm-3 td:first-child { + padding-left: 0.75rem; + } + .table.gs-sm-3 th:last-child, .table.gs-sm-3 td:last-child { + padding-right: 0.75rem; + } + .table.gs-sm-3 th.dtr-control:first-child, .table.gs-sm-3 td.dtr-control:first-child { + padding-left: 0.75rem !important; + } + .table.g-sm-4 th, .table.g-sm-4 td { + padding: 1rem; + } + .table.g-sm-4 th.dtr-control, .table.g-sm-4 td.dtr-control { + padding-left: 1rem !important; + } + .table.gy-sm-4 th, .table.gy-sm-4 td { + padding-top: 1rem; + padding-bottom: 1rem; + } + .table.gx-sm-4 th, .table.gx-sm-4 td { + padding-left: 1rem; + padding-right: 1rem; + } + .table.gx-sm-4 th.dtr-control, .table.gx-sm-4 td.dtr-control { + padding-left: 1rem !important; + } + .table.gs-sm-4 th:first-child, .table.gs-sm-4 td:first-child { + padding-left: 1rem; + } + .table.gs-sm-4 th:last-child, .table.gs-sm-4 td:last-child { + padding-right: 1rem; + } + .table.gs-sm-4 th.dtr-control:first-child, .table.gs-sm-4 td.dtr-control:first-child { + padding-left: 1rem !important; + } + .table.g-sm-5 th, .table.g-sm-5 td { + padding: 1.25rem; + } + .table.g-sm-5 th.dtr-control, .table.g-sm-5 td.dtr-control { + padding-left: 1.25rem !important; + } + .table.gy-sm-5 th, .table.gy-sm-5 td { + padding-top: 1.25rem; + padding-bottom: 1.25rem; + } + .table.gx-sm-5 th, .table.gx-sm-5 td { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + .table.gx-sm-5 th.dtr-control, .table.gx-sm-5 td.dtr-control { + padding-left: 1.25rem !important; + } + .table.gs-sm-5 th:first-child, .table.gs-sm-5 td:first-child { + padding-left: 1.25rem; + } + .table.gs-sm-5 th:last-child, .table.gs-sm-5 td:last-child { + padding-right: 1.25rem; + } + .table.gs-sm-5 th.dtr-control:first-child, .table.gs-sm-5 td.dtr-control:first-child { + padding-left: 1.25rem !important; + } + .table.g-sm-6 th, .table.g-sm-6 td { + padding: 1.5rem; + } + .table.g-sm-6 th.dtr-control, .table.g-sm-6 td.dtr-control { + padding-left: 1.5rem !important; + } + .table.gy-sm-6 th, .table.gy-sm-6 td { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + .table.gx-sm-6 th, .table.gx-sm-6 td { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .table.gx-sm-6 th.dtr-control, .table.gx-sm-6 td.dtr-control { + padding-left: 1.5rem !important; + } + .table.gs-sm-6 th:first-child, .table.gs-sm-6 td:first-child { + padding-left: 1.5rem; + } + .table.gs-sm-6 th:last-child, .table.gs-sm-6 td:last-child { + padding-right: 1.5rem; + } + .table.gs-sm-6 th.dtr-control:first-child, .table.gs-sm-6 td.dtr-control:first-child { + padding-left: 1.5rem !important; + } + .table.g-sm-7 th, .table.g-sm-7 td { + padding: 1.75rem; + } + .table.g-sm-7 th.dtr-control, .table.g-sm-7 td.dtr-control { + padding-left: 1.75rem !important; + } + .table.gy-sm-7 th, .table.gy-sm-7 td { + padding-top: 1.75rem; + padding-bottom: 1.75rem; + } + .table.gx-sm-7 th, .table.gx-sm-7 td { + padding-left: 1.75rem; + padding-right: 1.75rem; + } + .table.gx-sm-7 th.dtr-control, .table.gx-sm-7 td.dtr-control { + padding-left: 1.75rem !important; + } + .table.gs-sm-7 th:first-child, .table.gs-sm-7 td:first-child { + padding-left: 1.75rem; + } + .table.gs-sm-7 th:last-child, .table.gs-sm-7 td:last-child { + padding-right: 1.75rem; + } + .table.gs-sm-7 th.dtr-control:first-child, .table.gs-sm-7 td.dtr-control:first-child { + padding-left: 1.75rem !important; + } + .table.g-sm-8 th, .table.g-sm-8 td { + padding: 2rem; + } + .table.g-sm-8 th.dtr-control, .table.g-sm-8 td.dtr-control { + padding-left: 2rem !important; + } + .table.gy-sm-8 th, .table.gy-sm-8 td { + padding-top: 2rem; + padding-bottom: 2rem; + } + .table.gx-sm-8 th, .table.gx-sm-8 td { + padding-left: 2rem; + padding-right: 2rem; + } + .table.gx-sm-8 th.dtr-control, .table.gx-sm-8 td.dtr-control { + padding-left: 2rem !important; + } + .table.gs-sm-8 th:first-child, .table.gs-sm-8 td:first-child { + padding-left: 2rem; + } + .table.gs-sm-8 th:last-child, .table.gs-sm-8 td:last-child { + padding-right: 2rem; + } + .table.gs-sm-8 th.dtr-control:first-child, .table.gs-sm-8 td.dtr-control:first-child { + padding-left: 2rem !important; + } + .table.g-sm-9 th, .table.g-sm-9 td { + padding: 2.25rem; + } + .table.g-sm-9 th.dtr-control, .table.g-sm-9 td.dtr-control { + padding-left: 2.25rem !important; + } + .table.gy-sm-9 th, .table.gy-sm-9 td { + padding-top: 2.25rem; + padding-bottom: 2.25rem; + } + .table.gx-sm-9 th, .table.gx-sm-9 td { + padding-left: 2.25rem; + padding-right: 2.25rem; + } + .table.gx-sm-9 th.dtr-control, .table.gx-sm-9 td.dtr-control { + padding-left: 2.25rem !important; + } + .table.gs-sm-9 th:first-child, .table.gs-sm-9 td:first-child { + padding-left: 2.25rem; + } + .table.gs-sm-9 th:last-child, .table.gs-sm-9 td:last-child { + padding-right: 2.25rem; + } + .table.gs-sm-9 th.dtr-control:first-child, .table.gs-sm-9 td.dtr-control:first-child { + padding-left: 2.25rem !important; + } + .table.g-sm-10 th, .table.g-sm-10 td { + padding: 2.5rem; + } + .table.g-sm-10 th.dtr-control, .table.g-sm-10 td.dtr-control { + padding-left: 2.5rem !important; + } + .table.gy-sm-10 th, .table.gy-sm-10 td { + padding-top: 2.5rem; + padding-bottom: 2.5rem; + } + .table.gx-sm-10 th, .table.gx-sm-10 td { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + .table.gx-sm-10 th.dtr-control, .table.gx-sm-10 td.dtr-control { + padding-left: 2.5rem !important; + } + .table.gs-sm-10 th:first-child, .table.gs-sm-10 td:first-child { + padding-left: 2.5rem; + } + .table.gs-sm-10 th:last-child, .table.gs-sm-10 td:last-child { + padding-right: 2.5rem; + } + .table.gs-sm-10 th.dtr-control:first-child, .table.gs-sm-10 td.dtr-control:first-child { + padding-left: 2.5rem !important; + } +} +@media (min-width: 768px) { + .table.g-md-0 th, .table.g-md-0 td { + padding: 0rem; + } + .table.g-md-0 th.dtr-control, .table.g-md-0 td.dtr-control { + padding-left: 0rem !important; + } + .table.gy-md-0 th, .table.gy-md-0 td { + padding-top: 0rem; + padding-bottom: 0rem; + } + .table.gx-md-0 th, .table.gx-md-0 td { + padding-left: 0rem; + padding-right: 0rem; + } + .table.gx-md-0 th.dtr-control, .table.gx-md-0 td.dtr-control { + padding-left: 0rem !important; + } + .table.gs-md-0 th:first-child, .table.gs-md-0 td:first-child { + padding-left: 0rem; + } + .table.gs-md-0 th:last-child, .table.gs-md-0 td:last-child { + padding-right: 0rem; + } + .table.gs-md-0 th.dtr-control:first-child, .table.gs-md-0 td.dtr-control:first-child { + padding-left: 0rem !important; + } + .table.g-md-1 th, .table.g-md-1 td { + padding: 0.25rem; + } + .table.g-md-1 th.dtr-control, .table.g-md-1 td.dtr-control { + padding-left: 0.25rem !important; + } + .table.gy-md-1 th, .table.gy-md-1 td { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + } + .table.gx-md-1 th, .table.gx-md-1 td { + padding-left: 0.25rem; + padding-right: 0.25rem; + } + .table.gx-md-1 th.dtr-control, .table.gx-md-1 td.dtr-control { + padding-left: 0.25rem !important; + } + .table.gs-md-1 th:first-child, .table.gs-md-1 td:first-child { + padding-left: 0.25rem; + } + .table.gs-md-1 th:last-child, .table.gs-md-1 td:last-child { + padding-right: 0.25rem; + } + .table.gs-md-1 th.dtr-control:first-child, .table.gs-md-1 td.dtr-control:first-child { + padding-left: 0.25rem !important; + } + .table.g-md-2 th, .table.g-md-2 td { + padding: 0.5rem; + } + .table.g-md-2 th.dtr-control, .table.g-md-2 td.dtr-control { + padding-left: 0.5rem !important; + } + .table.gy-md-2 th, .table.gy-md-2 td { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } + .table.gx-md-2 th, .table.gx-md-2 td { + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .table.gx-md-2 th.dtr-control, .table.gx-md-2 td.dtr-control { + padding-left: 0.5rem !important; + } + .table.gs-md-2 th:first-child, .table.gs-md-2 td:first-child { + padding-left: 0.5rem; + } + .table.gs-md-2 th:last-child, .table.gs-md-2 td:last-child { + padding-right: 0.5rem; + } + .table.gs-md-2 th.dtr-control:first-child, .table.gs-md-2 td.dtr-control:first-child { + padding-left: 0.5rem !important; + } + .table.g-md-3 th, .table.g-md-3 td { + padding: 0.75rem; + } + .table.g-md-3 th.dtr-control, .table.g-md-3 td.dtr-control { + padding-left: 0.75rem !important; + } + .table.gy-md-3 th, .table.gy-md-3 td { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + .table.gx-md-3 th, .table.gx-md-3 td { + padding-left: 0.75rem; + padding-right: 0.75rem; + } + .table.gx-md-3 th.dtr-control, .table.gx-md-3 td.dtr-control { + padding-left: 0.75rem !important; + } + .table.gs-md-3 th:first-child, .table.gs-md-3 td:first-child { + padding-left: 0.75rem; + } + .table.gs-md-3 th:last-child, .table.gs-md-3 td:last-child { + padding-right: 0.75rem; + } + .table.gs-md-3 th.dtr-control:first-child, .table.gs-md-3 td.dtr-control:first-child { + padding-left: 0.75rem !important; + } + .table.g-md-4 th, .table.g-md-4 td { + padding: 1rem; + } + .table.g-md-4 th.dtr-control, .table.g-md-4 td.dtr-control { + padding-left: 1rem !important; + } + .table.gy-md-4 th, .table.gy-md-4 td { + padding-top: 1rem; + padding-bottom: 1rem; + } + .table.gx-md-4 th, .table.gx-md-4 td { + padding-left: 1rem; + padding-right: 1rem; + } + .table.gx-md-4 th.dtr-control, .table.gx-md-4 td.dtr-control { + padding-left: 1rem !important; + } + .table.gs-md-4 th:first-child, .table.gs-md-4 td:first-child { + padding-left: 1rem; + } + .table.gs-md-4 th:last-child, .table.gs-md-4 td:last-child { + padding-right: 1rem; + } + .table.gs-md-4 th.dtr-control:first-child, .table.gs-md-4 td.dtr-control:first-child { + padding-left: 1rem !important; + } + .table.g-md-5 th, .table.g-md-5 td { + padding: 1.25rem; + } + .table.g-md-5 th.dtr-control, .table.g-md-5 td.dtr-control { + padding-left: 1.25rem !important; + } + .table.gy-md-5 th, .table.gy-md-5 td { + padding-top: 1.25rem; + padding-bottom: 1.25rem; + } + .table.gx-md-5 th, .table.gx-md-5 td { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + .table.gx-md-5 th.dtr-control, .table.gx-md-5 td.dtr-control { + padding-left: 1.25rem !important; + } + .table.gs-md-5 th:first-child, .table.gs-md-5 td:first-child { + padding-left: 1.25rem; + } + .table.gs-md-5 th:last-child, .table.gs-md-5 td:last-child { + padding-right: 1.25rem; + } + .table.gs-md-5 th.dtr-control:first-child, .table.gs-md-5 td.dtr-control:first-child { + padding-left: 1.25rem !important; + } + .table.g-md-6 th, .table.g-md-6 td { + padding: 1.5rem; + } + .table.g-md-6 th.dtr-control, .table.g-md-6 td.dtr-control { + padding-left: 1.5rem !important; + } + .table.gy-md-6 th, .table.gy-md-6 td { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + .table.gx-md-6 th, .table.gx-md-6 td { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .table.gx-md-6 th.dtr-control, .table.gx-md-6 td.dtr-control { + padding-left: 1.5rem !important; + } + .table.gs-md-6 th:first-child, .table.gs-md-6 td:first-child { + padding-left: 1.5rem; + } + .table.gs-md-6 th:last-child, .table.gs-md-6 td:last-child { + padding-right: 1.5rem; + } + .table.gs-md-6 th.dtr-control:first-child, .table.gs-md-6 td.dtr-control:first-child { + padding-left: 1.5rem !important; + } + .table.g-md-7 th, .table.g-md-7 td { + padding: 1.75rem; + } + .table.g-md-7 th.dtr-control, .table.g-md-7 td.dtr-control { + padding-left: 1.75rem !important; + } + .table.gy-md-7 th, .table.gy-md-7 td { + padding-top: 1.75rem; + padding-bottom: 1.75rem; + } + .table.gx-md-7 th, .table.gx-md-7 td { + padding-left: 1.75rem; + padding-right: 1.75rem; + } + .table.gx-md-7 th.dtr-control, .table.gx-md-7 td.dtr-control { + padding-left: 1.75rem !important; + } + .table.gs-md-7 th:first-child, .table.gs-md-7 td:first-child { + padding-left: 1.75rem; + } + .table.gs-md-7 th:last-child, .table.gs-md-7 td:last-child { + padding-right: 1.75rem; + } + .table.gs-md-7 th.dtr-control:first-child, .table.gs-md-7 td.dtr-control:first-child { + padding-left: 1.75rem !important; + } + .table.g-md-8 th, .table.g-md-8 td { + padding: 2rem; + } + .table.g-md-8 th.dtr-control, .table.g-md-8 td.dtr-control { + padding-left: 2rem !important; + } + .table.gy-md-8 th, .table.gy-md-8 td { + padding-top: 2rem; + padding-bottom: 2rem; + } + .table.gx-md-8 th, .table.gx-md-8 td { + padding-left: 2rem; + padding-right: 2rem; + } + .table.gx-md-8 th.dtr-control, .table.gx-md-8 td.dtr-control { + padding-left: 2rem !important; + } + .table.gs-md-8 th:first-child, .table.gs-md-8 td:first-child { + padding-left: 2rem; + } + .table.gs-md-8 th:last-child, .table.gs-md-8 td:last-child { + padding-right: 2rem; + } + .table.gs-md-8 th.dtr-control:first-child, .table.gs-md-8 td.dtr-control:first-child { + padding-left: 2rem !important; + } + .table.g-md-9 th, .table.g-md-9 td { + padding: 2.25rem; + } + .table.g-md-9 th.dtr-control, .table.g-md-9 td.dtr-control { + padding-left: 2.25rem !important; + } + .table.gy-md-9 th, .table.gy-md-9 td { + padding-top: 2.25rem; + padding-bottom: 2.25rem; + } + .table.gx-md-9 th, .table.gx-md-9 td { + padding-left: 2.25rem; + padding-right: 2.25rem; + } + .table.gx-md-9 th.dtr-control, .table.gx-md-9 td.dtr-control { + padding-left: 2.25rem !important; + } + .table.gs-md-9 th:first-child, .table.gs-md-9 td:first-child { + padding-left: 2.25rem; + } + .table.gs-md-9 th:last-child, .table.gs-md-9 td:last-child { + padding-right: 2.25rem; + } + .table.gs-md-9 th.dtr-control:first-child, .table.gs-md-9 td.dtr-control:first-child { + padding-left: 2.25rem !important; + } + .table.g-md-10 th, .table.g-md-10 td { + padding: 2.5rem; + } + .table.g-md-10 th.dtr-control, .table.g-md-10 td.dtr-control { + padding-left: 2.5rem !important; + } + .table.gy-md-10 th, .table.gy-md-10 td { + padding-top: 2.5rem; + padding-bottom: 2.5rem; + } + .table.gx-md-10 th, .table.gx-md-10 td { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + .table.gx-md-10 th.dtr-control, .table.gx-md-10 td.dtr-control { + padding-left: 2.5rem !important; + } + .table.gs-md-10 th:first-child, .table.gs-md-10 td:first-child { + padding-left: 2.5rem; + } + .table.gs-md-10 th:last-child, .table.gs-md-10 td:last-child { + padding-right: 2.5rem; + } + .table.gs-md-10 th.dtr-control:first-child, .table.gs-md-10 td.dtr-control:first-child { + padding-left: 2.5rem !important; + } +} +@media (min-width: 992px) { + .table.g-lg-0 th, .table.g-lg-0 td { + padding: 0rem; + } + .table.g-lg-0 th.dtr-control, .table.g-lg-0 td.dtr-control { + padding-left: 0rem !important; + } + .table.gy-lg-0 th, .table.gy-lg-0 td { + padding-top: 0rem; + padding-bottom: 0rem; + } + .table.gx-lg-0 th, .table.gx-lg-0 td { + padding-left: 0rem; + padding-right: 0rem; + } + .table.gx-lg-0 th.dtr-control, .table.gx-lg-0 td.dtr-control { + padding-left: 0rem !important; + } + .table.gs-lg-0 th:first-child, .table.gs-lg-0 td:first-child { + padding-left: 0rem; + } + .table.gs-lg-0 th:last-child, .table.gs-lg-0 td:last-child { + padding-right: 0rem; + } + .table.gs-lg-0 th.dtr-control:first-child, .table.gs-lg-0 td.dtr-control:first-child { + padding-left: 0rem !important; + } + .table.g-lg-1 th, .table.g-lg-1 td { + padding: 0.25rem; + } + .table.g-lg-1 th.dtr-control, .table.g-lg-1 td.dtr-control { + padding-left: 0.25rem !important; + } + .table.gy-lg-1 th, .table.gy-lg-1 td { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + } + .table.gx-lg-1 th, .table.gx-lg-1 td { + padding-left: 0.25rem; + padding-right: 0.25rem; + } + .table.gx-lg-1 th.dtr-control, .table.gx-lg-1 td.dtr-control { + padding-left: 0.25rem !important; + } + .table.gs-lg-1 th:first-child, .table.gs-lg-1 td:first-child { + padding-left: 0.25rem; + } + .table.gs-lg-1 th:last-child, .table.gs-lg-1 td:last-child { + padding-right: 0.25rem; + } + .table.gs-lg-1 th.dtr-control:first-child, .table.gs-lg-1 td.dtr-control:first-child { + padding-left: 0.25rem !important; + } + .table.g-lg-2 th, .table.g-lg-2 td { + padding: 0.5rem; + } + .table.g-lg-2 th.dtr-control, .table.g-lg-2 td.dtr-control { + padding-left: 0.5rem !important; + } + .table.gy-lg-2 th, .table.gy-lg-2 td { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } + .table.gx-lg-2 th, .table.gx-lg-2 td { + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .table.gx-lg-2 th.dtr-control, .table.gx-lg-2 td.dtr-control { + padding-left: 0.5rem !important; + } + .table.gs-lg-2 th:first-child, .table.gs-lg-2 td:first-child { + padding-left: 0.5rem; + } + .table.gs-lg-2 th:last-child, .table.gs-lg-2 td:last-child { + padding-right: 0.5rem; + } + .table.gs-lg-2 th.dtr-control:first-child, .table.gs-lg-2 td.dtr-control:first-child { + padding-left: 0.5rem !important; + } + .table.g-lg-3 th, .table.g-lg-3 td { + padding: 0.75rem; + } + .table.g-lg-3 th.dtr-control, .table.g-lg-3 td.dtr-control { + padding-left: 0.75rem !important; + } + .table.gy-lg-3 th, .table.gy-lg-3 td { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + .table.gx-lg-3 th, .table.gx-lg-3 td { + padding-left: 0.75rem; + padding-right: 0.75rem; + } + .table.gx-lg-3 th.dtr-control, .table.gx-lg-3 td.dtr-control { + padding-left: 0.75rem !important; + } + .table.gs-lg-3 th:first-child, .table.gs-lg-3 td:first-child { + padding-left: 0.75rem; + } + .table.gs-lg-3 th:last-child, .table.gs-lg-3 td:last-child { + padding-right: 0.75rem; + } + .table.gs-lg-3 th.dtr-control:first-child, .table.gs-lg-3 td.dtr-control:first-child { + padding-left: 0.75rem !important; + } + .table.g-lg-4 th, .table.g-lg-4 td { + padding: 1rem; + } + .table.g-lg-4 th.dtr-control, .table.g-lg-4 td.dtr-control { + padding-left: 1rem !important; + } + .table.gy-lg-4 th, .table.gy-lg-4 td { + padding-top: 1rem; + padding-bottom: 1rem; + } + .table.gx-lg-4 th, .table.gx-lg-4 td { + padding-left: 1rem; + padding-right: 1rem; + } + .table.gx-lg-4 th.dtr-control, .table.gx-lg-4 td.dtr-control { + padding-left: 1rem !important; + } + .table.gs-lg-4 th:first-child, .table.gs-lg-4 td:first-child { + padding-left: 1rem; + } + .table.gs-lg-4 th:last-child, .table.gs-lg-4 td:last-child { + padding-right: 1rem; + } + .table.gs-lg-4 th.dtr-control:first-child, .table.gs-lg-4 td.dtr-control:first-child { + padding-left: 1rem !important; + } + .table.g-lg-5 th, .table.g-lg-5 td { + padding: 1.25rem; + } + .table.g-lg-5 th.dtr-control, .table.g-lg-5 td.dtr-control { + padding-left: 1.25rem !important; + } + .table.gy-lg-5 th, .table.gy-lg-5 td { + padding-top: 1.25rem; + padding-bottom: 1.25rem; + } + .table.gx-lg-5 th, .table.gx-lg-5 td { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + .table.gx-lg-5 th.dtr-control, .table.gx-lg-5 td.dtr-control { + padding-left: 1.25rem !important; + } + .table.gs-lg-5 th:first-child, .table.gs-lg-5 td:first-child { + padding-left: 1.25rem; + } + .table.gs-lg-5 th:last-child, .table.gs-lg-5 td:last-child { + padding-right: 1.25rem; + } + .table.gs-lg-5 th.dtr-control:first-child, .table.gs-lg-5 td.dtr-control:first-child { + padding-left: 1.25rem !important; + } + .table.g-lg-6 th, .table.g-lg-6 td { + padding: 1.5rem; + } + .table.g-lg-6 th.dtr-control, .table.g-lg-6 td.dtr-control { + padding-left: 1.5rem !important; + } + .table.gy-lg-6 th, .table.gy-lg-6 td { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + .table.gx-lg-6 th, .table.gx-lg-6 td { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .table.gx-lg-6 th.dtr-control, .table.gx-lg-6 td.dtr-control { + padding-left: 1.5rem !important; + } + .table.gs-lg-6 th:first-child, .table.gs-lg-6 td:first-child { + padding-left: 1.5rem; + } + .table.gs-lg-6 th:last-child, .table.gs-lg-6 td:last-child { + padding-right: 1.5rem; + } + .table.gs-lg-6 th.dtr-control:first-child, .table.gs-lg-6 td.dtr-control:first-child { + padding-left: 1.5rem !important; + } + .table.g-lg-7 th, .table.g-lg-7 td { + padding: 1.75rem; + } + .table.g-lg-7 th.dtr-control, .table.g-lg-7 td.dtr-control { + padding-left: 1.75rem !important; + } + .table.gy-lg-7 th, .table.gy-lg-7 td { + padding-top: 1.75rem; + padding-bottom: 1.75rem; + } + .table.gx-lg-7 th, .table.gx-lg-7 td { + padding-left: 1.75rem; + padding-right: 1.75rem; + } + .table.gx-lg-7 th.dtr-control, .table.gx-lg-7 td.dtr-control { + padding-left: 1.75rem !important; + } + .table.gs-lg-7 th:first-child, .table.gs-lg-7 td:first-child { + padding-left: 1.75rem; + } + .table.gs-lg-7 th:last-child, .table.gs-lg-7 td:last-child { + padding-right: 1.75rem; + } + .table.gs-lg-7 th.dtr-control:first-child, .table.gs-lg-7 td.dtr-control:first-child { + padding-left: 1.75rem !important; + } + .table.g-lg-8 th, .table.g-lg-8 td { + padding: 2rem; + } + .table.g-lg-8 th.dtr-control, .table.g-lg-8 td.dtr-control { + padding-left: 2rem !important; + } + .table.gy-lg-8 th, .table.gy-lg-8 td { + padding-top: 2rem; + padding-bottom: 2rem; + } + .table.gx-lg-8 th, .table.gx-lg-8 td { + padding-left: 2rem; + padding-right: 2rem; + } + .table.gx-lg-8 th.dtr-control, .table.gx-lg-8 td.dtr-control { + padding-left: 2rem !important; + } + .table.gs-lg-8 th:first-child, .table.gs-lg-8 td:first-child { + padding-left: 2rem; + } + .table.gs-lg-8 th:last-child, .table.gs-lg-8 td:last-child { + padding-right: 2rem; + } + .table.gs-lg-8 th.dtr-control:first-child, .table.gs-lg-8 td.dtr-control:first-child { + padding-left: 2rem !important; + } + .table.g-lg-9 th, .table.g-lg-9 td { + padding: 2.25rem; + } + .table.g-lg-9 th.dtr-control, .table.g-lg-9 td.dtr-control { + padding-left: 2.25rem !important; + } + .table.gy-lg-9 th, .table.gy-lg-9 td { + padding-top: 2.25rem; + padding-bottom: 2.25rem; + } + .table.gx-lg-9 th, .table.gx-lg-9 td { + padding-left: 2.25rem; + padding-right: 2.25rem; + } + .table.gx-lg-9 th.dtr-control, .table.gx-lg-9 td.dtr-control { + padding-left: 2.25rem !important; + } + .table.gs-lg-9 th:first-child, .table.gs-lg-9 td:first-child { + padding-left: 2.25rem; + } + .table.gs-lg-9 th:last-child, .table.gs-lg-9 td:last-child { + padding-right: 2.25rem; + } + .table.gs-lg-9 th.dtr-control:first-child, .table.gs-lg-9 td.dtr-control:first-child { + padding-left: 2.25rem !important; + } + .table.g-lg-10 th, .table.g-lg-10 td { + padding: 2.5rem; + } + .table.g-lg-10 th.dtr-control, .table.g-lg-10 td.dtr-control { + padding-left: 2.5rem !important; + } + .table.gy-lg-10 th, .table.gy-lg-10 td { + padding-top: 2.5rem; + padding-bottom: 2.5rem; + } + .table.gx-lg-10 th, .table.gx-lg-10 td { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + .table.gx-lg-10 th.dtr-control, .table.gx-lg-10 td.dtr-control { + padding-left: 2.5rem !important; + } + .table.gs-lg-10 th:first-child, .table.gs-lg-10 td:first-child { + padding-left: 2.5rem; + } + .table.gs-lg-10 th:last-child, .table.gs-lg-10 td:last-child { + padding-right: 2.5rem; + } + .table.gs-lg-10 th.dtr-control:first-child, .table.gs-lg-10 td.dtr-control:first-child { + padding-left: 2.5rem !important; + } +} +@media (min-width: 1200px) { + .table.g-xl-0 th, .table.g-xl-0 td { + padding: 0rem; + } + .table.g-xl-0 th.dtr-control, .table.g-xl-0 td.dtr-control { + padding-left: 0rem !important; + } + .table.gy-xl-0 th, .table.gy-xl-0 td { + padding-top: 0rem; + padding-bottom: 0rem; + } + .table.gx-xl-0 th, .table.gx-xl-0 td { + padding-left: 0rem; + padding-right: 0rem; + } + .table.gx-xl-0 th.dtr-control, .table.gx-xl-0 td.dtr-control { + padding-left: 0rem !important; + } + .table.gs-xl-0 th:first-child, .table.gs-xl-0 td:first-child { + padding-left: 0rem; + } + .table.gs-xl-0 th:last-child, .table.gs-xl-0 td:last-child { + padding-right: 0rem; + } + .table.gs-xl-0 th.dtr-control:first-child, .table.gs-xl-0 td.dtr-control:first-child { + padding-left: 0rem !important; + } + .table.g-xl-1 th, .table.g-xl-1 td { + padding: 0.25rem; + } + .table.g-xl-1 th.dtr-control, .table.g-xl-1 td.dtr-control { + padding-left: 0.25rem !important; + } + .table.gy-xl-1 th, .table.gy-xl-1 td { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + } + .table.gx-xl-1 th, .table.gx-xl-1 td { + padding-left: 0.25rem; + padding-right: 0.25rem; + } + .table.gx-xl-1 th.dtr-control, .table.gx-xl-1 td.dtr-control { + padding-left: 0.25rem !important; + } + .table.gs-xl-1 th:first-child, .table.gs-xl-1 td:first-child { + padding-left: 0.25rem; + } + .table.gs-xl-1 th:last-child, .table.gs-xl-1 td:last-child { + padding-right: 0.25rem; + } + .table.gs-xl-1 th.dtr-control:first-child, .table.gs-xl-1 td.dtr-control:first-child { + padding-left: 0.25rem !important; + } + .table.g-xl-2 th, .table.g-xl-2 td { + padding: 0.5rem; + } + .table.g-xl-2 th.dtr-control, .table.g-xl-2 td.dtr-control { + padding-left: 0.5rem !important; + } + .table.gy-xl-2 th, .table.gy-xl-2 td { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } + .table.gx-xl-2 th, .table.gx-xl-2 td { + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .table.gx-xl-2 th.dtr-control, .table.gx-xl-2 td.dtr-control { + padding-left: 0.5rem !important; + } + .table.gs-xl-2 th:first-child, .table.gs-xl-2 td:first-child { + padding-left: 0.5rem; + } + .table.gs-xl-2 th:last-child, .table.gs-xl-2 td:last-child { + padding-right: 0.5rem; + } + .table.gs-xl-2 th.dtr-control:first-child, .table.gs-xl-2 td.dtr-control:first-child { + padding-left: 0.5rem !important; + } + .table.g-xl-3 th, .table.g-xl-3 td { + padding: 0.75rem; + } + .table.g-xl-3 th.dtr-control, .table.g-xl-3 td.dtr-control { + padding-left: 0.75rem !important; + } + .table.gy-xl-3 th, .table.gy-xl-3 td { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + .table.gx-xl-3 th, .table.gx-xl-3 td { + padding-left: 0.75rem; + padding-right: 0.75rem; + } + .table.gx-xl-3 th.dtr-control, .table.gx-xl-3 td.dtr-control { + padding-left: 0.75rem !important; + } + .table.gs-xl-3 th:first-child, .table.gs-xl-3 td:first-child { + padding-left: 0.75rem; + } + .table.gs-xl-3 th:last-child, .table.gs-xl-3 td:last-child { + padding-right: 0.75rem; + } + .table.gs-xl-3 th.dtr-control:first-child, .table.gs-xl-3 td.dtr-control:first-child { + padding-left: 0.75rem !important; + } + .table.g-xl-4 th, .table.g-xl-4 td { + padding: 1rem; + } + .table.g-xl-4 th.dtr-control, .table.g-xl-4 td.dtr-control { + padding-left: 1rem !important; + } + .table.gy-xl-4 th, .table.gy-xl-4 td { + padding-top: 1rem; + padding-bottom: 1rem; + } + .table.gx-xl-4 th, .table.gx-xl-4 td { + padding-left: 1rem; + padding-right: 1rem; + } + .table.gx-xl-4 th.dtr-control, .table.gx-xl-4 td.dtr-control { + padding-left: 1rem !important; + } + .table.gs-xl-4 th:first-child, .table.gs-xl-4 td:first-child { + padding-left: 1rem; + } + .table.gs-xl-4 th:last-child, .table.gs-xl-4 td:last-child { + padding-right: 1rem; + } + .table.gs-xl-4 th.dtr-control:first-child, .table.gs-xl-4 td.dtr-control:first-child { + padding-left: 1rem !important; + } + .table.g-xl-5 th, .table.g-xl-5 td { + padding: 1.25rem; + } + .table.g-xl-5 th.dtr-control, .table.g-xl-5 td.dtr-control { + padding-left: 1.25rem !important; + } + .table.gy-xl-5 th, .table.gy-xl-5 td { + padding-top: 1.25rem; + padding-bottom: 1.25rem; + } + .table.gx-xl-5 th, .table.gx-xl-5 td { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + .table.gx-xl-5 th.dtr-control, .table.gx-xl-5 td.dtr-control { + padding-left: 1.25rem !important; + } + .table.gs-xl-5 th:first-child, .table.gs-xl-5 td:first-child { + padding-left: 1.25rem; + } + .table.gs-xl-5 th:last-child, .table.gs-xl-5 td:last-child { + padding-right: 1.25rem; + } + .table.gs-xl-5 th.dtr-control:first-child, .table.gs-xl-5 td.dtr-control:first-child { + padding-left: 1.25rem !important; + } + .table.g-xl-6 th, .table.g-xl-6 td { + padding: 1.5rem; + } + .table.g-xl-6 th.dtr-control, .table.g-xl-6 td.dtr-control { + padding-left: 1.5rem !important; + } + .table.gy-xl-6 th, .table.gy-xl-6 td { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + .table.gx-xl-6 th, .table.gx-xl-6 td { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .table.gx-xl-6 th.dtr-control, .table.gx-xl-6 td.dtr-control { + padding-left: 1.5rem !important; + } + .table.gs-xl-6 th:first-child, .table.gs-xl-6 td:first-child { + padding-left: 1.5rem; + } + .table.gs-xl-6 th:last-child, .table.gs-xl-6 td:last-child { + padding-right: 1.5rem; + } + .table.gs-xl-6 th.dtr-control:first-child, .table.gs-xl-6 td.dtr-control:first-child { + padding-left: 1.5rem !important; + } + .table.g-xl-7 th, .table.g-xl-7 td { + padding: 1.75rem; + } + .table.g-xl-7 th.dtr-control, .table.g-xl-7 td.dtr-control { + padding-left: 1.75rem !important; + } + .table.gy-xl-7 th, .table.gy-xl-7 td { + padding-top: 1.75rem; + padding-bottom: 1.75rem; + } + .table.gx-xl-7 th, .table.gx-xl-7 td { + padding-left: 1.75rem; + padding-right: 1.75rem; + } + .table.gx-xl-7 th.dtr-control, .table.gx-xl-7 td.dtr-control { + padding-left: 1.75rem !important; + } + .table.gs-xl-7 th:first-child, .table.gs-xl-7 td:first-child { + padding-left: 1.75rem; + } + .table.gs-xl-7 th:last-child, .table.gs-xl-7 td:last-child { + padding-right: 1.75rem; + } + .table.gs-xl-7 th.dtr-control:first-child, .table.gs-xl-7 td.dtr-control:first-child { + padding-left: 1.75rem !important; + } + .table.g-xl-8 th, .table.g-xl-8 td { + padding: 2rem; + } + .table.g-xl-8 th.dtr-control, .table.g-xl-8 td.dtr-control { + padding-left: 2rem !important; + } + .table.gy-xl-8 th, .table.gy-xl-8 td { + padding-top: 2rem; + padding-bottom: 2rem; + } + .table.gx-xl-8 th, .table.gx-xl-8 td { + padding-left: 2rem; + padding-right: 2rem; + } + .table.gx-xl-8 th.dtr-control, .table.gx-xl-8 td.dtr-control { + padding-left: 2rem !important; + } + .table.gs-xl-8 th:first-child, .table.gs-xl-8 td:first-child { + padding-left: 2rem; + } + .table.gs-xl-8 th:last-child, .table.gs-xl-8 td:last-child { + padding-right: 2rem; + } + .table.gs-xl-8 th.dtr-control:first-child, .table.gs-xl-8 td.dtr-control:first-child { + padding-left: 2rem !important; + } + .table.g-xl-9 th, .table.g-xl-9 td { + padding: 2.25rem; + } + .table.g-xl-9 th.dtr-control, .table.g-xl-9 td.dtr-control { + padding-left: 2.25rem !important; + } + .table.gy-xl-9 th, .table.gy-xl-9 td { + padding-top: 2.25rem; + padding-bottom: 2.25rem; + } + .table.gx-xl-9 th, .table.gx-xl-9 td { + padding-left: 2.25rem; + padding-right: 2.25rem; + } + .table.gx-xl-9 th.dtr-control, .table.gx-xl-9 td.dtr-control { + padding-left: 2.25rem !important; + } + .table.gs-xl-9 th:first-child, .table.gs-xl-9 td:first-child { + padding-left: 2.25rem; + } + .table.gs-xl-9 th:last-child, .table.gs-xl-9 td:last-child { + padding-right: 2.25rem; + } + .table.gs-xl-9 th.dtr-control:first-child, .table.gs-xl-9 td.dtr-control:first-child { + padding-left: 2.25rem !important; + } + .table.g-xl-10 th, .table.g-xl-10 td { + padding: 2.5rem; + } + .table.g-xl-10 th.dtr-control, .table.g-xl-10 td.dtr-control { + padding-left: 2.5rem !important; + } + .table.gy-xl-10 th, .table.gy-xl-10 td { + padding-top: 2.5rem; + padding-bottom: 2.5rem; + } + .table.gx-xl-10 th, .table.gx-xl-10 td { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + .table.gx-xl-10 th.dtr-control, .table.gx-xl-10 td.dtr-control { + padding-left: 2.5rem !important; + } + .table.gs-xl-10 th:first-child, .table.gs-xl-10 td:first-child { + padding-left: 2.5rem; + } + .table.gs-xl-10 th:last-child, .table.gs-xl-10 td:last-child { + padding-right: 2.5rem; + } + .table.gs-xl-10 th.dtr-control:first-child, .table.gs-xl-10 td.dtr-control:first-child { + padding-left: 2.5rem !important; + } +} +@media (min-width: 1400px) { + .table.g-xxl-0 th, .table.g-xxl-0 td { + padding: 0rem; + } + .table.g-xxl-0 th.dtr-control, .table.g-xxl-0 td.dtr-control { + padding-left: 0rem !important; + } + .table.gy-xxl-0 th, .table.gy-xxl-0 td { + padding-top: 0rem; + padding-bottom: 0rem; + } + .table.gx-xxl-0 th, .table.gx-xxl-0 td { + padding-left: 0rem; + padding-right: 0rem; + } + .table.gx-xxl-0 th.dtr-control, .table.gx-xxl-0 td.dtr-control { + padding-left: 0rem !important; + } + .table.gs-xxl-0 th:first-child, .table.gs-xxl-0 td:first-child { + padding-left: 0rem; + } + .table.gs-xxl-0 th:last-child, .table.gs-xxl-0 td:last-child { + padding-right: 0rem; + } + .table.gs-xxl-0 th.dtr-control:first-child, .table.gs-xxl-0 td.dtr-control:first-child { + padding-left: 0rem !important; + } + .table.g-xxl-1 th, .table.g-xxl-1 td { + padding: 0.25rem; + } + .table.g-xxl-1 th.dtr-control, .table.g-xxl-1 td.dtr-control { + padding-left: 0.25rem !important; + } + .table.gy-xxl-1 th, .table.gy-xxl-1 td { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + } + .table.gx-xxl-1 th, .table.gx-xxl-1 td { + padding-left: 0.25rem; + padding-right: 0.25rem; + } + .table.gx-xxl-1 th.dtr-control, .table.gx-xxl-1 td.dtr-control { + padding-left: 0.25rem !important; + } + .table.gs-xxl-1 th:first-child, .table.gs-xxl-1 td:first-child { + padding-left: 0.25rem; + } + .table.gs-xxl-1 th:last-child, .table.gs-xxl-1 td:last-child { + padding-right: 0.25rem; + } + .table.gs-xxl-1 th.dtr-control:first-child, .table.gs-xxl-1 td.dtr-control:first-child { + padding-left: 0.25rem !important; + } + .table.g-xxl-2 th, .table.g-xxl-2 td { + padding: 0.5rem; + } + .table.g-xxl-2 th.dtr-control, .table.g-xxl-2 td.dtr-control { + padding-left: 0.5rem !important; + } + .table.gy-xxl-2 th, .table.gy-xxl-2 td { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } + .table.gx-xxl-2 th, .table.gx-xxl-2 td { + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .table.gx-xxl-2 th.dtr-control, .table.gx-xxl-2 td.dtr-control { + padding-left: 0.5rem !important; + } + .table.gs-xxl-2 th:first-child, .table.gs-xxl-2 td:first-child { + padding-left: 0.5rem; + } + .table.gs-xxl-2 th:last-child, .table.gs-xxl-2 td:last-child { + padding-right: 0.5rem; + } + .table.gs-xxl-2 th.dtr-control:first-child, .table.gs-xxl-2 td.dtr-control:first-child { + padding-left: 0.5rem !important; + } + .table.g-xxl-3 th, .table.g-xxl-3 td { + padding: 0.75rem; + } + .table.g-xxl-3 th.dtr-control, .table.g-xxl-3 td.dtr-control { + padding-left: 0.75rem !important; + } + .table.gy-xxl-3 th, .table.gy-xxl-3 td { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + .table.gx-xxl-3 th, .table.gx-xxl-3 td { + padding-left: 0.75rem; + padding-right: 0.75rem; + } + .table.gx-xxl-3 th.dtr-control, .table.gx-xxl-3 td.dtr-control { + padding-left: 0.75rem !important; + } + .table.gs-xxl-3 th:first-child, .table.gs-xxl-3 td:first-child { + padding-left: 0.75rem; + } + .table.gs-xxl-3 th:last-child, .table.gs-xxl-3 td:last-child { + padding-right: 0.75rem; + } + .table.gs-xxl-3 th.dtr-control:first-child, .table.gs-xxl-3 td.dtr-control:first-child { + padding-left: 0.75rem !important; + } + .table.g-xxl-4 th, .table.g-xxl-4 td { + padding: 1rem; + } + .table.g-xxl-4 th.dtr-control, .table.g-xxl-4 td.dtr-control { + padding-left: 1rem !important; + } + .table.gy-xxl-4 th, .table.gy-xxl-4 td { + padding-top: 1rem; + padding-bottom: 1rem; + } + .table.gx-xxl-4 th, .table.gx-xxl-4 td { + padding-left: 1rem; + padding-right: 1rem; + } + .table.gx-xxl-4 th.dtr-control, .table.gx-xxl-4 td.dtr-control { + padding-left: 1rem !important; + } + .table.gs-xxl-4 th:first-child, .table.gs-xxl-4 td:first-child { + padding-left: 1rem; + } + .table.gs-xxl-4 th:last-child, .table.gs-xxl-4 td:last-child { + padding-right: 1rem; + } + .table.gs-xxl-4 th.dtr-control:first-child, .table.gs-xxl-4 td.dtr-control:first-child { + padding-left: 1rem !important; + } + .table.g-xxl-5 th, .table.g-xxl-5 td { + padding: 1.25rem; + } + .table.g-xxl-5 th.dtr-control, .table.g-xxl-5 td.dtr-control { + padding-left: 1.25rem !important; + } + .table.gy-xxl-5 th, .table.gy-xxl-5 td { + padding-top: 1.25rem; + padding-bottom: 1.25rem; + } + .table.gx-xxl-5 th, .table.gx-xxl-5 td { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + .table.gx-xxl-5 th.dtr-control, .table.gx-xxl-5 td.dtr-control { + padding-left: 1.25rem !important; + } + .table.gs-xxl-5 th:first-child, .table.gs-xxl-5 td:first-child { + padding-left: 1.25rem; + } + .table.gs-xxl-5 th:last-child, .table.gs-xxl-5 td:last-child { + padding-right: 1.25rem; + } + .table.gs-xxl-5 th.dtr-control:first-child, .table.gs-xxl-5 td.dtr-control:first-child { + padding-left: 1.25rem !important; + } + .table.g-xxl-6 th, .table.g-xxl-6 td { + padding: 1.5rem; + } + .table.g-xxl-6 th.dtr-control, .table.g-xxl-6 td.dtr-control { + padding-left: 1.5rem !important; + } + .table.gy-xxl-6 th, .table.gy-xxl-6 td { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + .table.gx-xxl-6 th, .table.gx-xxl-6 td { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .table.gx-xxl-6 th.dtr-control, .table.gx-xxl-6 td.dtr-control { + padding-left: 1.5rem !important; + } + .table.gs-xxl-6 th:first-child, .table.gs-xxl-6 td:first-child { + padding-left: 1.5rem; + } + .table.gs-xxl-6 th:last-child, .table.gs-xxl-6 td:last-child { + padding-right: 1.5rem; + } + .table.gs-xxl-6 th.dtr-control:first-child, .table.gs-xxl-6 td.dtr-control:first-child { + padding-left: 1.5rem !important; + } + .table.g-xxl-7 th, .table.g-xxl-7 td { + padding: 1.75rem; + } + .table.g-xxl-7 th.dtr-control, .table.g-xxl-7 td.dtr-control { + padding-left: 1.75rem !important; + } + .table.gy-xxl-7 th, .table.gy-xxl-7 td { + padding-top: 1.75rem; + padding-bottom: 1.75rem; + } + .table.gx-xxl-7 th, .table.gx-xxl-7 td { + padding-left: 1.75rem; + padding-right: 1.75rem; + } + .table.gx-xxl-7 th.dtr-control, .table.gx-xxl-7 td.dtr-control { + padding-left: 1.75rem !important; + } + .table.gs-xxl-7 th:first-child, .table.gs-xxl-7 td:first-child { + padding-left: 1.75rem; + } + .table.gs-xxl-7 th:last-child, .table.gs-xxl-7 td:last-child { + padding-right: 1.75rem; + } + .table.gs-xxl-7 th.dtr-control:first-child, .table.gs-xxl-7 td.dtr-control:first-child { + padding-left: 1.75rem !important; + } + .table.g-xxl-8 th, .table.g-xxl-8 td { + padding: 2rem; + } + .table.g-xxl-8 th.dtr-control, .table.g-xxl-8 td.dtr-control { + padding-left: 2rem !important; + } + .table.gy-xxl-8 th, .table.gy-xxl-8 td { + padding-top: 2rem; + padding-bottom: 2rem; + } + .table.gx-xxl-8 th, .table.gx-xxl-8 td { + padding-left: 2rem; + padding-right: 2rem; + } + .table.gx-xxl-8 th.dtr-control, .table.gx-xxl-8 td.dtr-control { + padding-left: 2rem !important; + } + .table.gs-xxl-8 th:first-child, .table.gs-xxl-8 td:first-child { + padding-left: 2rem; + } + .table.gs-xxl-8 th:last-child, .table.gs-xxl-8 td:last-child { + padding-right: 2rem; + } + .table.gs-xxl-8 th.dtr-control:first-child, .table.gs-xxl-8 td.dtr-control:first-child { + padding-left: 2rem !important; + } + .table.g-xxl-9 th, .table.g-xxl-9 td { + padding: 2.25rem; + } + .table.g-xxl-9 th.dtr-control, .table.g-xxl-9 td.dtr-control { + padding-left: 2.25rem !important; + } + .table.gy-xxl-9 th, .table.gy-xxl-9 td { + padding-top: 2.25rem; + padding-bottom: 2.25rem; + } + .table.gx-xxl-9 th, .table.gx-xxl-9 td { + padding-left: 2.25rem; + padding-right: 2.25rem; + } + .table.gx-xxl-9 th.dtr-control, .table.gx-xxl-9 td.dtr-control { + padding-left: 2.25rem !important; + } + .table.gs-xxl-9 th:first-child, .table.gs-xxl-9 td:first-child { + padding-left: 2.25rem; + } + .table.gs-xxl-9 th:last-child, .table.gs-xxl-9 td:last-child { + padding-right: 2.25rem; + } + .table.gs-xxl-9 th.dtr-control:first-child, .table.gs-xxl-9 td.dtr-control:first-child { + padding-left: 2.25rem !important; + } + .table.g-xxl-10 th, .table.g-xxl-10 td { + padding: 2.5rem; + } + .table.g-xxl-10 th.dtr-control, .table.g-xxl-10 td.dtr-control { + padding-left: 2.5rem !important; + } + .table.gy-xxl-10 th, .table.gy-xxl-10 td { + padding-top: 2.5rem; + padding-bottom: 2.5rem; + } + .table.gx-xxl-10 th, .table.gx-xxl-10 td { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + .table.gx-xxl-10 th.dtr-control, .table.gx-xxl-10 td.dtr-control { + padding-left: 2.5rem !important; + } + .table.gs-xxl-10 th:first-child, .table.gs-xxl-10 td:first-child { + padding-left: 2.5rem; + } + .table.gs-xxl-10 th:last-child, .table.gs-xxl-10 td:last-child { + padding-right: 2.5rem; + } + .table.gs-xxl-10 th.dtr-control:first-child, .table.gs-xxl-10 td.dtr-control:first-child { + padding-left: 2.5rem !important; + } +} +.popover { + --bs-popover-header-border-color: #F1F1F4; +} +.popover .popover-header { + font-size: 1rem; + font-weight: 500; + border-bottom: 1px solid var(--bs-popover-header-border-color); +} +.popover .popover-dismiss { + position: absolute; + top: 0.85rem; + right: 0.85rem; + height: 1.25rem; + width: 1.25rem; + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--bs-gray-500); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-gray-500%29'%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"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-gray-500%29'%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"); + mask-size: 50%; + -webkit-mask-size: 50%; +} +.popover .popover-dismiss:hover { + background-color: var(--bs-primary); +} +.popover .popover-dismiss + .popover-header { + padding-right: 2.5rem; +} + +.popover-inverse { + --bs-popover-bg: var(--bs-gray-900); + --bs-popover-border-color: var(--bs-gray-900); + --bs-popover-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); + --bs-popover-header-color: var(--bs-gray-200); + --bs-popover-header-bg: var(--bs-gray-900); + --bs-popover-body-color: var(--bs-gray-400); + --bs-popover-arrow-border: transparent; + --bs-popover-header-border-color: var(--bs-gray-800); +} + +[data-bs-theme=dark] .popover:not(.popover-inverse) { + --bs-popover-bg: #26272F; + --bs-popover-border-color: #26272F; + --bs-popover-header-bg: #26272F; + --bs-popover-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); + --bs-popover-header-border-color: #363843; +} + +.tooltip .tooltip-inner { + box-shadow: var(--bs-tooltip-box-shadow); +} +.tooltip.tooltop-auto-width .tooltip-inner { + white-space: nowrap; + max-width: none; +} +.tooltip.tooltip-inverse { + --bs-tooltip-color: var(--bs-dark-inverse); + --bs-tooltip-bg: var(--bs-dark); +} + +[data-bs-theme=dark] .tooltip:not(.tooltip-inverse) { + --bs-tooltip-bg: #26272F; + --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15); +} + +.accordion .accordion-header { + cursor: pointer; +} +.accordion.accordion-icon-toggle .accordion-icon { + display: flex; + flex-shrink: 0; + transition: all 0.2s ease-in-out; + transform: rotate(90deg); + align-items: center; + justify-content: center; +} +.accordion.accordion-icon-toggle .accordion-icon i, +.accordion.accordion-icon-toggle .accordion-icon .svg-icon { + color: var(--bs-primary); +} +.accordion.accordion-icon-toggle .collapsed .accordion-icon { + transition: all 0.2s ease-in-out; + transform: rotate(0); +} +.accordion.accordion-icon-toggle .collapsed .accordion-icon i, +.accordion.accordion-icon-toggle .collapsed .accordion-icon .svg-icon { + color: var(--bs-text-muted); +} +.accordion.accordion-icon-collapse .accordion-icon { + display: flex; + flex-shrink: 0; + align-items: center; + justify-content: center; + transition: all 0.2s ease-in-out; +} +.accordion.accordion-icon-collapse .accordion-icon .accordion-icon-on { + display: inline-flex; +} +.accordion.accordion-icon-collapse .accordion-icon .accordion-icon-off { + display: none; +} +.accordion.accordion-icon-collapse .accordion-icon i, +.accordion.accordion-icon-collapse .accordion-icon .svg-icon { + color: var(--bs-primary); +} +.accordion.accordion-icon-collapse .collapsed .accordion-icon { + transition: all 0.2s ease-in-out; +} +.accordion.accordion-icon-collapse .collapsed .accordion-icon .accordion-icon-on { + display: none; +} +.accordion.accordion-icon-collapse .collapsed .accordion-icon .accordion-icon-off { + display: inline-flex; +} +.accordion.accordion-icon-collapse .collapsed .accordion-icon i, +.accordion.accordion-icon-collapse .collapsed .accordion-icon .svg-icon { + color: var(--bs-text-muted); +} +.accordion.accordion-borderless .accordion-item { + border: 0; +} +.accordion.accordion-flush .accordion-item { + background-color: transparent; + border: 0; + border-radius: 0; + padding-left: 0; + padding-right: 0; +} + +.image-input { + position: relative; + display: inline-block; + border-radius: 0.95rem; + background-repeat: no-repeat; + background-size: cover; +} +.image-input:not(.image-input-empty) { + background-image: none !important; +} +.image-input .image-input-wrapper { + width: 120px; + height: 120px; + border-radius: 0.95rem; + background-repeat: no-repeat; + background-size: cover; +} +.image-input [data-kt-image-input-action] { + cursor: pointer; + position: absolute; + transform: translate(-50%, -50%); +} +.image-input [data-kt-image-input-action=change] { + left: 100%; + top: 0; +} +.image-input [data-kt-image-input-action=change] input { + width: 0 !important; + height: 0 !important; + overflow: hidden; + opacity: 0; +} +.image-input [data-kt-image-input-action=cancel], +.image-input [data-kt-image-input-action=remove] { + position: absolute; + left: 100%; + top: 100%; +} +.image-input [data-kt-image-input-action=cancel] { + display: none; +} +.image-input.image-input-changed [data-kt-image-input-action=cancel] { + display: flex; +} +.image-input.image-input-changed [data-kt-image-input-action=remove] { + display: none; +} +.image-input.image-input-empty [data-kt-image-input-action=remove], +.image-input.image-input-empty [data-kt-image-input-action=cancel] { + display: none; +} +.image-input.image-input-circle { + border-radius: 50%; +} +.image-input.image-input-circle .image-input-wrapper { + border-radius: 50%; +} +.image-input.image-input-circle [data-kt-image-input-action=change] { + left: 100%; + top: 0; + transform: translate(-100%, 0%); +} +.image-input.image-input-circle [data-kt-image-input-action=cancel], +.image-input.image-input-circle [data-kt-image-input-action=remove] { + left: 100%; + top: 100%; + transform: translate(-100%, -100%); +} +.image-input.image-input-outline .image-input-wrapper { + border: 3px solid var(--bs-body-bg); + box-shadow: var(--bs-box-shadow); +} + +.symbol { + display: inline-block; + flex-shrink: 0; + position: relative; + border-radius: 0.95rem; +} +.symbol .symbol-label { + display: flex; + align-items: center; + justify-content: center; + font-weight: 500; + color: var(--bs-symbol-label-color); + background-color: var(--bs-symbol-label-bg); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + border-radius: 0.95rem; +} +.symbol .symbol-label:after { + border-radius: 0.95rem; +} +.symbol .symbol-badge { + position: absolute; + border-radius: 100%; + top: 0; + left: 50%; + transform: translateX(-50%) translateY(-50%) !important; +} +.symbol > img { + width: 100%; + flex-shrink: 0; + display: inline-block; + border-radius: 0.95rem; +} +.symbol.symbol-square, +.symbol.symbol-square > img, +.symbol.symbol-square .symbol-label { + border-radius: 0 !important; +} +.symbol.symbol-circle, +.symbol.symbol-circle > img, +.symbol.symbol-circle .symbol-label { + border-radius: 50%; +} +.symbol.symbol-circle:after, +.symbol.symbol-circle > img:after, +.symbol.symbol-circle .symbol-label:after { + border-radius: 50%; +} +.symbol > img { + width: 50px; + height: 50px; +} +.symbol .symbol-label { + width: 50px; + height: 50px; +} +.symbol.symbol-fixed .symbol-label { + width: 50px; + height: 50px; +} +.symbol.symbol-fixed > img { + width: 50px; + height: 50px; + max-width: none; +} +.symbol.symbol-2by3 .symbol-label { + height: 50px; + width: 75px; +} +.symbol.symbol-2by3 > img { + height: 50px; + width: 75px; + max-width: none; +} +.symbol.symbol-20px > img { + width: 20px; + height: 20px; +} +.symbol.symbol-20px .symbol-label { + width: 20px; + height: 20px; +} +.symbol.symbol-20px.symbol-fixed .symbol-label { + width: 20px; + height: 20px; +} +.symbol.symbol-20px.symbol-fixed > img { + width: 20px; + height: 20px; + max-width: none; +} +.symbol.symbol-20px.symbol-2by3 .symbol-label { + height: 20px; + width: 30px; +} +.symbol.symbol-20px.symbol-2by3 > img { + height: 20px; + width: 30px; + max-width: none; +} +.symbol.symbol-25px > img { + width: 25px; + height: 25px; +} +.symbol.symbol-25px .symbol-label { + width: 25px; + height: 25px; +} +.symbol.symbol-25px.symbol-fixed .symbol-label { + width: 25px; + height: 25px; +} +.symbol.symbol-25px.symbol-fixed > img { + width: 25px; + height: 25px; + max-width: none; +} +.symbol.symbol-25px.symbol-2by3 .symbol-label { + height: 25px; + width: 37.5px; +} +.symbol.symbol-25px.symbol-2by3 > img { + height: 25px; + width: 37.5px; + max-width: none; +} +.symbol.symbol-30px > img { + width: 30px; + height: 30px; +} +.symbol.symbol-30px .symbol-label { + width: 30px; + height: 30px; +} +.symbol.symbol-30px.symbol-fixed .symbol-label { + width: 30px; + height: 30px; +} +.symbol.symbol-30px.symbol-fixed > img { + width: 30px; + height: 30px; + max-width: none; +} +.symbol.symbol-30px.symbol-2by3 .symbol-label { + height: 30px; + width: 45px; +} +.symbol.symbol-30px.symbol-2by3 > img { + height: 30px; + width: 45px; + max-width: none; +} +.symbol.symbol-35px > img { + width: 35px; + height: 35px; +} +.symbol.symbol-35px .symbol-label { + width: 35px; + height: 35px; +} +.symbol.symbol-35px.symbol-fixed .symbol-label { + width: 35px; + height: 35px; +} +.symbol.symbol-35px.symbol-fixed > img { + width: 35px; + height: 35px; + max-width: none; +} +.symbol.symbol-35px.symbol-2by3 .symbol-label { + height: 35px; + width: 52.5px; +} +.symbol.symbol-35px.symbol-2by3 > img { + height: 35px; + width: 52.5px; + max-width: none; +} +.symbol.symbol-40px > img { + width: 40px; + height: 40px; +} +.symbol.symbol-40px .symbol-label { + width: 40px; + height: 40px; +} +.symbol.symbol-40px.symbol-fixed .symbol-label { + width: 40px; + height: 40px; +} +.symbol.symbol-40px.symbol-fixed > img { + width: 40px; + height: 40px; + max-width: none; +} +.symbol.symbol-40px.symbol-2by3 .symbol-label { + height: 40px; + width: 60px; +} +.symbol.symbol-40px.symbol-2by3 > img { + height: 40px; + width: 60px; + max-width: none; +} +.symbol.symbol-45px > img { + width: 45px; + height: 45px; +} +.symbol.symbol-45px .symbol-label { + width: 45px; + height: 45px; +} +.symbol.symbol-45px.symbol-fixed .symbol-label { + width: 45px; + height: 45px; +} +.symbol.symbol-45px.symbol-fixed > img { + width: 45px; + height: 45px; + max-width: none; +} +.symbol.symbol-45px.symbol-2by3 .symbol-label { + height: 45px; + width: 67.5px; +} +.symbol.symbol-45px.symbol-2by3 > img { + height: 45px; + width: 67.5px; + max-width: none; +} +.symbol.symbol-50px > img { + width: 50px; + height: 50px; +} +.symbol.symbol-50px .symbol-label { + width: 50px; + height: 50px; +} +.symbol.symbol-50px.symbol-fixed .symbol-label { + width: 50px; + height: 50px; +} +.symbol.symbol-50px.symbol-fixed > img { + width: 50px; + height: 50px; + max-width: none; +} +.symbol.symbol-50px.symbol-2by3 .symbol-label { + height: 50px; + width: 75px; +} +.symbol.symbol-50px.symbol-2by3 > img { + height: 50px; + width: 75px; + max-width: none; +} +.symbol.symbol-55px > img { + width: 55px; + height: 55px; +} +.symbol.symbol-55px .symbol-label { + width: 55px; + height: 55px; +} +.symbol.symbol-55px.symbol-fixed .symbol-label { + width: 55px; + height: 55px; +} +.symbol.symbol-55px.symbol-fixed > img { + width: 55px; + height: 55px; + max-width: none; +} +.symbol.symbol-55px.symbol-2by3 .symbol-label { + height: 55px; + width: 82.5px; +} +.symbol.symbol-55px.symbol-2by3 > img { + height: 55px; + width: 82.5px; + max-width: none; +} +.symbol.symbol-60px > img { + width: 60px; + height: 60px; +} +.symbol.symbol-60px .symbol-label { + width: 60px; + height: 60px; +} +.symbol.symbol-60px.symbol-fixed .symbol-label { + width: 60px; + height: 60px; +} +.symbol.symbol-60px.symbol-fixed > img { + width: 60px; + height: 60px; + max-width: none; +} +.symbol.symbol-60px.symbol-2by3 .symbol-label { + height: 60px; + width: 90px; +} +.symbol.symbol-60px.symbol-2by3 > img { + height: 60px; + width: 90px; + max-width: none; +} +.symbol.symbol-65px > img { + width: 65px; + height: 65px; +} +.symbol.symbol-65px .symbol-label { + width: 65px; + height: 65px; +} +.symbol.symbol-65px.symbol-fixed .symbol-label { + width: 65px; + height: 65px; +} +.symbol.symbol-65px.symbol-fixed > img { + width: 65px; + height: 65px; + max-width: none; +} +.symbol.symbol-65px.symbol-2by3 .symbol-label { + height: 65px; + width: 97.5px; +} +.symbol.symbol-65px.symbol-2by3 > img { + height: 65px; + width: 97.5px; + max-width: none; +} +.symbol.symbol-70px > img { + width: 70px; + height: 70px; +} +.symbol.symbol-70px .symbol-label { + width: 70px; + height: 70px; +} +.symbol.symbol-70px.symbol-fixed .symbol-label { + width: 70px; + height: 70px; +} +.symbol.symbol-70px.symbol-fixed > img { + width: 70px; + height: 70px; + max-width: none; +} +.symbol.symbol-70px.symbol-2by3 .symbol-label { + height: 70px; + width: 105px; +} +.symbol.symbol-70px.symbol-2by3 > img { + height: 70px; + width: 105px; + max-width: none; +} +.symbol.symbol-75px > img { + width: 75px; + height: 75px; +} +.symbol.symbol-75px .symbol-label { + width: 75px; + height: 75px; +} +.symbol.symbol-75px.symbol-fixed .symbol-label { + width: 75px; + height: 75px; +} +.symbol.symbol-75px.symbol-fixed > img { + width: 75px; + height: 75px; + max-width: none; +} +.symbol.symbol-75px.symbol-2by3 .symbol-label { + height: 75px; + width: 112.5px; +} +.symbol.symbol-75px.symbol-2by3 > img { + height: 75px; + width: 112.5px; + max-width: none; +} +.symbol.symbol-90px > img { + width: 90px; + height: 90px; +} +.symbol.symbol-90px .symbol-label { + width: 90px; + height: 90px; +} +.symbol.symbol-90px.symbol-fixed .symbol-label { + width: 90px; + height: 90px; +} +.symbol.symbol-90px.symbol-fixed > img { + width: 90px; + height: 90px; + max-width: none; +} +.symbol.symbol-90px.symbol-2by3 .symbol-label { + height: 90px; + width: 135px; +} +.symbol.symbol-90px.symbol-2by3 > img { + height: 90px; + width: 135px; + max-width: none; +} +.symbol.symbol-100px > img { + width: 100px; + height: 100px; +} +.symbol.symbol-100px .symbol-label { + width: 100px; + height: 100px; +} +.symbol.symbol-100px.symbol-fixed .symbol-label { + width: 100px; + height: 100px; +} +.symbol.symbol-100px.symbol-fixed > img { + width: 100px; + height: 100px; + max-width: none; +} +.symbol.symbol-100px.symbol-2by3 .symbol-label { + height: 100px; + width: 150px; +} +.symbol.symbol-100px.symbol-2by3 > img { + height: 100px; + width: 150px; + max-width: none; +} +.symbol.symbol-125px > img { + width: 125px; + height: 125px; +} +.symbol.symbol-125px .symbol-label { + width: 125px; + height: 125px; +} +.symbol.symbol-125px.symbol-fixed .symbol-label { + width: 125px; + height: 125px; +} +.symbol.symbol-125px.symbol-fixed > img { + width: 125px; + height: 125px; + max-width: none; +} +.symbol.symbol-125px.symbol-2by3 .symbol-label { + height: 125px; + width: 187.5px; +} +.symbol.symbol-125px.symbol-2by3 > img { + height: 125px; + width: 187.5px; + max-width: none; +} +.symbol.symbol-150px > img { + width: 150px; + height: 150px; +} +.symbol.symbol-150px .symbol-label { + width: 150px; + height: 150px; +} +.symbol.symbol-150px.symbol-fixed .symbol-label { + width: 150px; + height: 150px; +} +.symbol.symbol-150px.symbol-fixed > img { + width: 150px; + height: 150px; + max-width: none; +} +.symbol.symbol-150px.symbol-2by3 .symbol-label { + height: 150px; + width: 225px; +} +.symbol.symbol-150px.symbol-2by3 > img { + height: 150px; + width: 225px; + max-width: none; +} +.symbol.symbol-160px > img { + width: 160px; + height: 160px; +} +.symbol.symbol-160px .symbol-label { + width: 160px; + height: 160px; +} +.symbol.symbol-160px.symbol-fixed .symbol-label { + width: 160px; + height: 160px; +} +.symbol.symbol-160px.symbol-fixed > img { + width: 160px; + height: 160px; + max-width: none; +} +.symbol.symbol-160px.symbol-2by3 .symbol-label { + height: 160px; + width: 240px; +} +.symbol.symbol-160px.symbol-2by3 > img { + height: 160px; + width: 240px; + max-width: none; +} +.symbol.symbol-175px > img { + width: 175px; + height: 175px; +} +.symbol.symbol-175px .symbol-label { + width: 175px; + height: 175px; +} +.symbol.symbol-175px.symbol-fixed .symbol-label { + width: 175px; + height: 175px; +} +.symbol.symbol-175px.symbol-fixed > img { + width: 175px; + height: 175px; + max-width: none; +} +.symbol.symbol-175px.symbol-2by3 .symbol-label { + height: 175px; + width: 262.5px; +} +.symbol.symbol-175px.symbol-2by3 > img { + height: 175px; + width: 262.5px; + max-width: none; +} +.symbol.symbol-200px > img { + width: 200px; + height: 200px; +} +.symbol.symbol-200px .symbol-label { + width: 200px; + height: 200px; +} +.symbol.symbol-200px.symbol-fixed .symbol-label { + width: 200px; + height: 200px; +} +.symbol.symbol-200px.symbol-fixed > img { + width: 200px; + height: 200px; + max-width: none; +} +.symbol.symbol-200px.symbol-2by3 .symbol-label { + height: 200px; + width: 300px; +} +.symbol.symbol-200px.symbol-2by3 > img { + height: 200px; + width: 300px; + max-width: none; +} +@media (min-width: 576px) { + .symbol.symbol-sm-20px > img { + width: 20px; + height: 20px; + } + .symbol.symbol-sm-20px .symbol-label { + width: 20px; + height: 20px; + } + .symbol.symbol-sm-20px.symbol-fixed .symbol-label { + width: 20px; + height: 20px; + } + .symbol.symbol-sm-20px.symbol-fixed > img { + width: 20px; + height: 20px; + max-width: none; + } + .symbol.symbol-sm-20px.symbol-2by3 .symbol-label { + height: 20px; + width: 30px; + } + .symbol.symbol-sm-20px.symbol-2by3 > img { + height: 20px; + width: 30px; + max-width: none; + } + .symbol.symbol-sm-25px > img { + width: 25px; + height: 25px; + } + .symbol.symbol-sm-25px .symbol-label { + width: 25px; + height: 25px; + } + .symbol.symbol-sm-25px.symbol-fixed .symbol-label { + width: 25px; + height: 25px; + } + .symbol.symbol-sm-25px.symbol-fixed > img { + width: 25px; + height: 25px; + max-width: none; + } + .symbol.symbol-sm-25px.symbol-2by3 .symbol-label { + height: 25px; + width: 37.5px; + } + .symbol.symbol-sm-25px.symbol-2by3 > img { + height: 25px; + width: 37.5px; + max-width: none; + } + .symbol.symbol-sm-30px > img { + width: 30px; + height: 30px; + } + .symbol.symbol-sm-30px .symbol-label { + width: 30px; + height: 30px; + } + .symbol.symbol-sm-30px.symbol-fixed .symbol-label { + width: 30px; + height: 30px; + } + .symbol.symbol-sm-30px.symbol-fixed > img { + width: 30px; + height: 30px; + max-width: none; + } + .symbol.symbol-sm-30px.symbol-2by3 .symbol-label { + height: 30px; + width: 45px; + } + .symbol.symbol-sm-30px.symbol-2by3 > img { + height: 30px; + width: 45px; + max-width: none; + } + .symbol.symbol-sm-35px > img { + width: 35px; + height: 35px; + } + .symbol.symbol-sm-35px .symbol-label { + width: 35px; + height: 35px; + } + .symbol.symbol-sm-35px.symbol-fixed .symbol-label { + width: 35px; + height: 35px; + } + .symbol.symbol-sm-35px.symbol-fixed > img { + width: 35px; + height: 35px; + max-width: none; + } + .symbol.symbol-sm-35px.symbol-2by3 .symbol-label { + height: 35px; + width: 52.5px; + } + .symbol.symbol-sm-35px.symbol-2by3 > img { + height: 35px; + width: 52.5px; + max-width: none; + } + .symbol.symbol-sm-40px > img { + width: 40px; + height: 40px; + } + .symbol.symbol-sm-40px .symbol-label { + width: 40px; + height: 40px; + } + .symbol.symbol-sm-40px.symbol-fixed .symbol-label { + width: 40px; + height: 40px; + } + .symbol.symbol-sm-40px.symbol-fixed > img { + width: 40px; + height: 40px; + max-width: none; + } + .symbol.symbol-sm-40px.symbol-2by3 .symbol-label { + height: 40px; + width: 60px; + } + .symbol.symbol-sm-40px.symbol-2by3 > img { + height: 40px; + width: 60px; + max-width: none; + } + .symbol.symbol-sm-45px > img { + width: 45px; + height: 45px; + } + .symbol.symbol-sm-45px .symbol-label { + width: 45px; + height: 45px; + } + .symbol.symbol-sm-45px.symbol-fixed .symbol-label { + width: 45px; + height: 45px; + } + .symbol.symbol-sm-45px.symbol-fixed > img { + width: 45px; + height: 45px; + max-width: none; + } + .symbol.symbol-sm-45px.symbol-2by3 .symbol-label { + height: 45px; + width: 67.5px; + } + .symbol.symbol-sm-45px.symbol-2by3 > img { + height: 45px; + width: 67.5px; + max-width: none; + } + .symbol.symbol-sm-50px > img { + width: 50px; + height: 50px; + } + .symbol.symbol-sm-50px .symbol-label { + width: 50px; + height: 50px; + } + .symbol.symbol-sm-50px.symbol-fixed .symbol-label { + width: 50px; + height: 50px; + } + .symbol.symbol-sm-50px.symbol-fixed > img { + width: 50px; + height: 50px; + max-width: none; + } + .symbol.symbol-sm-50px.symbol-2by3 .symbol-label { + height: 50px; + width: 75px; + } + .symbol.symbol-sm-50px.symbol-2by3 > img { + height: 50px; + width: 75px; + max-width: none; + } + .symbol.symbol-sm-55px > img { + width: 55px; + height: 55px; + } + .symbol.symbol-sm-55px .symbol-label { + width: 55px; + height: 55px; + } + .symbol.symbol-sm-55px.symbol-fixed .symbol-label { + width: 55px; + height: 55px; + } + .symbol.symbol-sm-55px.symbol-fixed > img { + width: 55px; + height: 55px; + max-width: none; + } + .symbol.symbol-sm-55px.symbol-2by3 .symbol-label { + height: 55px; + width: 82.5px; + } + .symbol.symbol-sm-55px.symbol-2by3 > img { + height: 55px; + width: 82.5px; + max-width: none; + } + .symbol.symbol-sm-60px > img { + width: 60px; + height: 60px; + } + .symbol.symbol-sm-60px .symbol-label { + width: 60px; + height: 60px; + } + .symbol.symbol-sm-60px.symbol-fixed .symbol-label { + width: 60px; + height: 60px; + } + .symbol.symbol-sm-60px.symbol-fixed > img { + width: 60px; + height: 60px; + max-width: none; + } + .symbol.symbol-sm-60px.symbol-2by3 .symbol-label { + height: 60px; + width: 90px; + } + .symbol.symbol-sm-60px.symbol-2by3 > img { + height: 60px; + width: 90px; + max-width: none; + } + .symbol.symbol-sm-65px > img { + width: 65px; + height: 65px; + } + .symbol.symbol-sm-65px .symbol-label { + width: 65px; + height: 65px; + } + .symbol.symbol-sm-65px.symbol-fixed .symbol-label { + width: 65px; + height: 65px; + } + .symbol.symbol-sm-65px.symbol-fixed > img { + width: 65px; + height: 65px; + max-width: none; + } + .symbol.symbol-sm-65px.symbol-2by3 .symbol-label { + height: 65px; + width: 97.5px; + } + .symbol.symbol-sm-65px.symbol-2by3 > img { + height: 65px; + width: 97.5px; + max-width: none; + } + .symbol.symbol-sm-70px > img { + width: 70px; + height: 70px; + } + .symbol.symbol-sm-70px .symbol-label { + width: 70px; + height: 70px; + } + .symbol.symbol-sm-70px.symbol-fixed .symbol-label { + width: 70px; + height: 70px; + } + .symbol.symbol-sm-70px.symbol-fixed > img { + width: 70px; + height: 70px; + max-width: none; + } + .symbol.symbol-sm-70px.symbol-2by3 .symbol-label { + height: 70px; + width: 105px; + } + .symbol.symbol-sm-70px.symbol-2by3 > img { + height: 70px; + width: 105px; + max-width: none; + } + .symbol.symbol-sm-75px > img { + width: 75px; + height: 75px; + } + .symbol.symbol-sm-75px .symbol-label { + width: 75px; + height: 75px; + } + .symbol.symbol-sm-75px.symbol-fixed .symbol-label { + width: 75px; + height: 75px; + } + .symbol.symbol-sm-75px.symbol-fixed > img { + width: 75px; + height: 75px; + max-width: none; + } + .symbol.symbol-sm-75px.symbol-2by3 .symbol-label { + height: 75px; + width: 112.5px; + } + .symbol.symbol-sm-75px.symbol-2by3 > img { + height: 75px; + width: 112.5px; + max-width: none; + } + .symbol.symbol-sm-90px > img { + width: 90px; + height: 90px; + } + .symbol.symbol-sm-90px .symbol-label { + width: 90px; + height: 90px; + } + .symbol.symbol-sm-90px.symbol-fixed .symbol-label { + width: 90px; + height: 90px; + } + .symbol.symbol-sm-90px.symbol-fixed > img { + width: 90px; + height: 90px; + max-width: none; + } + .symbol.symbol-sm-90px.symbol-2by3 .symbol-label { + height: 90px; + width: 135px; + } + .symbol.symbol-sm-90px.symbol-2by3 > img { + height: 90px; + width: 135px; + max-width: none; + } + .symbol.symbol-sm-100px > img { + width: 100px; + height: 100px; + } + .symbol.symbol-sm-100px .symbol-label { + width: 100px; + height: 100px; + } + .symbol.symbol-sm-100px.symbol-fixed .symbol-label { + width: 100px; + height: 100px; + } + .symbol.symbol-sm-100px.symbol-fixed > img { + width: 100px; + height: 100px; + max-width: none; + } + .symbol.symbol-sm-100px.symbol-2by3 .symbol-label { + height: 100px; + width: 150px; + } + .symbol.symbol-sm-100px.symbol-2by3 > img { + height: 100px; + width: 150px; + max-width: none; + } + .symbol.symbol-sm-125px > img { + width: 125px; + height: 125px; + } + .symbol.symbol-sm-125px .symbol-label { + width: 125px; + height: 125px; + } + .symbol.symbol-sm-125px.symbol-fixed .symbol-label { + width: 125px; + height: 125px; + } + .symbol.symbol-sm-125px.symbol-fixed > img { + width: 125px; + height: 125px; + max-width: none; + } + .symbol.symbol-sm-125px.symbol-2by3 .symbol-label { + height: 125px; + width: 187.5px; + } + .symbol.symbol-sm-125px.symbol-2by3 > img { + height: 125px; + width: 187.5px; + max-width: none; + } + .symbol.symbol-sm-150px > img { + width: 150px; + height: 150px; + } + .symbol.symbol-sm-150px .symbol-label { + width: 150px; + height: 150px; + } + .symbol.symbol-sm-150px.symbol-fixed .symbol-label { + width: 150px; + height: 150px; + } + .symbol.symbol-sm-150px.symbol-fixed > img { + width: 150px; + height: 150px; + max-width: none; + } + .symbol.symbol-sm-150px.symbol-2by3 .symbol-label { + height: 150px; + width: 225px; + } + .symbol.symbol-sm-150px.symbol-2by3 > img { + height: 150px; + width: 225px; + max-width: none; + } + .symbol.symbol-sm-160px > img { + width: 160px; + height: 160px; + } + .symbol.symbol-sm-160px .symbol-label { + width: 160px; + height: 160px; + } + .symbol.symbol-sm-160px.symbol-fixed .symbol-label { + width: 160px; + height: 160px; + } + .symbol.symbol-sm-160px.symbol-fixed > img { + width: 160px; + height: 160px; + max-width: none; + } + .symbol.symbol-sm-160px.symbol-2by3 .symbol-label { + height: 160px; + width: 240px; + } + .symbol.symbol-sm-160px.symbol-2by3 > img { + height: 160px; + width: 240px; + max-width: none; + } + .symbol.symbol-sm-175px > img { + width: 175px; + height: 175px; + } + .symbol.symbol-sm-175px .symbol-label { + width: 175px; + height: 175px; + } + .symbol.symbol-sm-175px.symbol-fixed .symbol-label { + width: 175px; + height: 175px; + } + .symbol.symbol-sm-175px.symbol-fixed > img { + width: 175px; + height: 175px; + max-width: none; + } + .symbol.symbol-sm-175px.symbol-2by3 .symbol-label { + height: 175px; + width: 262.5px; + } + .symbol.symbol-sm-175px.symbol-2by3 > img { + height: 175px; + width: 262.5px; + max-width: none; + } + .symbol.symbol-sm-200px > img { + width: 200px; + height: 200px; + } + .symbol.symbol-sm-200px .symbol-label { + width: 200px; + height: 200px; + } + .symbol.symbol-sm-200px.symbol-fixed .symbol-label { + width: 200px; + height: 200px; + } + .symbol.symbol-sm-200px.symbol-fixed > img { + width: 200px; + height: 200px; + max-width: none; + } + .symbol.symbol-sm-200px.symbol-2by3 .symbol-label { + height: 200px; + width: 300px; + } + .symbol.symbol-sm-200px.symbol-2by3 > img { + height: 200px; + width: 300px; + max-width: none; + } +} +@media (min-width: 768px) { + .symbol.symbol-md-20px > img { + width: 20px; + height: 20px; + } + .symbol.symbol-md-20px .symbol-label { + width: 20px; + height: 20px; + } + .symbol.symbol-md-20px.symbol-fixed .symbol-label { + width: 20px; + height: 20px; + } + .symbol.symbol-md-20px.symbol-fixed > img { + width: 20px; + height: 20px; + max-width: none; + } + .symbol.symbol-md-20px.symbol-2by3 .symbol-label { + height: 20px; + width: 30px; + } + .symbol.symbol-md-20px.symbol-2by3 > img { + height: 20px; + width: 30px; + max-width: none; + } + .symbol.symbol-md-25px > img { + width: 25px; + height: 25px; + } + .symbol.symbol-md-25px .symbol-label { + width: 25px; + height: 25px; + } + .symbol.symbol-md-25px.symbol-fixed .symbol-label { + width: 25px; + height: 25px; + } + .symbol.symbol-md-25px.symbol-fixed > img { + width: 25px; + height: 25px; + max-width: none; + } + .symbol.symbol-md-25px.symbol-2by3 .symbol-label { + height: 25px; + width: 37.5px; + } + .symbol.symbol-md-25px.symbol-2by3 > img { + height: 25px; + width: 37.5px; + max-width: none; + } + .symbol.symbol-md-30px > img { + width: 30px; + height: 30px; + } + .symbol.symbol-md-30px .symbol-label { + width: 30px; + height: 30px; + } + .symbol.symbol-md-30px.symbol-fixed .symbol-label { + width: 30px; + height: 30px; + } + .symbol.symbol-md-30px.symbol-fixed > img { + width: 30px; + height: 30px; + max-width: none; + } + .symbol.symbol-md-30px.symbol-2by3 .symbol-label { + height: 30px; + width: 45px; + } + .symbol.symbol-md-30px.symbol-2by3 > img { + height: 30px; + width: 45px; + max-width: none; + } + .symbol.symbol-md-35px > img { + width: 35px; + height: 35px; + } + .symbol.symbol-md-35px .symbol-label { + width: 35px; + height: 35px; + } + .symbol.symbol-md-35px.symbol-fixed .symbol-label { + width: 35px; + height: 35px; + } + .symbol.symbol-md-35px.symbol-fixed > img { + width: 35px; + height: 35px; + max-width: none; + } + .symbol.symbol-md-35px.symbol-2by3 .symbol-label { + height: 35px; + width: 52.5px; + } + .symbol.symbol-md-35px.symbol-2by3 > img { + height: 35px; + width: 52.5px; + max-width: none; + } + .symbol.symbol-md-40px > img { + width: 40px; + height: 40px; + } + .symbol.symbol-md-40px .symbol-label { + width: 40px; + height: 40px; + } + .symbol.symbol-md-40px.symbol-fixed .symbol-label { + width: 40px; + height: 40px; + } + .symbol.symbol-md-40px.symbol-fixed > img { + width: 40px; + height: 40px; + max-width: none; + } + .symbol.symbol-md-40px.symbol-2by3 .symbol-label { + height: 40px; + width: 60px; + } + .symbol.symbol-md-40px.symbol-2by3 > img { + height: 40px; + width: 60px; + max-width: none; + } + .symbol.symbol-md-45px > img { + width: 45px; + height: 45px; + } + .symbol.symbol-md-45px .symbol-label { + width: 45px; + height: 45px; + } + .symbol.symbol-md-45px.symbol-fixed .symbol-label { + width: 45px; + height: 45px; + } + .symbol.symbol-md-45px.symbol-fixed > img { + width: 45px; + height: 45px; + max-width: none; + } + .symbol.symbol-md-45px.symbol-2by3 .symbol-label { + height: 45px; + width: 67.5px; + } + .symbol.symbol-md-45px.symbol-2by3 > img { + height: 45px; + width: 67.5px; + max-width: none; + } + .symbol.symbol-md-50px > img { + width: 50px; + height: 50px; + } + .symbol.symbol-md-50px .symbol-label { + width: 50px; + height: 50px; + } + .symbol.symbol-md-50px.symbol-fixed .symbol-label { + width: 50px; + height: 50px; + } + .symbol.symbol-md-50px.symbol-fixed > img { + width: 50px; + height: 50px; + max-width: none; + } + .symbol.symbol-md-50px.symbol-2by3 .symbol-label { + height: 50px; + width: 75px; + } + .symbol.symbol-md-50px.symbol-2by3 > img { + height: 50px; + width: 75px; + max-width: none; + } + .symbol.symbol-md-55px > img { + width: 55px; + height: 55px; + } + .symbol.symbol-md-55px .symbol-label { + width: 55px; + height: 55px; + } + .symbol.symbol-md-55px.symbol-fixed .symbol-label { + width: 55px; + height: 55px; + } + .symbol.symbol-md-55px.symbol-fixed > img { + width: 55px; + height: 55px; + max-width: none; + } + .symbol.symbol-md-55px.symbol-2by3 .symbol-label { + height: 55px; + width: 82.5px; + } + .symbol.symbol-md-55px.symbol-2by3 > img { + height: 55px; + width: 82.5px; + max-width: none; + } + .symbol.symbol-md-60px > img { + width: 60px; + height: 60px; + } + .symbol.symbol-md-60px .symbol-label { + width: 60px; + height: 60px; + } + .symbol.symbol-md-60px.symbol-fixed .symbol-label { + width: 60px; + height: 60px; + } + .symbol.symbol-md-60px.symbol-fixed > img { + width: 60px; + height: 60px; + max-width: none; + } + .symbol.symbol-md-60px.symbol-2by3 .symbol-label { + height: 60px; + width: 90px; + } + .symbol.symbol-md-60px.symbol-2by3 > img { + height: 60px; + width: 90px; + max-width: none; + } + .symbol.symbol-md-65px > img { + width: 65px; + height: 65px; + } + .symbol.symbol-md-65px .symbol-label { + width: 65px; + height: 65px; + } + .symbol.symbol-md-65px.symbol-fixed .symbol-label { + width: 65px; + height: 65px; + } + .symbol.symbol-md-65px.symbol-fixed > img { + width: 65px; + height: 65px; + max-width: none; + } + .symbol.symbol-md-65px.symbol-2by3 .symbol-label { + height: 65px; + width: 97.5px; + } + .symbol.symbol-md-65px.symbol-2by3 > img { + height: 65px; + width: 97.5px; + max-width: none; + } + .symbol.symbol-md-70px > img { + width: 70px; + height: 70px; + } + .symbol.symbol-md-70px .symbol-label { + width: 70px; + height: 70px; + } + .symbol.symbol-md-70px.symbol-fixed .symbol-label { + width: 70px; + height: 70px; + } + .symbol.symbol-md-70px.symbol-fixed > img { + width: 70px; + height: 70px; + max-width: none; + } + .symbol.symbol-md-70px.symbol-2by3 .symbol-label { + height: 70px; + width: 105px; + } + .symbol.symbol-md-70px.symbol-2by3 > img { + height: 70px; + width: 105px; + max-width: none; + } + .symbol.symbol-md-75px > img { + width: 75px; + height: 75px; + } + .symbol.symbol-md-75px .symbol-label { + width: 75px; + height: 75px; + } + .symbol.symbol-md-75px.symbol-fixed .symbol-label { + width: 75px; + height: 75px; + } + .symbol.symbol-md-75px.symbol-fixed > img { + width: 75px; + height: 75px; + max-width: none; + } + .symbol.symbol-md-75px.symbol-2by3 .symbol-label { + height: 75px; + width: 112.5px; + } + .symbol.symbol-md-75px.symbol-2by3 > img { + height: 75px; + width: 112.5px; + max-width: none; + } + .symbol.symbol-md-90px > img { + width: 90px; + height: 90px; + } + .symbol.symbol-md-90px .symbol-label { + width: 90px; + height: 90px; + } + .symbol.symbol-md-90px.symbol-fixed .symbol-label { + width: 90px; + height: 90px; + } + .symbol.symbol-md-90px.symbol-fixed > img { + width: 90px; + height: 90px; + max-width: none; + } + .symbol.symbol-md-90px.symbol-2by3 .symbol-label { + height: 90px; + width: 135px; + } + .symbol.symbol-md-90px.symbol-2by3 > img { + height: 90px; + width: 135px; + max-width: none; + } + .symbol.symbol-md-100px > img { + width: 100px; + height: 100px; + } + .symbol.symbol-md-100px .symbol-label { + width: 100px; + height: 100px; + } + .symbol.symbol-md-100px.symbol-fixed .symbol-label { + width: 100px; + height: 100px; + } + .symbol.symbol-md-100px.symbol-fixed > img { + width: 100px; + height: 100px; + max-width: none; + } + .symbol.symbol-md-100px.symbol-2by3 .symbol-label { + height: 100px; + width: 150px; + } + .symbol.symbol-md-100px.symbol-2by3 > img { + height: 100px; + width: 150px; + max-width: none; + } + .symbol.symbol-md-125px > img { + width: 125px; + height: 125px; + } + .symbol.symbol-md-125px .symbol-label { + width: 125px; + height: 125px; + } + .symbol.symbol-md-125px.symbol-fixed .symbol-label { + width: 125px; + height: 125px; + } + .symbol.symbol-md-125px.symbol-fixed > img { + width: 125px; + height: 125px; + max-width: none; + } + .symbol.symbol-md-125px.symbol-2by3 .symbol-label { + height: 125px; + width: 187.5px; + } + .symbol.symbol-md-125px.symbol-2by3 > img { + height: 125px; + width: 187.5px; + max-width: none; + } + .symbol.symbol-md-150px > img { + width: 150px; + height: 150px; + } + .symbol.symbol-md-150px .symbol-label { + width: 150px; + height: 150px; + } + .symbol.symbol-md-150px.symbol-fixed .symbol-label { + width: 150px; + height: 150px; + } + .symbol.symbol-md-150px.symbol-fixed > img { + width: 150px; + height: 150px; + max-width: none; + } + .symbol.symbol-md-150px.symbol-2by3 .symbol-label { + height: 150px; + width: 225px; + } + .symbol.symbol-md-150px.symbol-2by3 > img { + height: 150px; + width: 225px; + max-width: none; + } + .symbol.symbol-md-160px > img { + width: 160px; + height: 160px; + } + .symbol.symbol-md-160px .symbol-label { + width: 160px; + height: 160px; + } + .symbol.symbol-md-160px.symbol-fixed .symbol-label { + width: 160px; + height: 160px; + } + .symbol.symbol-md-160px.symbol-fixed > img { + width: 160px; + height: 160px; + max-width: none; + } + .symbol.symbol-md-160px.symbol-2by3 .symbol-label { + height: 160px; + width: 240px; + } + .symbol.symbol-md-160px.symbol-2by3 > img { + height: 160px; + width: 240px; + max-width: none; + } + .symbol.symbol-md-175px > img { + width: 175px; + height: 175px; + } + .symbol.symbol-md-175px .symbol-label { + width: 175px; + height: 175px; + } + .symbol.symbol-md-175px.symbol-fixed .symbol-label { + width: 175px; + height: 175px; + } + .symbol.symbol-md-175px.symbol-fixed > img { + width: 175px; + height: 175px; + max-width: none; + } + .symbol.symbol-md-175px.symbol-2by3 .symbol-label { + height: 175px; + width: 262.5px; + } + .symbol.symbol-md-175px.symbol-2by3 > img { + height: 175px; + width: 262.5px; + max-width: none; + } + .symbol.symbol-md-200px > img { + width: 200px; + height: 200px; + } + .symbol.symbol-md-200px .symbol-label { + width: 200px; + height: 200px; + } + .symbol.symbol-md-200px.symbol-fixed .symbol-label { + width: 200px; + height: 200px; + } + .symbol.symbol-md-200px.symbol-fixed > img { + width: 200px; + height: 200px; + max-width: none; + } + .symbol.symbol-md-200px.symbol-2by3 .symbol-label { + height: 200px; + width: 300px; + } + .symbol.symbol-md-200px.symbol-2by3 > img { + height: 200px; + width: 300px; + max-width: none; + } +} +@media (min-width: 992px) { + .symbol.symbol-lg-20px > img { + width: 20px; + height: 20px; + } + .symbol.symbol-lg-20px .symbol-label { + width: 20px; + height: 20px; + } + .symbol.symbol-lg-20px.symbol-fixed .symbol-label { + width: 20px; + height: 20px; + } + .symbol.symbol-lg-20px.symbol-fixed > img { + width: 20px; + height: 20px; + max-width: none; + } + .symbol.symbol-lg-20px.symbol-2by3 .symbol-label { + height: 20px; + width: 30px; + } + .symbol.symbol-lg-20px.symbol-2by3 > img { + height: 20px; + width: 30px; + max-width: none; + } + .symbol.symbol-lg-25px > img { + width: 25px; + height: 25px; + } + .symbol.symbol-lg-25px .symbol-label { + width: 25px; + height: 25px; + } + .symbol.symbol-lg-25px.symbol-fixed .symbol-label { + width: 25px; + height: 25px; + } + .symbol.symbol-lg-25px.symbol-fixed > img { + width: 25px; + height: 25px; + max-width: none; + } + .symbol.symbol-lg-25px.symbol-2by3 .symbol-label { + height: 25px; + width: 37.5px; + } + .symbol.symbol-lg-25px.symbol-2by3 > img { + height: 25px; + width: 37.5px; + max-width: none; + } + .symbol.symbol-lg-30px > img { + width: 30px; + height: 30px; + } + .symbol.symbol-lg-30px .symbol-label { + width: 30px; + height: 30px; + } + .symbol.symbol-lg-30px.symbol-fixed .symbol-label { + width: 30px; + height: 30px; + } + .symbol.symbol-lg-30px.symbol-fixed > img { + width: 30px; + height: 30px; + max-width: none; + } + .symbol.symbol-lg-30px.symbol-2by3 .symbol-label { + height: 30px; + width: 45px; + } + .symbol.symbol-lg-30px.symbol-2by3 > img { + height: 30px; + width: 45px; + max-width: none; + } + .symbol.symbol-lg-35px > img { + width: 35px; + height: 35px; + } + .symbol.symbol-lg-35px .symbol-label { + width: 35px; + height: 35px; + } + .symbol.symbol-lg-35px.symbol-fixed .symbol-label { + width: 35px; + height: 35px; + } + .symbol.symbol-lg-35px.symbol-fixed > img { + width: 35px; + height: 35px; + max-width: none; + } + .symbol.symbol-lg-35px.symbol-2by3 .symbol-label { + height: 35px; + width: 52.5px; + } + .symbol.symbol-lg-35px.symbol-2by3 > img { + height: 35px; + width: 52.5px; + max-width: none; + } + .symbol.symbol-lg-40px > img { + width: 40px; + height: 40px; + } + .symbol.symbol-lg-40px .symbol-label { + width: 40px; + height: 40px; + } + .symbol.symbol-lg-40px.symbol-fixed .symbol-label { + width: 40px; + height: 40px; + } + .symbol.symbol-lg-40px.symbol-fixed > img { + width: 40px; + height: 40px; + max-width: none; + } + .symbol.symbol-lg-40px.symbol-2by3 .symbol-label { + height: 40px; + width: 60px; + } + .symbol.symbol-lg-40px.symbol-2by3 > img { + height: 40px; + width: 60px; + max-width: none; + } + .symbol.symbol-lg-45px > img { + width: 45px; + height: 45px; + } + .symbol.symbol-lg-45px .symbol-label { + width: 45px; + height: 45px; + } + .symbol.symbol-lg-45px.symbol-fixed .symbol-label { + width: 45px; + height: 45px; + } + .symbol.symbol-lg-45px.symbol-fixed > img { + width: 45px; + height: 45px; + max-width: none; + } + .symbol.symbol-lg-45px.symbol-2by3 .symbol-label { + height: 45px; + width: 67.5px; + } + .symbol.symbol-lg-45px.symbol-2by3 > img { + height: 45px; + width: 67.5px; + max-width: none; + } + .symbol.symbol-lg-50px > img { + width: 50px; + height: 50px; + } + .symbol.symbol-lg-50px .symbol-label { + width: 50px; + height: 50px; + } + .symbol.symbol-lg-50px.symbol-fixed .symbol-label { + width: 50px; + height: 50px; + } + .symbol.symbol-lg-50px.symbol-fixed > img { + width: 50px; + height: 50px; + max-width: none; + } + .symbol.symbol-lg-50px.symbol-2by3 .symbol-label { + height: 50px; + width: 75px; + } + .symbol.symbol-lg-50px.symbol-2by3 > img { + height: 50px; + width: 75px; + max-width: none; + } + .symbol.symbol-lg-55px > img { + width: 55px; + height: 55px; + } + .symbol.symbol-lg-55px .symbol-label { + width: 55px; + height: 55px; + } + .symbol.symbol-lg-55px.symbol-fixed .symbol-label { + width: 55px; + height: 55px; + } + .symbol.symbol-lg-55px.symbol-fixed > img { + width: 55px; + height: 55px; + max-width: none; + } + .symbol.symbol-lg-55px.symbol-2by3 .symbol-label { + height: 55px; + width: 82.5px; + } + .symbol.symbol-lg-55px.symbol-2by3 > img { + height: 55px; + width: 82.5px; + max-width: none; + } + .symbol.symbol-lg-60px > img { + width: 60px; + height: 60px; + } + .symbol.symbol-lg-60px .symbol-label { + width: 60px; + height: 60px; + } + .symbol.symbol-lg-60px.symbol-fixed .symbol-label { + width: 60px; + height: 60px; + } + .symbol.symbol-lg-60px.symbol-fixed > img { + width: 60px; + height: 60px; + max-width: none; + } + .symbol.symbol-lg-60px.symbol-2by3 .symbol-label { + height: 60px; + width: 90px; + } + .symbol.symbol-lg-60px.symbol-2by3 > img { + height: 60px; + width: 90px; + max-width: none; + } + .symbol.symbol-lg-65px > img { + width: 65px; + height: 65px; + } + .symbol.symbol-lg-65px .symbol-label { + width: 65px; + height: 65px; + } + .symbol.symbol-lg-65px.symbol-fixed .symbol-label { + width: 65px; + height: 65px; + } + .symbol.symbol-lg-65px.symbol-fixed > img { + width: 65px; + height: 65px; + max-width: none; + } + .symbol.symbol-lg-65px.symbol-2by3 .symbol-label { + height: 65px; + width: 97.5px; + } + .symbol.symbol-lg-65px.symbol-2by3 > img { + height: 65px; + width: 97.5px; + max-width: none; + } + .symbol.symbol-lg-70px > img { + width: 70px; + height: 70px; + } + .symbol.symbol-lg-70px .symbol-label { + width: 70px; + height: 70px; + } + .symbol.symbol-lg-70px.symbol-fixed .symbol-label { + width: 70px; + height: 70px; + } + .symbol.symbol-lg-70px.symbol-fixed > img { + width: 70px; + height: 70px; + max-width: none; + } + .symbol.symbol-lg-70px.symbol-2by3 .symbol-label { + height: 70px; + width: 105px; + } + .symbol.symbol-lg-70px.symbol-2by3 > img { + height: 70px; + width: 105px; + max-width: none; + } + .symbol.symbol-lg-75px > img { + width: 75px; + height: 75px; + } + .symbol.symbol-lg-75px .symbol-label { + width: 75px; + height: 75px; + } + .symbol.symbol-lg-75px.symbol-fixed .symbol-label { + width: 75px; + height: 75px; + } + .symbol.symbol-lg-75px.symbol-fixed > img { + width: 75px; + height: 75px; + max-width: none; + } + .symbol.symbol-lg-75px.symbol-2by3 .symbol-label { + height: 75px; + width: 112.5px; + } + .symbol.symbol-lg-75px.symbol-2by3 > img { + height: 75px; + width: 112.5px; + max-width: none; + } + .symbol.symbol-lg-90px > img { + width: 90px; + height: 90px; + } + .symbol.symbol-lg-90px .symbol-label { + width: 90px; + height: 90px; + } + .symbol.symbol-lg-90px.symbol-fixed .symbol-label { + width: 90px; + height: 90px; + } + .symbol.symbol-lg-90px.symbol-fixed > img { + width: 90px; + height: 90px; + max-width: none; + } + .symbol.symbol-lg-90px.symbol-2by3 .symbol-label { + height: 90px; + width: 135px; + } + .symbol.symbol-lg-90px.symbol-2by3 > img { + height: 90px; + width: 135px; + max-width: none; + } + .symbol.symbol-lg-100px > img { + width: 100px; + height: 100px; + } + .symbol.symbol-lg-100px .symbol-label { + width: 100px; + height: 100px; + } + .symbol.symbol-lg-100px.symbol-fixed .symbol-label { + width: 100px; + height: 100px; + } + .symbol.symbol-lg-100px.symbol-fixed > img { + width: 100px; + height: 100px; + max-width: none; + } + .symbol.symbol-lg-100px.symbol-2by3 .symbol-label { + height: 100px; + width: 150px; + } + .symbol.symbol-lg-100px.symbol-2by3 > img { + height: 100px; + width: 150px; + max-width: none; + } + .symbol.symbol-lg-125px > img { + width: 125px; + height: 125px; + } + .symbol.symbol-lg-125px .symbol-label { + width: 125px; + height: 125px; + } + .symbol.symbol-lg-125px.symbol-fixed .symbol-label { + width: 125px; + height: 125px; + } + .symbol.symbol-lg-125px.symbol-fixed > img { + width: 125px; + height: 125px; + max-width: none; + } + .symbol.symbol-lg-125px.symbol-2by3 .symbol-label { + height: 125px; + width: 187.5px; + } + .symbol.symbol-lg-125px.symbol-2by3 > img { + height: 125px; + width: 187.5px; + max-width: none; + } + .symbol.symbol-lg-150px > img { + width: 150px; + height: 150px; + } + .symbol.symbol-lg-150px .symbol-label { + width: 150px; + height: 150px; + } + .symbol.symbol-lg-150px.symbol-fixed .symbol-label { + width: 150px; + height: 150px; + } + .symbol.symbol-lg-150px.symbol-fixed > img { + width: 150px; + height: 150px; + max-width: none; + } + .symbol.symbol-lg-150px.symbol-2by3 .symbol-label { + height: 150px; + width: 225px; + } + .symbol.symbol-lg-150px.symbol-2by3 > img { + height: 150px; + width: 225px; + max-width: none; + } + .symbol.symbol-lg-160px > img { + width: 160px; + height: 160px; + } + .symbol.symbol-lg-160px .symbol-label { + width: 160px; + height: 160px; + } + .symbol.symbol-lg-160px.symbol-fixed .symbol-label { + width: 160px; + height: 160px; + } + .symbol.symbol-lg-160px.symbol-fixed > img { + width: 160px; + height: 160px; + max-width: none; + } + .symbol.symbol-lg-160px.symbol-2by3 .symbol-label { + height: 160px; + width: 240px; + } + .symbol.symbol-lg-160px.symbol-2by3 > img { + height: 160px; + width: 240px; + max-width: none; + } + .symbol.symbol-lg-175px > img { + width: 175px; + height: 175px; + } + .symbol.symbol-lg-175px .symbol-label { + width: 175px; + height: 175px; + } + .symbol.symbol-lg-175px.symbol-fixed .symbol-label { + width: 175px; + height: 175px; + } + .symbol.symbol-lg-175px.symbol-fixed > img { + width: 175px; + height: 175px; + max-width: none; + } + .symbol.symbol-lg-175px.symbol-2by3 .symbol-label { + height: 175px; + width: 262.5px; + } + .symbol.symbol-lg-175px.symbol-2by3 > img { + height: 175px; + width: 262.5px; + max-width: none; + } + .symbol.symbol-lg-200px > img { + width: 200px; + height: 200px; + } + .symbol.symbol-lg-200px .symbol-label { + width: 200px; + height: 200px; + } + .symbol.symbol-lg-200px.symbol-fixed .symbol-label { + width: 200px; + height: 200px; + } + .symbol.symbol-lg-200px.symbol-fixed > img { + width: 200px; + height: 200px; + max-width: none; + } + .symbol.symbol-lg-200px.symbol-2by3 .symbol-label { + height: 200px; + width: 300px; + } + .symbol.symbol-lg-200px.symbol-2by3 > img { + height: 200px; + width: 300px; + max-width: none; + } +} +@media (min-width: 1200px) { + .symbol.symbol-xl-20px > img { + width: 20px; + height: 20px; + } + .symbol.symbol-xl-20px .symbol-label { + width: 20px; + height: 20px; + } + .symbol.symbol-xl-20px.symbol-fixed .symbol-label { + width: 20px; + height: 20px; + } + .symbol.symbol-xl-20px.symbol-fixed > img { + width: 20px; + height: 20px; + max-width: none; + } + .symbol.symbol-xl-20px.symbol-2by3 .symbol-label { + height: 20px; + width: 30px; + } + .symbol.symbol-xl-20px.symbol-2by3 > img { + height: 20px; + width: 30px; + max-width: none; + } + .symbol.symbol-xl-25px > img { + width: 25px; + height: 25px; + } + .symbol.symbol-xl-25px .symbol-label { + width: 25px; + height: 25px; + } + .symbol.symbol-xl-25px.symbol-fixed .symbol-label { + width: 25px; + height: 25px; + } + .symbol.symbol-xl-25px.symbol-fixed > img { + width: 25px; + height: 25px; + max-width: none; + } + .symbol.symbol-xl-25px.symbol-2by3 .symbol-label { + height: 25px; + width: 37.5px; + } + .symbol.symbol-xl-25px.symbol-2by3 > img { + height: 25px; + width: 37.5px; + max-width: none; + } + .symbol.symbol-xl-30px > img { + width: 30px; + height: 30px; + } + .symbol.symbol-xl-30px .symbol-label { + width: 30px; + height: 30px; + } + .symbol.symbol-xl-30px.symbol-fixed .symbol-label { + width: 30px; + height: 30px; + } + .symbol.symbol-xl-30px.symbol-fixed > img { + width: 30px; + height: 30px; + max-width: none; + } + .symbol.symbol-xl-30px.symbol-2by3 .symbol-label { + height: 30px; + width: 45px; + } + .symbol.symbol-xl-30px.symbol-2by3 > img { + height: 30px; + width: 45px; + max-width: none; + } + .symbol.symbol-xl-35px > img { + width: 35px; + height: 35px; + } + .symbol.symbol-xl-35px .symbol-label { + width: 35px; + height: 35px; + } + .symbol.symbol-xl-35px.symbol-fixed .symbol-label { + width: 35px; + height: 35px; + } + .symbol.symbol-xl-35px.symbol-fixed > img { + width: 35px; + height: 35px; + max-width: none; + } + .symbol.symbol-xl-35px.symbol-2by3 .symbol-label { + height: 35px; + width: 52.5px; + } + .symbol.symbol-xl-35px.symbol-2by3 > img { + height: 35px; + width: 52.5px; + max-width: none; + } + .symbol.symbol-xl-40px > img { + width: 40px; + height: 40px; + } + .symbol.symbol-xl-40px .symbol-label { + width: 40px; + height: 40px; + } + .symbol.symbol-xl-40px.symbol-fixed .symbol-label { + width: 40px; + height: 40px; + } + .symbol.symbol-xl-40px.symbol-fixed > img { + width: 40px; + height: 40px; + max-width: none; + } + .symbol.symbol-xl-40px.symbol-2by3 .symbol-label { + height: 40px; + width: 60px; + } + .symbol.symbol-xl-40px.symbol-2by3 > img { + height: 40px; + width: 60px; + max-width: none; + } + .symbol.symbol-xl-45px > img { + width: 45px; + height: 45px; + } + .symbol.symbol-xl-45px .symbol-label { + width: 45px; + height: 45px; + } + .symbol.symbol-xl-45px.symbol-fixed .symbol-label { + width: 45px; + height: 45px; + } + .symbol.symbol-xl-45px.symbol-fixed > img { + width: 45px; + height: 45px; + max-width: none; + } + .symbol.symbol-xl-45px.symbol-2by3 .symbol-label { + height: 45px; + width: 67.5px; + } + .symbol.symbol-xl-45px.symbol-2by3 > img { + height: 45px; + width: 67.5px; + max-width: none; + } + .symbol.symbol-xl-50px > img { + width: 50px; + height: 50px; + } + .symbol.symbol-xl-50px .symbol-label { + width: 50px; + height: 50px; + } + .symbol.symbol-xl-50px.symbol-fixed .symbol-label { + width: 50px; + height: 50px; + } + .symbol.symbol-xl-50px.symbol-fixed > img { + width: 50px; + height: 50px; + max-width: none; + } + .symbol.symbol-xl-50px.symbol-2by3 .symbol-label { + height: 50px; + width: 75px; + } + .symbol.symbol-xl-50px.symbol-2by3 > img { + height: 50px; + width: 75px; + max-width: none; + } + .symbol.symbol-xl-55px > img { + width: 55px; + height: 55px; + } + .symbol.symbol-xl-55px .symbol-label { + width: 55px; + height: 55px; + } + .symbol.symbol-xl-55px.symbol-fixed .symbol-label { + width: 55px; + height: 55px; + } + .symbol.symbol-xl-55px.symbol-fixed > img { + width: 55px; + height: 55px; + max-width: none; + } + .symbol.symbol-xl-55px.symbol-2by3 .symbol-label { + height: 55px; + width: 82.5px; + } + .symbol.symbol-xl-55px.symbol-2by3 > img { + height: 55px; + width: 82.5px; + max-width: none; + } + .symbol.symbol-xl-60px > img { + width: 60px; + height: 60px; + } + .symbol.symbol-xl-60px .symbol-label { + width: 60px; + height: 60px; + } + .symbol.symbol-xl-60px.symbol-fixed .symbol-label { + width: 60px; + height: 60px; + } + .symbol.symbol-xl-60px.symbol-fixed > img { + width: 60px; + height: 60px; + max-width: none; + } + .symbol.symbol-xl-60px.symbol-2by3 .symbol-label { + height: 60px; + width: 90px; + } + .symbol.symbol-xl-60px.symbol-2by3 > img { + height: 60px; + width: 90px; + max-width: none; + } + .symbol.symbol-xl-65px > img { + width: 65px; + height: 65px; + } + .symbol.symbol-xl-65px .symbol-label { + width: 65px; + height: 65px; + } + .symbol.symbol-xl-65px.symbol-fixed .symbol-label { + width: 65px; + height: 65px; + } + .symbol.symbol-xl-65px.symbol-fixed > img { + width: 65px; + height: 65px; + max-width: none; + } + .symbol.symbol-xl-65px.symbol-2by3 .symbol-label { + height: 65px; + width: 97.5px; + } + .symbol.symbol-xl-65px.symbol-2by3 > img { + height: 65px; + width: 97.5px; + max-width: none; + } + .symbol.symbol-xl-70px > img { + width: 70px; + height: 70px; + } + .symbol.symbol-xl-70px .symbol-label { + width: 70px; + height: 70px; + } + .symbol.symbol-xl-70px.symbol-fixed .symbol-label { + width: 70px; + height: 70px; + } + .symbol.symbol-xl-70px.symbol-fixed > img { + width: 70px; + height: 70px; + max-width: none; + } + .symbol.symbol-xl-70px.symbol-2by3 .symbol-label { + height: 70px; + width: 105px; + } + .symbol.symbol-xl-70px.symbol-2by3 > img { + height: 70px; + width: 105px; + max-width: none; + } + .symbol.symbol-xl-75px > img { + width: 75px; + height: 75px; + } + .symbol.symbol-xl-75px .symbol-label { + width: 75px; + height: 75px; + } + .symbol.symbol-xl-75px.symbol-fixed .symbol-label { + width: 75px; + height: 75px; + } + .symbol.symbol-xl-75px.symbol-fixed > img { + width: 75px; + height: 75px; + max-width: none; + } + .symbol.symbol-xl-75px.symbol-2by3 .symbol-label { + height: 75px; + width: 112.5px; + } + .symbol.symbol-xl-75px.symbol-2by3 > img { + height: 75px; + width: 112.5px; + max-width: none; + } + .symbol.symbol-xl-90px > img { + width: 90px; + height: 90px; + } + .symbol.symbol-xl-90px .symbol-label { + width: 90px; + height: 90px; + } + .symbol.symbol-xl-90px.symbol-fixed .symbol-label { + width: 90px; + height: 90px; + } + .symbol.symbol-xl-90px.symbol-fixed > img { + width: 90px; + height: 90px; + max-width: none; + } + .symbol.symbol-xl-90px.symbol-2by3 .symbol-label { + height: 90px; + width: 135px; + } + .symbol.symbol-xl-90px.symbol-2by3 > img { + height: 90px; + width: 135px; + max-width: none; + } + .symbol.symbol-xl-100px > img { + width: 100px; + height: 100px; + } + .symbol.symbol-xl-100px .symbol-label { + width: 100px; + height: 100px; + } + .symbol.symbol-xl-100px.symbol-fixed .symbol-label { + width: 100px; + height: 100px; + } + .symbol.symbol-xl-100px.symbol-fixed > img { + width: 100px; + height: 100px; + max-width: none; + } + .symbol.symbol-xl-100px.symbol-2by3 .symbol-label { + height: 100px; + width: 150px; + } + .symbol.symbol-xl-100px.symbol-2by3 > img { + height: 100px; + width: 150px; + max-width: none; + } + .symbol.symbol-xl-125px > img { + width: 125px; + height: 125px; + } + .symbol.symbol-xl-125px .symbol-label { + width: 125px; + height: 125px; + } + .symbol.symbol-xl-125px.symbol-fixed .symbol-label { + width: 125px; + height: 125px; + } + .symbol.symbol-xl-125px.symbol-fixed > img { + width: 125px; + height: 125px; + max-width: none; + } + .symbol.symbol-xl-125px.symbol-2by3 .symbol-label { + height: 125px; + width: 187.5px; + } + .symbol.symbol-xl-125px.symbol-2by3 > img { + height: 125px; + width: 187.5px; + max-width: none; + } + .symbol.symbol-xl-150px > img { + width: 150px; + height: 150px; + } + .symbol.symbol-xl-150px .symbol-label { + width: 150px; + height: 150px; + } + .symbol.symbol-xl-150px.symbol-fixed .symbol-label { + width: 150px; + height: 150px; + } + .symbol.symbol-xl-150px.symbol-fixed > img { + width: 150px; + height: 150px; + max-width: none; + } + .symbol.symbol-xl-150px.symbol-2by3 .symbol-label { + height: 150px; + width: 225px; + } + .symbol.symbol-xl-150px.symbol-2by3 > img { + height: 150px; + width: 225px; + max-width: none; + } + .symbol.symbol-xl-160px > img { + width: 160px; + height: 160px; + } + .symbol.symbol-xl-160px .symbol-label { + width: 160px; + height: 160px; + } + .symbol.symbol-xl-160px.symbol-fixed .symbol-label { + width: 160px; + height: 160px; + } + .symbol.symbol-xl-160px.symbol-fixed > img { + width: 160px; + height: 160px; + max-width: none; + } + .symbol.symbol-xl-160px.symbol-2by3 .symbol-label { + height: 160px; + width: 240px; + } + .symbol.symbol-xl-160px.symbol-2by3 > img { + height: 160px; + width: 240px; + max-width: none; + } + .symbol.symbol-xl-175px > img { + width: 175px; + height: 175px; + } + .symbol.symbol-xl-175px .symbol-label { + width: 175px; + height: 175px; + } + .symbol.symbol-xl-175px.symbol-fixed .symbol-label { + width: 175px; + height: 175px; + } + .symbol.symbol-xl-175px.symbol-fixed > img { + width: 175px; + height: 175px; + max-width: none; + } + .symbol.symbol-xl-175px.symbol-2by3 .symbol-label { + height: 175px; + width: 262.5px; + } + .symbol.symbol-xl-175px.symbol-2by3 > img { + height: 175px; + width: 262.5px; + max-width: none; + } + .symbol.symbol-xl-200px > img { + width: 200px; + height: 200px; + } + .symbol.symbol-xl-200px .symbol-label { + width: 200px; + height: 200px; + } + .symbol.symbol-xl-200px.symbol-fixed .symbol-label { + width: 200px; + height: 200px; + } + .symbol.symbol-xl-200px.symbol-fixed > img { + width: 200px; + height: 200px; + max-width: none; + } + .symbol.symbol-xl-200px.symbol-2by3 .symbol-label { + height: 200px; + width: 300px; + } + .symbol.symbol-xl-200px.symbol-2by3 > img { + height: 200px; + width: 300px; + max-width: none; + } +} +@media (min-width: 1400px) { + .symbol.symbol-xxl-20px > img { + width: 20px; + height: 20px; + } + .symbol.symbol-xxl-20px .symbol-label { + width: 20px; + height: 20px; + } + .symbol.symbol-xxl-20px.symbol-fixed .symbol-label { + width: 20px; + height: 20px; + } + .symbol.symbol-xxl-20px.symbol-fixed > img { + width: 20px; + height: 20px; + max-width: none; + } + .symbol.symbol-xxl-20px.symbol-2by3 .symbol-label { + height: 20px; + width: 30px; + } + .symbol.symbol-xxl-20px.symbol-2by3 > img { + height: 20px; + width: 30px; + max-width: none; + } + .symbol.symbol-xxl-25px > img { + width: 25px; + height: 25px; + } + .symbol.symbol-xxl-25px .symbol-label { + width: 25px; + height: 25px; + } + .symbol.symbol-xxl-25px.symbol-fixed .symbol-label { + width: 25px; + height: 25px; + } + .symbol.symbol-xxl-25px.symbol-fixed > img { + width: 25px; + height: 25px; + max-width: none; + } + .symbol.symbol-xxl-25px.symbol-2by3 .symbol-label { + height: 25px; + width: 37.5px; + } + .symbol.symbol-xxl-25px.symbol-2by3 > img { + height: 25px; + width: 37.5px; + max-width: none; + } + .symbol.symbol-xxl-30px > img { + width: 30px; + height: 30px; + } + .symbol.symbol-xxl-30px .symbol-label { + width: 30px; + height: 30px; + } + .symbol.symbol-xxl-30px.symbol-fixed .symbol-label { + width: 30px; + height: 30px; + } + .symbol.symbol-xxl-30px.symbol-fixed > img { + width: 30px; + height: 30px; + max-width: none; + } + .symbol.symbol-xxl-30px.symbol-2by3 .symbol-label { + height: 30px; + width: 45px; + } + .symbol.symbol-xxl-30px.symbol-2by3 > img { + height: 30px; + width: 45px; + max-width: none; + } + .symbol.symbol-xxl-35px > img { + width: 35px; + height: 35px; + } + .symbol.symbol-xxl-35px .symbol-label { + width: 35px; + height: 35px; + } + .symbol.symbol-xxl-35px.symbol-fixed .symbol-label { + width: 35px; + height: 35px; + } + .symbol.symbol-xxl-35px.symbol-fixed > img { + width: 35px; + height: 35px; + max-width: none; + } + .symbol.symbol-xxl-35px.symbol-2by3 .symbol-label { + height: 35px; + width: 52.5px; + } + .symbol.symbol-xxl-35px.symbol-2by3 > img { + height: 35px; + width: 52.5px; + max-width: none; + } + .symbol.symbol-xxl-40px > img { + width: 40px; + height: 40px; + } + .symbol.symbol-xxl-40px .symbol-label { + width: 40px; + height: 40px; + } + .symbol.symbol-xxl-40px.symbol-fixed .symbol-label { + width: 40px; + height: 40px; + } + .symbol.symbol-xxl-40px.symbol-fixed > img { + width: 40px; + height: 40px; + max-width: none; + } + .symbol.symbol-xxl-40px.symbol-2by3 .symbol-label { + height: 40px; + width: 60px; + } + .symbol.symbol-xxl-40px.symbol-2by3 > img { + height: 40px; + width: 60px; + max-width: none; + } + .symbol.symbol-xxl-45px > img { + width: 45px; + height: 45px; + } + .symbol.symbol-xxl-45px .symbol-label { + width: 45px; + height: 45px; + } + .symbol.symbol-xxl-45px.symbol-fixed .symbol-label { + width: 45px; + height: 45px; + } + .symbol.symbol-xxl-45px.symbol-fixed > img { + width: 45px; + height: 45px; + max-width: none; + } + .symbol.symbol-xxl-45px.symbol-2by3 .symbol-label { + height: 45px; + width: 67.5px; + } + .symbol.symbol-xxl-45px.symbol-2by3 > img { + height: 45px; + width: 67.5px; + max-width: none; + } + .symbol.symbol-xxl-50px > img { + width: 50px; + height: 50px; + } + .symbol.symbol-xxl-50px .symbol-label { + width: 50px; + height: 50px; + } + .symbol.symbol-xxl-50px.symbol-fixed .symbol-label { + width: 50px; + height: 50px; + } + .symbol.symbol-xxl-50px.symbol-fixed > img { + width: 50px; + height: 50px; + max-width: none; + } + .symbol.symbol-xxl-50px.symbol-2by3 .symbol-label { + height: 50px; + width: 75px; + } + .symbol.symbol-xxl-50px.symbol-2by3 > img { + height: 50px; + width: 75px; + max-width: none; + } + .symbol.symbol-xxl-55px > img { + width: 55px; + height: 55px; + } + .symbol.symbol-xxl-55px .symbol-label { + width: 55px; + height: 55px; + } + .symbol.symbol-xxl-55px.symbol-fixed .symbol-label { + width: 55px; + height: 55px; + } + .symbol.symbol-xxl-55px.symbol-fixed > img { + width: 55px; + height: 55px; + max-width: none; + } + .symbol.symbol-xxl-55px.symbol-2by3 .symbol-label { + height: 55px; + width: 82.5px; + } + .symbol.symbol-xxl-55px.symbol-2by3 > img { + height: 55px; + width: 82.5px; + max-width: none; + } + .symbol.symbol-xxl-60px > img { + width: 60px; + height: 60px; + } + .symbol.symbol-xxl-60px .symbol-label { + width: 60px; + height: 60px; + } + .symbol.symbol-xxl-60px.symbol-fixed .symbol-label { + width: 60px; + height: 60px; + } + .symbol.symbol-xxl-60px.symbol-fixed > img { + width: 60px; + height: 60px; + max-width: none; + } + .symbol.symbol-xxl-60px.symbol-2by3 .symbol-label { + height: 60px; + width: 90px; + } + .symbol.symbol-xxl-60px.symbol-2by3 > img { + height: 60px; + width: 90px; + max-width: none; + } + .symbol.symbol-xxl-65px > img { + width: 65px; + height: 65px; + } + .symbol.symbol-xxl-65px .symbol-label { + width: 65px; + height: 65px; + } + .symbol.symbol-xxl-65px.symbol-fixed .symbol-label { + width: 65px; + height: 65px; + } + .symbol.symbol-xxl-65px.symbol-fixed > img { + width: 65px; + height: 65px; + max-width: none; + } + .symbol.symbol-xxl-65px.symbol-2by3 .symbol-label { + height: 65px; + width: 97.5px; + } + .symbol.symbol-xxl-65px.symbol-2by3 > img { + height: 65px; + width: 97.5px; + max-width: none; + } + .symbol.symbol-xxl-70px > img { + width: 70px; + height: 70px; + } + .symbol.symbol-xxl-70px .symbol-label { + width: 70px; + height: 70px; + } + .symbol.symbol-xxl-70px.symbol-fixed .symbol-label { + width: 70px; + height: 70px; + } + .symbol.symbol-xxl-70px.symbol-fixed > img { + width: 70px; + height: 70px; + max-width: none; + } + .symbol.symbol-xxl-70px.symbol-2by3 .symbol-label { + height: 70px; + width: 105px; + } + .symbol.symbol-xxl-70px.symbol-2by3 > img { + height: 70px; + width: 105px; + max-width: none; + } + .symbol.symbol-xxl-75px > img { + width: 75px; + height: 75px; + } + .symbol.symbol-xxl-75px .symbol-label { + width: 75px; + height: 75px; + } + .symbol.symbol-xxl-75px.symbol-fixed .symbol-label { + width: 75px; + height: 75px; + } + .symbol.symbol-xxl-75px.symbol-fixed > img { + width: 75px; + height: 75px; + max-width: none; + } + .symbol.symbol-xxl-75px.symbol-2by3 .symbol-label { + height: 75px; + width: 112.5px; + } + .symbol.symbol-xxl-75px.symbol-2by3 > img { + height: 75px; + width: 112.5px; + max-width: none; + } + .symbol.symbol-xxl-90px > img { + width: 90px; + height: 90px; + } + .symbol.symbol-xxl-90px .symbol-label { + width: 90px; + height: 90px; + } + .symbol.symbol-xxl-90px.symbol-fixed .symbol-label { + width: 90px; + height: 90px; + } + .symbol.symbol-xxl-90px.symbol-fixed > img { + width: 90px; + height: 90px; + max-width: none; + } + .symbol.symbol-xxl-90px.symbol-2by3 .symbol-label { + height: 90px; + width: 135px; + } + .symbol.symbol-xxl-90px.symbol-2by3 > img { + height: 90px; + width: 135px; + max-width: none; + } + .symbol.symbol-xxl-100px > img { + width: 100px; + height: 100px; + } + .symbol.symbol-xxl-100px .symbol-label { + width: 100px; + height: 100px; + } + .symbol.symbol-xxl-100px.symbol-fixed .symbol-label { + width: 100px; + height: 100px; + } + .symbol.symbol-xxl-100px.symbol-fixed > img { + width: 100px; + height: 100px; + max-width: none; + } + .symbol.symbol-xxl-100px.symbol-2by3 .symbol-label { + height: 100px; + width: 150px; + } + .symbol.symbol-xxl-100px.symbol-2by3 > img { + height: 100px; + width: 150px; + max-width: none; + } + .symbol.symbol-xxl-125px > img { + width: 125px; + height: 125px; + } + .symbol.symbol-xxl-125px .symbol-label { + width: 125px; + height: 125px; + } + .symbol.symbol-xxl-125px.symbol-fixed .symbol-label { + width: 125px; + height: 125px; + } + .symbol.symbol-xxl-125px.symbol-fixed > img { + width: 125px; + height: 125px; + max-width: none; + } + .symbol.symbol-xxl-125px.symbol-2by3 .symbol-label { + height: 125px; + width: 187.5px; + } + .symbol.symbol-xxl-125px.symbol-2by3 > img { + height: 125px; + width: 187.5px; + max-width: none; + } + .symbol.symbol-xxl-150px > img { + width: 150px; + height: 150px; + } + .symbol.symbol-xxl-150px .symbol-label { + width: 150px; + height: 150px; + } + .symbol.symbol-xxl-150px.symbol-fixed .symbol-label { + width: 150px; + height: 150px; + } + .symbol.symbol-xxl-150px.symbol-fixed > img { + width: 150px; + height: 150px; + max-width: none; + } + .symbol.symbol-xxl-150px.symbol-2by3 .symbol-label { + height: 150px; + width: 225px; + } + .symbol.symbol-xxl-150px.symbol-2by3 > img { + height: 150px; + width: 225px; + max-width: none; + } + .symbol.symbol-xxl-160px > img { + width: 160px; + height: 160px; + } + .symbol.symbol-xxl-160px .symbol-label { + width: 160px; + height: 160px; + } + .symbol.symbol-xxl-160px.symbol-fixed .symbol-label { + width: 160px; + height: 160px; + } + .symbol.symbol-xxl-160px.symbol-fixed > img { + width: 160px; + height: 160px; + max-width: none; + } + .symbol.symbol-xxl-160px.symbol-2by3 .symbol-label { + height: 160px; + width: 240px; + } + .symbol.symbol-xxl-160px.symbol-2by3 > img { + height: 160px; + width: 240px; + max-width: none; + } + .symbol.symbol-xxl-175px > img { + width: 175px; + height: 175px; + } + .symbol.symbol-xxl-175px .symbol-label { + width: 175px; + height: 175px; + } + .symbol.symbol-xxl-175px.symbol-fixed .symbol-label { + width: 175px; + height: 175px; + } + .symbol.symbol-xxl-175px.symbol-fixed > img { + width: 175px; + height: 175px; + max-width: none; + } + .symbol.symbol-xxl-175px.symbol-2by3 .symbol-label { + height: 175px; + width: 262.5px; + } + .symbol.symbol-xxl-175px.symbol-2by3 > img { + height: 175px; + width: 262.5px; + max-width: none; + } + .symbol.symbol-xxl-200px > img { + width: 200px; + height: 200px; + } + .symbol.symbol-xxl-200px .symbol-label { + width: 200px; + height: 200px; + } + .symbol.symbol-xxl-200px.symbol-fixed .symbol-label { + width: 200px; + height: 200px; + } + .symbol.symbol-xxl-200px.symbol-fixed > img { + width: 200px; + height: 200px; + max-width: none; + } + .symbol.symbol-xxl-200px.symbol-2by3 .symbol-label { + height: 200px; + width: 300px; + } + .symbol.symbol-xxl-200px.symbol-2by3 > img { + height: 200px; + width: 300px; + max-width: none; + } +} + +.symbol-group { + display: flex; + flex-wrap: wrap; + align-items: center; + margin-left: 10px; +} +.symbol-group .symbol { + position: relative; + z-index: 0; + margin-left: -10px; + transition: all 0.3s ease; +} +.symbol-group .symbol:hover { + transition: all 0.3s ease; + z-index: 1; +} +.symbol-group .symbol-badge { + border: 2px solid var(--bs-body-bg); +} +.symbol-group .symbol-label { + position: relative; +} +.symbol-group .symbol-label:after { + display: block; + content: " "; + border-radius: inherit; + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + border: 2px solid var(--bs-symbol-border-color); + -webkit-background-clip: padding-box; /* for Safari */ + background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ +} +.symbol-group.symbol-hover .symbol { + cursor: pointer; +} + +.pulse { + position: relative; +} +.pulse.pulse-light .pulse-ring { + border-color: var(--bs-light); +} +.pulse.pulse-primary .pulse-ring { + border-color: var(--bs-primary); +} +.pulse.pulse-secondary .pulse-ring { + border-color: var(--bs-secondary); +} +.pulse.pulse-success .pulse-ring { + border-color: var(--bs-success); +} +.pulse.pulse-info .pulse-ring { + border-color: var(--bs-info); +} +.pulse.pulse-warning .pulse-ring { + border-color: var(--bs-warning); +} +.pulse.pulse-danger .pulse-ring { + border-color: var(--bs-danger); +} +.pulse.pulse-dark .pulse-ring { + border-color: var(--bs-dark); +} + +.pulse-ring { + display: block; + border-radius: 40px; + height: 40px; + width: 40px; + position: absolute; + animation: animation-pulse 3.5s ease-out; + animation-iteration-count: infinite; + opacity: 0; + border-width: 3px; + border-style: solid; + border-color: var(--bs-gray-500); +} + +@keyframes animation-pulse { + 0% { + -webkit-transform: scale(0.1, 0.1); + opacity: 0; + } + 60% { + -webkit-transform: scale(0.1, 0.1); + opacity: 0; + } + 65% { + opacity: 1; + } + 100% { + -webkit-transform: scale(1.2, 1.2); + opacity: 0; + } +} +[data-kt-app-page-loading=on] *, +.page-loading * { + transition: none !important; +} + +.page-loader { + background-color: var(--bs-body-bg); + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 10000; + display: none; +} +[data-kt-app-page-loading=on] .page-loader, .page-loading .page-loader { + display: flex; + justify-content: center; + align-items: center; +} + +.scrolltop { + position: fixed; + display: none; + cursor: pointer; + z-index: 105; + justify-content: center; + align-items: center; + width: 36px; + height: 36px; + bottom: 40px; + right: 20px; + background-color: var(--bs-scrolltop-bg-color); + box-shadow: var(--bs-scrolltop-box-shadow); + opacity: 0; + transition: color 0.2s ease; + border-radius: 0.95rem; +} +.scrolltop .svg-icon { + color: var(--bs-scrolltop-icon-color); +} +.scrolltop .svg-icon svg { + height: 24px; + width: 24px; +} +.scrolltop > i { + font-size: 1.3rem; + color: var(--bs-scrolltop-icon-color); +} +.scrolltop:hover { + background-color: var(--bs-scrolltop-bg-color-hover); +} +.scrolltop:hover .svg-icon, +.scrolltop:hover i { + color: var(--bs-scrolltop-icon-color-hover); +} +[data-kt-scrolltop=on] .scrolltop { + opacity: var(--bs-scrolltop-opacity-on); + animation: animation-scrolltop 0.4s ease-out 1; + display: flex; +} +[data-kt-scrolltop=on] .scrolltop:hover { + transition: color 0.2s ease; + opacity: var(--bs-scrolltop-opacity-hover); +} + +@media (max-width: 991.98px) { + .scrolltop { + bottom: 30px; + right: 15px; + width: 30px; + height: 30px; + } +} +@keyframes animation-scrolltop { + from { + margin-bottom: -15px; + } + to { + margin-bottom: 0; + } +} +.svg-icon { + line-height: 1; + color: var(--bs-text-muted); +} +.svg-icon svg { + height: 1.15rem; + width: 1.15rem; +} +.svg-icon.svg-icon-white { + color: var(--bs-text-white); +} +.svg-icon.svg-icon-primary { + color: var(--bs-text-primary); +} +.svg-icon.svg-icon-secondary { + color: var(--bs-text-secondary); +} +.svg-icon.svg-icon-light { + color: var(--bs-text-light); +} +.svg-icon.svg-icon-success { + color: var(--bs-text-success); +} +.svg-icon.svg-icon-info { + color: var(--bs-text-info); +} +.svg-icon.svg-icon-warning { + color: var(--bs-text-warning); +} +.svg-icon.svg-icon-danger { + color: var(--bs-text-danger); +} +.svg-icon.svg-icon-dark { + color: var(--bs-text-dark); +} +.svg-icon.svg-icon-muted { + color: var(--bs-text-muted); +} +.svg-icon.svg-icon-gray-100 { + color: var(--bs-text-gray-100); +} +.svg-icon.svg-icon-gray-200 { + color: var(--bs-text-gray-200); +} +.svg-icon.svg-icon-gray-300 { + color: var(--bs-text-gray-300); +} +.svg-icon.svg-icon-gray-400 { + color: var(--bs-text-gray-400); +} +.svg-icon.svg-icon-gray-500 { + color: var(--bs-text-gray-500); +} +.svg-icon.svg-icon-gray-600 { + color: var(--bs-text-gray-600); +} +.svg-icon.svg-icon-gray-700 { + color: var(--bs-text-gray-700); +} +.svg-icon.svg-icon-gray-800 { + color: var(--bs-text-gray-800); +} +.svg-icon.svg-icon-gray-900 { + color: var(--bs-text-gray-900); +} +.svg-icon.svg-icon-1 svg { + height: 1.75rem !important; + width: 1.75rem !important; +} +.svg-icon.svg-icon-2 svg { + height: 1.5rem !important; + width: 1.5rem !important; +} +.svg-icon.svg-icon-3 svg { + height: 1.35rem !important; + width: 1.35rem !important; +} +.svg-icon.svg-icon-4 svg { + height: 1.25rem !important; + width: 1.25rem !important; +} +.svg-icon.svg-icon-5 svg { + height: 1.15rem !important; + width: 1.15rem !important; +} +.svg-icon.svg-icon-6 svg { + height: 1.075rem !important; + width: 1.075rem !important; +} +.svg-icon.svg-icon-7 svg { + height: 0.95rem !important; + width: 0.95rem !important; +} +.svg-icon.svg-icon-8 svg { + height: 0.85rem !important; + width: 0.85rem !important; +} +.svg-icon.svg-icon-9 svg { + height: 0.75rem !important; + width: 0.75rem !important; +} +.svg-icon.svg-icon-10 svg { + height: 0.5rem !important; + width: 0.5rem !important; +} +.svg-icon.svg-icon-sm svg { + height: 0.95rem !important; + width: 0.95rem !important; +} +.svg-icon.svg-icon-base svg { + height: 1rem !important; + width: 1rem !important; +} +.svg-icon.svg-icon-lg svg { + height: 1.075rem !important; + width: 1.075rem !important; +} +.svg-icon.svg-icon-xl svg { + height: 1.21rem !important; + width: 1.21rem !important; +} +.svg-icon.svg-icon-fluid svg { + height: 100% !important; + width: 100% !important; +} +.svg-icon.svg-icon-2x svg { + height: 2rem !important; + width: 2rem !important; +} +.svg-icon.svg-icon-2qx svg { + height: 2.25rem !important; + width: 2.25rem !important; +} +.svg-icon.svg-icon-2hx svg { + height: 2.5rem !important; + width: 2.5rem !important; +} +.svg-icon.svg-icon-2tx svg { + height: 2.75rem !important; + width: 2.75rem !important; +} +.svg-icon.svg-icon-3x svg { + height: 3rem !important; + width: 3rem !important; +} +.svg-icon.svg-icon-3qx svg { + height: 3.25rem !important; + width: 3.25rem !important; +} +.svg-icon.svg-icon-3hx svg { + height: 3.5rem !important; + width: 3.5rem !important; +} +.svg-icon.svg-icon-3tx svg { + height: 3.75rem !important; + width: 3.75rem !important; +} +.svg-icon.svg-icon-4x svg { + height: 4rem !important; + width: 4rem !important; +} +.svg-icon.svg-icon-4qx svg { + height: 4.25rem !important; + width: 4.25rem !important; +} +.svg-icon.svg-icon-4hx svg { + height: 4.5rem !important; + width: 4.5rem !important; +} +.svg-icon.svg-icon-4tx svg { + height: 4.75rem !important; + width: 4.75rem !important; +} +.svg-icon.svg-icon-5x svg { + height: 5rem !important; + width: 5rem !important; +} +.svg-icon.svg-icon-5qx svg { + height: 5.25rem !important; + width: 5.25rem !important; +} +.svg-icon.svg-icon-5hx svg { + height: 5.5rem !important; + width: 5.5rem !important; +} +.svg-icon.svg-icon-5tx svg { + height: 5.75rem !important; + width: 5.75rem !important; +} +.svg-icon.svg-icon-6x svg { + height: 6rem !important; + width: 6rem !important; +} +.svg-icon.svg-icon-6qx svg { + height: 6.25rem !important; + width: 6.25rem !important; +} +.svg-icon.svg-icon-6hx svg { + height: 6.5rem !important; + width: 6.5rem !important; +} +.svg-icon.svg-icon-6tx svg { + height: 6.75rem !important; + width: 6.75rem !important; +} +.svg-icon.svg-icon-7x svg { + height: 7rem !important; + width: 7rem !important; +} +.svg-icon.svg-icon-7qx svg { + height: 7.25rem !important; + width: 7.25rem !important; +} +.svg-icon.svg-icon-7hx svg { + height: 7.5rem !important; + width: 7.5rem !important; +} +.svg-icon.svg-icon-7tx svg { + height: 7.75rem !important; + width: 7.75rem !important; +} +@media (min-width: 576px) { + .svg-icon.svg-icon-sm-1 svg { + height: 1.75rem !important; + width: 1.75rem !important; + } + .svg-icon.svg-icon-sm-2 svg { + height: 1.5rem !important; + width: 1.5rem !important; + } + .svg-icon.svg-icon-sm-3 svg { + height: 1.35rem !important; + width: 1.35rem !important; + } + .svg-icon.svg-icon-sm-4 svg { + height: 1.25rem !important; + width: 1.25rem !important; + } + .svg-icon.svg-icon-sm-5 svg { + height: 1.15rem !important; + width: 1.15rem !important; + } + .svg-icon.svg-icon-sm-6 svg { + height: 1.075rem !important; + width: 1.075rem !important; + } + .svg-icon.svg-icon-sm-7 svg { + height: 0.95rem !important; + width: 0.95rem !important; + } + .svg-icon.svg-icon-sm-8 svg { + height: 0.85rem !important; + width: 0.85rem !important; + } + .svg-icon.svg-icon-sm-9 svg { + height: 0.75rem !important; + width: 0.75rem !important; + } + .svg-icon.svg-icon-sm-10 svg { + height: 0.5rem !important; + width: 0.5rem !important; + } + .svg-icon.svg-icon-sm-sm svg { + height: 0.95rem !important; + width: 0.95rem !important; + } + .svg-icon.svg-icon-sm-base svg { + height: 1rem !important; + width: 1rem !important; + } + .svg-icon.svg-icon-sm-lg svg { + height: 1.075rem !important; + width: 1.075rem !important; + } + .svg-icon.svg-icon-sm-xl svg { + height: 1.21rem !important; + width: 1.21rem !important; + } + .svg-icon.svg-icon-sm-fluid svg { + height: 100% !important; + width: 100% !important; + } + .svg-icon.svg-icon-sm-2x svg { + height: 2rem !important; + width: 2rem !important; + } + .svg-icon.svg-icon-sm-2qx svg { + height: 2.25rem !important; + width: 2.25rem !important; + } + .svg-icon.svg-icon-sm-2hx svg { + height: 2.5rem !important; + width: 2.5rem !important; + } + .svg-icon.svg-icon-sm-2tx svg { + height: 2.75rem !important; + width: 2.75rem !important; + } + .svg-icon.svg-icon-sm-3x svg { + height: 3rem !important; + width: 3rem !important; + } + .svg-icon.svg-icon-sm-3qx svg { + height: 3.25rem !important; + width: 3.25rem !important; + } + .svg-icon.svg-icon-sm-3hx svg { + height: 3.5rem !important; + width: 3.5rem !important; + } + .svg-icon.svg-icon-sm-3tx svg { + height: 3.75rem !important; + width: 3.75rem !important; + } + .svg-icon.svg-icon-sm-4x svg { + height: 4rem !important; + width: 4rem !important; + } + .svg-icon.svg-icon-sm-4qx svg { + height: 4.25rem !important; + width: 4.25rem !important; + } + .svg-icon.svg-icon-sm-4hx svg { + height: 4.5rem !important; + width: 4.5rem !important; + } + .svg-icon.svg-icon-sm-4tx svg { + height: 4.75rem !important; + width: 4.75rem !important; + } + .svg-icon.svg-icon-sm-5x svg { + height: 5rem !important; + width: 5rem !important; + } + .svg-icon.svg-icon-sm-5qx svg { + height: 5.25rem !important; + width: 5.25rem !important; + } + .svg-icon.svg-icon-sm-5hx svg { + height: 5.5rem !important; + width: 5.5rem !important; + } + .svg-icon.svg-icon-sm-5tx svg { + height: 5.75rem !important; + width: 5.75rem !important; + } + .svg-icon.svg-icon-sm-6x svg { + height: 6rem !important; + width: 6rem !important; + } + .svg-icon.svg-icon-sm-6qx svg { + height: 6.25rem !important; + width: 6.25rem !important; + } + .svg-icon.svg-icon-sm-6hx svg { + height: 6.5rem !important; + width: 6.5rem !important; + } + .svg-icon.svg-icon-sm-6tx svg { + height: 6.75rem !important; + width: 6.75rem !important; + } + .svg-icon.svg-icon-sm-7x svg { + height: 7rem !important; + width: 7rem !important; + } + .svg-icon.svg-icon-sm-7qx svg { + height: 7.25rem !important; + width: 7.25rem !important; + } + .svg-icon.svg-icon-sm-7hx svg { + height: 7.5rem !important; + width: 7.5rem !important; + } + .svg-icon.svg-icon-sm-7tx svg { + height: 7.75rem !important; + width: 7.75rem !important; + } +} +@media (min-width: 768px) { + .svg-icon.svg-icon-md-1 svg { + height: 1.75rem !important; + width: 1.75rem !important; + } + .svg-icon.svg-icon-md-2 svg { + height: 1.5rem !important; + width: 1.5rem !important; + } + .svg-icon.svg-icon-md-3 svg { + height: 1.35rem !important; + width: 1.35rem !important; + } + .svg-icon.svg-icon-md-4 svg { + height: 1.25rem !important; + width: 1.25rem !important; + } + .svg-icon.svg-icon-md-5 svg { + height: 1.15rem !important; + width: 1.15rem !important; + } + .svg-icon.svg-icon-md-6 svg { + height: 1.075rem !important; + width: 1.075rem !important; + } + .svg-icon.svg-icon-md-7 svg { + height: 0.95rem !important; + width: 0.95rem !important; + } + .svg-icon.svg-icon-md-8 svg { + height: 0.85rem !important; + width: 0.85rem !important; + } + .svg-icon.svg-icon-md-9 svg { + height: 0.75rem !important; + width: 0.75rem !important; + } + .svg-icon.svg-icon-md-10 svg { + height: 0.5rem !important; + width: 0.5rem !important; + } + .svg-icon.svg-icon-md-sm svg { + height: 0.95rem !important; + width: 0.95rem !important; + } + .svg-icon.svg-icon-md-base svg { + height: 1rem !important; + width: 1rem !important; + } + .svg-icon.svg-icon-md-lg svg { + height: 1.075rem !important; + width: 1.075rem !important; + } + .svg-icon.svg-icon-md-xl svg { + height: 1.21rem !important; + width: 1.21rem !important; + } + .svg-icon.svg-icon-md-fluid svg { + height: 100% !important; + width: 100% !important; + } + .svg-icon.svg-icon-md-2x svg { + height: 2rem !important; + width: 2rem !important; + } + .svg-icon.svg-icon-md-2qx svg { + height: 2.25rem !important; + width: 2.25rem !important; + } + .svg-icon.svg-icon-md-2hx svg { + height: 2.5rem !important; + width: 2.5rem !important; + } + .svg-icon.svg-icon-md-2tx svg { + height: 2.75rem !important; + width: 2.75rem !important; + } + .svg-icon.svg-icon-md-3x svg { + height: 3rem !important; + width: 3rem !important; + } + .svg-icon.svg-icon-md-3qx svg { + height: 3.25rem !important; + width: 3.25rem !important; + } + .svg-icon.svg-icon-md-3hx svg { + height: 3.5rem !important; + width: 3.5rem !important; + } + .svg-icon.svg-icon-md-3tx svg { + height: 3.75rem !important; + width: 3.75rem !important; + } + .svg-icon.svg-icon-md-4x svg { + height: 4rem !important; + width: 4rem !important; + } + .svg-icon.svg-icon-md-4qx svg { + height: 4.25rem !important; + width: 4.25rem !important; + } + .svg-icon.svg-icon-md-4hx svg { + height: 4.5rem !important; + width: 4.5rem !important; + } + .svg-icon.svg-icon-md-4tx svg { + height: 4.75rem !important; + width: 4.75rem !important; + } + .svg-icon.svg-icon-md-5x svg { + height: 5rem !important; + width: 5rem !important; + } + .svg-icon.svg-icon-md-5qx svg { + height: 5.25rem !important; + width: 5.25rem !important; + } + .svg-icon.svg-icon-md-5hx svg { + height: 5.5rem !important; + width: 5.5rem !important; + } + .svg-icon.svg-icon-md-5tx svg { + height: 5.75rem !important; + width: 5.75rem !important; + } + .svg-icon.svg-icon-md-6x svg { + height: 6rem !important; + width: 6rem !important; + } + .svg-icon.svg-icon-md-6qx svg { + height: 6.25rem !important; + width: 6.25rem !important; + } + .svg-icon.svg-icon-md-6hx svg { + height: 6.5rem !important; + width: 6.5rem !important; + } + .svg-icon.svg-icon-md-6tx svg { + height: 6.75rem !important; + width: 6.75rem !important; + } + .svg-icon.svg-icon-md-7x svg { + height: 7rem !important; + width: 7rem !important; + } + .svg-icon.svg-icon-md-7qx svg { + height: 7.25rem !important; + width: 7.25rem !important; + } + .svg-icon.svg-icon-md-7hx svg { + height: 7.5rem !important; + width: 7.5rem !important; + } + .svg-icon.svg-icon-md-7tx svg { + height: 7.75rem !important; + width: 7.75rem !important; + } +} +@media (min-width: 992px) { + .svg-icon.svg-icon-lg-1 svg { + height: 1.75rem !important; + width: 1.75rem !important; + } + .svg-icon.svg-icon-lg-2 svg { + height: 1.5rem !important; + width: 1.5rem !important; + } + .svg-icon.svg-icon-lg-3 svg { + height: 1.35rem !important; + width: 1.35rem !important; + } + .svg-icon.svg-icon-lg-4 svg { + height: 1.25rem !important; + width: 1.25rem !important; + } + .svg-icon.svg-icon-lg-5 svg { + height: 1.15rem !important; + width: 1.15rem !important; + } + .svg-icon.svg-icon-lg-6 svg { + height: 1.075rem !important; + width: 1.075rem !important; + } + .svg-icon.svg-icon-lg-7 svg { + height: 0.95rem !important; + width: 0.95rem !important; + } + .svg-icon.svg-icon-lg-8 svg { + height: 0.85rem !important; + width: 0.85rem !important; + } + .svg-icon.svg-icon-lg-9 svg { + height: 0.75rem !important; + width: 0.75rem !important; + } + .svg-icon.svg-icon-lg-10 svg { + height: 0.5rem !important; + width: 0.5rem !important; + } + .svg-icon.svg-icon-lg-sm svg { + height: 0.95rem !important; + width: 0.95rem !important; + } + .svg-icon.svg-icon-lg-base svg { + height: 1rem !important; + width: 1rem !important; + } + .svg-icon.svg-icon-lg-lg svg { + height: 1.075rem !important; + width: 1.075rem !important; + } + .svg-icon.svg-icon-lg-xl svg { + height: 1.21rem !important; + width: 1.21rem !important; + } + .svg-icon.svg-icon-lg-fluid svg { + height: 100% !important; + width: 100% !important; + } + .svg-icon.svg-icon-lg-2x svg { + height: 2rem !important; + width: 2rem !important; + } + .svg-icon.svg-icon-lg-2qx svg { + height: 2.25rem !important; + width: 2.25rem !important; + } + .svg-icon.svg-icon-lg-2hx svg { + height: 2.5rem !important; + width: 2.5rem !important; + } + .svg-icon.svg-icon-lg-2tx svg { + height: 2.75rem !important; + width: 2.75rem !important; + } + .svg-icon.svg-icon-lg-3x svg { + height: 3rem !important; + width: 3rem !important; + } + .svg-icon.svg-icon-lg-3qx svg { + height: 3.25rem !important; + width: 3.25rem !important; + } + .svg-icon.svg-icon-lg-3hx svg { + height: 3.5rem !important; + width: 3.5rem !important; + } + .svg-icon.svg-icon-lg-3tx svg { + height: 3.75rem !important; + width: 3.75rem !important; + } + .svg-icon.svg-icon-lg-4x svg { + height: 4rem !important; + width: 4rem !important; + } + .svg-icon.svg-icon-lg-4qx svg { + height: 4.25rem !important; + width: 4.25rem !important; + } + .svg-icon.svg-icon-lg-4hx svg { + height: 4.5rem !important; + width: 4.5rem !important; + } + .svg-icon.svg-icon-lg-4tx svg { + height: 4.75rem !important; + width: 4.75rem !important; + } + .svg-icon.svg-icon-lg-5x svg { + height: 5rem !important; + width: 5rem !important; + } + .svg-icon.svg-icon-lg-5qx svg { + height: 5.25rem !important; + width: 5.25rem !important; + } + .svg-icon.svg-icon-lg-5hx svg { + height: 5.5rem !important; + width: 5.5rem !important; + } + .svg-icon.svg-icon-lg-5tx svg { + height: 5.75rem !important; + width: 5.75rem !important; + } + .svg-icon.svg-icon-lg-6x svg { + height: 6rem !important; + width: 6rem !important; + } + .svg-icon.svg-icon-lg-6qx svg { + height: 6.25rem !important; + width: 6.25rem !important; + } + .svg-icon.svg-icon-lg-6hx svg { + height: 6.5rem !important; + width: 6.5rem !important; + } + .svg-icon.svg-icon-lg-6tx svg { + height: 6.75rem !important; + width: 6.75rem !important; + } + .svg-icon.svg-icon-lg-7x svg { + height: 7rem !important; + width: 7rem !important; + } + .svg-icon.svg-icon-lg-7qx svg { + height: 7.25rem !important; + width: 7.25rem !important; + } + .svg-icon.svg-icon-lg-7hx svg { + height: 7.5rem !important; + width: 7.5rem !important; + } + .svg-icon.svg-icon-lg-7tx svg { + height: 7.75rem !important; + width: 7.75rem !important; + } +} +@media (min-width: 1200px) { + .svg-icon.svg-icon-xl-1 svg { + height: 1.75rem !important; + width: 1.75rem !important; + } + .svg-icon.svg-icon-xl-2 svg { + height: 1.5rem !important; + width: 1.5rem !important; + } + .svg-icon.svg-icon-xl-3 svg { + height: 1.35rem !important; + width: 1.35rem !important; + } + .svg-icon.svg-icon-xl-4 svg { + height: 1.25rem !important; + width: 1.25rem !important; + } + .svg-icon.svg-icon-xl-5 svg { + height: 1.15rem !important; + width: 1.15rem !important; + } + .svg-icon.svg-icon-xl-6 svg { + height: 1.075rem !important; + width: 1.075rem !important; + } + .svg-icon.svg-icon-xl-7 svg { + height: 0.95rem !important; + width: 0.95rem !important; + } + .svg-icon.svg-icon-xl-8 svg { + height: 0.85rem !important; + width: 0.85rem !important; + } + .svg-icon.svg-icon-xl-9 svg { + height: 0.75rem !important; + width: 0.75rem !important; + } + .svg-icon.svg-icon-xl-10 svg { + height: 0.5rem !important; + width: 0.5rem !important; + } + .svg-icon.svg-icon-xl-sm svg { + height: 0.95rem !important; + width: 0.95rem !important; + } + .svg-icon.svg-icon-xl-base svg { + height: 1rem !important; + width: 1rem !important; + } + .svg-icon.svg-icon-xl-lg svg { + height: 1.075rem !important; + width: 1.075rem !important; + } + .svg-icon.svg-icon-xl-xl svg { + height: 1.21rem !important; + width: 1.21rem !important; + } + .svg-icon.svg-icon-xl-fluid svg { + height: 100% !important; + width: 100% !important; + } + .svg-icon.svg-icon-xl-2x svg { + height: 2rem !important; + width: 2rem !important; + } + .svg-icon.svg-icon-xl-2qx svg { + height: 2.25rem !important; + width: 2.25rem !important; + } + .svg-icon.svg-icon-xl-2hx svg { + height: 2.5rem !important; + width: 2.5rem !important; + } + .svg-icon.svg-icon-xl-2tx svg { + height: 2.75rem !important; + width: 2.75rem !important; + } + .svg-icon.svg-icon-xl-3x svg { + height: 3rem !important; + width: 3rem !important; + } + .svg-icon.svg-icon-xl-3qx svg { + height: 3.25rem !important; + width: 3.25rem !important; + } + .svg-icon.svg-icon-xl-3hx svg { + height: 3.5rem !important; + width: 3.5rem !important; + } + .svg-icon.svg-icon-xl-3tx svg { + height: 3.75rem !important; + width: 3.75rem !important; + } + .svg-icon.svg-icon-xl-4x svg { + height: 4rem !important; + width: 4rem !important; + } + .svg-icon.svg-icon-xl-4qx svg { + height: 4.25rem !important; + width: 4.25rem !important; + } + .svg-icon.svg-icon-xl-4hx svg { + height: 4.5rem !important; + width: 4.5rem !important; + } + .svg-icon.svg-icon-xl-4tx svg { + height: 4.75rem !important; + width: 4.75rem !important; + } + .svg-icon.svg-icon-xl-5x svg { + height: 5rem !important; + width: 5rem !important; + } + .svg-icon.svg-icon-xl-5qx svg { + height: 5.25rem !important; + width: 5.25rem !important; + } + .svg-icon.svg-icon-xl-5hx svg { + height: 5.5rem !important; + width: 5.5rem !important; + } + .svg-icon.svg-icon-xl-5tx svg { + height: 5.75rem !important; + width: 5.75rem !important; + } + .svg-icon.svg-icon-xl-6x svg { + height: 6rem !important; + width: 6rem !important; + } + .svg-icon.svg-icon-xl-6qx svg { + height: 6.25rem !important; + width: 6.25rem !important; + } + .svg-icon.svg-icon-xl-6hx svg { + height: 6.5rem !important; + width: 6.5rem !important; + } + .svg-icon.svg-icon-xl-6tx svg { + height: 6.75rem !important; + width: 6.75rem !important; + } + .svg-icon.svg-icon-xl-7x svg { + height: 7rem !important; + width: 7rem !important; + } + .svg-icon.svg-icon-xl-7qx svg { + height: 7.25rem !important; + width: 7.25rem !important; + } + .svg-icon.svg-icon-xl-7hx svg { + height: 7.5rem !important; + width: 7.5rem !important; + } + .svg-icon.svg-icon-xl-7tx svg { + height: 7.75rem !important; + width: 7.75rem !important; + } +} +@media (min-width: 1400px) { + .svg-icon.svg-icon-xxl-1 svg { + height: 1.75rem !important; + width: 1.75rem !important; + } + .svg-icon.svg-icon-xxl-2 svg { + height: 1.5rem !important; + width: 1.5rem !important; + } + .svg-icon.svg-icon-xxl-3 svg { + height: 1.35rem !important; + width: 1.35rem !important; + } + .svg-icon.svg-icon-xxl-4 svg { + height: 1.25rem !important; + width: 1.25rem !important; + } + .svg-icon.svg-icon-xxl-5 svg { + height: 1.15rem !important; + width: 1.15rem !important; + } + .svg-icon.svg-icon-xxl-6 svg { + height: 1.075rem !important; + width: 1.075rem !important; + } + .svg-icon.svg-icon-xxl-7 svg { + height: 0.95rem !important; + width: 0.95rem !important; + } + .svg-icon.svg-icon-xxl-8 svg { + height: 0.85rem !important; + width: 0.85rem !important; + } + .svg-icon.svg-icon-xxl-9 svg { + height: 0.75rem !important; + width: 0.75rem !important; + } + .svg-icon.svg-icon-xxl-10 svg { + height: 0.5rem !important; + width: 0.5rem !important; + } + .svg-icon.svg-icon-xxl-sm svg { + height: 0.95rem !important; + width: 0.95rem !important; + } + .svg-icon.svg-icon-xxl-base svg { + height: 1rem !important; + width: 1rem !important; + } + .svg-icon.svg-icon-xxl-lg svg { + height: 1.075rem !important; + width: 1.075rem !important; + } + .svg-icon.svg-icon-xxl-xl svg { + height: 1.21rem !important; + width: 1.21rem !important; + } + .svg-icon.svg-icon-xxl-fluid svg { + height: 100% !important; + width: 100% !important; + } + .svg-icon.svg-icon-xxl-2x svg { + height: 2rem !important; + width: 2rem !important; + } + .svg-icon.svg-icon-xxl-2qx svg { + height: 2.25rem !important; + width: 2.25rem !important; + } + .svg-icon.svg-icon-xxl-2hx svg { + height: 2.5rem !important; + width: 2.5rem !important; + } + .svg-icon.svg-icon-xxl-2tx svg { + height: 2.75rem !important; + width: 2.75rem !important; + } + .svg-icon.svg-icon-xxl-3x svg { + height: 3rem !important; + width: 3rem !important; + } + .svg-icon.svg-icon-xxl-3qx svg { + height: 3.25rem !important; + width: 3.25rem !important; + } + .svg-icon.svg-icon-xxl-3hx svg { + height: 3.5rem !important; + width: 3.5rem !important; + } + .svg-icon.svg-icon-xxl-3tx svg { + height: 3.75rem !important; + width: 3.75rem !important; + } + .svg-icon.svg-icon-xxl-4x svg { + height: 4rem !important; + width: 4rem !important; + } + .svg-icon.svg-icon-xxl-4qx svg { + height: 4.25rem !important; + width: 4.25rem !important; + } + .svg-icon.svg-icon-xxl-4hx svg { + height: 4.5rem !important; + width: 4.5rem !important; + } + .svg-icon.svg-icon-xxl-4tx svg { + height: 4.75rem !important; + width: 4.75rem !important; + } + .svg-icon.svg-icon-xxl-5x svg { + height: 5rem !important; + width: 5rem !important; + } + .svg-icon.svg-icon-xxl-5qx svg { + height: 5.25rem !important; + width: 5.25rem !important; + } + .svg-icon.svg-icon-xxl-5hx svg { + height: 5.5rem !important; + width: 5.5rem !important; + } + .svg-icon.svg-icon-xxl-5tx svg { + height: 5.75rem !important; + width: 5.75rem !important; + } + .svg-icon.svg-icon-xxl-6x svg { + height: 6rem !important; + width: 6rem !important; + } + .svg-icon.svg-icon-xxl-6qx svg { + height: 6.25rem !important; + width: 6.25rem !important; + } + .svg-icon.svg-icon-xxl-6hx svg { + height: 6.5rem !important; + width: 6.5rem !important; + } + .svg-icon.svg-icon-xxl-6tx svg { + height: 6.75rem !important; + width: 6.75rem !important; + } + .svg-icon.svg-icon-xxl-7x svg { + height: 7rem !important; + width: 7rem !important; + } + .svg-icon.svg-icon-xxl-7qx svg { + height: 7.25rem !important; + width: 7.25rem !important; + } + .svg-icon.svg-icon-xxl-7hx svg { + height: 7.5rem !important; + width: 7.5rem !important; + } + .svg-icon.svg-icon-xxl-7tx svg { + height: 7.75rem !important; + width: 7.75rem !important; + } +} + +.fixed-top { + position: fixed; + z-index: 101; + top: 0; + left: 0; + right: 0; +} + +@media (min-width: 576px) { + .fixed-top-sm { + position: fixed; + z-index: 101; + top: 0; + left: 0; + right: 0; + } +} +@media (min-width: 768px) { + .fixed-top-md { + position: fixed; + z-index: 101; + top: 0; + left: 0; + right: 0; + } +} +@media (min-width: 992px) { + .fixed-top-lg { + position: fixed; + z-index: 101; + top: 0; + left: 0; + right: 0; + } +} +@media (min-width: 1200px) { + .fixed-top-xl { + position: fixed; + z-index: 101; + top: 0; + left: 0; + right: 0; + } +} +@media (min-width: 1400px) { + .fixed-top-xxl { + position: fixed; + z-index: 101; + top: 0; + left: 0; + right: 0; + } +} +.timeline { + --bs-timeline-icon-size: 38px; + --bs-timeline-icon-space: 0.35rem; +} +.timeline .timeline-item { + position: relative; + padding: 0; + margin: 0; + display: flex; + align-items: flex-start; +} +.timeline .timeline-item:last-child .timeline-line { + bottom: 100%; +} +.timeline .timeline-line { + display: block; + content: " "; + justify-content: center; + position: absolute; + z-index: 0; + left: 0; + top: var(--bs-timeline-icon-size); + bottom: 0; + transform: translate(50%); + border-left-width: 1px; + border-left-style: solid; + border-left-color: var(--bs-gray-300); + width: var(--bs-timeline-icon-size); + margin-top: var(--bs-timeline-icon-space); + margin-bottom: var(--bs-timeline-icon-space); +} +.timeline .timeline-icon { + z-index: 1; + flex-shrink: 0; + margin-right: 1rem; + width: var(--bs-timeline-icon-size); + height: var(--bs-timeline-icon-size); + display: flex; + text-align: center; + align-items: center; + justify-content: center; + border: 1px solid var(--bs-gray-300); + border-radius: 50%; +} +.timeline .timeline-content { + width: 100%; + overflow: auto; + margin-bottom: 1.5rem; +} +.timeline.timeline-center .timeline-item { + align-items: center; +} +.timeline.timeline-center .timeline-item:first-child .timeline-line { + top: 50%; +} +.timeline.timeline-center .timeline-item:last-child .timeline-line { + bottom: 50%; +} +.timeline.timeline-border-dashed .timeline-line { + border-left-style: dashed !important; +} +.timeline.timeline-border-dashed .timeline-icon { + border-style: dashed !important; +} + +.timeline-label { + position: relative; +} +.timeline-label:before { + content: ""; + position: absolute; + left: 51px; + width: 3px; + top: 0; + bottom: 0; + background-color: var(--bs-gray-200); +} +.timeline-label .timeline-item { + display: flex; + align-items: flex-start; + position: relative; + margin-bottom: 1.7rem; +} +.timeline-label .timeline-item:last-child { + margin-bottom: 0; +} +.timeline-label .timeline-label { + width: 50px; + flex-shrink: 0; + position: relative; + color: var(--bs-gray-800); +} +.timeline-label .timeline-badge { + flex-shrink: 0; + background-color: var(--bs-body-bg); + width: 1rem; + height: 1rem; + display: flex; + justify-content: center; + align-items: center; + z-index: 1; + position: relative; + margin-top: 1px; + margin-left: -0.5rem; + padding: 3px !important; + border: 6px solid var(--bs-body-bg) !important; +} +.timeline-label .timeline-content { + flex-grow: 1; +} + +.overlay { + position: relative; +} +.overlay .overlay-layer { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + display: flex; + justify-content: center; + align-items: center; + background-color: var(--bs-overlay-bg); + transition: all 0.3s ease; + opacity: 0; +} +.overlay.overlay-show .overlay-layer, .overlay.overlay-block .overlay-layer, .overlay:hover .overlay-layer { + transition: all 0.3s ease; + opacity: 1; +} +.overlay.overlay-block { + cursor: wait; +} + +.bullet { + display: inline-block; + background-color: var(--bs-bullet-bg-color); + border-radius: 6px; + width: 8px; + height: 4px; + flex-shrink: 0; +} + +.bullet-dot { + width: 4px; + height: 4px; + border-radius: 100% !important; +} + +.bullet-vertical { + width: 4px; + height: 8px; +} + +.bullet-line { + width: 5px; + height: 1px; + border-radius: 0; +} + +.drawer { + display: flex !important; + overflow: auto; + z-index: 110; + position: fixed; + top: 0; + bottom: 0; + background-color: var(--bs-drawer-bg-color); + transition: transform 0.3s ease-in-out !important; +} +.drawer.drawer-start { + left: 0; + transform: translateX(-100%); +} +.drawer.drawer-end { + right: 0; + transform: translateX(100%); +} +.drawer.drawer-bottom { + bottom: 0; + top: auto; + left: 0; + right: 0; + transform: translateY(100%); +} +.drawer.drawer-top { + top: 0; + bottom: auto; + left: 0; + right: 0; + transform: translateY(-100%); +} +.drawer.drawer-on { + transform: none; + box-shadow: var(--bs-drawer-box-shadow); + transition: transform 0.3s ease-in-out !important; +} + +.drawer-overlay { + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + overflow: hidden; + z-index: 109; + background-color: var(--bs-drawer-overlay-bg-color); + animation: animation-drawer-fade-in 0.3s ease-in-out 1; +} + +[data-kt-drawer=true] { + display: none; +} + +@keyframes animation-drawer-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@media (max-width: 991.98px) { + body[data-kt-drawer=on] { + overflow: hidden; + } +} +.badge { + display: inline-flex; + align-items: center; +} +.badge.badge-circle, .badge.badge-square { + display: inline-flex; + align-items: center; + justify-content: center; + height: 1.75rem; + min-width: 1.75rem; + padding: 0 0.1rem; + line-height: 0; +} +.badge.badge-circle { + border-radius: 50%; + padding: 0; + min-width: unset; + width: 1.75rem; +} +.badge.badge-sm { + min-width: 1.5rem; + font-size: 0.8rem; +} +.badge.badge-sm.badge-square { + height: 1.5rem; +} +.badge.badge-sm.badge-circle { + width: 1.5rem; + height: 1.5rem; +} +.badge.badge-lg { + min-width: 2rem; + font-size: 1rem; +} +.badge.badge-lg.badge-square { + height: 2rem; +} +.badge.badge-lg.badge-circle { + width: 2rem; + height: 2rem; +} + +.badge-light { + color: var(--bs-light-inverse); + background-color: var(--bs-light); +} +.badge-light.badge-outline { + border: 1px solid var(--bs-light); + background-color: transparent; + color: var(--bs-light); +} + +.badge-light-light { + background-color: var(--bs-light-light); + color: var(--bs-light); +} + +.badge-primary { + color: var(--bs-primary-inverse); + background-color: var(--bs-primary); +} +.badge-primary.badge-outline { + border: 1px solid var(--bs-primary); + background-color: transparent; + color: var(--bs-primary); +} + +.badge-light-primary { + background-color: var(--bs-primary-light); + color: var(--bs-primary); +} + +.badge-secondary { + color: var(--bs-secondary-inverse); + background-color: var(--bs-secondary); +} +.badge-secondary.badge-outline { + border: 1px solid var(--bs-secondary); + background-color: transparent; + color: var(--bs-secondary-inverse); +} + +.badge-light-secondary { + background-color: var(--bs-secondary-light); + color: var(--bs-secondary-inverse); +} + +.badge-success { + color: var(--bs-success-inverse); + background-color: var(--bs-success); +} +.badge-success.badge-outline { + border: 1px solid var(--bs-success); + background-color: transparent; + color: var(--bs-success); +} + +.badge-light-success { + background-color: var(--bs-success-light); + color: var(--bs-success); +} + +.badge-info { + color: var(--bs-info-inverse); + background-color: var(--bs-info); +} +.badge-info.badge-outline { + border: 1px solid var(--bs-info); + background-color: transparent; + color: var(--bs-info); +} + +.badge-light-info { + background-color: var(--bs-info-light); + color: var(--bs-info); +} + +.badge-warning { + color: var(--bs-warning-inverse); + background-color: var(--bs-warning); +} +.badge-warning.badge-outline { + border: 1px solid var(--bs-warning); + background-color: transparent; + color: var(--bs-warning); +} + +.badge-light-warning { + background-color: var(--bs-warning-light); + color: var(--bs-warning); +} + +.badge-danger { + color: var(--bs-danger-inverse); + background-color: var(--bs-danger); +} +.badge-danger.badge-outline { + border: 1px solid var(--bs-danger); + background-color: transparent; + color: var(--bs-danger); +} + +.badge-light-danger { + background-color: var(--bs-danger-light); + color: var(--bs-danger); +} + +.badge-dark { + color: var(--bs-dark-inverse); + background-color: var(--bs-dark); +} +.badge-dark.badge-outline { + border: 1px solid var(--bs-dark); + background-color: transparent; + color: var(--bs-dark); +} + +.badge-light-dark { + background-color: var(--bs-dark-light); + color: var(--bs-dark); +} + +.indicator-progress { + display: none; +} +[data-kt-indicator=on] > .indicator-progress { + display: inline-block; +} + +[data-kt-indicator=on] > .indicator-label { + display: none; +} + +.hover-elevate-up { + transition: transform 0.3s ease; +} +.hover-elevate-up:hover { + transform: translateY(-2.5%); + transition: transform 0.3s ease; + will-change: transform; +} + +.hover-elevate-down { + transition: transform 0.3s ease; +} +.hover-elevate-down:hover { + transform: translateY(2.5%); + transition: transform 0.3s ease; + will-change: transform; +} + +.hover-scale { + transition: transform 0.3s ease; +} +.hover-scale:hover { + transform: scale(1.1); + transition: transform 0.3s ease; + will-change: transform; +} + +.hover-rotate-end { + transition: transform 0.3s ease; +} +.hover-rotate-end:hover { + transform: rotate(4deg); + transition: transform 0.3s ease; + will-change: transform; +} + +.hover-rotate-start { + transition: transform 0.3s ease; +} +.hover-rotate-start:hover { + transform: rotate(-4deg); + transition: transform 0.3s ease; + will-change: transform; +} + +.rotate { + display: inline-flex; + align-items: center; +} + +.rotate-90 { + transition: transform 0.3s ease; + backface-visibility: hidden; + will-change: transform; +} +.collapsible:not(.collapsed) > .rotate-90, .show > .rotate-90, .active > .rotate-90 { + transform: rotateZ(90deg); + transition: transform 0.3s ease; +} +[direction=rtl] .collapsible:not(.collapsed) > .rotate-90, [direction=rtl] .show > .rotate-90, [direction=rtl] .active > .rotate-90 { + transform: rotateZ(-90deg); +} + +.rotate-n90 { + transition: transform 0.3s ease; + backface-visibility: hidden; + will-change: transform; +} +.collapsible:not(.collapsed) > .rotate-n90, .show > .rotate-n90, .active > .rotate-n90 { + transform: rotateZ(-90deg); + transition: transform 0.3s ease; +} +[direction=rtl] .collapsible:not(.collapsed) > .rotate-n90, [direction=rtl] .show > .rotate-n90, [direction=rtl] .active > .rotate-n90 { + transform: rotateZ(90deg); +} + +.rotate-180 { + transition: transform 0.3s ease; + backface-visibility: hidden; + will-change: transform; +} +.collapsible:not(.collapsed) > .rotate-180, .show > .rotate-180, .active > .rotate-180 { + transform: rotateZ(180deg); + transition: transform 0.3s ease; +} +[direction=rtl] .collapsible:not(.collapsed) > .rotate-180, [direction=rtl] .show > .rotate-180, [direction=rtl] .active > .rotate-180 { + transform: rotateZ(-180deg); +} + +.rotate-n180 { + transition: transform 0.3s ease; + backface-visibility: hidden; + will-change: transform; +} +.collapsible:not(.collapsed) > .rotate-n180, .show > .rotate-n180, .active > .rotate-n180 { + transform: rotateZ(-180deg); + transition: transform 0.3s ease; +} +[direction=rtl] .collapsible:not(.collapsed) > .rotate-n180, [direction=rtl] .show > .rotate-n180, [direction=rtl] .active > .rotate-n180 { + transform: rotateZ(180deg); +} + +.rotate-270 { + transition: transform 0.3s ease; + backface-visibility: hidden; + will-change: transform; +} +.collapsible:not(.collapsed) > .rotate-270, .show > .rotate-270, .active > .rotate-270 { + transform: rotateZ(270deg); + transition: transform 0.3s ease; +} +[direction=rtl] .collapsible:not(.collapsed) > .rotate-270, [direction=rtl] .show > .rotate-270, [direction=rtl] .active > .rotate-270 { + transform: rotateZ(-270deg); +} + +.rotate-n270 { + transition: transform 0.3s ease; + backface-visibility: hidden; + will-change: transform; +} +.collapsible:not(.collapsed) > .rotate-n270, .show > .rotate-n270, .active > .rotate-n270 { + transform: rotateZ(-270deg); + transition: transform 0.3s ease; +} +[direction=rtl] .collapsible:not(.collapsed) > .rotate-n270, [direction=rtl] .show > .rotate-n270, [direction=rtl] .active > .rotate-n270 { + transform: rotateZ(270deg); +} + +@media (min-width: 992px) { + main, + span, + ol, + ul, + pre, + div { + scrollbar-width: thin; + scrollbar-color: var(--bs-scrollbar-color) transparent; + } + main::-webkit-scrollbar, + span::-webkit-scrollbar, + ol::-webkit-scrollbar, + ul::-webkit-scrollbar, + pre::-webkit-scrollbar, + div::-webkit-scrollbar { + width: var(--bs-scrollbar-size); + height: var(--bs-scrollbar-size); + } + main ::-webkit-scrollbar-track, + span ::-webkit-scrollbar-track, + ol ::-webkit-scrollbar-track, + ul ::-webkit-scrollbar-track, + pre ::-webkit-scrollbar-track, + div ::-webkit-scrollbar-track { + background-color: transparent; + } + main ::-webkit-scrollbar-thumb, + span ::-webkit-scrollbar-thumb, + ol ::-webkit-scrollbar-thumb, + ul ::-webkit-scrollbar-thumb, + pre ::-webkit-scrollbar-thumb, + div ::-webkit-scrollbar-thumb { + border-radius: var(--bs-scrollbar-size); + } + main::-webkit-scrollbar-thumb, + span::-webkit-scrollbar-thumb, + ol::-webkit-scrollbar-thumb, + ul::-webkit-scrollbar-thumb, + pre::-webkit-scrollbar-thumb, + div::-webkit-scrollbar-thumb { + background-color: var(--bs-scrollbar-color); + } + main::-webkit-scrollbar-corner, + span::-webkit-scrollbar-corner, + ol::-webkit-scrollbar-corner, + ul::-webkit-scrollbar-corner, + pre::-webkit-scrollbar-corner, + div::-webkit-scrollbar-corner { + background-color: transparent; + } + main:hover, + span:hover, + ol:hover, + ul:hover, + pre:hover, + div:hover { + scrollbar-color: var(--bs-scrollbar-hover-color) transparent; + } + main:hover::-webkit-scrollbar-thumb, + span:hover::-webkit-scrollbar-thumb, + ol:hover::-webkit-scrollbar-thumb, + ul:hover::-webkit-scrollbar-thumb, + pre:hover::-webkit-scrollbar-thumb, + div:hover::-webkit-scrollbar-thumb { + background-color: var(--bs-scrollbar-hover-color); + } + main:hover::-webkit-scrollbar-corner, + span:hover::-webkit-scrollbar-corner, + ol:hover::-webkit-scrollbar-corner, + ul:hover::-webkit-scrollbar-corner, + pre:hover::-webkit-scrollbar-corner, + div:hover::-webkit-scrollbar-corner { + background-color: transparent; + } +} +.scroll, +.hover-scroll, +.hover-scroll-overlay { + overflow: scroll; + position: relative; +} +@media (max-width: 991.98px) { + .scroll, + .hover-scroll, + .hover-scroll-overlay { + overflow: auto; + } +} + +.scroll-x, +.hover-scroll-x, +.hover-scroll-overlay-x { + overflow-x: scroll; + position: relative; +} +@media (max-width: 991.98px) { + .scroll-x, + .hover-scroll-x, + .hover-scroll-overlay-x { + overflow-x: auto; + } +} + +.scroll-y, +.hover-scroll-y, +.hover-scroll-overlay-y { + overflow-y: scroll; + position: relative; +} +@media (max-width: 991.98px) { + .scroll-y, + .hover-scroll-y, + .hover-scroll-overlay-y { + overflow-y: auto; + } +} + +.hover-scroll, +.hover-scroll-overlay, +.hover-scroll-x, +.hover-scroll-overlay-x, +.hover-scroll-y, +.hover-scroll-overlay-y { + scrollbar-color: transparent transparent; +} +.hover-scroll::-webkit-scrollbar-thumb, +.hover-scroll-overlay::-webkit-scrollbar-thumb, +.hover-scroll-x::-webkit-scrollbar-thumb, +.hover-scroll-overlay-x::-webkit-scrollbar-thumb, +.hover-scroll-y::-webkit-scrollbar-thumb, +.hover-scroll-overlay-y::-webkit-scrollbar-thumb { + background-color: transparent; +} +.hover-scroll::-webkit-scrollbar-corner, +.hover-scroll-overlay::-webkit-scrollbar-corner, +.hover-scroll-x::-webkit-scrollbar-corner, +.hover-scroll-overlay-x::-webkit-scrollbar-corner, +.hover-scroll-y::-webkit-scrollbar-corner, +.hover-scroll-overlay-y::-webkit-scrollbar-corner { + background-color: transparent; +} +.hover-scroll:hover, +.hover-scroll-overlay:hover, +.hover-scroll-x:hover, +.hover-scroll-overlay-x:hover, +.hover-scroll-y:hover, +.hover-scroll-overlay-y:hover { + scrollbar-color: var(--bs-scrollbar-color) transparent; +} +.hover-scroll:hover::-webkit-scrollbar-thumb, +.hover-scroll-overlay:hover::-webkit-scrollbar-thumb, +.hover-scroll-x:hover::-webkit-scrollbar-thumb, +.hover-scroll-overlay-x:hover::-webkit-scrollbar-thumb, +.hover-scroll-y:hover::-webkit-scrollbar-thumb, +.hover-scroll-overlay-y:hover::-webkit-scrollbar-thumb { + background-color: var(--bs-scrollbar-color); +} +.hover-scroll:hover::-webkit-scrollbar-corner, +.hover-scroll-overlay:hover::-webkit-scrollbar-corner, +.hover-scroll-x:hover::-webkit-scrollbar-corner, +.hover-scroll-overlay-x:hover::-webkit-scrollbar-corner, +.hover-scroll-y:hover::-webkit-scrollbar-corner, +.hover-scroll-overlay-y:hover::-webkit-scrollbar-corner { + background-color: transparent; +} + +.scroll-ps { + padding-left: var(--bs-scrollbar-size) !important; +} + +.scroll-ms { + margin-left: var(--bs-scrollbar-size) !important; +} + +.scroll-mb { + margin-bottom: var(--bs-scrollbar-size) !important; +} + +.scroll-pe { + padding-right: var(--bs-scrollbar-size) !important; +} + +.scroll-me { + margin-right: var(--bs-scrollbar-size) !important; +} + +.scroll-px { + padding-left: var(--bs-scrollbar-size) !important; + padding-right: var(--bs-scrollbar-size) !important; +} + +.scroll-mx { + margin-left: var(--bs-scrollbar-size) !important; + margin-right: var(--bs-scrollbar-size) !important; +} + +@media (min-width: 576px) { + .scroll-sm-ps { + padding-left: var(--bs-scrollbar-size) !important; + } + .scroll-sm-ms { + margin-left: var(--bs-scrollbar-size) !important; + } + .scroll-sm-mb { + margin-bottom: var(--bs-scrollbar-size) !important; + } + .scroll-sm-pe { + padding-right: var(--bs-scrollbar-size) !important; + } + .scroll-sm-me { + margin-right: var(--bs-scrollbar-size) !important; + } + .scroll-sm-px { + padding-left: var(--bs-scrollbar-size) !important; + padding-right: var(--bs-scrollbar-size) !important; + } + .scroll-sm-mx { + margin-left: var(--bs-scrollbar-size) !important; + margin-right: var(--bs-scrollbar-size) !important; + } +} +@media (min-width: 768px) { + .scroll-md-ps { + padding-left: var(--bs-scrollbar-size) !important; + } + .scroll-md-ms { + margin-left: var(--bs-scrollbar-size) !important; + } + .scroll-md-mb { + margin-bottom: var(--bs-scrollbar-size) !important; + } + .scroll-md-pe { + padding-right: var(--bs-scrollbar-size) !important; + } + .scroll-md-me { + margin-right: var(--bs-scrollbar-size) !important; + } + .scroll-md-px { + padding-left: var(--bs-scrollbar-size) !important; + padding-right: var(--bs-scrollbar-size) !important; + } + .scroll-md-mx { + margin-left: var(--bs-scrollbar-size) !important; + margin-right: var(--bs-scrollbar-size) !important; + } +} +@media (min-width: 992px) { + .scroll-lg-ps { + padding-left: var(--bs-scrollbar-size) !important; + } + .scroll-lg-ms { + margin-left: var(--bs-scrollbar-size) !important; + } + .scroll-lg-mb { + margin-bottom: var(--bs-scrollbar-size) !important; + } + .scroll-lg-pe { + padding-right: var(--bs-scrollbar-size) !important; + } + .scroll-lg-me { + margin-right: var(--bs-scrollbar-size) !important; + } + .scroll-lg-px { + padding-left: var(--bs-scrollbar-size) !important; + padding-right: var(--bs-scrollbar-size) !important; + } + .scroll-lg-mx { + margin-left: var(--bs-scrollbar-size) !important; + margin-right: var(--bs-scrollbar-size) !important; + } +} +@media (min-width: 1200px) { + .scroll-xl-ps { + padding-left: var(--bs-scrollbar-size) !important; + } + .scroll-xl-ms { + margin-left: var(--bs-scrollbar-size) !important; + } + .scroll-xl-mb { + margin-bottom: var(--bs-scrollbar-size) !important; + } + .scroll-xl-pe { + padding-right: var(--bs-scrollbar-size) !important; + } + .scroll-xl-me { + margin-right: var(--bs-scrollbar-size) !important; + } + .scroll-xl-px { + padding-left: var(--bs-scrollbar-size) !important; + padding-right: var(--bs-scrollbar-size) !important; + } + .scroll-xl-mx { + margin-left: var(--bs-scrollbar-size) !important; + margin-right: var(--bs-scrollbar-size) !important; + } +} +@media (min-width: 1400px) { + .scroll-xxl-ps { + padding-left: var(--bs-scrollbar-size) !important; + } + .scroll-xxl-ms { + margin-left: var(--bs-scrollbar-size) !important; + } + .scroll-xxl-mb { + margin-bottom: var(--bs-scrollbar-size) !important; + } + .scroll-xxl-pe { + padding-right: var(--bs-scrollbar-size) !important; + } + .scroll-xxl-me { + margin-right: var(--bs-scrollbar-size) !important; + } + .scroll-xxl-px { + padding-left: var(--bs-scrollbar-size) !important; + padding-right: var(--bs-scrollbar-size) !important; + } + .scroll-xxl-mx { + margin-left: var(--bs-scrollbar-size) !important; + margin-right: var(--bs-scrollbar-size) !important; + } +} +.rating { + display: flex; + align-items: center; +} + +.rating-input { + position: absolute !important; + left: -9999px !important; +} +.rating-input[disabled] { + display: none; +} + +.rating-label { + padding: 0; + margin: 0; +} +.rating-label > i, .rating-label > .svg-icon { + line-height: 1; + color: var(--bs-rating-color-default); +} + +label.rating-label { + cursor: pointer; +} + +div.rating-label.checked > i, div.rating-label.checked > .svg-icon, +label.rating-label > i, +label.rating-label > .svg-icon { + color: var(--bs-rating-color-active); +} + +.rating-input:checked ~ .rating-label > i, .rating-input:checked ~ .rating-label > .svg-icon { + color: var(--bs-rating-color-default); +} + +.rating:hover label.rating-label > i, .rating:hover label.rating-label > .svg-icon { + color: var(--bs-rating-color-active); +} + +label.rating-label:hover ~ .rating-label { + color: var(--bs-rating-color-default); +} +label.rating-label:hover ~ .rating-label > i, label.rating-label:hover ~ .rating-label > .svg-icon { + color: var(--bs-rating-color-default); +} + +.stepper [data-kt-stepper-element=info], +.stepper [data-kt-stepper-element=content] { + display: none; +} +.stepper [data-kt-stepper-element=info].current, +.stepper [data-kt-stepper-element=content].current { + display: flex; +} +.stepper .stepper-item[data-kt-stepper-action=step] { + cursor: pointer; +} +.stepper [data-kt-stepper-action=final] { + display: none; +} +.stepper [data-kt-stepper-action=previous] { + display: none; +} +.stepper [data-kt-stepper-action=next] { + display: inline-block; +} +.stepper [data-kt-stepper-action=submit] { + display: none; +} +.stepper.first [data-kt-stepper-action=previous] { + display: none; +} +.stepper.first [data-kt-stepper-action=next] { + display: inline-block; +} +.stepper.first [data-kt-stepper-action=submit] { + display: none; +} +.stepper.between [data-kt-stepper-action=previous] { + display: inline-block; +} +.stepper.between [data-kt-stepper-action=next] { + display: inline-block; +} +.stepper.between [data-kt-stepper-action=submit] { + display: none; +} +.stepper.last [data-kt-stepper-action=final] { + display: inline-block; +} +.stepper.last [data-kt-stepper-action=final].btn-flex { + display: flex; +} +.stepper.last [data-kt-stepper-action=previous] { + display: inline-block; +} +.stepper.last [data-kt-stepper-action=previous].btn-flex { + display: flex; +} +.stepper.last [data-kt-stepper-action=previous][data-kt-stepper-state=hide-on-last-step] { + display: none !important; +} +.stepper.last [data-kt-stepper-action=next] { + display: none; +} +.stepper.last [data-kt-stepper-action=next].btn-flex { + display: flex; +} +.stepper.last [data-kt-stepper-action=submit] { + display: inline-block; +} +.stepper.last [data-kt-stepper-action=submit].btn-flex { + display: flex; +} + +.stepper.stepper-pills { + --bs-stepper-pills-size: 40px; + --bs-stepper-icon-border-radius: 9px; + --bs-stepper-icon-check-size: 1rem; + --bs-stepper-icon-bg-color: var(--bs-primary-light); + --bs-stepper-icon-bg-color-current: var(--bs-primary); + --bs-stepper-icon-bg-color-completed: var(--bs-primary-light); + --bs-stepper-icon-border: 0; + --bs-stepper-icon-border-current: 0; + --bs-stepper-icon-border-completed: 0; + --bs-stepper-icon-number-color: var(--bs-primary); + --bs-stepper-icon-number-color-current: var(--bs-white); + --bs-stepper-icon-check-color-completed: var(--bs-primary); + --bs-stepper-label-title-opacity: 1; + --bs-stepper-label-title-opacity-current: 1; + --bs-stepper-label-title-opacity-completed: 1; + --bs-stepper-label-title-color: var(--bs-gray-800); + --bs-stepper-label-title-color-current: var(--bs-gray-600); + --bs-stepper-label-title-color-completed: var(--bs-text-muted); + --bs-stepper-label-desc-opacity: 1; + --bs-stepper-label-desc-opacity-current: 1; + --bs-stepper-label-desc-opacity-completed: 1; + --bs-stepper-label-desc-color: var(--bs-text-muted); + --bs-stepper-label-desc-color-current: var(--bs-gray-500); + --bs-stepper-label-desc-color-completed: var(--bs-gray-500); + --bs-stepper-line-border: 1px dashed var(--bs-gray-300); +} +.stepper.stepper-pills .stepper-nav { + display: flex; +} +.stepper.stepper-pills .stepper-item { + display: flex; + align-items: center; + transition: color 0.2s ease; +} +.stepper.stepper-pills .stepper-item .stepper-icon { + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; + transition: color 0.2s ease; + width: var(--bs-stepper-pills-size); + height: var(--bs-stepper-pills-size); + border-radius: var(--bs-stepper-icon-border-radius); + background-color: var(--bs-stepper-icon-bg-color); + border: var(--bs-stepper-icon-border); + margin-right: 1.5rem; +} +.stepper.stepper-pills .stepper-item .stepper-icon .stepper-check { + display: none; + font-size: var(--bs-stepper-icon-check-size); +} +.stepper.stepper-pills .stepper-item .stepper-icon .stepper-number { + font-weight: 600; + color: var(--bs-stepper-icon-number-color); + font-size: 1.25rem; +} +.stepper.stepper-pills .stepper-item .stepper-label { + display: flex; + flex-direction: column; + justify-content: center; +} +.stepper.stepper-pills .stepper-item .stepper-label .stepper-title { + color: var(--bs-stepper-label-title-color); + opacity: var(--bs-stepper-label-title-opacity); + font-weight: 600; + font-size: 1.25rem; + margin-bottom: 0.3rem; +} +.stepper.stepper-pills .stepper-item .stepper-label .stepper-desc { + opacity: var(--bs-stepper-label-desc-opacity); + color: var(--bs-stepper-label-desc-color); +} +.stepper.stepper-pills .stepper-item.current { + transition: color 0.2s ease; +} +.stepper.stepper-pills .stepper-item.current .stepper-icon { + transition: color 0.2s ease; + background-color: var(--bs-stepper-icon-bg-color-current); + border: var(--bs-stepper-icon-border-current); +} +.stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-check { + display: none; +} +.stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-number { + color: var(--bs-stepper-icon-number-color-current); + font-size: 1.35rem; +} +.stepper.stepper-pills .stepper-item.current .stepper-label .stepper-title { + opacity: var(--bs-stepper-label-title-opacity-current); + color: var(--bs-stepper-label-title-color-current); +} +.stepper.stepper-pills .stepper-item.current .stepper-label .stepper-desc { + opacity: var(--bs-stepper-label-desc-opacity-current); + color: var(--bs-stepper-label-desc-color-current); +} +.stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon, .stepper.stepper-pills .stepper-item.completed .stepper-icon { + transition: color 0.2s ease; + background-color: var(--bs-stepper-icon-bg-color-completed); + border: var(--bs-stepper-icon-border-completed); +} +.stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon .stepper-check, .stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check { + color: var(--bs-stepper-icon-check-color-completed); + display: inline-block; +} +.stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon .stepper-number, .stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-number { + display: none; +} +.stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-label .stepper-title, .stepper.stepper-pills .stepper-item.completed .stepper-label .stepper-title { + opacity: var(--bs-stepper-label-title-opacity-completed); + color: var(--bs-stepper-label-title-color-completed); +} +.stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-label .stepper-desc, .stepper.stepper-pills .stepper-item.completed .stepper-label .stepper-desc { + opacity: var(--bs-stepper-label-desc-opacity-completed); + color: var(--bs-stepper-label-desc-color-completed); +} +.stepper.stepper-pills.stepper-column .stepper-nav { + flex-direction: column; + align-items: start; +} +.stepper.stepper-pills.stepper-column .stepper-item { + flex-direction: column; + justify-content: start; + align-items: stretch; + padding: 0; + margin: 0; +} +.stepper.stepper-pills.stepper-column .stepper-wrapper { + display: flex; + align-items: center; +} +.stepper.stepper-pills.stepper-column .stepper-icon { + z-index: 1; +} +.stepper.stepper-pills.stepper-column .stepper-line { + display: block; + flex-grow: 1; + margin-left: calc(var(--bs-stepper-pills-size) / 2); + border-left: var(--bs-stepper-line-border); + margin-top: 2px; + margin-bottom: 2px; +} + +.stepper.stepper-links .stepper-nav { + display: flex; + margin: 0 auto; + justify-content: center; + align-items: center; + flex-wrap: wrap; +} +.stepper.stepper-links .stepper-nav .stepper-item { + position: relative; + flex-shrink: 0; + margin: 1rem 1.5rem; +} +.stepper.stepper-links .stepper-nav .stepper-item:after { + content: " "; + position: absolute; + top: 2.3rem; + left: 0; + height: 2px; + width: 100%; + background-color: transparent; + transition: color 0.2s ease; +} +.stepper.stepper-links .stepper-nav .stepper-item .stepper-title { + color: var(--bs-gray-900); + font-weight: 600; + font-size: 1.25rem; +} +.stepper.stepper-links .stepper-nav .stepper-item.current { + transition: color 0.2s ease; +} +.stepper.stepper-links .stepper-nav .stepper-item.current .stepper-title { + color: var(--bs-primary); +} +.stepper.stepper-links .stepper-nav .stepper-item.current:after { + background-color: var(--bs-primary); +} +.stepper.stepper-links .stepper-nav .stepper-item.current.mark-completed:last-child .stepper-title, .stepper.stepper-links .stepper-nav .stepper-item.completed .stepper-title { + color: var(--bs-gray-500); +} + +.toggle.collapsible:not(.collapsed) .toggle-off, .toggle.active .toggle-off { + display: none; +} +.toggle.collapsible.collapsed .toggle-on, .toggle:not(.collapsible):not(.active) .toggle-on { + display: none; +} + +.xehagon { + clip-path: polygon(45% 1.3397459622%, 46.5797985667% 0.6030737921%, 48.2635182233% 0.1519224699%, 50% 0%, 51.7364817767% 0.1519224699%, 53.4202014333% 0.6030737921%, 55% 1.3397459622%, 89.6410161514% 21.3397459622%, 91.0688922482% 22.3395555688%, 92.3014605826% 23.5721239031%, 93.3012701892% 25%, 94.0379423592% 26.5797985667%, 94.4890936815% 28.2635182233%, 94.6410161514% 30%, 94.6410161514% 70%, 94.4890936815% 71.7364817767%, 94.0379423592% 73.4202014333%, 93.3012701892% 75%, 92.3014605826% 76.4278760969%, 91.0688922482% 77.6604444312%, 89.6410161514% 78.6602540378%, 55% 98.6602540378%, 53.4202014333% 99.3969262079%, 51.7364817767% 99.8480775301%, 50% 100%, 48.2635182233% 99.8480775301%, 46.5797985667% 99.3969262079%, 45% 98.6602540378%, 10.3589838486% 78.6602540378%, 8.9311077518% 77.6604444312%, 7.6985394174% 76.4278760969%, 6.6987298108% 75%, 5.9620576408% 73.4202014333%, 5.5109063185% 71.7364817767%, 5.3589838486% 70%, 5.3589838486% 30%, 5.5109063185% 28.2635182233%, 5.9620576408% 26.5797985667%, 6.6987298108% 25%, 7.6985394174% 23.5721239031%, 8.9311077518% 22.3395555688%, 10.3589838486% 21.3397459622%); +} + +.octagon { + clip-path: polygon(46.1731656763% 0.7612046749%, 47.411809549% 0.3407417371%, 48.6947380778% 0.0855513863%, 50% 0%, 51.3052619222% 0.0855513863%, 52.588190451% 0.3407417371%, 53.8268343237% 0.7612046749%, 82.1111055711% 12.4769334274%, 83.2842712475% 13.0554747147%, 84.3718855375% 13.7821953496%, 85.3553390593% 14.6446609407%, 86.2178046504% 15.6281144625%, 86.9445252853% 16.7157287525%, 87.5230665726% 17.8888944289%, 99.2387953251% 46.1731656763%, 99.6592582629% 47.411809549%, 99.9144486137% 48.6947380778%, 100% 50%, 99.9144486137% 51.3052619222%, 99.6592582629% 52.588190451%, 99.2387953251% 53.8268343237%, 87.5230665726% 82.1111055711%, 86.9445252853% 83.2842712475%, 86.2178046504% 84.3718855375%, 85.3553390593% 85.3553390593%, 84.3718855375% 86.2178046504%, 83.2842712475% 86.9445252853%, 82.1111055711% 87.5230665726%, 53.8268343237% 99.2387953251%, 52.588190451% 99.6592582629%, 51.3052619222% 99.9144486137%, 50% 100%, 48.6947380778% 99.9144486137%, 47.411809549% 99.6592582629%, 46.1731656763% 99.2387953251%, 17.8888944289% 87.5230665726%, 16.7157287525% 86.9445252853%, 15.6281144625% 86.2178046504%, 14.6446609407% 85.3553390593%, 13.7821953496% 84.3718855375%, 13.0554747147% 83.2842712475%, 12.4769334274% 82.1111055711%, 0.7612046749% 53.8268343237%, 0.3407417371% 52.588190451%, 0.0855513863% 51.3052619222%, 0% 50%, 0.0855513863% 48.6947380778%, 0.3407417371% 47.411809549%, 0.7612046749% 46.1731656763%, 12.4769334274% 17.8888944289%, 13.0554747147% 16.7157287525%, 13.7821953496% 15.6281144625%, 14.6446609407% 14.6446609407%, 15.6281144625% 13.7821953496%, 16.7157287525% 13.0554747147%, 17.8888944289% 12.4769334274%); +} + +.ribbon { + position: relative; +} +.ribbon .ribbon-label { + display: flex; + justify-content: center; + align-items: center; + padding: 5px 10px; + position: absolute; + z-index: 1; + background-color: var(--bs-ribbon-label-bg); + box-shadow: var(--bs-ribbon-label-box-shadow); + color: var(--bs-primary-inverse); + top: 50%; + right: 0; + transform: translateX(5px) translateY(-50%); +} +.ribbon .ribbon-label > .ribbon-inner { + z-index: -1; + position: absolute; + padding: 0; + width: 100%; + height: 100%; + top: 0; + left: 0; +} +.ribbon .ribbon-label:after { + border-color: var(--bs-ribbon-label-border-color); +} +.ribbon-vertical .ribbon-label { + padding: 5px 10px; + min-width: 36px; + min-height: 46px; + text-align: center; +} +.ribbon.ribbon-top .ribbon-label { + top: 0; + transform: translateX(-15px) translateY(-4px); + border-bottom-right-radius: 0.95rem; + border-bottom-left-radius: 0.95rem; +} +.ribbon.ribbon-bottom .ribbon-label { + border-top-right-radius: 0.95rem; + border-top-left-radius: 0.95rem; +} +.ribbon.ribbon-start .ribbon-label { + top: 50%; + left: 0; + right: auto; + transform: translateX(-5px) translateY(-50%); + border-top-right-radius: 0.95rem; + border-bottom-right-radius: 0.95rem; +} +.ribbon.ribbon-end .ribbon-label { + border-top-left-radius: 0.95rem; + border-bottom-left-radius: 0.95rem; +} + +.ribbon.ribbon-clip.ribbon-start .ribbon-label { + left: -5px; +} +.ribbon.ribbon-clip.ribbon-start .ribbon-label .ribbon-inner { + border-top-right-radius: 0.95rem; + border-bottom-right-radius: 0.95rem; +} +.ribbon.ribbon-clip.ribbon-start .ribbon-label .ribbon-inner:before, .ribbon.ribbon-clip.ribbon-start .ribbon-label .ribbon-inner:after { + content: ""; + position: absolute; + border-style: solid; + border-color: transparent !important; + bottom: -10px; +} +.ribbon.ribbon-clip.ribbon-start .ribbon-label .ribbon-inner:before { + border-width: 0 10px 10px 0; + border-right-color: var(--bs-ribbon-clip-bg) !important; + left: 0; +} +.ribbon.ribbon-clip.ribbon-end .ribbon-label { + right: -5px; +} +.ribbon.ribbon-clip.ribbon-end .ribbon-label .ribbon-inner { + border-top-left-radius: 0.95rem; + border-bottom-left-radius: 0.95rem; +} +.ribbon.ribbon-clip.ribbon-end .ribbon-label .ribbon-inner:before, .ribbon.ribbon-clip.ribbon-end .ribbon-label .ribbon-inner:after { + content: ""; + position: absolute; + border-style: solid; + border-color: transparent !important; + bottom: -10px; +} +.ribbon.ribbon-clip.ribbon-end .ribbon-label .ribbon-inner:before { + border-width: 0 0 10px 10px; + border-left-color: var(--bs-ribbon-clip-bg) !important; + right: 0; +} + +.ribbon.ribbon-triangle { + position: absolute; + z-index: 1; + display: flex; + align-items: flex-start; + justify-content: flex-start; +} +.ribbon.ribbon-triangle.ribbon-top-start { + top: 0; + left: 0; + width: 4rem; + height: 4rem; + border-bottom: solid 2rem transparent !important; + border-left: solid 2rem transparent; + border-right: solid 2rem transparent !important; + border-top: solid 2rem transparent; +} +.ribbon.ribbon-triangle.ribbon-top-end { + top: 0; + right: 0; + width: 4rem; + height: 4rem; + border-bottom: solid 2rem transparent !important; + border-left: solid 2rem transparent !important; + border-right: solid 2rem transparent; + border-top: solid 2rem transparent; +} +.ribbon.ribbon-triangle.ribbon-bottom-start { + bottom: 0; + left: 0; + width: 4rem; + height: 4rem; + border-bottom: solid 2rem transparent; + border-left: solid 2rem transparent; + border-right: solid 2rem transparent !important; + border-top: solid 2rem transparent !important; +} +.ribbon.ribbon-triangle.ribbon-bottom-end { + bottom: 0; + right: 0; + width: 4rem; + height: 4rem; + border-bottom: solid 2rem transparent; + border-right: solid 2rem transparent; + border-left: solid 2rem transparent !important; + border-top: solid 2rem transparent !important; +} + +.blockui { + position: relative; +} +.blockui .blockui-overlay { + transition: all 0.3s ease; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + display: flex; + justify-content: center; + align-items: center; + background-color: var(--bs-blockui-overlay-bg); +} +.blockui .blockui-overlay .spinner-border { + height: 1.35rem; + width: 1.35rem; +} +.blockui .blockui-message { + display: flex; + align-items: center; + border-radius: 0.95rem; + box-shadow: var(--bs-blockui-message-box-shadow); + background-color: var(--bs-blockui-message-bg); + color: var(--bs-gray-700); + font-weight: 600; + margin: 0 !important; + width: auto; + padding: 0.85rem 1.75rem !important; +} +.blockui .blockui-message .spinner-border { + margin-right: 0.65rem; +} + +[data-bs-theme=dark] .blockui { + --bs-blockui-overlay-bg: rgba(255, 255, 255, 0.05); + --bs-blockui-message-bg: #26272F; + --bs-blockui-message-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15); +} + +.explore-btn-toggle { + color: var(--bs-gray-600); + background-color: #ffffff; +} +.explore-btn-toggle:hover, .explore-btn-toggle:focus, .explore-btn-toggle:active { + color: #ffffff; + background-color: #00B2FF; +} + +.explore-btn-dismiss { + border: 0; +} +.explore-btn-dismiss:hover i, +.explore-btn-dismiss:hover .svg-icon { + color: #00B2FF; +} + +.explore-btn-primary { + border: 0; + color: #ffffff; + background-color: #00B2FF; +} +.explore-btn-primary:hover { + color: #ffffff; + background-color: #0098DA; +} + +.explore-btn-secondary { + border: 0; + color: var(--bs-gray-600); + background-color: var(--bs-gray-100); +} +.explore-btn-secondary:hover { + color: var(--bs-gray-800); + background-color: var(--bs-gray-200); +} + +.explore-btn-outline { + border: 1px dashed var(--bs-gray-300) !important; +} +.explore-btn-outline:hover, .explore-btn-outline.active { + border: 1px dashed #50CD89 !important; + background-color: #E8FFF3; +} + +.explore-link { + color: #00B2FF; +} +.explore-link:hover { + color: #0098DA; +} + +.explore-link-hover:hover { + color: #00B2FF !important; +} + +.explore-icon-success { + color: #50CD89; +} + +.explore-icon-danger { + color: #F1416C; +} + +.explore-label-free { + color: #ffffff; + background-color: #FFC700; +} + +.explore-label-pro { + color: #ffffff; + background-color: #50CD89; +} + +.app-engage { + position: fixed; + right: 0; + top: 50%; + transform: translateY(-50%); + display: flex; + flex-direction: column; + align-items: flex-end; + z-index: 5; + padding-right: 12px; +} +.app-engage .app-engage-btn { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + box-shadow: var(--bs-engage-btn-box-shadow); + border-width: 1px; + border-style: solid; + font-size: 12px; + font-weight: 600; + margin-bottom: 8px; + border-radius: 6px; + width: 66px; + height: 70px; + color: var(--bs-engage-btn-color); + border-color: var(--bs-engage-btn-border-color); + background-color: var(--bs-engage-btn-bg); +} +.app-engage .app-engage-btn i, +.app-engage .app-engage-btn .svg-icon { + color: var(--bs-engage-btn-icon-color); +} +.app-engage .app-engage-btn.dropdown-toggle:after { + color: var(--bs-engage-btn-icon-color); +} +.app-engage .app-engage-btn.hover-dark:hover { + color: var(--bs-dark-inverse); + border-color: var(--bs-dark); + background-color: var(--bs-dark); +} +.app-engage .app-engage-btn.hover-dark:hover i, +.app-engage .app-engage-btn.hover-dark:hover .svg-icon { + color: var(--bs-dark-inverse); +} +.app-engage .app-engage-btn.hover-primary:hover { + color: var(--bs-primary-inverse); + border-color: var(--bs-primary); + background-color: var(--bs-primary); +} +.app-engage .app-engage-btn.hover-primary:hover i, +.app-engage .app-engage-btn.hover-primary:hover .svg-icon { + color: var(--bs-primary-inverse); +} +.app-engage .app-engage-btn.hover-success:hover { + color: var(--bs-success-inverse); + border-color: var(--bs-success); + background-color: var(--bs-success); +} +.app-engage .app-engage-btn.hover-success:hover i, +.app-engage .app-engage-btn.hover-success:hover .svg-icon { + color: var(--bs-success-inverse); +} +.app-engage .app-engage-btn.app-engage-btn-toggle-off { + width: 35px; + height: 35px; +} +.app-engage .app-engage-btn.app-engage-btn-toggle-on { + width: 35px; + height: 35px; + display: none; +} +.app-engage.app-engage-hide .app-engage-btn { + visibility: hidden; +} +.app-engage.app-engage-hide .app-engage-btn.app-engage-btn-toggle-off { + display: none; +} +.app-engage.app-engage-hide .app-engage-btn.app-engage-btn-toggle-on { + visibility: visible; + display: flex; +} + +.engage-btn { + display: flex; + align-items: center; + height: 35px !important; + color: var(--bs-engage-btn-color); + border-color: var(--bs-engage-btn-bg); + background-color: var(--bs-engage-btn-bg); +} +.engage-btn i, +.engage-btn .svg-icon { + color: var(--bs-engage-btn-color); +} +.engage-btn.dropdown-toggle:after { + color: var(--bs-engage-btn-color); +} +.btn-check:checked + .engage-btn, .btn-check:active + .engage-btn, .engage-btn:focus:not(.btn-active), .engage-btn:hover:not(.btn-active), .engage-btn:active:not(.btn-active), .engage-btn.active, .engage-btn.show, .show > .engage-btn { + color: var(--bs-engage-btn-color-active); + border-color: var(--bs-engage-btn-bg); + background-color: var(--bs-engage-btn-bg) !important; +} +.btn-check:checked + .engage-btn i, +.btn-check:checked + .engage-btn .svg-icon, .btn-check:active + .engage-btn i, +.btn-check:active + .engage-btn .svg-icon, .engage-btn:focus:not(.btn-active) i, +.engage-btn:focus:not(.btn-active) .svg-icon, .engage-btn:hover:not(.btn-active) i, +.engage-btn:hover:not(.btn-active) .svg-icon, .engage-btn:active:not(.btn-active) i, +.engage-btn:active:not(.btn-active) .svg-icon, .engage-btn.active i, +.engage-btn.active .svg-icon, .engage-btn.show i, +.engage-btn.show .svg-icon, .show > .engage-btn i, +.show > .engage-btn .svg-icon { + color: var(--bs-engage-btn-color-active); +} +.btn-check:checked + .engage-btn.dropdown-toggle:after, .btn-check:active + .engage-btn.dropdown-toggle:after, .engage-btn:focus:not(.btn-active).dropdown-toggle:after, .engage-btn:hover:not(.btn-active).dropdown-toggle:after, .engage-btn:active:not(.btn-active).dropdown-toggle:after, .engage-btn.active.dropdown-toggle:after, .engage-btn.show.dropdown-toggle:after, .show > .engage-btn.dropdown-toggle:after { + color: var(--bs-engage-btn-color-active); +} + +.cookiealert { + background: inherit; + color: inherit; +} + +@media print { + .print-content-only { + padding: 0 !important; + background: none !important; + } + .print-content-only .wrapper, + .print-content-only .page, + .print-content-only .page-title .content, + .print-content-only .container, + .print-content-only .container-xxl, + .print-content-only .container-fluid, + .print-content-only .container-sm, + .print-content-only .container-md, + .print-content-only .container-lg, + .print-content-only .container-xl { + background: none !important; + padding: 0 !important; + margin: 0 !important; + } + .print-content-only .aside, + .print-content-only .sidebar, + .print-content-only .scrolltop, + .print-content-only .header, + .print-content-only .footer, + .print-content-only .toolbar, + .print-content-only .drawer, + .print-content-only .btn { + display: none !important; + } +} +.bg-white { + --bs-bg-rgb-color: var(--bs-white-bg-rgb); + background-color: #ffffff !important; +} + +.bg-black { + --bs-bg-rgb-color: var(--bs-black-bg-rgb); + background-color: #000000 !important; +} + +.bg-body { + --bs-bg-rgb-color: var(--bs-body-bg-rgb); + background-color: var(--bs-body-bg) !important; +} + +.bg-hover-body { + cursor: pointer; +} +.bg-hover-body:hover { + background-color: var(--bs-body-bg) !important; +} + +.bg-active-body.active { + background-color: var(--bs-body-bg) !important; +} + +.bg-state-body { + cursor: pointer; +} +.bg-state-body.active, .bg-state-body:hover { + background-color: var(--bs-body-bg) !important; +} + +.bg-hover-white { + cursor: pointer; +} +.bg-hover-white:hover { + --bs-bg-rgb-color: var(--bs-white-bg-rgb); + background-color: #ffffff !important; +} + +.bg-active-white.active { + --bs-bg-rgb-color: var(--bs-white-bg-rgb); + background-color: #ffffff !important; +} + +.bg-state-white { + cursor: pointer; +} +.bg-state-white.active, .bg-state-white:hover { + --bs-bg-rgb-color: var(--bs-white-bg-rgb); + background-color: #ffffff !important; +} + +.bg-light-light { + background-color: var(--bs-light-light) !important; +} + +.bg-light { + --bs-bg-rgb-color: var(--bs-light-rgb); + background-color: var(--bs-light) !important; +} + +.bg-light-active { + --bs-bg-rgb-color: var(--bs-light-active-rgb); + background-color: var(--bs-light-active) !important; +} + +.bg-hover-light-light { + cursor: pointer; +} +.bg-hover-light-light:hover { + background-color: var(--bs-light-light) !important; +} + +.bg-state-light-light { + cursor: pointer; +} +.bg-state-light-light.active, .bg-state-light-light:hover { + background-color: var(--bs-light-light) !important; +} + +.bg-hover-light { + cursor: pointer; +} +.bg-hover-light:hover { + background-color: var(--bs-light) !important; +} + +.bg-active-light.active { + background-color: var(--bs-light) !important; +} + +.bg-state-light { + cursor: pointer; +} +.bg-state-light.active, .bg-state-light:hover { + background-color: var(--bs-light) !important; +} + +.bg-light-primary { + background-color: var(--bs-primary-light) !important; +} + +.bg-primary { + --bs-bg-rgb-color: var(--bs-primary-rgb); + background-color: var(--bs-primary) !important; +} + +.bg-primary-active { + --bs-bg-rgb-color: var(--bs-primary-active-rgb); + background-color: var(--bs-primary-active) !important; +} + +.bg-hover-light-primary { + cursor: pointer; +} +.bg-hover-light-primary:hover { + background-color: var(--bs-primary-light) !important; +} + +.bg-state-light-primary { + cursor: pointer; +} +.bg-state-light-primary.active, .bg-state-light-primary:hover { + background-color: var(--bs-primary-light) !important; +} + +.bg-hover-primary { + cursor: pointer; +} +.bg-hover-primary:hover { + background-color: var(--bs-primary) !important; +} + +.bg-active-primary.active { + background-color: var(--bs-primary) !important; +} + +.bg-state-primary { + cursor: pointer; +} +.bg-state-primary.active, .bg-state-primary:hover { + background-color: var(--bs-primary) !important; +} + +.bg-light-secondary { + background-color: var(--bs-secondary-light) !important; +} + +.bg-secondary { + --bs-bg-rgb-color: var(--bs-secondary-rgb); + background-color: var(--bs-secondary) !important; +} + +.bg-secondary-active { + --bs-bg-rgb-color: var(--bs-secondary-active-rgb); + background-color: var(--bs-secondary-active) !important; +} + +.bg-hover-light-secondary { + cursor: pointer; +} +.bg-hover-light-secondary:hover { + background-color: var(--bs-secondary-light) !important; +} + +.bg-state-light-secondary { + cursor: pointer; +} +.bg-state-light-secondary.active, .bg-state-light-secondary:hover { + background-color: var(--bs-secondary-light) !important; +} + +.bg-hover-secondary { + cursor: pointer; +} +.bg-hover-secondary:hover { + background-color: var(--bs-secondary) !important; +} + +.bg-active-secondary.active { + background-color: var(--bs-secondary) !important; +} + +.bg-state-secondary { + cursor: pointer; +} +.bg-state-secondary.active, .bg-state-secondary:hover { + background-color: var(--bs-secondary) !important; +} + +.bg-light-success { + background-color: var(--bs-success-light) !important; +} + +.bg-success { + --bs-bg-rgb-color: var(--bs-success-rgb); + background-color: var(--bs-success) !important; +} + +.bg-success-active { + --bs-bg-rgb-color: var(--bs-success-active-rgb); + background-color: var(--bs-success-active) !important; +} + +.bg-hover-light-success { + cursor: pointer; +} +.bg-hover-light-success:hover { + background-color: var(--bs-success-light) !important; +} + +.bg-state-light-success { + cursor: pointer; +} +.bg-state-light-success.active, .bg-state-light-success:hover { + background-color: var(--bs-success-light) !important; +} + +.bg-hover-success { + cursor: pointer; +} +.bg-hover-success:hover { + background-color: var(--bs-success) !important; +} + +.bg-active-success.active { + background-color: var(--bs-success) !important; +} + +.bg-state-success { + cursor: pointer; +} +.bg-state-success.active, .bg-state-success:hover { + background-color: var(--bs-success) !important; +} + +.bg-light-info { + background-color: var(--bs-info-light) !important; +} + +.bg-info { + --bs-bg-rgb-color: var(--bs-info-rgb); + background-color: var(--bs-info) !important; +} + +.bg-info-active { + --bs-bg-rgb-color: var(--bs-info-active-rgb); + background-color: var(--bs-info-active) !important; +} + +.bg-hover-light-info { + cursor: pointer; +} +.bg-hover-light-info:hover { + background-color: var(--bs-info-light) !important; +} + +.bg-state-light-info { + cursor: pointer; +} +.bg-state-light-info.active, .bg-state-light-info:hover { + background-color: var(--bs-info-light) !important; +} + +.bg-hover-info { + cursor: pointer; +} +.bg-hover-info:hover { + background-color: var(--bs-info) !important; +} + +.bg-active-info.active { + background-color: var(--bs-info) !important; +} + +.bg-state-info { + cursor: pointer; +} +.bg-state-info.active, .bg-state-info:hover { + background-color: var(--bs-info) !important; +} + +.bg-light-warning { + background-color: var(--bs-warning-light) !important; +} + +.bg-warning { + --bs-bg-rgb-color: var(--bs-warning-rgb); + background-color: var(--bs-warning) !important; +} + +.bg-warning-active { + --bs-bg-rgb-color: var(--bs-warning-active-rgb); + background-color: var(--bs-warning-active) !important; +} + +.bg-hover-light-warning { + cursor: pointer; +} +.bg-hover-light-warning:hover { + background-color: var(--bs-warning-light) !important; +} + +.bg-state-light-warning { + cursor: pointer; +} +.bg-state-light-warning.active, .bg-state-light-warning:hover { + background-color: var(--bs-warning-light) !important; +} + +.bg-hover-warning { + cursor: pointer; +} +.bg-hover-warning:hover { + background-color: var(--bs-warning) !important; +} + +.bg-active-warning.active { + background-color: var(--bs-warning) !important; +} + +.bg-state-warning { + cursor: pointer; +} +.bg-state-warning.active, .bg-state-warning:hover { + background-color: var(--bs-warning) !important; +} + +.bg-light-danger { + background-color: var(--bs-danger-light) !important; +} + +.bg-danger { + --bs-bg-rgb-color: var(--bs-danger-rgb); + background-color: var(--bs-danger) !important; +} + +.bg-danger-active { + --bs-bg-rgb-color: var(--bs-danger-active-rgb); + background-color: var(--bs-danger-active) !important; +} + +.bg-hover-light-danger { + cursor: pointer; +} +.bg-hover-light-danger:hover { + background-color: var(--bs-danger-light) !important; +} + +.bg-state-light-danger { + cursor: pointer; +} +.bg-state-light-danger.active, .bg-state-light-danger:hover { + background-color: var(--bs-danger-light) !important; +} + +.bg-hover-danger { + cursor: pointer; +} +.bg-hover-danger:hover { + background-color: var(--bs-danger) !important; +} + +.bg-active-danger.active { + background-color: var(--bs-danger) !important; +} + +.bg-state-danger { + cursor: pointer; +} +.bg-state-danger.active, .bg-state-danger:hover { + background-color: var(--bs-danger) !important; +} + +.bg-light-dark { + background-color: var(--bs-dark-light) !important; +} + +.bg-dark { + --bs-bg-rgb-color: var(--bs-dark-rgb); + background-color: var(--bs-dark) !important; +} + +.bg-dark-active { + --bs-bg-rgb-color: var(--bs-dark-active-rgb); + background-color: var(--bs-dark-active) !important; +} + +.bg-hover-light-dark { + cursor: pointer; +} +.bg-hover-light-dark:hover { + background-color: var(--bs-dark-light) !important; +} + +.bg-state-light-dark { + cursor: pointer; +} +.bg-state-light-dark.active, .bg-state-light-dark:hover { + background-color: var(--bs-dark-light) !important; +} + +.bg-hover-dark { + cursor: pointer; +} +.bg-hover-dark:hover { + background-color: var(--bs-dark) !important; +} + +.bg-active-dark.active { + background-color: var(--bs-dark) !important; +} + +.bg-state-dark { + cursor: pointer; +} +.bg-state-dark.active, .bg-state-dark:hover { + background-color: var(--bs-dark) !important; +} + +.bg-gray-100 { + --bs-bg-rgb-color: var(--bs-gray-100-rgb); + background-color: var(--bs-gray-100); +} + +.bg-hover-gray-100:hover { + --bs-bg-rgb-color: var(--bs-gray-100-rgb); + background-color: var(--bs-gray-100); +} + +.bg-gray-100i { + --bs-bg-rgb-color: var(--bs-gray-100-rgb); + background-color: var(--bs-gray-100) !important; +} + +.bg-gray-200 { + --bs-bg-rgb-color: var(--bs-gray-200-rgb); + background-color: var(--bs-gray-200); +} + +.bg-hover-gray-200:hover { + --bs-bg-rgb-color: var(--bs-gray-200-rgb); + background-color: var(--bs-gray-200); +} + +.bg-gray-200i { + --bs-bg-rgb-color: var(--bs-gray-200-rgb); + background-color: var(--bs-gray-200) !important; +} + +.bg-gray-300 { + --bs-bg-rgb-color: var(--bs-gray-300-rgb); + background-color: var(--bs-gray-300); +} + +.bg-hover-gray-300:hover { + --bs-bg-rgb-color: var(--bs-gray-300-rgb); + background-color: var(--bs-gray-300); +} + +.bg-gray-300i { + --bs-bg-rgb-color: var(--bs-gray-300-rgb); + background-color: var(--bs-gray-300) !important; +} + +.bg-gray-400 { + --bs-bg-rgb-color: var(--bs-gray-400-rgb); + background-color: var(--bs-gray-400); +} + +.bg-hover-gray-400:hover { + --bs-bg-rgb-color: var(--bs-gray-400-rgb); + background-color: var(--bs-gray-400); +} + +.bg-gray-400i { + --bs-bg-rgb-color: var(--bs-gray-400-rgb); + background-color: var(--bs-gray-400) !important; +} + +.bg-gray-500 { + --bs-bg-rgb-color: var(--bs-gray-500-rgb); + background-color: var(--bs-gray-500); +} + +.bg-hover-gray-500:hover { + --bs-bg-rgb-color: var(--bs-gray-500-rgb); + background-color: var(--bs-gray-500); +} + +.bg-gray-500i { + --bs-bg-rgb-color: var(--bs-gray-500-rgb); + background-color: var(--bs-gray-500) !important; +} + +.bg-gray-600 { + --bs-bg-rgb-color: var(--bs-gray-600-rgb); + background-color: var(--bs-gray-600); +} + +.bg-hover-gray-600:hover { + --bs-bg-rgb-color: var(--bs-gray-600-rgb); + background-color: var(--bs-gray-600); +} + +.bg-gray-600i { + --bs-bg-rgb-color: var(--bs-gray-600-rgb); + background-color: var(--bs-gray-600) !important; +} + +.bg-gray-700 { + --bs-bg-rgb-color: var(--bs-gray-700-rgb); + background-color: var(--bs-gray-700); +} + +.bg-hover-gray-700:hover { + --bs-bg-rgb-color: var(--bs-gray-700-rgb); + background-color: var(--bs-gray-700); +} + +.bg-gray-700i { + --bs-bg-rgb-color: var(--bs-gray-700-rgb); + background-color: var(--bs-gray-700) !important; +} + +.bg-gray-800 { + --bs-bg-rgb-color: var(--bs-gray-800-rgb); + background-color: var(--bs-gray-800); +} + +.bg-hover-gray-800:hover { + --bs-bg-rgb-color: var(--bs-gray-800-rgb); + background-color: var(--bs-gray-800); +} + +.bg-gray-800i { + --bs-bg-rgb-color: var(--bs-gray-800-rgb); + background-color: var(--bs-gray-800) !important; +} + +.bg-gray-900 { + --bs-bg-rgb-color: var(--bs-gray-900-rgb); + background-color: var(--bs-gray-900); +} + +.bg-hover-gray-900:hover { + --bs-bg-rgb-color: var(--bs-gray-900-rgb); + background-color: var(--bs-gray-900); +} + +.bg-gray-900i { + --bs-bg-rgb-color: var(--bs-gray-900-rgb); + background-color: var(--bs-gray-900) !important; +} + +.bg-opacity-0 { + background-color: rgba(var(--bs-bg-rgb-color), 0) !important; +} + +.bg-hover-opacity-0:hover { + background-color: rgba(var(--bs-bg-rgb-color), 0) !important; +} + +.bg-active-opacity-0.active { + background-color: rgba(var(--bs-bg-rgb-color), 0) !important; +} + +.bg-state-opacity-0 .active, .bg-state-opacity-0:hover { + background-color: rgba(var(--bs-bg-rgb-color), 0) !important; +} + +.bg-opacity-5 { + background-color: rgba(var(--bs-bg-rgb-color), 0.05) !important; +} + +.bg-hover-opacity-5:hover { + background-color: rgba(var(--bs-bg-rgb-color), 0.05) !important; +} + +.bg-active-opacity-5.active { + background-color: rgba(var(--bs-bg-rgb-color), 0.05) !important; +} + +.bg-state-opacity-5 .active, .bg-state-opacity-5:hover { + background-color: rgba(var(--bs-bg-rgb-color), 0.05) !important; +} + +.bg-opacity-10 { + background-color: rgba(var(--bs-bg-rgb-color), 0.1) !important; +} + +.bg-hover-opacity-10:hover { + background-color: rgba(var(--bs-bg-rgb-color), 0.1) !important; +} + +.bg-active-opacity-10.active { + background-color: rgba(var(--bs-bg-rgb-color), 0.1) !important; +} + +.bg-state-opacity-10 .active, .bg-state-opacity-10:hover { + background-color: rgba(var(--bs-bg-rgb-color), 0.1) !important; +} + +.bg-opacity-15 { + background-color: rgba(var(--bs-bg-rgb-color), 0.15) !important; +} + +.bg-hover-opacity-15:hover { + background-color: rgba(var(--bs-bg-rgb-color), 0.15) !important; +} + +.bg-active-opacity-15.active { + background-color: rgba(var(--bs-bg-rgb-color), 0.15) !important; +} + +.bg-state-opacity-15 .active, .bg-state-opacity-15:hover { + background-color: rgba(var(--bs-bg-rgb-color), 0.15) !important; +} + +.bg-opacity-20 { + background-color: rgba(var(--bs-bg-rgb-color), 0.2) !important; +} + +.bg-hover-opacity-20:hover { + background-color: rgba(var(--bs-bg-rgb-color), 0.2) !important; +} + +.bg-active-opacity-20.active { + background-color: rgba(var(--bs-bg-rgb-color), 0.2) !important; +} + +.bg-state-opacity-20 .active, .bg-state-opacity-20:hover { + background-color: rgba(var(--bs-bg-rgb-color), 0.2) !important; +} + +.bg-opacity-25 { + background-color: rgba(var(--bs-bg-rgb-color), 0.25) !important; +} + +.bg-hover-opacity-25:hover { + background-color: rgba(var(--bs-bg-rgb-color), 0.25) !important; +} + +.bg-active-opacity-25.active { + background-color: rgba(var(--bs-bg-rgb-color), 0.25) !important; +} + +.bg-state-opacity-25 .active, .bg-state-opacity-25:hover { + background-color: rgba(var(--bs-bg-rgb-color), 0.25) !important; +} + +.bg-opacity-50 { + background-color: rgba(var(--bs-bg-rgb-color), 0.5) !important; +} + +.bg-hover-opacity-50:hover { + background-color: rgba(var(--bs-bg-rgb-color), 0.5) !important; +} + +.bg-active-opacity-50.active { + background-color: rgba(var(--bs-bg-rgb-color), 0.5) !important; +} + +.bg-state-opacity-50 .active, .bg-state-opacity-50:hover { + background-color: rgba(var(--bs-bg-rgb-color), 0.5) !important; +} + +.bg-opacity-75 { + background-color: rgba(var(--bs-bg-rgb-color), 0.75) !important; +} + +.bg-hover-opacity-75:hover { + background-color: rgba(var(--bs-bg-rgb-color), 0.75) !important; +} + +.bg-active-opacity-75.active { + background-color: rgba(var(--bs-bg-rgb-color), 0.75) !important; +} + +.bg-state-opacity-75 .active, .bg-state-opacity-75:hover { + background-color: rgba(var(--bs-bg-rgb-color), 0.75) !important; +} + +.bg-opacity-100 { + background-color: rgba(var(--bs-bg-rgb-color), 1) !important; +} + +.bg-hover-opacity-100:hover { + background-color: rgba(var(--bs-bg-rgb-color), 1) !important; +} + +.bg-active-opacity-100.active { + background-color: rgba(var(--bs-bg-rgb-color), 1) !important; +} + +.bg-state-opacity-100 .active, .bg-state-opacity-100:hover { + background-color: rgba(var(--bs-bg-rgb-color), 1) !important; +} + +.bgi-no-repeat { + background-repeat: no-repeat; +} + +.bgi-position-y-top { + background-position-y: top; +} + +.bgi-position-y-bottom { + background-position-y: bottom; +} + +.bgi-position-y-center { + background-position-y: center; +} + +.bgi-position-x-start { + background-position-x: left; +} + +.bgi-position-x-end { + background-position-x: right; +} + +.bgi-position-x-center { + background-position-x: center; +} + +.bgi-position-top { + background-position: 0 top; +} + +.bgi-position-bottom { + background-position: 0 bottom; +} + +.bgi-position-center { + background-position: center; +} + +.bgi-size-auto { + background-size: auto; +} + +.bgi-size-cover { + background-size: cover; +} + +.bgi-size-contain { + background-size: contain; +} + +.bgi-attachment-fixed { + background-attachment: fixed; +} + +.bgi-attachment-scroll { + background-attachment: scroll; +} + +@media (min-width: 576px) { + .bgi-size-sm-auto { + background-size: auto; + } + .bgi-size-sm-cover { + background-size: cover; + } + .bgi-size-sm-contain { + background-size: contain; + } + .bgi-attachment-sm-fixed { + background-attachment: fixed; + } + .bgi-attachment-sm-scroll { + background-attachment: scroll; + } +} +@media (min-width: 768px) { + .bgi-size-md-auto { + background-size: auto; + } + .bgi-size-md-cover { + background-size: cover; + } + .bgi-size-md-contain { + background-size: contain; + } + .bgi-attachment-md-fixed { + background-attachment: fixed; + } + .bgi-attachment-md-scroll { + background-attachment: scroll; + } +} +@media (min-width: 992px) { + .bgi-size-lg-auto { + background-size: auto; + } + .bgi-size-lg-cover { + background-size: cover; + } + .bgi-size-lg-contain { + background-size: contain; + } + .bgi-attachment-lg-fixed { + background-attachment: fixed; + } + .bgi-attachment-lg-scroll { + background-attachment: scroll; + } +} +@media (min-width: 1200px) { + .bgi-size-xl-auto { + background-size: auto; + } + .bgi-size-xl-cover { + background-size: cover; + } + .bgi-size-xl-contain { + background-size: contain; + } + .bgi-attachment-xl-fixed { + background-attachment: fixed; + } + .bgi-attachment-xl-scroll { + background-attachment: scroll; + } +} +@media (min-width: 1400px) { + .bgi-size-xxl-auto { + background-size: auto; + } + .bgi-size-xxl-cover { + background-size: cover; + } + .bgi-size-xxl-contain { + background-size: contain; + } + .bgi-attachment-xxl-fixed { + background-attachment: fixed; + } + .bgi-attachment-xxl-scroll { + background-attachment: scroll; + } +} +.border-active:not(.active):not(:active):not(:hover):not(:focus) { + border-color: transparent !important; +} + +.border-hover:not(:hover):not(:focus):not(.active):not(:active) { + cursor: pointer; + border-color: transparent !important; +} + +.border-gray-100 { + border-color: var(--bs-gray-100) !important; +} + +.border-gray-200 { + border-color: var(--bs-gray-200) !important; +} + +.border-gray-300 { + border-color: var(--bs-gray-300) !important; +} + +.border-gray-400 { + border-color: var(--bs-gray-400) !important; +} + +.border-gray-500 { + border-color: var(--bs-gray-500) !important; +} + +.border-gray-600 { + border-color: var(--bs-gray-600) !important; +} + +.border-gray-700 { + border-color: var(--bs-gray-700) !important; +} + +.border-gray-800 { + border-color: var(--bs-gray-800) !important; +} + +.border-gray-900 { + border-color: var(--bs-gray-900) !important; +} + +.border-light-clarity { + border-color: var(--bs-light-clarity) !important; +} + +.border-hover-light:hover { + border-color: var(--bs-light) !important; +} + +.border-active-light.active { + border-color: var(--bs-light) !important; +} + +.border-primary-clarity { + border-color: var(--bs-primary-clarity) !important; +} + +.border-hover-primary:hover { + border-color: var(--bs-primary) !important; +} + +.border-active-primary.active { + border-color: var(--bs-primary) !important; +} + +.border-secondary-clarity { + border-color: var(--bs-secondary-clarity) !important; +} + +.border-hover-secondary:hover { + border-color: var(--bs-secondary) !important; +} + +.border-active-secondary.active { + border-color: var(--bs-secondary) !important; +} + +.border-success-clarity { + border-color: var(--bs-success-clarity) !important; +} + +.border-hover-success:hover { + border-color: var(--bs-success) !important; +} + +.border-active-success.active { + border-color: var(--bs-success) !important; +} + +.border-info-clarity { + border-color: var(--bs-info-clarity) !important; +} + +.border-hover-info:hover { + border-color: var(--bs-info) !important; +} + +.border-active-info.active { + border-color: var(--bs-info) !important; +} + +.border-warning-clarity { + border-color: var(--bs-warning-clarity) !important; +} + +.border-hover-warning:hover { + border-color: var(--bs-warning) !important; +} + +.border-active-warning.active { + border-color: var(--bs-warning) !important; +} + +.border-danger-clarity { + border-color: var(--bs-danger-clarity) !important; +} + +.border-hover-danger:hover { + border-color: var(--bs-danger) !important; +} + +.border-active-danger.active { + border-color: var(--bs-danger) !important; +} + +.border-dark-clarity { + border-color: var(--bs-dark-clarity) !important; +} + +.border-hover-dark:hover { + border-color: var(--bs-dark) !important; +} + +.border-active-dark.active { + border-color: var(--bs-dark) !important; +} + +.border-hover-primary-clarity:hover, +.border-active-primary-clarity.active { + border-color: var(--bs-primary-clarity) !important; +} + +.border-hover-transparent:hover { + border-color: transparent !important; +} + +.border-dashed { + border-style: dashed !important; + border-color: var(--bs-border-dashed-color); +} + +.border-top-dashed { + border-top-style: dashed !important; +} + +.border-bottom-dashed { + border-bottom-style: dashed !important; +} + +.border-start-dashed { + border-left-style: dashed !important; +} + +.border-end-dashed { + border-right-style: dashed !important; +} + +.border-dotted { + border-style: dotted !important; +} + +.border-top-dotted { + border-top-style: dotted !important; +} + +.border-bottom-dotted { + border-bottom-style: dotted !important; +} + +.border-start-dotted { + border-left-style: dotted !important; +} + +.border-end-dotted { + border-right-style: dotted !important; +} + +.border-transparent { + border-color: transparent !important; +} + +.border-body { + border-color: var(--bs-body-bg) !important; +} + +.rounded-top-0 { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; +} + +.rounded-bottom-0 { + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} + +.rounded-start-0 { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; +} + +.rounded-end-0 { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.flex-root { + flex: 1; +} + +.flex-column-auto { + flex: none; +} + +.flex-column-fluid { + flex: 1 0 auto; +} + +.flex-row-auto { + flex: 0 0 auto; +} + +.flex-row-fluid { + flex: 1 auto; + min-width: 0; +} + +.flex-center { + justify-content: center; + align-items: center; +} + +.flex-start { + justify-content: start; + align-items: start; +} + +.flex-end { + justify-content: flex-end; + align-items: flex-end; +} + +.flex-stack { + justify-content: space-between; + align-items: center; +} + +@media (min-width: 576px) { + .flex-sm-root { + flex: 1; + } + .flex-sm-column-auto { + flex: none; + } + .flex-sm-column-fluid { + flex: 1 0 auto; + } + .flex-sm-row-auto { + flex: 0 0 auto; + } + .flex-sm-row-fluid { + flex: 1 auto; + min-width: 0; + } + .flex-sm-center { + justify-content: center; + align-items: center; + } + .flex-sm-start { + justify-content: start; + align-items: start; + } + .flex-sm-end { + justify-content: flex-end; + align-items: flex-end; + } + .flex-sm-stack { + justify-content: space-between; + align-items: center; + } +} +@media (min-width: 768px) { + .flex-md-root { + flex: 1; + } + .flex-md-column-auto { + flex: none; + } + .flex-md-column-fluid { + flex: 1 0 auto; + } + .flex-md-row-auto { + flex: 0 0 auto; + } + .flex-md-row-fluid { + flex: 1 auto; + min-width: 0; + } + .flex-md-center { + justify-content: center; + align-items: center; + } + .flex-md-start { + justify-content: start; + align-items: start; + } + .flex-md-end { + justify-content: flex-end; + align-items: flex-end; + } + .flex-md-stack { + justify-content: space-between; + align-items: center; + } +} +@media (min-width: 992px) { + .flex-lg-root { + flex: 1; + } + .flex-lg-column-auto { + flex: none; + } + .flex-lg-column-fluid { + flex: 1 0 auto; + } + .flex-lg-row-auto { + flex: 0 0 auto; + } + .flex-lg-row-fluid { + flex: 1 auto; + min-width: 0; + } + .flex-lg-center { + justify-content: center; + align-items: center; + } + .flex-lg-start { + justify-content: start; + align-items: start; + } + .flex-lg-end { + justify-content: flex-end; + align-items: flex-end; + } + .flex-lg-stack { + justify-content: space-between; + align-items: center; + } +} +@media (min-width: 1200px) { + .flex-xl-root { + flex: 1; + } + .flex-xl-column-auto { + flex: none; + } + .flex-xl-column-fluid { + flex: 1 0 auto; + } + .flex-xl-row-auto { + flex: 0 0 auto; + } + .flex-xl-row-fluid { + flex: 1 auto; + min-width: 0; + } + .flex-xl-center { + justify-content: center; + align-items: center; + } + .flex-xl-start { + justify-content: start; + align-items: start; + } + .flex-xl-end { + justify-content: flex-end; + align-items: flex-end; + } + .flex-xl-stack { + justify-content: space-between; + align-items: center; + } +} +@media (min-width: 1400px) { + .flex-xxl-root { + flex: 1; + } + .flex-xxl-column-auto { + flex: none; + } + .flex-xxl-column-fluid { + flex: 1 0 auto; + } + .flex-xxl-row-auto { + flex: 0 0 auto; + } + .flex-xxl-row-fluid { + flex: 1 auto; + min-width: 0; + } + .flex-xxl-center { + justify-content: center; + align-items: center; + } + .flex-xxl-start { + justify-content: start; + align-items: start; + } + .flex-xxl-end { + justify-content: flex-end; + align-items: flex-end; + } + .flex-xxl-stack { + justify-content: space-between; + align-items: center; + } +} +.flex-equal { + flex-grow: 1; + flex-basis: 0; + flex-shrink: 0; +} + +.shadow-xs { + box-shadow: var(--bs-box-shadow-xs); +} + +.shadow-sm { + box-shadow: var(--bs-box-shadow-sm); +} + +.shadow { + box-shadow: var(--bs-box-shadow); +} + +.shadow-lg { + box-shadow: var(--bs-box-shadow-lg); +} + +.text-white { + color: var(--bs-text-white) !important; +} + +.text-hover-white { + transition: color 0.2s ease; +} +.text-hover-white i { + transition: color 0.2s ease; +} +.text-hover-white:hover { + transition: color 0.2s ease; + color: var(--bs-text-white) !important; +} +.text-hover-white:hover i { + transition: color 0.2s ease; + color: var(--bs-text-white) !important; +} +.text-hover-white:hover .svg-icon { + color: var(--bs-text-white) !important; +} + +.text-active-white { + transition: color 0.2s ease; +} +.text-active-white i { + transition: color 0.2s ease; +} +.text-active-white.active { + transition: color 0.2s ease; + color: var(--bs-text-white) !important; +} +.text-active-white.active i { + transition: color 0.2s ease; + color: var(--bs-text-white) !important; +} +.text-active-white.active .svg-icon { + color: var(--bs-text-white) !important; +} + +.text-primary { + color: var(--bs-text-primary) !important; +} + +.text-inverse-primary { + color: var(--bs-primary-inverse) !important; +} + +.text-light-primary { + color: var(--bs-primary-light) !important; +} + +.text-hover-primary { + transition: color 0.2s ease; +} +.text-hover-primary i { + transition: color 0.2s ease; +} +.text-hover-primary:hover { + transition: color 0.2s ease; + color: var(--bs-text-primary) !important; +} +.text-hover-primary:hover i { + transition: color 0.2s ease; + color: var(--bs-text-primary) !important; +} +.text-hover-primary:hover .svg-icon { + color: var(--bs-text-primary) !important; +} + +.text-active-primary { + transition: color 0.2s ease; +} +.text-active-primary i { + transition: color 0.2s ease; +} +.text-active-primary.active { + transition: color 0.2s ease; + color: var(--bs-text-primary) !important; +} +.text-active-primary.active i { + transition: color 0.2s ease; + color: var(--bs-text-primary) !important; +} +.text-active-primary.active .svg-icon { + color: var(--bs-text-primary) !important; +} + +.text-secondary { + color: var(--bs-text-secondary) !important; +} + +.text-inverse-secondary { + color: var(--bs-secondary-inverse) !important; +} + +.text-light-secondary { + color: var(--bs-secondary-light) !important; +} + +.text-hover-secondary { + transition: color 0.2s ease; +} +.text-hover-secondary i { + transition: color 0.2s ease; +} +.text-hover-secondary:hover { + transition: color 0.2s ease; + color: var(--bs-text-secondary) !important; +} +.text-hover-secondary:hover i { + transition: color 0.2s ease; + color: var(--bs-text-secondary) !important; +} +.text-hover-secondary:hover .svg-icon { + color: var(--bs-text-secondary) !important; +} + +.text-active-secondary { + transition: color 0.2s ease; +} +.text-active-secondary i { + transition: color 0.2s ease; +} +.text-active-secondary.active { + transition: color 0.2s ease; + color: var(--bs-text-secondary) !important; +} +.text-active-secondary.active i { + transition: color 0.2s ease; + color: var(--bs-text-secondary) !important; +} +.text-active-secondary.active .svg-icon { + color: var(--bs-text-secondary) !important; +} + +.text-light { + color: var(--bs-text-light) !important; +} + +.text-inverse-light { + color: var(--bs-light-inverse) !important; +} + +.text-light-light { + color: var(--bs-light-light) !important; +} + +.text-hover-light { + transition: color 0.2s ease; +} +.text-hover-light i { + transition: color 0.2s ease; +} +.text-hover-light:hover { + transition: color 0.2s ease; + color: var(--bs-text-light) !important; +} +.text-hover-light:hover i { + transition: color 0.2s ease; + color: var(--bs-text-light) !important; +} +.text-hover-light:hover .svg-icon { + color: var(--bs-text-light) !important; +} + +.text-active-light { + transition: color 0.2s ease; +} +.text-active-light i { + transition: color 0.2s ease; +} +.text-active-light.active { + transition: color 0.2s ease; + color: var(--bs-text-light) !important; +} +.text-active-light.active i { + transition: color 0.2s ease; + color: var(--bs-text-light) !important; +} +.text-active-light.active .svg-icon { + color: var(--bs-text-light) !important; +} + +.text-success { + color: var(--bs-text-success) !important; +} + +.text-inverse-success { + color: var(--bs-success-inverse) !important; +} + +.text-light-success { + color: var(--bs-success-light) !important; +} + +.text-hover-success { + transition: color 0.2s ease; +} +.text-hover-success i { + transition: color 0.2s ease; +} +.text-hover-success:hover { + transition: color 0.2s ease; + color: var(--bs-text-success) !important; +} +.text-hover-success:hover i { + transition: color 0.2s ease; + color: var(--bs-text-success) !important; +} +.text-hover-success:hover .svg-icon { + color: var(--bs-text-success) !important; +} + +.text-active-success { + transition: color 0.2s ease; +} +.text-active-success i { + transition: color 0.2s ease; +} +.text-active-success.active { + transition: color 0.2s ease; + color: var(--bs-text-success) !important; +} +.text-active-success.active i { + transition: color 0.2s ease; + color: var(--bs-text-success) !important; +} +.text-active-success.active .svg-icon { + color: var(--bs-text-success) !important; +} + +.text-info { + color: var(--bs-text-info) !important; +} + +.text-inverse-info { + color: var(--bs-info-inverse) !important; +} + +.text-light-info { + color: var(--bs-info-light) !important; +} + +.text-hover-info { + transition: color 0.2s ease; +} +.text-hover-info i { + transition: color 0.2s ease; +} +.text-hover-info:hover { + transition: color 0.2s ease; + color: var(--bs-text-info) !important; +} +.text-hover-info:hover i { + transition: color 0.2s ease; + color: var(--bs-text-info) !important; +} +.text-hover-info:hover .svg-icon { + color: var(--bs-text-info) !important; +} + +.text-active-info { + transition: color 0.2s ease; +} +.text-active-info i { + transition: color 0.2s ease; +} +.text-active-info.active { + transition: color 0.2s ease; + color: var(--bs-text-info) !important; +} +.text-active-info.active i { + transition: color 0.2s ease; + color: var(--bs-text-info) !important; +} +.text-active-info.active .svg-icon { + color: var(--bs-text-info) !important; +} + +.text-warning { + color: var(--bs-text-warning) !important; +} + +.text-inverse-warning { + color: var(--bs-warning-inverse) !important; +} + +.text-light-warning { + color: var(--bs-warning-light) !important; +} + +.text-hover-warning { + transition: color 0.2s ease; +} +.text-hover-warning i { + transition: color 0.2s ease; +} +.text-hover-warning:hover { + transition: color 0.2s ease; + color: var(--bs-text-warning) !important; +} +.text-hover-warning:hover i { + transition: color 0.2s ease; + color: var(--bs-text-warning) !important; +} +.text-hover-warning:hover .svg-icon { + color: var(--bs-text-warning) !important; +} + +.text-active-warning { + transition: color 0.2s ease; +} +.text-active-warning i { + transition: color 0.2s ease; +} +.text-active-warning.active { + transition: color 0.2s ease; + color: var(--bs-text-warning) !important; +} +.text-active-warning.active i { + transition: color 0.2s ease; + color: var(--bs-text-warning) !important; +} +.text-active-warning.active .svg-icon { + color: var(--bs-text-warning) !important; +} + +.text-danger { + color: var(--bs-text-danger) !important; +} + +.text-inverse-danger { + color: var(--bs-danger-inverse) !important; +} + +.text-light-danger { + color: var(--bs-danger-light) !important; +} + +.text-hover-danger { + transition: color 0.2s ease; +} +.text-hover-danger i { + transition: color 0.2s ease; +} +.text-hover-danger:hover { + transition: color 0.2s ease; + color: var(--bs-text-danger) !important; +} +.text-hover-danger:hover i { + transition: color 0.2s ease; + color: var(--bs-text-danger) !important; +} +.text-hover-danger:hover .svg-icon { + color: var(--bs-text-danger) !important; +} + +.text-active-danger { + transition: color 0.2s ease; +} +.text-active-danger i { + transition: color 0.2s ease; +} +.text-active-danger.active { + transition: color 0.2s ease; + color: var(--bs-text-danger) !important; +} +.text-active-danger.active i { + transition: color 0.2s ease; + color: var(--bs-text-danger) !important; +} +.text-active-danger.active .svg-icon { + color: var(--bs-text-danger) !important; +} + +.text-dark { + color: var(--bs-text-dark) !important; +} + +.text-inverse-dark { + color: var(--bs-dark-inverse) !important; +} + +.text-light-dark { + color: var(--bs-dark-light) !important; +} + +.text-hover-dark { + transition: color 0.2s ease; +} +.text-hover-dark i { + transition: color 0.2s ease; +} +.text-hover-dark:hover { + transition: color 0.2s ease; + color: var(--bs-text-dark) !important; +} +.text-hover-dark:hover i { + transition: color 0.2s ease; + color: var(--bs-text-dark) !important; +} +.text-hover-dark:hover .svg-icon { + color: var(--bs-text-dark) !important; +} + +.text-active-dark { + transition: color 0.2s ease; +} +.text-active-dark i { + transition: color 0.2s ease; +} +.text-active-dark.active { + transition: color 0.2s ease; + color: var(--bs-text-dark) !important; +} +.text-active-dark.active i { + transition: color 0.2s ease; + color: var(--bs-text-dark) !important; +} +.text-active-dark.active .svg-icon { + color: var(--bs-text-dark) !important; +} + +.text-muted { + color: var(--bs-text-muted) !important; +} + +.text-hover-muted { + transition: color 0.2s ease; +} +.text-hover-muted i { + transition: color 0.2s ease; +} +.text-hover-muted:hover { + transition: color 0.2s ease; + color: var(--bs-text-muted) !important; +} +.text-hover-muted:hover i { + transition: color 0.2s ease; + color: var(--bs-text-muted) !important; +} +.text-hover-muted:hover .svg-icon { + color: var(--bs-text-muted) !important; +} + +.text-active-muted { + transition: color 0.2s ease; +} +.text-active-muted i { + transition: color 0.2s ease; +} +.text-active-muted.active { + transition: color 0.2s ease; + color: var(--bs-text-muted) !important; +} +.text-active-muted.active i { + transition: color 0.2s ease; + color: var(--bs-text-muted) !important; +} +.text-active-muted.active .svg-icon { + color: var(--bs-text-muted) !important; +} + +.text-gray-100 { + color: var(--bs-text-gray-100) !important; +} + +.text-hover-gray-100 { + transition: color 0.2s ease; +} +.text-hover-gray-100 i { + transition: color 0.2s ease; +} +.text-hover-gray-100:hover { + transition: color 0.2s ease; + color: var(--bs-text-gray-100) !important; +} +.text-hover-gray-100:hover i { + transition: color 0.2s ease; + color: var(--bs-text-gray-100) !important; +} +.text-hover-gray-100:hover .svg-icon { + color: var(--bs-text-gray-100) !important; +} + +.text-active-gray-100 { + transition: color 0.2s ease; +} +.text-active-gray-100 i { + transition: color 0.2s ease; +} +.text-active-gray-100.active { + transition: color 0.2s ease; + color: var(--bs-text-gray-100) !important; +} +.text-active-gray-100.active i { + transition: color 0.2s ease; + color: var(--bs-text-gray-100) !important; +} +.text-active-gray-100.active .svg-icon { + color: var(--bs-text-gray-100) !important; +} + +.text-gray-200 { + color: var(--bs-text-gray-200) !important; +} + +.text-hover-gray-200 { + transition: color 0.2s ease; +} +.text-hover-gray-200 i { + transition: color 0.2s ease; +} +.text-hover-gray-200:hover { + transition: color 0.2s ease; + color: var(--bs-text-gray-200) !important; +} +.text-hover-gray-200:hover i { + transition: color 0.2s ease; + color: var(--bs-text-gray-200) !important; +} +.text-hover-gray-200:hover .svg-icon { + color: var(--bs-text-gray-200) !important; +} + +.text-active-gray-200 { + transition: color 0.2s ease; +} +.text-active-gray-200 i { + transition: color 0.2s ease; +} +.text-active-gray-200.active { + transition: color 0.2s ease; + color: var(--bs-text-gray-200) !important; +} +.text-active-gray-200.active i { + transition: color 0.2s ease; + color: var(--bs-text-gray-200) !important; +} +.text-active-gray-200.active .svg-icon { + color: var(--bs-text-gray-200) !important; +} + +.text-gray-300 { + color: var(--bs-text-gray-300) !important; +} + +.text-hover-gray-300 { + transition: color 0.2s ease; +} +.text-hover-gray-300 i { + transition: color 0.2s ease; +} +.text-hover-gray-300:hover { + transition: color 0.2s ease; + color: var(--bs-text-gray-300) !important; +} +.text-hover-gray-300:hover i { + transition: color 0.2s ease; + color: var(--bs-text-gray-300) !important; +} +.text-hover-gray-300:hover .svg-icon { + color: var(--bs-text-gray-300) !important; +} + +.text-active-gray-300 { + transition: color 0.2s ease; +} +.text-active-gray-300 i { + transition: color 0.2s ease; +} +.text-active-gray-300.active { + transition: color 0.2s ease; + color: var(--bs-text-gray-300) !important; +} +.text-active-gray-300.active i { + transition: color 0.2s ease; + color: var(--bs-text-gray-300) !important; +} +.text-active-gray-300.active .svg-icon { + color: var(--bs-text-gray-300) !important; +} + +.text-gray-400 { + color: var(--bs-text-gray-400) !important; +} + +.text-hover-gray-400 { + transition: color 0.2s ease; +} +.text-hover-gray-400 i { + transition: color 0.2s ease; +} +.text-hover-gray-400:hover { + transition: color 0.2s ease; + color: var(--bs-text-gray-400) !important; +} +.text-hover-gray-400:hover i { + transition: color 0.2s ease; + color: var(--bs-text-gray-400) !important; +} +.text-hover-gray-400:hover .svg-icon { + color: var(--bs-text-gray-400) !important; +} + +.text-active-gray-400 { + transition: color 0.2s ease; +} +.text-active-gray-400 i { + transition: color 0.2s ease; +} +.text-active-gray-400.active { + transition: color 0.2s ease; + color: var(--bs-text-gray-400) !important; +} +.text-active-gray-400.active i { + transition: color 0.2s ease; + color: var(--bs-text-gray-400) !important; +} +.text-active-gray-400.active .svg-icon { + color: var(--bs-text-gray-400) !important; +} + +.text-gray-500 { + color: var(--bs-text-gray-500) !important; +} + +.text-hover-gray-500 { + transition: color 0.2s ease; +} +.text-hover-gray-500 i { + transition: color 0.2s ease; +} +.text-hover-gray-500:hover { + transition: color 0.2s ease; + color: var(--bs-text-gray-500) !important; +} +.text-hover-gray-500:hover i { + transition: color 0.2s ease; + color: var(--bs-text-gray-500) !important; +} +.text-hover-gray-500:hover .svg-icon { + color: var(--bs-text-gray-500) !important; +} + +.text-active-gray-500 { + transition: color 0.2s ease; +} +.text-active-gray-500 i { + transition: color 0.2s ease; +} +.text-active-gray-500.active { + transition: color 0.2s ease; + color: var(--bs-text-gray-500) !important; +} +.text-active-gray-500.active i { + transition: color 0.2s ease; + color: var(--bs-text-gray-500) !important; +} +.text-active-gray-500.active .svg-icon { + color: var(--bs-text-gray-500) !important; +} + +.text-gray-600 { + color: var(--bs-text-gray-600) !important; +} + +.text-hover-gray-600 { + transition: color 0.2s ease; +} +.text-hover-gray-600 i { + transition: color 0.2s ease; +} +.text-hover-gray-600:hover { + transition: color 0.2s ease; + color: var(--bs-text-gray-600) !important; +} +.text-hover-gray-600:hover i { + transition: color 0.2s ease; + color: var(--bs-text-gray-600) !important; +} +.text-hover-gray-600:hover .svg-icon { + color: var(--bs-text-gray-600) !important; +} + +.text-active-gray-600 { + transition: color 0.2s ease; +} +.text-active-gray-600 i { + transition: color 0.2s ease; +} +.text-active-gray-600.active { + transition: color 0.2s ease; + color: var(--bs-text-gray-600) !important; +} +.text-active-gray-600.active i { + transition: color 0.2s ease; + color: var(--bs-text-gray-600) !important; +} +.text-active-gray-600.active .svg-icon { + color: var(--bs-text-gray-600) !important; +} + +.text-gray-700 { + color: var(--bs-text-gray-700) !important; +} + +.text-hover-gray-700 { + transition: color 0.2s ease; +} +.text-hover-gray-700 i { + transition: color 0.2s ease; +} +.text-hover-gray-700:hover { + transition: color 0.2s ease; + color: var(--bs-text-gray-700) !important; +} +.text-hover-gray-700:hover i { + transition: color 0.2s ease; + color: var(--bs-text-gray-700) !important; +} +.text-hover-gray-700:hover .svg-icon { + color: var(--bs-text-gray-700) !important; +} + +.text-active-gray-700 { + transition: color 0.2s ease; +} +.text-active-gray-700 i { + transition: color 0.2s ease; +} +.text-active-gray-700.active { + transition: color 0.2s ease; + color: var(--bs-text-gray-700) !important; +} +.text-active-gray-700.active i { + transition: color 0.2s ease; + color: var(--bs-text-gray-700) !important; +} +.text-active-gray-700.active .svg-icon { + color: var(--bs-text-gray-700) !important; +} + +.text-gray-800 { + color: var(--bs-text-gray-800) !important; +} + +.text-hover-gray-800 { + transition: color 0.2s ease; +} +.text-hover-gray-800 i { + transition: color 0.2s ease; +} +.text-hover-gray-800:hover { + transition: color 0.2s ease; + color: var(--bs-text-gray-800) !important; +} +.text-hover-gray-800:hover i { + transition: color 0.2s ease; + color: var(--bs-text-gray-800) !important; +} +.text-hover-gray-800:hover .svg-icon { + color: var(--bs-text-gray-800) !important; +} + +.text-active-gray-800 { + transition: color 0.2s ease; +} +.text-active-gray-800 i { + transition: color 0.2s ease; +} +.text-active-gray-800.active { + transition: color 0.2s ease; + color: var(--bs-text-gray-800) !important; +} +.text-active-gray-800.active i { + transition: color 0.2s ease; + color: var(--bs-text-gray-800) !important; +} +.text-active-gray-800.active .svg-icon { + color: var(--bs-text-gray-800) !important; +} + +.text-gray-900 { + color: var(--bs-text-gray-900) !important; +} + +.text-hover-gray-900 { + transition: color 0.2s ease; +} +.text-hover-gray-900 i { + transition: color 0.2s ease; +} +.text-hover-gray-900:hover { + transition: color 0.2s ease; + color: var(--bs-text-gray-900) !important; +} +.text-hover-gray-900:hover i { + transition: color 0.2s ease; + color: var(--bs-text-gray-900) !important; +} +.text-hover-gray-900:hover .svg-icon { + color: var(--bs-text-gray-900) !important; +} + +.text-active-gray-900 { + transition: color 0.2s ease; +} +.text-active-gray-900 i { + transition: color 0.2s ease; +} +.text-active-gray-900.active { + transition: color 0.2s ease; + color: var(--bs-text-gray-900) !important; +} +.text-active-gray-900.active i { + transition: color 0.2s ease; + color: var(--bs-text-gray-900) !important; +} +.text-active-gray-900.active .svg-icon { + color: var(--bs-text-gray-900) !important; +} + +.parent-hover .parent-hover-white { + transition: color 0.2s ease; +} +.parent-hover:hover .parent-hover-white { + transition: color 0.2s ease; + color: var(--bs-text-white) !important; +} +.parent-hover .parent-hover-primary { + transition: color 0.2s ease; +} +.parent-hover:hover .parent-hover-primary { + transition: color 0.2s ease; + color: var(--bs-text-primary) !important; +} +.parent-hover .parent-hover-secondary { + transition: color 0.2s ease; +} +.parent-hover:hover .parent-hover-secondary { + transition: color 0.2s ease; + color: var(--bs-text-secondary) !important; +} +.parent-hover .parent-hover-light { + transition: color 0.2s ease; +} +.parent-hover:hover .parent-hover-light { + transition: color 0.2s ease; + color: var(--bs-text-light) !important; +} +.parent-hover .parent-hover-success { + transition: color 0.2s ease; +} +.parent-hover:hover .parent-hover-success { + transition: color 0.2s ease; + color: var(--bs-text-success) !important; +} +.parent-hover .parent-hover-info { + transition: color 0.2s ease; +} +.parent-hover:hover .parent-hover-info { + transition: color 0.2s ease; + color: var(--bs-text-info) !important; +} +.parent-hover .parent-hover-warning { + transition: color 0.2s ease; +} +.parent-hover:hover .parent-hover-warning { + transition: color 0.2s ease; + color: var(--bs-text-warning) !important; +} +.parent-hover .parent-hover-danger { + transition: color 0.2s ease; +} +.parent-hover:hover .parent-hover-danger { + transition: color 0.2s ease; + color: var(--bs-text-danger) !important; +} +.parent-hover .parent-hover-dark { + transition: color 0.2s ease; +} +.parent-hover:hover .parent-hover-dark { + transition: color 0.2s ease; + color: var(--bs-text-dark) !important; +} +.parent-hover .parent-hover-muted { + transition: color 0.2s ease; +} +.parent-hover:hover .parent-hover-muted { + transition: color 0.2s ease; + color: var(--bs-text-muted) !important; +} +.parent-hover .parent-hover-gray-100 { + transition: color 0.2s ease; +} +.parent-hover:hover .parent-hover-gray-100 { + transition: color 0.2s ease; + color: var(--bs-text-gray-100) !important; +} +.parent-hover .parent-hover-gray-200 { + transition: color 0.2s ease; +} +.parent-hover:hover .parent-hover-gray-200 { + transition: color 0.2s ease; + color: var(--bs-text-gray-200) !important; +} +.parent-hover .parent-hover-gray-300 { + transition: color 0.2s ease; +} +.parent-hover:hover .parent-hover-gray-300 { + transition: color 0.2s ease; + color: var(--bs-text-gray-300) !important; +} +.parent-hover .parent-hover-gray-400 { + transition: color 0.2s ease; +} +.parent-hover:hover .parent-hover-gray-400 { + transition: color 0.2s ease; + color: var(--bs-text-gray-400) !important; +} +.parent-hover .parent-hover-gray-500 { + transition: color 0.2s ease; +} +.parent-hover:hover .parent-hover-gray-500 { + transition: color 0.2s ease; + color: var(--bs-text-gray-500) !important; +} +.parent-hover .parent-hover-gray-600 { + transition: color 0.2s ease; +} +.parent-hover:hover .parent-hover-gray-600 { + transition: color 0.2s ease; + color: var(--bs-text-gray-600) !important; +} +.parent-hover .parent-hover-gray-700 { + transition: color 0.2s ease; +} +.parent-hover:hover .parent-hover-gray-700 { + transition: color 0.2s ease; + color: var(--bs-text-gray-700) !important; +} +.parent-hover .parent-hover-gray-800 { + transition: color 0.2s ease; +} +.parent-hover:hover .parent-hover-gray-800 { + transition: color 0.2s ease; + color: var(--bs-text-gray-800) !important; +} +.parent-hover .parent-hover-gray-900 { + transition: color 0.2s ease; +} +.parent-hover:hover .parent-hover-gray-900 { + transition: color 0.2s ease; + color: var(--bs-text-gray-900) !important; +} + +.parent-active .parent-active-white { + transition: color 0.2s ease; +} +.parent-active.active .parent-active-white { + transition: color 0.2s ease; + color: var(--bs-text-white) !important; +} +.parent-active .parent-active-primary { + transition: color 0.2s ease; +} +.parent-active.active .parent-active-primary { + transition: color 0.2s ease; + color: var(--bs-text-primary) !important; +} +.parent-active .parent-active-secondary { + transition: color 0.2s ease; +} +.parent-active.active .parent-active-secondary { + transition: color 0.2s ease; + color: var(--bs-text-secondary) !important; +} +.parent-active .parent-active-light { + transition: color 0.2s ease; +} +.parent-active.active .parent-active-light { + transition: color 0.2s ease; + color: var(--bs-text-light) !important; +} +.parent-active .parent-active-success { + transition: color 0.2s ease; +} +.parent-active.active .parent-active-success { + transition: color 0.2s ease; + color: var(--bs-text-success) !important; +} +.parent-active .parent-active-info { + transition: color 0.2s ease; +} +.parent-active.active .parent-active-info { + transition: color 0.2s ease; + color: var(--bs-text-info) !important; +} +.parent-active .parent-active-warning { + transition: color 0.2s ease; +} +.parent-active.active .parent-active-warning { + transition: color 0.2s ease; + color: var(--bs-text-warning) !important; +} +.parent-active .parent-active-danger { + transition: color 0.2s ease; +} +.parent-active.active .parent-active-danger { + transition: color 0.2s ease; + color: var(--bs-text-danger) !important; +} +.parent-active .parent-active-dark { + transition: color 0.2s ease; +} +.parent-active.active .parent-active-dark { + transition: color 0.2s ease; + color: var(--bs-text-dark) !important; +} +.parent-active .parent-active-muted { + transition: color 0.2s ease; +} +.parent-active.active .parent-active-muted { + transition: color 0.2s ease; + color: var(--bs-text-muted) !important; +} +.parent-active .parent-active-gray-100 { + transition: color 0.2s ease; +} +.parent-active.active .parent-active-gray-100 { + transition: color 0.2s ease; + color: var(--bs-text-gray-100) !important; +} +.parent-active .parent-active-gray-200 { + transition: color 0.2s ease; +} +.parent-active.active .parent-active-gray-200 { + transition: color 0.2s ease; + color: var(--bs-text-gray-200) !important; +} +.parent-active .parent-active-gray-300 { + transition: color 0.2s ease; +} +.parent-active.active .parent-active-gray-300 { + transition: color 0.2s ease; + color: var(--bs-text-gray-300) !important; +} +.parent-active .parent-active-gray-400 { + transition: color 0.2s ease; +} +.parent-active.active .parent-active-gray-400 { + transition: color 0.2s ease; + color: var(--bs-text-gray-400) !important; +} +.parent-active .parent-active-gray-500 { + transition: color 0.2s ease; +} +.parent-active.active .parent-active-gray-500 { + transition: color 0.2s ease; + color: var(--bs-text-gray-500) !important; +} +.parent-active .parent-active-gray-600 { + transition: color 0.2s ease; +} +.parent-active.active .parent-active-gray-600 { + transition: color 0.2s ease; + color: var(--bs-text-gray-600) !important; +} +.parent-active .parent-active-gray-700 { + transition: color 0.2s ease; +} +.parent-active.active .parent-active-gray-700 { + transition: color 0.2s ease; + color: var(--bs-text-gray-700) !important; +} +.parent-active .parent-active-gray-800 { + transition: color 0.2s ease; +} +.parent-active.active .parent-active-gray-800 { + transition: color 0.2s ease; + color: var(--bs-text-gray-800) !important; +} +.parent-active .parent-active-gray-900 { + transition: color 0.2s ease; +} +.parent-active.active .parent-active-gray-900 { + transition: color 0.2s ease; + color: var(--bs-text-gray-900) !important; +} + +.text-transparent { + color: transparent; +} + +.cursor-pointer { + cursor: pointer; +} + +.cursor-default { + cursor: default; +} + +.cursor-move { + cursor: move; +} + +i.bi, i[class^=fonticon-], i[class*=" fonticon-"], i[class^=fa-], i[class*=" fa-"], i[class^=la-], i[class*=" la-"] { + line-height: 1; + font-size: 1rem; + color: var(--bs-text-muted); +} + +a { + transition: color 0.2s ease; +} +a:hover { + transition: color 0.2s ease; +} + +.opacity-active-0.active { + opacity: 0 !important; +} + +.opacity-state-0:hover, .opacity-state-0.active { + opacity: 0 !important; +} + +.opacity-active-5.active { + opacity: 0.05 !important; +} + +.opacity-state-5:hover, .opacity-state-5.active { + opacity: 0.05 !important; +} + +.opacity-active-10.active { + opacity: 0.1 !important; +} + +.opacity-state-10:hover, .opacity-state-10.active { + opacity: 0.1 !important; +} + +.opacity-active-15.active { + opacity: 0.15 !important; +} + +.opacity-state-15:hover, .opacity-state-15.active { + opacity: 0.15 !important; +} + +.opacity-active-20.active { + opacity: 0.2 !important; +} + +.opacity-state-20:hover, .opacity-state-20.active { + opacity: 0.2 !important; +} + +.opacity-active-25.active { + opacity: 0.25 !important; +} + +.opacity-state-25:hover, .opacity-state-25.active { + opacity: 0.25 !important; +} + +.opacity-active-50.active { + opacity: 0.5 !important; +} + +.opacity-state-50:hover, .opacity-state-50.active { + opacity: 0.5 !important; +} + +.opacity-active-75.active { + opacity: 0.75 !important; +} + +.opacity-state-75:hover, .opacity-state-75.active { + opacity: 0.75 !important; +} + +.opacity-active-100.active { + opacity: 1 !important; +} + +.opacity-state-100:hover, .opacity-state-100.active { + opacity: 1 !important; +} + +.transform-90 { + transform: rotate(90deg); + transform-origin: right top; +} + +.tree { + --bs-tree-icon-size: 16px; + --bs-tree-icon-gap: 14px; + --bs-tree-icon-color-open: var(--bs-success); + --bs-tree-icon-color-default: var(--bs-gray-500); + --bs-tree-icon-color-close: var(--bs-gray-500); + --bs-tree-line-color: var(--bs-gray-200); +} +.tree .tree-node { + padding-left: 1.25rem; + display: flex; + flex-direction: column; + align-items: start; +} +.tree .tree-sub { + padding: 0.35rem 0; +} +.tree .tree-content { + display: flex; + align-items: center; + padding: 0.35rem 0; +} +.tree .tree-wrapper { + padding-left: calc(var(--bs-tree-icon-size) + var(--bs-tree-icon-size)); +} +.tree .tree-section { + display: flex; + align-items: baseline; + padding-left: var(--bs-tree-icon-gap); +} +.tree .tree-toggle { + display: flex; + align-items: center; + width: var(--bs-tree-icon-size); +} +.tree .tree-toggle .tree-icon-default { + font-size: 1.5rem; + color: var(--bs-tree-icon-color-default); +} +.tree .tree-toggle .tree-icon-open { + font-size: 1.5rem; + color: var(--bs-tree-icon-color-open); +} +.tree .tree-toggle .tree-icon-close { + font-size: 1.5rem; + color: var(--bs-tree-icon-color-close); +} +.tree .tree-toggle.collapsed .tree-icon-close { + display: flex; +} +.tree .tree-toggle.collapsed .tree-icon-open { + display: none; +} +.tree .tree-toggle:not(.collapsed) .tree-icon-close { + display: none; +} +.tree .tree-toggle:not(.collapsed) .tree-icon-open { + display: flex; +} +.tree > .tree-node { + padding-left: 0 !important; +} +.tree.tree-line .tree-sub { + border-left: 1px solid var(--bs-tree-line-color); + margin-left: calc(var(--bs-tree-icon-size) / 2); +} + +@media (min-width: 992px) { + .testimonials-slider-highlight { + transition: all ease 0.3; + } + .testimonials-slider-highlight .testimonials-photo, + .testimonials-slider-highlight .testimonials-title, + .testimonials-slider-highlight .testimonials-body, + .testimonials-slider-highlight .testimonials-author, + .testimonials-slider-highlight .testimonials-positon { + transition: all ease 0.3s; + } + .testimonials-slider-highlight .tns-item:not(.tns-slide-active) + .tns-item.tns-slide-active .testimonials-photo { + height: 200px; + width: 200px; + transition: all ease 0.3s; + } + .testimonials-slider-highlight .tns-item:not(.tns-slide-active) + .tns-item.tns-slide-active .testimonials-title { + color: var(--bs-gray-900) !important; + font-size: 1.54rem !important; + transition: all ease 0.3s; + margin-bottom: 1.3rem !important; + } + .testimonials-slider-highlight .tns-item:not(.tns-slide-active) + .tns-item.tns-slide-active .testimonials-description { + color: var(--bs-gray-700) !important; + font-size: 1.38rem !important; + transition: all ease 0.3s; + margin-bottom: 1.7rem !important; + } + .testimonials-slider-highlight .tns-item:not(.tns-slide-active) + .tns-item.tns-slide-active .testimonials-author { + color: var(--bs-primary) !important; + font-size: 1.1rem !important; + transition: all ease 0.3s; + } + .testimonials-slider-highlight .tns-item:not(.tns-slide-active) + .tns-item.tns-slide-active .testimonials-positon { + color: var(--bs-gray-500) !important; + font-size: 0.9rem !important; + transition: all ease 0.3s; + } +} +.testimonials-slider-quote .testimonials-quote { + opacity: 0.2; +} +.testimonials-slider-quote .tns-item:not(.tns-slide-active) + .tns-slide-active + .tns-slide-active .testimonials-quote { + opacity: 0.5; + color: var(--bs-primary) !important; +} + +.stepper.stepper-pills.stepper-multistep { + --bs-stepper-pills-size: 46px; + --bs-stepper-icon-border-radius: 9px; + --bs-stepper-icon-check-size: 1.25rem; + --bs-stepper-icon-bg-color: rgba(255, 255, 255, 0.03); + --bs-stepper-icon-bg-color-current: var(--bs-success); + --bs-stepper-icon-bg-color-completed: rgba(255, 255, 255, 0.03); + --bs-stepper-icon-border: 1px dashed rgba(255, 255, 255, 0.3); + --bs-stepper-icon-border-current: 0; + --bs-stepper-icon-border-completed: 1px dashed rgba(255, 255, 255, 0.3); + --bs-stepper-icon-number-color: var(--bs-white); + --bs-stepper-icon-number-color-current: var(--bs-white); + --bs-stepper-icon-number-color-completed: var(--bs-white); + --bs-stepper-icon-check-color-completed: var(--bs-success); + --bs-stepper-label-title-opacity: 0.7; + --bs-stepper-label-title-opacity-current: 1; + --bs-stepper-label-title-opacity-completed: 1; + --bs-stepper-label-title-color: var(--bs-white); + --bs-stepper-label-title-color-current: var(--bs-white); + --bs-stepper-label-title-color-completed: var(--bs-white); + --bs-stepper-label-desc-opacity: 0.7; + --bs-stepper-label-desc-opacity-current: 0.7; + --bs-stepper-label-desc-opacity-completed: 0.7; + --bs-stepper-label-desc-color: var(--bs-white); + --bs-stepper-label-desc-color-current: var(--bs-white); + --bs-stepper-label-desc-color-completed: var(--bs-white); + --bs-stepper-line-border: 1px dashed rgba(255, 255, 255, 0.3); +} + +.landing-dark-bg { + background-color: #13263C; +} + +.landing-dark-color { + color: #13263C; +} + +.landing-dark-border { + border: 1px dashed #2C3F5B; +} + +.landing-dark-separator { + border-top: 1px dashed #2C3F5B; +} + +.landing-curve { + position: relative; +} +.landing-curve svg { + position: relative; + top: 0; + display: block; +} + +.landing-header { + display: flex; + align-items: center; + height: 100px; +} +.landing-header .logo-default { + display: block; +} +.landing-header .logo-sticky { + display: none; +} +.landing-header .menu .menu-link.active { + color: #ffffff; +} +[data-kt-sticky-landing-header=on] .landing-header .menu .menu-link.active { + color: #1B84FF; + background-color: rgba(239, 242, 245, 0.4); +} +[data-kt-sticky-landing-header=on] .landing-header { + padding: 0; + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 100; + background-color: #ffffff; + box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05); + height: 70px; +} +[data-kt-sticky-landing-header=on] .landing-header .logo-sticky { + display: block; +} +[data-kt-sticky-landing-header=on] .landing-header .logo-default { + display: none; +} + +body[data-kt-sticky-landing-header=on] { + padding-top: 100px; +} + +@media (max-width: 991.98px) { + .landing-header { + height: 70px; + } + .landing-header .landing-menu-wrapper { + position: relative; + overflow: auto; + } + [data-kt-sticky-landing-header=on] .landing-header { + height: 70px; + } + .landing-header .menu .menu-link.active { + color: #1B84FF; + background-color: rgba(239, 242, 245, 0.4); + } + body[data-kt-sticky-landing-header=on] { + padding-top: 70px; + } +} +[data-bs-theme=light] { + --bs-page-bg: #ffffff; + --bs-app-blank-bg: #ffffff; + --bs-header-general-bg-color: #2C294B; + --bs-header-general-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05); + --bs-header-search-icon-color: #ffffff; + --bs-header-search-bg-color: #403E5E; + --bs-header-search-placeholder-color: #636674; + --bs-header-search-font-color: #9A9CAE; + --bs-header-button-icon-color: #ffffff; + --bs-header-button-bg-color: #403E5E; + --bs-header-button-icon-color-active: #ffffff; + --bs-header-mobile-bg-color: #ffffff; + --bs-aside-bg-color: #ffffff; + --bs-aside-box-shadow: 0px 0px 80px 50px rgba(206, 213, 225, 0.12); + --bs-aside-menu-icon-bg-color: rgba(245, 248, 250, 0.8); + --bs-aside-menu-icon-bg-color-active: #1B84FF; + --bs-aside-menu-icon-icon-color: #4B5675; + --bs-aside-menu-icon-icon-color-active: #ffffff; + --bs-aside-menu-icon-icon-color-hover: #1B84FF; +} + +[data-bs-theme=dark] { + --bs-page-bg: #0F1014; + --bs-app-blank-bg: #0F1014; + --bs-header-general-bg-color: #0B0C10; + --bs-header-general-box-shadow: none; + --bs-header-search-icon-color: #636674; + --bs-header-search-bg-color: #1F212A; + --bs-header-search-placeholder-color: #363843; + --bs-header-search-font-color: #9A9CAE; + --bs-header-button-icon-color: #636674; + --bs-header-button-bg-color: #1F212A; + --bs-header-button-icon-color-active: #636674; + --bs-header-mobile-bg-color: #0F1014; + --bs-aside-bg-color: #15171C; + --bs-aside-box-shadow: none; + --bs-aside-menu-icon-bg-color: #1B1C22; + --bs-aside-menu-icon-bg-color-active: #1B84FF; + --bs-aside-menu-icon-icon-color: #9A9CAE; + --bs-aside-menu-icon-icon-color-active: #ffffff; + --bs-aside-menu-icon-icon-color-hover: #1B84FF; +} + +html { + font-family: sans-serif; + text-size-adjust: 100%; +} + +html, +body { + height: 100%; + margin: 0px; + padding: 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-size: 13px !important; + font-weight: 400; + font-family: Inter, Helvetica, "sans-serif"; +} +@media (max-width: 991.98px) { + html, + body { + font-size: 13px !important; + } +} +@media (max-width: 767.98px) { + html, + body { + font-size: 12px !important; + } +} + +body { + display: flex; + flex-direction: column; +} +body a:hover, +body a:active, +body a:focus { + text-decoration: none !important; +} + +canvas { + user-select: none; +} + +router-outlet { + display: none; +} + +@media print { + .print-content-only { + padding: 0 !important; + background: none !important; + } + .print-content-only .wrapper, + .print-content-only .page, + .print-content-only .page-title, + .print-content-only .content, + .print-content-only .container, + .print-content-only .container-xxl, + .print-content-only .container-fluid, + .print-content-only .container-sm, + .print-content-only .container-md, + .print-content-only .container-lg, + .print-content-only .container-xl { + background: none !important; + padding: 0 !important; + margin: 0 !important; + } + .print-content-only .aside, + .print-content-only .sidebar, + .print-content-only .scrolltop, + .print-content-only .header, + .print-content-only .footer, + .print-content-only .toolbar, + .print-content-only .drawer, + .print-content-only .btn { + display: none !important; + } +} +body { + background-color: var(--bs-page-bg); +} + +.text-page-bg { + color: #ffffff; +} + +.page-bg { + background-color: var(--bs-page-bg) !important; +} + +.app-blank { + background-color: var(--bs-app-blank-bg) !important; +} + +.nav-custom .nav-link { + color: #ffffff !important; + opacity: 0.7; +} +.nav-custom .nav-link.active { + opacity: 1; + border-bottom: 2px solid #ffffff !important; +} +.nav-custom .nav-link:hover { + opacity: 1; + border-bottom-color: transparent !important; +} + +@media (min-width: 992px) { + .container, + .container-xxl, + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl { + padding: 0 30px; + } + .wrapper { + padding-left: 140px; + } + .header-fixed[data-kt-sticky-header=on] .wrapper { + padding-top: 240px; + } +} +@media (max-width: 991.98px) { + .container, + .container-xxl, + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl { + max-width: none; + padding: 0 15px; + } +} +.header-mobile { + display: none; +} + +.header { + display: flex; + justify-content: space-between; + flex-direction: column; + align-items: center; + height: 240px; + background-color: var(--bs-header-general-bg-color); +} +.header .header-container { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; +} +.header .header-search .search-icon { + color: var(--bs-header-search-icon-color); +} +.header .header-search .custom-form-control { + background-color: var(--bs-header-search-bg-color); + border-color: var(--bs-header-search-bg-color); + color: var(--bs-header-search-font-color); +} +.header .header-search .custom-form-control::placeholder { + color: var(--bs-header-search-placeholder-color); +} +.header .header-search .custom-form-control::-moz-placeholder { + color: var(--bs-header-search-placeholder-color); + opacity: 1; +} +.header .btn-custom { + border-color: var(--bs-header-button-bg-color); + background-color: var(--bs-header-button-bg-color); +} +.header .btn-custom i, +.header .btn-custom .svg-icon { + color: var(--bs-header-button-icon-color); +} +.header .btn-custom.dropdown-toggle:after { + color: var(--bs-header-button-icon-color); +} +.btn-check:checked + .header .btn-custom i, +.btn-check:checked + .header .btn-custom .svg-icon, .btn-check:active + .header .btn-custom i, +.btn-check:active + .header .btn-custom .svg-icon, .header .btn-custom:focus:not(.btn-active) i, +.header .btn-custom:focus:not(.btn-active) .svg-icon, .header .btn-custom:hover:not(.btn-active) i, +.header .btn-custom:hover:not(.btn-active) .svg-icon, .header .btn-custom:active:not(.btn-active) i, +.header .btn-custom:active:not(.btn-active) .svg-icon, .header .btn-custom.active i, +.header .btn-custom.active .svg-icon, .header .btn-custom.show i, +.header .btn-custom.show .svg-icon, .show > .header .btn-custom i, +.show > .header .btn-custom .svg-icon { + color: var(--bs-header-button-icon-color-active); +} +.btn-check:checked + .header .btn-custom.dropdown-toggle:after, .btn-check:active + .header .btn-custom.dropdown-toggle:after, .header .btn-custom:focus:not(.btn-active).dropdown-toggle:after, .header .btn-custom:hover:not(.btn-active).dropdown-toggle:after, .header .btn-custom:active:not(.btn-active).dropdown-toggle:after, .header .btn-custom.active.dropdown-toggle:after, .header .btn-custom.show.dropdown-toggle:after, .show > .header .btn-custom.dropdown-toggle:after { + color: var(--bs-header-button-icon-color-active); +} + +@media (min-width: 992px) { + .header .header-container { + flex-grow: 1; + } + .header .header-offset { + height: 70px; + } + .header-fixed[data-kt-sticky-header=on] .header { + padding: 0 !important; + position: fixed; + align-items: center; + top: 0; + right: 0; + left: 140px; + box-shadow: var(--bs-header-general-box-shadow); + z-index: 100; + height: 80px; + } + .header-fixed[data-kt-sticky-header=on] .header .header-offset { + display: none; + } +} +@media (max-width: 991.98px) { + .header { + height: auto; + align-items: center; + } + .header .header-offset { + display: none; + } + .header-mobile { + display: flex; + justify-content: space-between; + align-items: center; + background-color: var(--bs-header-mobile-bg-color); + } +} +.aside { + display: flex; + flex-direction: column; + width: 140px; + background-color: var(--bs-aside-bg-color); +} +.aside .aside-logo { + display: flex; + align-items: center; + justify-content: center; +} +.aside .aside-menu { + display: flex; + align-items: center; + justify-content: center; + width: 100%; +} +.aside .aside-menu .menu { + align-items: stretch; + justify-content: center; +} +.aside .aside-menu .menu > .menu-item { + align-items: stretch; + justify-content: center; + margin-bottom: 1rem; +} +.aside .aside-menu .menu > .menu-item > .menu-link { + align-items: center; + justify-content: center; + padding: 0; +} +.aside .aside-menu .menu > .menu-item > .menu-link .menu-icon { + display: flex; + align-items: center; + justify-content: center; + padding: 0; + width: 58px; + height: 58px; + 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; + background-color: var(--bs-aside-menu-icon-bg-color); + border-radius: 22px; +} +.aside .aside-menu .menu > .menu-item > .menu-link .menu-icon i, +.aside .aside-menu .menu > .menu-item > .menu-link .menu-icon .svg-icon { + 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; + color: var(--bs-aside-menu-icon-color); +} +.aside .aside-menu .menu > .menu-item.here > .menu-link .menu-icon, +.aside .aside-menu .menu > .menu-item > .menu-link.active .menu-icon { + background-color: var(--bs-aside-menu-icon-bg-color-active); +} +.aside .aside-menu .menu > .menu-item.here > .menu-link .menu-icon i, +.aside .aside-menu .menu > .menu-item > .menu-link.active .menu-icon i { + 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; + color: var(--bs-aside-menu-icon-icon-color-active); +} +.aside .aside-footer { + display: flex; + align-items: center; + justify-content: center; +} +.aside .aside-footer .btn-custom { + display: flex; + align-items: center; + justify-content: center; + padding: 0; + width: 58px; + height: 58px; + 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; + border-radius: 22px; + background-color: var(--bs-aside-menu-icon-bg-color); +} +.aside .aside-footer .btn-custom i, +.aside .aside-footer .btn-custom .svg-icon { + font-size: 22px; +} +.aside .aside-footer .btn-custom.show i, +.aside .aside-footer .btn-custom.show .svg-icon, .aside .aside-footer .btn-custom:hover i, +.aside .aside-footer .btn-custom:hover .svg-icon { + font-size: #1B84FF; +} + +@media (min-width: 992px) { + .aside { + width: 140px; + border-right: 1px solid var(--bs-root-card-border-color); + } + .aside-fixed .aside { + position: fixed; + top: 0; + bottom: 0; + left: 0; + z-index: 98; + } + .aside-static .aside { + position: relative; + z-index: 1; + } +} +@media (max-width: 991.98px) { + .aside { + display: none; + width: 100px; + } + .aside .aside-logo { + display: none; + } + .aside .aside-menu { + justify-content: flex-start; + } + .aside .aside-menu .menu { + justify-content: flex-start; + } +} +@media (min-width: 992px) { + .content { + padding: 0 0 30px 0; + margin-top: -70px; + } +} +@media (max-width: 991.98px) { + .content { + padding: 15px 0; + } +} \ No newline at end of file diff --git a/public/assets/js/custom/account/api-keys/api-keys.js b/public/assets/js/custom/account/api-keys/api-keys.js new file mode 100644 index 0000000..02e2f86 --- /dev/null +++ b/public/assets/js/custom/account/api-keys/api-keys.js @@ -0,0 +1,68 @@ +"use strict"; + +// Class definition +var KTAccountAPIKeys = function () { + // Private functions + var initLicenceCopy = function() { + KTUtil.each(document.querySelectorAll('#kt_api_keys_table [data-action="copy"]'), function(button) { + var tr = button.closest('tr'); + var license = KTUtil.find(tr, '[data-bs-target="license"]'); + + var clipboard = new ClipboardJS(button, { + target: license, + text: function() { + return license.innerHTML; + } + }); + + clipboard.on('success', function(e) { + // Icons + var copyIcon = button.querySelector('.ki-copy'); + var checkIcon = button.querySelector('.ki-check'); + + // exit if check icon is already shown + if (checkIcon) { + return; + } + + // Create check icon + checkIcon = document.createElement('i'); + checkIcon.classList.add('ki-solid'); + checkIcon.classList.add('ki-check'); + checkIcon.classList.add('fs-2'); + + // Append check icon + button.appendChild(checkIcon); + + // Highlight target + license.classList.add('text-success'); + + // Hide copy icon + copyIcon.classList.add('d-none'); + + // Set 3 seconds timeout to hide the check icon and show copy icon back + setTimeout(function() { + // Remove check icon + copyIcon.classList.remove('d-none'); + // Show check icon back + button.removeChild(checkIcon); + + // Remove highlight + license.classList.remove('text-success'); + }, 3000); + }); + }); + } + + // Public methods + return { + init: function () { + initLicenceCopy(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTAccountAPIKeys.init(); +}); diff --git a/public/assets/js/custom/account/billing/general.js b/public/assets/js/custom/account/billing/general.js new file mode 100644 index 0000000..f8265fe --- /dev/null +++ b/public/assets/js/custom/account/billing/general.js @@ -0,0 +1,138 @@ +"use strict"; + +// Class definition +var KTAccountBillingGeneral = function () { + // Private variables + var cancelSubscriptionButton; + + // Private functions + var handlePlan = function () { + cancelSubscriptionButton.addEventListener('click', function (e) { + e.preventDefault(); + + swal.fire({ + text: "Are you sure you would like to cancel your subscription ?", + icon: "warning", + buttonsStyling: false, + showDenyButton: true, + confirmButtonText: "Yes", + denyButtonText: 'No', + customClass: { + confirmButton: "btn btn-primary", + denyButton: "btn btn-light-danger" + } + }).then((result) => { + if (result.isConfirmed) { + Swal.fire({ + text: 'Your subscription has been canceled.', + icon: 'success', + confirmButtonText: "Ok", + buttonsStyling: false, + customClass: { + confirmButton: "btn btn-light-primary" + } + }) + } + }); + }); + } + + var handleCardDelete = function() { + KTUtil.on(document.body, '[data-kt-billing-action="card-delete"]', 'click', function(e) { + e.preventDefault(); + + var el = this; + + swal.fire({ + text: "Are you sure you would like to delete selected card ?", + icon: "warning", + buttonsStyling: false, + showDenyButton: true, + confirmButtonText: "Yes", + denyButtonText: 'No', + customClass: { + confirmButton: "btn btn-primary", + denyButton: "btn btn-light-danger" + } + }).then((result) => { + if (result.isConfirmed) { + el.setAttribute('data-kt-indicator', 'on'); + el.disabled = true; + + setTimeout(function() { + Swal.fire({ + text: 'Your selected card has been successfully deleted', + icon: 'success', + confirmButtonText: "Ok", + buttonsStyling: false, + customClass: { + confirmButton: "btn btn-light-primary" + } + }).then((result) => { + el.closest('[data-kt-billing-element="card"]').remove(); + }); + }, 2000); + } + }); + }); + } + + var handleAddressDelete = function() { + KTUtil.on(document.body, '[data-kt-billing-action="address-delete"]', 'click', function(e) { + e.preventDefault(); + + var el = this; + + swal.fire({ + text: "Are you sure you would like to delete selected address ?", + icon: "warning", + buttonsStyling: false, + showDenyButton: true, + confirmButtonText: "Yes", + denyButtonText: 'No', + customClass: { + confirmButton: "btn btn-primary", + denyButton: "btn btn-light-danger" + } + }).then((result) => { + if (result.isConfirmed) { + el.setAttribute('data-kt-indicator', 'on'); + el.disabled = true; + + setTimeout(function() { + Swal.fire({ + text: 'Your selected address has been successfully deleted', + icon: 'success', + confirmButtonText: "Ok", + buttonsStyling: false, + customClass: { + confirmButton: "btn btn-light-primary" + } + }).then((result) => { + el.closest('[data-kt-billing-element="address"]').remove(); + }); + }, 2000); + } + }); + }); + } + + // Public methods + return { + init: function () { + cancelSubscriptionButton = document.querySelector('#kt_account_billing_cancel_subscription_btn'); + + if ( cancelSubscriptionButton ) { + handlePlan(); + } + + handleCardDelete(); + handleAddressDelete(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTAccountBillingGeneral.init(); +}); diff --git a/public/assets/js/custom/account/orders/classic.js b/public/assets/js/custom/account/orders/classic.js new file mode 100644 index 0000000..143e2e6 --- /dev/null +++ b/public/assets/js/custom/account/orders/classic.js @@ -0,0 +1,108 @@ +"use strict"; + +// Class definition +var KTDatatablesClassic = function () { + // Private functions + + var initClassic = function () { + + // Set date data order + const table = document.getElementById('kt_orders_classic'); + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[1].innerHTML, "MMM D, YYYY").format('x'); + dateRow[1].setAttribute('data-order', realDate); + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + const datatable = $(table).DataTable({ + "info": false, + 'order': [] + }); + + // Filter dropdown elements + const filterOrders = document.getElementById('kt_filter_orders'); + const filterYear = document.getElementById('kt_filter_year'); + + // Filter by order status --- official docs reference: https://datatables.net/reference/api/search() + filterOrders.addEventListener('change', function (e) { + datatable.column(3).search(e.target.value).draw(); + }); + + // Filter by date --- official docs reference: https://momentjs.com/docs/ + var minDate; + var maxDate; + filterYear.addEventListener('change', function (e) { + const value = e.target.value; + switch (value) { + case 'thisyear': { + minDate = moment().startOf('year').format('x'); + maxDate = moment().endOf('year').format('x'); + datatable.draw(); + break; + } + case 'thismonth': { + minDate = moment().startOf('month').format('x'); + maxDate = moment().endOf('month').format('x'); + datatable.draw(); + break; + } + case 'lastmonth': { + minDate = moment().subtract(1, 'months').startOf('month').format('x'); + maxDate = moment().subtract(1, 'months').endOf('month').format('x'); + datatable.draw(); + break; + } + case 'last90days': { + minDate = moment().subtract(30, 'days').format('x'); + maxDate = moment().format('x'); + datatable.draw(); + break; + } + default: { + minDate = moment().subtract(100, 'years').startOf('month').format('x'); + maxDate = moment().add(1, 'months').endOf('month').format('x'); + datatable.draw(); + break; + } + } + }); + + // Date range filter --- offical docs reference: https://datatables.net/examples/plug-ins/range_filtering.html + $.fn.dataTable.ext.search.push( + function (settings, data, dataIndex) { + var min = minDate; + var max = maxDate; + var date = parseFloat(moment(data[1]).format('x')) || 0; // use data for the age column + + if ((isNaN(min) && isNaN(max)) || + (isNaN(min) && date <= max) || + (min <= date && isNaN(max)) || + (min <= date && date <= max)) { + return true; + } + return false; + } + ); + + // Search --- official docs reference: https://datatables.net/reference/api/search() + var filterSearch = document.getElementById('kt_filter_search'); + filterSearch.addEventListener('keyup', function (e) { + datatable.search(e.target.value).draw(); + }); + } + + // Public methods + return { + init: function () { + initClassic(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTDatatablesClassic.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/account/referrals/referral-program.js b/public/assets/js/custom/account/referrals/referral-program.js new file mode 100644 index 0000000..94d09e8 --- /dev/null +++ b/public/assets/js/custom/account/referrals/referral-program.js @@ -0,0 +1,43 @@ +"use strict"; + +// Class definition +var KTAccountReferralsReferralProgram = function () { + // Private functions + + var initReferralProgrammClipboard = function() { + var button = document.querySelector('#kt_referral_program_link_copy_btn'); + var input = document.querySelector('#kt_referral_link_input'); + var clipboard = new ClipboardJS(button); + + clipboard.on('success', function(e) { + var buttonCaption = button.innerHTML; + //Add bgcolor + input.classList.add('bg-success'); + input.classList.add('text-inverse-success'); + + button.innerHTML = 'Copied!'; + + setTimeout(function() { + button.innerHTML = buttonCaption; + + // Remove bgcolor + input.classList.remove('bg-success'); + input.classList.remove('text-inverse-success'); + }, 3000); // 3seconds + + e.clearSelection(); + }); + } + + // Public methods + return { + init: function () { + initReferralProgrammClipboard(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTAccountReferralsReferralProgram.init(); +}); diff --git a/public/assets/js/custom/account/security/license-usage.js b/public/assets/js/custom/account/security/license-usage.js new file mode 100644 index 0000000..1a9931e --- /dev/null +++ b/public/assets/js/custom/account/security/license-usage.js @@ -0,0 +1,68 @@ +"use strict"; + +// Class definition +var KTAccountSecurityLicenseUsage = function () { + // Private functions + var initLicenceCopy = function() { + KTUtil.each(document.querySelectorAll('#kt_security_license_usage_table [data-action="copy"]'), function(button) { + var tr = button.closest('tr'); + var license = KTUtil.find(tr, '[data-bs-target="license"]'); + + var clipboard = new ClipboardJS(button, { + target: license, + text: function() { + return license.innerHTML; + } + }); + + clipboard.on('success', function(e) { + // Icons + var copyIcon = button.querySelector('.ki-copy'); + var checkIcon = button.querySelector('.ki-check'); + + // exit if check icon is already shown + if (checkIcon) { + return; + } + + // Create check icon + checkIcon = document.createElement('i'); + checkIcon.classList.add('ki-solid'); + checkIcon.classList.add('ki-check'); + checkIcon.classList.add('fs-2'); + + // Append check icon + button.appendChild(checkIcon); + + // Highlight target + license.classList.add('text-success'); + + // Hide copy icon + copyIcon.classList.add('d-none'); + + // Set 3 seconds timeout to hide the check icon and show copy icon back + setTimeout(function() { + // Remove check icon + copyIcon.classList.remove('d-none'); + // Show check icon back + button.removeChild(checkIcon); + + // Remove highlight + license.classList.remove('text-success'); + }, 3000); + }); + }); + } + + // Public methods + return { + init: function () { + initLicenceCopy(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTAccountSecurityLicenseUsage.init(); +}); diff --git a/public/assets/js/custom/account/security/security-summary.js b/public/assets/js/custom/account/security/security-summary.js new file mode 100644 index 0000000..3a0f586 --- /dev/null +++ b/public/assets/js/custom/account/security/security-summary.js @@ -0,0 +1,155 @@ +"use strict"; + +// Class definition +var KTAccountSecuritySummary = function () { + // Private functions + var initChart = function(tabSelector, chartSelector, data1, data2, initByDefault) { + var element = document.querySelector(chartSelector); + var height = parseInt(KTUtil.css(element, 'height')); + + if (!element) { + return; + } + + var options = { + series: [{ + name: 'Net Profit', + data: data1 + }, { + name: 'Revenue', + data: data2 + }], + chart: { + fontFamily: 'inherit', + type: 'bar', + height: height, + toolbar: { + show: false + } + }, + plotOptions: { + bar: { + horizontal: false, + columnWidth: ['35%'], + borderRadius: 6 + } + }, + legend: { + show: false + }, + dataLabels: { + enabled: false + }, + stroke: { + show: true, + width: 2, + colors: ['transparent'] + }, + xaxis: { + categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], + axisBorder: { + show: false, + }, + axisTicks: { + show: false + }, + labels: { + style: { + colors: KTUtil.getCssVariableValue('--bs-gray-400'), + fontSize: '12px' + } + } + }, + yaxis: { + labels: { + style: { + colors: KTUtil.getCssVariableValue('--bs-gray-400'), + fontSize: '12px' + } + } + }, + fill: { + opacity: 1 + }, + states: { + normal: { + filter: { + type: 'none', + value: 0 + } + }, + hover: { + filter: { + type: 'none', + value: 0 + } + }, + active: { + allowMultipleDataPointsSelection: false, + filter: { + type: 'none', + value: 0 + } + } + }, + tooltip: { + style: { + fontSize: '12px' + }, + y: { + formatter: function (val) { + return "$" + val + " thousands" + } + } + }, + colors: [KTUtil.getCssVariableValue('--bs-primary'), KTUtil.getCssVariableValue('--bs-gray-200')], + grid: { + borderColor: KTUtil.getCssVariableValue('--bs-gray-200'), + strokeDashArray: 4, + yaxis: { + lines: { + show: true + } + } + } + }; + + var chart = new ApexCharts(element, options); + + var init = false; + var tab = document.querySelector(tabSelector); + + if (initByDefault === true) { + setTimeout(function() { + chart.render(); + init = true; + }, 500); + } + + tab.addEventListener('shown.bs.tab', function (event) { + if (init == false) { + chart.render(); + init = true; + } + }) + } + + // Public methods + return { + init: function () { + initChart('#kt_security_summary_tab_hours_agents', '#kt_security_summary_chart_hours_agents', [50, 70, 90, 117, 80, 65, 80, 90, 115, 95, 70, 84], [50, 70, 90, 117, 80, 65, 70, 90, 115, 95, 70, 84], true); + initChart('#kt_security_summary_tab_hours_clients', '#kt_security_summary_chart_hours_clients', [50, 70, 90, 117, 80, 65, 80, 90, 115, 95, 70, 84], [50, 70, 90, 117, 80, 65, 80, 90, 115, 95, 70, 84], false); + + initChart('#kt_security_summary_tab_day', '#kt_security_summary_chart_day_agents', [50, 70, 80, 100, 90, 65, 80, 90, 115, 95, 70, 84], [50, 70, 90, 117, 60, 65, 80, 90, 100, 95, 70, 84], false); + initChart('#kt_security_summary_tab_day_clients', '#kt_security_summary_chart_day_clients', [50, 70, 100, 90, 80, 65, 80, 90, 115, 95, 70, 84], [50, 70, 90, 115, 80, 65, 80, 90, 115, 95, 70, 84], false); + + initChart('#kt_security_summary_tab_week', '#kt_security_summary_chart_week_agents', [50, 70, 75, 117, 80, 65, 80, 90, 115, 95, 50, 84], [50, 60, 90, 117, 80, 65, 80, 90, 115, 95, 70, 84], false); + initChart('#kt_security_summary_tab_week_clients', '#kt_security_summary_chart_week_clients', [50, 70, 90, 117, 80, 65, 80, 90, 100, 80, 70, 84], [50, 70, 90, 117, 80, 65, 80, 90, 100, 95, 70, 84], false); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTAccountSecuritySummary.init(); +}); diff --git a/public/assets/js/custom/account/settings/deactivate-account.js b/public/assets/js/custom/account/settings/deactivate-account.js new file mode 100644 index 0000000..08a50ce --- /dev/null +++ b/public/assets/js/custom/account/settings/deactivate-account.js @@ -0,0 +1,116 @@ +"use strict"; + +// Class definition +var KTAccountSettingsDeactivateAccount = function () { + // Private variables + var form; + var validation; + var submitButton; + + // Private functions + var initValidation = function () { + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validation = FormValidation.formValidation( + form, + { + fields: { + deactivate: { + validators: { + notEmpty: { + message: 'Please check the box to deactivate your account' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + submitButton: new FormValidation.plugins.SubmitButton(), + //defaultSubmit: new FormValidation.plugins.DefaultSubmit(), // Uncomment this line to enable normal button submit after form validation + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + } + + var handleForm = function () { + submitButton.addEventListener('click', function (e) { + e.preventDefault(); + + validation.validate().then(function (status) { + if (status == 'Valid') { + + swal.fire({ + text: "Are you sure you would like to deactivate your account?", + icon: "warning", + buttonsStyling: false, + showDenyButton: true, + confirmButtonText: "Yes", + denyButtonText: 'No', + customClass: { + confirmButton: "btn btn-light-primary", + denyButton: "btn btn-danger" + } + }).then((result) => { + if (result.isConfirmed) { + Swal.fire({ + text: 'Your account has been deactivated.', + icon: 'success', + confirmButtonText: "Ok", + buttonsStyling: false, + customClass: { + confirmButton: "btn btn-light-primary" + } + }) + } else if (result.isDenied) { + Swal.fire({ + text: 'Account not deactivated.', + icon: 'info', + confirmButtonText: "Ok", + buttonsStyling: false, + customClass: { + confirmButton: "btn btn-light-primary" + } + }) + } + }); + + } else { + swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-light-primary" + } + }); + } + }); + }); + } + + // Public methods + return { + init: function () { + form = document.querySelector('#kt_account_deactivate_form'); + + if (!form) { + return; + } + + submitButton = document.querySelector('#kt_account_deactivate_account_submit'); + + initValidation(); + handleForm(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTAccountSettingsDeactivateAccount.init(); +}); diff --git a/public/assets/js/custom/account/settings/overview.js b/public/assets/js/custom/account/settings/overview.js new file mode 100644 index 0000000..9c47829 --- /dev/null +++ b/public/assets/js/custom/account/settings/overview.js @@ -0,0 +1,21 @@ +"use strict"; + +// Class definition +var KTAccountSettingsOverview = function () { + // Private functions + var initSettings = function() { + + } + + // Public methods + return { + init: function () { + initSettings(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTAccountSettingsOverview.init(); +}); diff --git a/public/assets/js/custom/account/settings/profile-details.js b/public/assets/js/custom/account/settings/profile-details.js new file mode 100644 index 0000000..d70ab38 --- /dev/null +++ b/public/assets/js/custom/account/settings/profile-details.js @@ -0,0 +1,155 @@ +"use strict"; + +// Class definition +var KTAccountSettingsProfileDetails = function () { + // Private variables + var form; + var submitButton; + var validation; + + // Private functions + var initValidation = function () { + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validation = FormValidation.formValidation( + form, + { + fields: { + fname: { + validators: { + notEmpty: { + message: 'First name is required' + } + } + }, + lname: { + validators: { + notEmpty: { + message: 'Last name is required' + } + } + }, + company: { + validators: { + notEmpty: { + message: 'Company name is required' + } + } + }, + phone: { + validators: { + notEmpty: { + message: 'Contact phone number is required' + } + } + }, + country: { + validators: { + notEmpty: { + message: 'Please select a country' + } + } + }, + timezone: { + validators: { + notEmpty: { + message: 'Please select a timezone' + } + } + }, + 'communication[]': { + validators: { + notEmpty: { + message: 'Please select at least one communication method' + } + } + }, + language: { + validators: { + notEmpty: { + message: 'Please select a language' + } + } + }, + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + submitButton: new FormValidation.plugins.SubmitButton(), + //defaultSubmit: new FormValidation.plugins.DefaultSubmit(), // Uncomment this line to enable normal button submit after form validation + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Select2 validation integration + $(form.querySelector('[name="country"]')).on('change', function() { + // Revalidate the color field when an option is chosen + validation.revalidateField('country'); + }); + + $(form.querySelector('[name="language"]')).on('change', function() { + // Revalidate the color field when an option is chosen + validation.revalidateField('language'); + }); + + $(form.querySelector('[name="timezone"]')).on('change', function() { + // Revalidate the color field when an option is chosen + validation.revalidateField('timezone'); + }); + } + + var handleForm = function () { + submitButton.addEventListener('click', function (e) { + e.preventDefault(); + + validation.validate().then(function (status) { + if (status == 'Valid') { + + swal.fire({ + text: "Thank you! You've updated your basic info", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-light-primary" + } + }); + + } else { + swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-light-primary" + } + }); + } + }); + }); + } + + // Public methods + return { + init: function () { + form = document.getElementById('kt_account_profile_details_form'); + + if (!form) { + return; + } + + submitButton = form.querySelector('#kt_account_profile_details_submit'); + + initValidation(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTAccountSettingsProfileDetails.init(); +}); diff --git a/public/assets/js/custom/account/settings/signin-methods.js b/public/assets/js/custom/account/settings/signin-methods.js new file mode 100644 index 0000000..39fc01e --- /dev/null +++ b/public/assets/js/custom/account/settings/signin-methods.js @@ -0,0 +1,236 @@ +"use strict"; + +// Class definition +var KTAccountSettingsSigninMethods = function () { + var signInForm; + var signInMainEl; + var signInEditEl; + var passwordMainEl; + var passwordEditEl; + var signInChangeEmail; + var signInCancelEmail; + var passwordChange; + var passwordCancel; + + var toggleChangeEmail = function () { + signInMainEl.classList.toggle('d-none'); + signInChangeEmail.classList.toggle('d-none'); + signInEditEl.classList.toggle('d-none'); + } + + var toggleChangePassword = function () { + passwordMainEl.classList.toggle('d-none'); + passwordChange.classList.toggle('d-none'); + passwordEditEl.classList.toggle('d-none'); + } + + // Private functions + var initSettings = function () { + if (!signInMainEl) { + return; + } + + // toggle UI + signInChangeEmail.querySelector('button').addEventListener('click', function () { + toggleChangeEmail(); + }); + + signInCancelEmail.addEventListener('click', function () { + toggleChangeEmail(); + }); + + passwordChange.querySelector('button').addEventListener('click', function () { + toggleChangePassword(); + }); + + passwordCancel.addEventListener('click', function () { + toggleChangePassword(); + }); + } + + var handleChangeEmail = function (e) { + var validation; + + if (!signInForm) { + return; + } + + validation = FormValidation.formValidation( + signInForm, + { + fields: { + emailaddress: { + validators: { + notEmpty: { + message: 'Email is required' + }, + emailAddress: { + message: 'The value is not a valid email address' + } + } + }, + + confirmemailpassword: { + validators: { + notEmpty: { + message: 'Password is required' + } + } + } + }, + + plugins: { //Learn more: https://formvalidation.io/guide/plugins + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row' + }) + } + } + ); + + signInForm.querySelector('#kt_signin_submit').addEventListener('click', function (e) { + e.preventDefault(); + console.log('click'); + + validation.validate().then(function (status) { + if (status == 'Valid') { + swal.fire({ + text: "Sent password reset. Please check your email", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn font-weight-bold btn-light-primary" + } + }).then(function(){ + signInForm.reset(); + validation.resetForm(); // Reset formvalidation --- more info: https://formvalidation.io/guide/api/reset-form/ + toggleChangeEmail(); + }); + } else { + swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn font-weight-bold btn-light-primary" + } + }); + } + }); + }); + } + + var handleChangePassword = function (e) { + var validation; + + // form elements + var passwordForm = document.getElementById('kt_signin_change_password'); + + if (!passwordForm) { + return; + } + + validation = FormValidation.formValidation( + passwordForm, + { + fields: { + currentpassword: { + validators: { + notEmpty: { + message: 'Current Password is required' + } + } + }, + + newpassword: { + validators: { + notEmpty: { + message: 'New Password is required' + } + } + }, + + confirmpassword: { + validators: { + notEmpty: { + message: 'Confirm Password is required' + }, + identical: { + compare: function() { + return passwordForm.querySelector('[name="newpassword"]').value; + }, + message: 'The password and its confirm are not the same' + } + } + }, + }, + + plugins: { //Learn more: https://formvalidation.io/guide/plugins + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row' + }) + } + } + ); + + passwordForm.querySelector('#kt_password_submit').addEventListener('click', function (e) { + e.preventDefault(); + console.log('click'); + + validation.validate().then(function (status) { + if (status == 'Valid') { + swal.fire({ + text: "Sent password reset. Please check your email", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn font-weight-bold btn-light-primary" + } + }).then(function(){ + passwordForm.reset(); + validation.resetForm(); // Reset formvalidation --- more info: https://formvalidation.io/guide/api/reset-form/ + toggleChangePassword(); + }); + } else { + swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn font-weight-bold btn-light-primary" + } + }); + } + }); + }); + } + + // Public methods + return { + init: function () { + signInForm = document.getElementById('kt_signin_change_email'); + signInMainEl = document.getElementById('kt_signin_email'); + signInEditEl = document.getElementById('kt_signin_email_edit'); + passwordMainEl = document.getElementById('kt_signin_password'); + passwordEditEl = document.getElementById('kt_signin_password_edit'); + signInChangeEmail = document.getElementById('kt_signin_email_button'); + signInCancelEmail = document.getElementById('kt_signin_cancel'); + passwordChange = document.getElementById('kt_signin_password_button'); + passwordCancel = document.getElementById('kt_password_cancel'); + + initSettings(); + handleChangeEmail(); + handleChangePassword(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTAccountSettingsSigninMethods.init(); +}); diff --git a/public/assets/js/custom/apps/calendar/calendar.js b/public/assets/js/custom/apps/calendar/calendar.js new file mode 100644 index 0000000..4e62f6b --- /dev/null +++ b/public/assets/js/custom/apps/calendar/calendar.js @@ -0,0 +1,830 @@ +"use strict"; + +// Class definition +var KTAppCalendar = function () { + // Shared variables + // Calendar variables + var calendar; + var data = { + id: '', + eventName: '', + eventDescription: '', + eventLocation: '', + startDate: '', + endDate: '', + allDay: false + }; + + // Add event variables + var eventName; + var eventDescription; + var eventLocation; + var startDatepicker; + var startFlatpickr; + var endDatepicker; + var endFlatpickr; + var startTimepicker; + var startTimeFlatpickr; + var endTimepicker + var endTimeFlatpickr; + var modal; + var modalTitle; + var form; + var validator; + var addButton; + var submitButton; + var cancelButton; + var closeButton; + + // View event variables + var viewEventName; + var viewAllDay; + var viewEventDescription; + var viewEventLocation; + var viewStartDate; + var viewEndDate; + var viewModal; + var viewEditButton; + var viewDeleteButton; + + + // Private functions + var initCalendarApp = function () { + // Define variables + var calendarEl = document.getElementById('kt_calendar_app'); + var todayDate = moment().startOf('day'); + var YM = todayDate.format('YYYY-MM'); + var YESTERDAY = todayDate.clone().subtract(1, 'day').format('YYYY-MM-DD'); + var TODAY = todayDate.format('YYYY-MM-DD'); + var TOMORROW = todayDate.clone().add(1, 'day').format('YYYY-MM-DD'); + + // Init calendar --- more info: https://fullcalendar.io/docs/initialize-globals + calendar = new FullCalendar.Calendar(calendarEl, { + //locale: 'es', // Set local --- more info: https://fullcalendar.io/docs/locale + headerToolbar: { + left: 'prev,next today', + center: 'title', + right: 'dayGridMonth,timeGridWeek,timeGridDay' + }, + initialDate: TODAY, + navLinks: true, // can click day/week names to navigate views + selectable: true, + selectMirror: true, + + // Select dates action --- more info: https://fullcalendar.io/docs/select-callback + select: function (arg) { + formatArgs(arg); + handleNewEvent(); + }, + + // Click event --- more info: https://fullcalendar.io/docs/eventClick + eventClick: function (arg) { + formatArgs({ + id: arg.event.id, + title: arg.event.title, + description: arg.event.extendedProps.description, + location: arg.event.extendedProps.location, + startStr: arg.event.startStr, + endStr: arg.event.endStr, + allDay: arg.event.allDay + }); + + handleViewEvent(); + }, + + editable: true, + dayMaxEvents: true, // allow "more" link when too many events + events: [ + { + id: uid(), + title: 'All Day Event', + start: YM + '-01', + end: YM + '-02', + description: 'Toto lorem ipsum dolor sit incid idunt ut', + className: "border-success bg-success text-inverse-success", + location: 'Federation Square' + }, + { + id: uid(), + title: 'Reporting', + start: YM + '-14T13:30:00', + description: 'Lorem ipsum dolor incid idunt ut labore', + end: YM + '-14T14:30:00', + className: "border-warning bg-warning text-inverse-success", + location: 'Meeting Room 7.03' + }, + { + id: uid(), + title: 'Company Trip', + start: YM + '-02', + description: 'Lorem ipsum dolor sit tempor incid', + end: YM + '-03', + className: "border-info bg-info text-info-success", + location: 'Seoul, Korea' + }, + { + id: uid(), + title: 'ICT Expo 2021 - Product Release', + start: YM + '-03', + description: 'Lorem ipsum dolor sit tempor inci', + end: YM + '-05', + className: "fc-event-light fc-event-solid-primary", + location: 'Melbourne Exhibition Hall' + }, + { + id: uid(), + title: 'Dinner', + start: YM + '-12', + description: 'Lorem ipsum dolor sit amet, conse ctetur', + end: YM + '-13', + location: 'Squire\'s Loft' + }, + { + id: uid(), + title: 'Repeating Event', + start: YM + '-09T16:00:00', + end: YM + '-09T17:00:00', + description: 'Lorem ipsum dolor sit ncididunt ut labore', + className: "fc-event-danger", + location: 'General Area' + }, + { + id: uid(), + title: 'Repeating Event', + description: 'Lorem ipsum dolor sit amet, labore', + start: YM + '-16T16:00:00', + end: YM + '-16T17:00:00', + location: 'General Area' + }, + { + id: uid(), + title: 'Conference', + start: YESTERDAY, + end: TOMORROW, + description: 'Lorem ipsum dolor eius mod tempor labore', + className: "fc-event-primary", + location: 'Conference Hall A' + }, + { + id: uid(), + title: 'Meeting', + start: TODAY + 'T10:30:00', + end: TODAY + 'T12:30:00', + description: 'Lorem ipsum dolor eiu idunt ut labore', + location: 'Meeting Room 11.06' + }, + { + id: uid(), + title: 'Lunch', + start: TODAY + 'T12:00:00', + end: TODAY + 'T14:00:00', + className: "fc-event-info", + description: 'Lorem ipsum dolor sit amet, ut labore', + location: 'Cafeteria' + }, + { + id: uid(), + title: 'Meeting', + start: TODAY + 'T14:30:00', + end: TODAY + 'T15:30:00', + className: "fc-event-warning", + description: 'Lorem ipsum conse ctetur adipi scing', + location: 'Meeting Room 11.10' + }, + { + id: uid(), + title: 'Happy Hour', + start: TODAY + 'T17:30:00', + end: TODAY + 'T21:30:00', + className: "fc-event-info", + description: 'Lorem ipsum dolor sit amet, conse ctetur', + location: 'The English Pub' + }, + { + id: uid(), + title: 'Dinner', + start: TOMORROW + 'T18:00:00', + end: TOMORROW + 'T21:00:00', + className: "fc-event-solid-danger fc-event-light", + description: 'Lorem ipsum dolor sit ctetur adipi scing', + location: 'New York Steakhouse' + }, + { + id: uid(), + title: 'Birthday Party', + start: TOMORROW + 'T12:00:00', + end: TOMORROW + 'T14:00:00', + className: "fc-event-primary", + description: 'Lorem ipsum dolor sit amet, scing', + location: 'The English Pub' + }, + { + id: uid(), + title: 'Site visit', + start: YM + '-28', + end: YM + '-29', + className: "fc-event-solid-info fc-event-light", + description: 'Lorem ipsum dolor sit amet, labore', + location: '271, Spring Street' + } + ], + + // Handle changing calendar views --- more info: https://fullcalendar.io/docs/datesSet + datesSet: function(){ + // do some stuff + } + }); + + calendar.render(); + } + + // Init validator + const initValidator = () => { + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + 'calendar_event_name': { + validators: { + notEmpty: { + message: 'Event name is required' + } + } + }, + 'calendar_event_start_date': { + validators: { + notEmpty: { + message: 'Start date is required' + } + } + }, + 'calendar_event_end_date': { + validators: { + notEmpty: { + message: 'End date is required' + } + } + } + }, + + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + } + + // Initialize datepickers --- more info: https://flatpickr.js.org/ + const initDatepickers = () => { + startFlatpickr = flatpickr(startDatepicker, { + enableTime: false, + dateFormat: "Y-m-d", + }); + + endFlatpickr = flatpickr(endDatepicker, { + enableTime: false, + dateFormat: "Y-m-d", + }); + + startTimeFlatpickr = flatpickr(startTimepicker, { + enableTime: true, + noCalendar: true, + dateFormat: "H:i", + }); + + endTimeFlatpickr = flatpickr(endTimepicker, { + enableTime: true, + noCalendar: true, + dateFormat: "H:i", + }); + } + + // Handle add button + const handleAddButton = () => { + addButton.addEventListener('click', e => { + // Reset form data + data = { + id: '', + eventName: '', + eventDescription: '', + startDate: new Date(), + endDate: new Date(), + allDay: false + }; + handleNewEvent(); + }); + } + + // Handle add new event + const handleNewEvent = () => { + // Update modal title + modalTitle.innerText = "Add a New Event"; + + modal.show(); + + // Select datepicker wrapper elements + const datepickerWrappers = form.querySelectorAll('[data-kt-calendar="datepicker"]'); + + // Handle all day toggle + const allDayToggle = form.querySelector('#kt_calendar_datepicker_allday'); + allDayToggle.addEventListener('click', e => { + if (e.target.checked) { + datepickerWrappers.forEach(dw => { + dw.classList.add('d-none'); + }); + } else { + endFlatpickr.setDate(data.startDate, true, 'Y-m-d'); + datepickerWrappers.forEach(dw => { + dw.classList.remove('d-none'); + }); + } + }); + + populateForm(data); + + // Handle submit form + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable submit button whilst loading + submitButton.disabled = true; + + // Simulate form submission + setTimeout(function () { + // Simulate form submission + submitButton.removeAttribute('data-kt-indicator'); + + // Show popup confirmation + Swal.fire({ + text: "New event added to calendar!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + + // Enable submit button after loading + submitButton.disabled = false; + + // Detect if is all day event + let allDayEvent = false; + if (allDayToggle.checked) { allDayEvent = true; } + if (startTimeFlatpickr.selectedDates.length === 0) { allDayEvent = true; } + + // Merge date & time + var startDateTime = moment(startFlatpickr.selectedDates[0]).format(); + var endDateTime = moment(endFlatpickr.selectedDates[endFlatpickr.selectedDates.length - 1]).format(); + if (!allDayEvent) { + const startDate = moment(startFlatpickr.selectedDates[0]).format('YYYY-MM-DD'); + const endDate = startDate; + const startTime = moment(startTimeFlatpickr.selectedDates[0]).format('HH:mm:ss'); + const endTime = moment(endTimeFlatpickr.selectedDates[0]).format('HH:mm:ss'); + + startDateTime = startDate + 'T' + startTime; + endDateTime = endDate + 'T' + endTime; + } + + // Add new event to calendar + calendar.addEvent({ + id: uid(), + title: eventName.value, + description: eventDescription.value, + location: eventLocation.value, + start: startDateTime, + end: endDateTime, + allDay: allDayEvent + }); + calendar.render(); + + // Reset form for demo purposes only + form.reset(); + } + }); + + //form.submit(); // Submit form + }, 2000); + } else { + // Show popup warning + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + } + + // Handle edit event + const handleEditEvent = () => { + // Update modal title + modalTitle.innerText = "Edit an Event"; + + modal.show(); + + // Select datepicker wrapper elements + const datepickerWrappers = form.querySelectorAll('[data-kt-calendar="datepicker"]'); + + // Handle all day toggle + const allDayToggle = form.querySelector('#kt_calendar_datepicker_allday'); + allDayToggle.addEventListener('click', e => { + if (e.target.checked) { + datepickerWrappers.forEach(dw => { + dw.classList.add('d-none'); + }); + } else { + endFlatpickr.setDate(data.startDate, true, 'Y-m-d'); + datepickerWrappers.forEach(dw => { + dw.classList.remove('d-none'); + }); + } + }); + + populateForm(data); + + // Handle submit form + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable submit button whilst loading + submitButton.disabled = true; + + // Simulate form submission + setTimeout(function () { + // Simulate form submission + submitButton.removeAttribute('data-kt-indicator'); + + // Show popup confirmation + Swal.fire({ + text: "New event added to calendar!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + + // Enable submit button after loading + submitButton.disabled = false; + + // Remove old event + calendar.getEventById(data.id).remove(); + + // Detect if is all day event + let allDayEvent = false; + if (allDayToggle.checked) { allDayEvent = true; } + if (startTimeFlatpickr.selectedDates.length === 0) { allDayEvent = true; } + + // Merge date & time + var startDateTime = moment(startFlatpickr.selectedDates[0]).format(); + var endDateTime = moment(endFlatpickr.selectedDates[endFlatpickr.selectedDates.length - 1]).format(); + if (!allDayEvent) { + const startDate = moment(startFlatpickr.selectedDates[0]).format('YYYY-MM-DD'); + const endDate = startDate; + const startTime = moment(startTimeFlatpickr.selectedDates[0]).format('HH:mm:ss'); + const endTime = moment(endTimeFlatpickr.selectedDates[0]).format('HH:mm:ss'); + + startDateTime = startDate + 'T' + startTime; + endDateTime = endDate + 'T' + endTime; + } + + // Add new event to calendar + calendar.addEvent({ + id: uid(), + title: eventName.value, + description: eventDescription.value, + location: eventLocation.value, + start: startDateTime, + end: endDateTime, + allDay: allDayEvent + }); + calendar.render(); + + // Reset form for demo purposes only + form.reset(); + } + }); + + //form.submit(); // Submit form + }, 2000); + } else { + // Show popup warning + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + } + + // Handle view event + const handleViewEvent = () => { + viewModal.show(); + + // Detect all day event + var eventNameMod; + var startDateMod; + var endDateMod; + + // Generate labels + if (data.allDay) { + eventNameMod = 'All Day'; + startDateMod = moment(data.startDate).format('Do MMM, YYYY'); + endDateMod = moment(data.endDate).format('Do MMM, YYYY'); + } else { + eventNameMod = ''; + startDateMod = moment(data.startDate).format('Do MMM, YYYY - h:mm a'); + endDateMod = moment(data.endDate).format('Do MMM, YYYY - h:mm a'); + } + + // Populate view data + viewEventName.innerText = data.eventName; + viewAllDay.innerText = eventNameMod; + viewEventDescription.innerText = data.eventDescription ? data.eventDescription : '--'; + viewEventLocation.innerText = data.eventLocation ? data.eventLocation : '--'; + viewStartDate.innerText = startDateMod; + viewEndDate.innerText = endDateMod; + } + + // Handle delete event + const handleDeleteEvent = () => { + viewDeleteButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to delete this event?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + calendar.getEventById(data.id).remove(); + + viewModal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your event was not deleted!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + } + + // Handle edit button + const handleEditButton = () => { + viewEditButton.addEventListener('click', e => { + e.preventDefault(); + + viewModal.hide(); + handleEditEvent(); + }); + } + + // Handle cancel button + const handleCancelButton = () => { + // Edit event modal cancel button + cancelButton.addEventListener('click', function (e) { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + } + + // Handle close button + const handleCloseButton = () => { + // Edit event modal close button + closeButton.addEventListener('click', function (e) { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + } + + // Handle view button + const handleViewButton = () => { + const viewButton = document.querySelector('#kt_calendar_event_view_button'); + viewButton.addEventListener('click', e => { + e.preventDefault(); + + hidePopovers(); + handleViewEvent(); + }); + } + + // Helper functions + + // Reset form validator on modal close + const resetFormValidator = (element) => { + // Target modal hidden event --- For more info: https://getbootstrap.com/docs/5.0/components/modal/#events + element.addEventListener('hidden.bs.modal', e => { + if (validator) { + // Reset form validator. For more info: https://formvalidation.io/guide/api/reset-form + validator.resetForm(true); + } + }); + } + + // Populate form + const populateForm = () => { + eventName.value = data.eventName ? data.eventName : ''; + eventDescription.value = data.eventDescription ? data.eventDescription : ''; + eventLocation.value = data.eventLocation ? data.eventLocation : ''; + startFlatpickr.setDate(data.startDate, true, 'Y-m-d'); + + // Handle null end dates + const endDate = data.endDate ? data.endDate : moment(data.startDate).format(); + endFlatpickr.setDate(endDate, true, 'Y-m-d'); + + const allDayToggle = form.querySelector('#kt_calendar_datepicker_allday'); + const datepickerWrappers = form.querySelectorAll('[data-kt-calendar="datepicker"]'); + if (data.allDay) { + allDayToggle.checked = true; + datepickerWrappers.forEach(dw => { + dw.classList.add('d-none'); + }); + } else { + startTimeFlatpickr.setDate(data.startDate, true, 'Y-m-d H:i'); + endTimeFlatpickr.setDate(data.endDate, true, 'Y-m-d H:i'); + endFlatpickr.setDate(data.startDate, true, 'Y-m-d'); + allDayToggle.checked = false; + datepickerWrappers.forEach(dw => { + dw.classList.remove('d-none'); + }); + } + } + + // Format FullCalendar reponses + const formatArgs = (res) => { + data.id = res.id; + data.eventName = res.title; + data.eventDescription = res.description; + data.eventLocation = res.location; + data.startDate = res.startStr; + data.endDate = res.endStr; + data.allDay = res.allDay; + } + + // Generate unique IDs for events + const uid = () => { + return Date.now().toString() + Math.floor(Math.random() * 1000).toString(); + } + + return { + // Public Functions + init: function () { + // Define variables + // Add event modal + const element = document.getElementById('kt_modal_add_event'); + form = element.querySelector('#kt_modal_add_event_form'); + eventName = form.querySelector('[name="calendar_event_name"]'); + eventDescription = form.querySelector('[name="calendar_event_description"]'); + eventLocation = form.querySelector('[name="calendar_event_location"]'); + startDatepicker = form.querySelector('#kt_calendar_datepicker_start_date'); + endDatepicker = form.querySelector('#kt_calendar_datepicker_end_date'); + startTimepicker = form.querySelector('#kt_calendar_datepicker_start_time'); + endTimepicker = form.querySelector('#kt_calendar_datepicker_end_time'); + addButton = document.querySelector('[data-kt-calendar="add"]'); + submitButton = form.querySelector('#kt_modal_add_event_submit'); + cancelButton = form.querySelector('#kt_modal_add_event_cancel'); + closeButton = element.querySelector('#kt_modal_add_event_close'); + modalTitle = form.querySelector('[data-kt-calendar="title"]'); + modal = new bootstrap.Modal(element); + + // View event modal + const viewElement = document.getElementById('kt_modal_view_event'); + viewModal = new bootstrap.Modal(viewElement); + viewEventName = viewElement.querySelector('[data-kt-calendar="event_name"]'); + viewAllDay = viewElement.querySelector('[data-kt-calendar="all_day"]'); + viewEventDescription = viewElement.querySelector('[data-kt-calendar="event_description"]'); + viewEventLocation = viewElement.querySelector('[data-kt-calendar="event_location"]'); + viewStartDate = viewElement.querySelector('[data-kt-calendar="event_start_date"]'); + viewEndDate = viewElement.querySelector('[data-kt-calendar="event_end_date"]'); + viewEditButton = viewElement.querySelector('#kt_modal_view_event_edit'); + viewDeleteButton = viewElement.querySelector('#kt_modal_view_event_delete'); + + initCalendarApp(); + initValidator(); + initDatepickers(); + handleEditButton(); + handleAddButton(); + handleDeleteEvent(); + handleCancelButton(); + handleCloseButton(); + resetFormValidator(element); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTAppCalendar.init(); +}); diff --git a/public/assets/js/custom/apps/chat/chat.js b/public/assets/js/custom/apps/chat/chat.js new file mode 100644 index 0000000..f591103 --- /dev/null +++ b/public/assets/js/custom/apps/chat/chat.js @@ -0,0 +1,72 @@ +"use strict"; + +// Class definition +var KTAppChat = function () { + // Private functions + var handeSend = function (element) { + if (!element) { + return; + } + + // Handle send + KTUtil.on(element, '[data-kt-element="input"]', 'keydown', function(e) { + if (e.keyCode == 13) { + handeMessaging(element); + e.preventDefault(); + + return false; + } + }); + + KTUtil.on(element, '[data-kt-element="send"]', 'click', function(e) { + handeMessaging(element); + }); + } + + var handeMessaging = function(element) { + var messages = element.querySelector('[data-kt-element="messages"]'); + var input = element.querySelector('[data-kt-element="input"]'); + + if (input.value.length === 0 ) { + return; + } + + var messageOutTemplate = messages.querySelector('[data-kt-element="template-out"]'); + var messageInTemplate = messages.querySelector('[data-kt-element="template-in"]'); + var message; + + // Show example outgoing message + message = messageOutTemplate.cloneNode(true); + message.classList.remove('d-none'); + message.querySelector('[data-kt-element="message-text"]').innerText = input.value; + input.value = ''; + messages.appendChild(message); + messages.scrollTop = messages.scrollHeight; + + + setTimeout(function() { + // Show example incoming message + message = messageInTemplate.cloneNode(true); + message.classList.remove('d-none'); + message.querySelector('[data-kt-element="message-text"]').innerText = 'Thank you for your awesome support!'; + messages.appendChild(message); + messages.scrollTop = messages.scrollHeight; + }, 2000); + } + + // Public methods + return { + init: function(element) { + handeSend(element); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + // Init inline chat messenger + KTAppChat.init(document.querySelector('#kt_chat_messenger')); + + // Init drawer chat messenger + KTAppChat.init(document.querySelector('#kt_drawer_chat_messenger')); +}); diff --git a/public/assets/js/custom/apps/contacts/edit-contact.js b/public/assets/js/custom/apps/contacts/edit-contact.js new file mode 100644 index 0000000..0ca663c --- /dev/null +++ b/public/assets/js/custom/apps/contacts/edit-contact.js @@ -0,0 +1,160 @@ +"use strict"; + +// Class definition +var KTAppContactEdit = function () { + // Shared variables + + + // Private functions + const initForm = () => { + // Select form + const form = document.getElementById('kt_ecommerce_settings_general_form'); + + if (!form) { + return; + } + + // Dynamically create validation non-empty rule + const requiredFields = form.querySelectorAll('.required'); + var detectedField; + var validationFields = { + fields: {}, + + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + + // Detect required fields + requiredFields.forEach(el => { + const input = el.closest('.fv-row').querySelector('input'); + if (input) { + detectedField = input; + } + + const select = el.closest('.fv-row').querySelector('select'); + if (select) { + detectedField = select; + } + + // Add validation rule + const name = detectedField.getAttribute('name'); + validationFields.fields[name] = { + validators: { + notEmpty: { + message: el.innerText + ' is required' + } + } + } + }); + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + var validator = FormValidation.formValidation( + form, + validationFields + ); + + // Submit button handler + const submitButton = form.querySelector('[data-kt-contacts-type="submit"]'); + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate form submission. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + setTimeout(function () { + // Remove loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + + //form.submit(); // Submit form + }, 2000); + } else { + // Show popup error + Swal.fire({ + text: "Oops! There are some error(s) detected.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + } + + // Init Select2 with flags + const initSelect2Flags = () => { + // Format options + var optionFormat = function(item) { + if ( !item.id ) { + return item.text; + } + + var span = document.createElement('span'); + var template = ''; + + template += 'image'; + template += item.text; + + span.innerHTML = template; + + return $(span); + } + + // Init Select2 --- more info: https://select2.org/ + $('[data-kt-ecommerce-settings-type="select2_flags"]').select2({ + placeholder: "Select a country", + minimumResultsForSearch: Infinity, + templateSelection: optionFormat, + templateResult: optionFormat + }); + } + + // Public methods + return { + init: function () { + + initForm(); + initSelect2Flags(); + + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTAppContactEdit.init(); +}); diff --git a/public/assets/js/custom/apps/contacts/view-contact.js b/public/assets/js/custom/apps/contacts/view-contact.js new file mode 100644 index 0000000..325b61f --- /dev/null +++ b/public/assets/js/custom/apps/contacts/view-contact.js @@ -0,0 +1,74 @@ +"use strict"; + +// Class definition +var KTAppContactView = function () { + // Private functions + const handleDeleteButton = () => { + // Select form + const deleteButton = document.getElementById('kt_contact_delete'); + + if (!deleteButton) { + return; + } + + deleteButton.addEventListener('click', e => { + // Prevent default button action + e.preventDefault(); + + // Show popup confirmation + Swal.fire({ + text: "Delete contact confirmation", + icon: "warning", + buttonsStyling: false, + showCancelButton: true, + confirmButtonText: "Yes, delete it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-danger", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "Contact has been deleted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.value) { + // Redirect to customers list page + window.location = deleteButton.getAttribute("data-kt-redirect"); + } + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Contact has not been deleted!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + } + + // Public methods + return { + init: function () { + + handleDeleteButton(); + + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTAppContactView.init(); +}); diff --git a/public/assets/js/custom/apps/customers/add.js b/public/assets/js/custom/apps/customers/add.js new file mode 100644 index 0000000..df35986 --- /dev/null +++ b/public/assets/js/custom/apps/customers/add.js @@ -0,0 +1,238 @@ +"use strict"; + +// Class definition +var KTModalCustomersAdd = function () { + var submitButton; + var cancelButton; + var closeButton; + var validator; + var form; + var modal; + + // Init form inputs + var handleForm = function () { + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + 'name': { + validators: { + notEmpty: { + message: 'Customer name is required' + } + } + }, + 'email': { + validators: { + notEmpty: { + message: 'Customer email is required' + } + } + }, + 'first-name': { + validators: { + notEmpty: { + message: 'First name is required' + } + } + }, + 'last-name': { + validators: { + notEmpty: { + message: 'Last name is required' + } + } + }, + 'country': { + validators: { + notEmpty: { + message: 'Country is required' + } + } + }, + 'address1': { + validators: { + notEmpty: { + message: 'Address 1 is required' + } + } + }, + 'city': { + validators: { + notEmpty: { + message: 'City is required' + } + } + }, + 'state': { + validators: { + notEmpty: { + message: 'State is required' + } + } + }, + 'postcode': { + validators: { + notEmpty: { + message: 'Postcode is required' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Revalidate country field. For more info, plase visit the official plugin site: https://select2.org/ + $(form.querySelector('[name="country"]')).on('change', function() { + // Revalidate the field when an option is chosen + validator.revalidateField('country'); + }); + + // Action buttons + submitButton.addEventListener('click', function (e) { + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable submit button whilst loading + submitButton.disabled = true; + + setTimeout(function() { + submitButton.removeAttribute('data-kt-indicator'); + + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + // Hide modal + modal.hide(); + + // Enable submit button after loading + submitButton.disabled = false; + + // Redirect to customers list page + window.location = form.getAttribute("data-kt-redirect"); + } + }); + }, 2000); + } else { + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + + cancelButton.addEventListener('click', function (e) { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + closeButton.addEventListener('click', function(e){ + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }) + } + + return { + // Public functions + init: function () { + // Elements + modal = new bootstrap.Modal(document.querySelector('#kt_modal_add_customer')); + + form = document.querySelector('#kt_modal_add_customer_form'); + submitButton = form.querySelector('#kt_modal_add_customer_submit'); + cancelButton = form.querySelector('#kt_modal_add_customer_cancel'); + closeButton = form.querySelector('#kt_modal_add_customer_close'); + + handleForm(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTModalCustomersAdd.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/customers/list/export.js b/public/assets/js/custom/apps/customers/list/export.js new file mode 100644 index 0000000..257159e --- /dev/null +++ b/public/assets/js/custom/apps/customers/list/export.js @@ -0,0 +1,189 @@ +"use strict"; + +// Class definition +var KTCustomersExport = function () { + var element; + var submitButton; + var cancelButton; + var closeButton; + var validator; + var form; + var modal; + + // Init form inputs + var handleForm = function () { + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + 'date': { + validators: { + notEmpty: { + message: 'Date range is required' + } + } + }, + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Action buttons + submitButton.addEventListener('click', function (e) { + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable submit button whilst loading + submitButton.disabled = true; + + setTimeout(function() { + submitButton.removeAttribute('data-kt-indicator'); + + Swal.fire({ + text: "Customer list has been successfully exported!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + + // Enable submit button after loading + submitButton.disabled = false; + } + }); + + //form.submit(); // Submit form + }, 2000); + } else { + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + + cancelButton.addEventListener('click', function (e) { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + closeButton.addEventListener('click', function(e){ + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + } + + var initForm = function () { + const datepicker = form.querySelector("[name=date]"); + + // Handle datepicker range -- For more info on flatpickr plugin, please visit: https://flatpickr.js.org/ + $(datepicker).flatpickr({ + altInput: true, + altFormat: "F j, Y", + dateFormat: "Y-m-d", + mode: "range" + }); + } + + return { + // Public functions + init: function () { + // Elements + element = document.querySelector('#kt_customers_export_modal'); + modal = new bootstrap.Modal(element); + + form = document.querySelector('#kt_customers_export_form'); + submitButton = form.querySelector('#kt_customers_export_submit'); + cancelButton = form.querySelector('#kt_customers_export_cancel'); + closeButton = element.querySelector('#kt_customers_export_close'); + + handleForm(); + initForm(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTCustomersExport.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/customers/list/list.js b/public/assets/js/custom/apps/customers/list/list.js new file mode 100644 index 0000000..23a8b92 --- /dev/null +++ b/public/assets/js/custom/apps/customers/list/list.js @@ -0,0 +1,283 @@ +"use strict"; + +// Class definition +var KTCustomersList = function () { + // Define shared variables + var datatable; + var filterMonth; + var filterPayment; + var table + + // Private functions + var initCustomerList = function () { + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[5].innerHTML, "DD MMM YYYY, LT").format(); // select date from 5th column in table + dateRow[5].setAttribute('data-order', realDate); + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + datatable = $(table).DataTable({ + "info": false, + 'order': [], + 'columnDefs': [ + { orderable: false, targets: 0 }, // Disable ordering on column 0 (checkbox) + { orderable: false, targets: 6 }, // Disable ordering on column 6 (actions) + ] + }); + + // Re-init functions on every table re-draw -- more info: https://datatables.net/reference/event/draw + datatable.on('draw', function () { + initToggleToolbar(); + handleDeleteRows(); + toggleToolbars(); + KTMenu.init(); // reinit KTMenu instances + }); + } + + // Search Datatable --- official docs reference: https://datatables.net/reference/api/search() + var handleSearchDatatable = () => { + const filterSearch = document.querySelector('[data-kt-customer-table-filter="search"]'); + filterSearch.addEventListener('keyup', function (e) { + datatable.search(e.target.value).draw(); + }); + } + + // Filter Datatable + var handleFilterDatatable = () => { + // Select filter options + filterMonth = $('[data-kt-customer-table-filter="month"]'); + filterPayment = document.querySelectorAll('[data-kt-customer-table-filter="payment_type"] [name="payment_type"]'); + const filterButton = document.querySelector('[data-kt-customer-table-filter="filter"]'); + + // Filter datatable on submit + filterButton.addEventListener('click', function () { + // Get filter values + const monthValue = filterMonth.val(); + let paymentValue = ''; + + // Get payment value + filterPayment.forEach(r => { + if (r.checked) { + paymentValue = r.value; + } + + // Reset payment value if "All" is selected + if (paymentValue === 'all') { + paymentValue = ''; + } + }); + + // Build filter string from filter options + const filterString = monthValue + ' ' + paymentValue; + + // Filter datatable --- official docs reference: https://datatables.net/reference/api/search() + datatable.search(filterString).draw(); + }); + } + + // Delete customer + var handleDeleteRows = () => { + // Select all delete buttons + const deleteButtons = table.querySelectorAll('[data-kt-customer-table-filter="delete_row"]'); + + deleteButtons.forEach(d => { + // Delete button on click + d.addEventListener('click', function (e) { + e.preventDefault(); + + // Select parent row + const parent = e.target.closest('tr'); + + // Get customer name + const customerName = parent.querySelectorAll('td')[1].innerText; + + // SweetAlert2 pop up --- official docs reference: https://sweetalert2.github.io/ + Swal.fire({ + text: "Are you sure you want to delete " + customerName + "?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete!", + cancelButtonText: "No, cancel", + customClass: { + confirmButton: "btn fw-bold btn-danger", + cancelButton: "btn fw-bold btn-active-light-primary" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have deleted " + customerName + "!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }).then(function () { + // Remove current row + datatable.row($(parent)).remove().draw(); + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: customerName + " was not deleted.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }); + } + }); + }) + }); + } + + // Reset Filter + var handleResetForm = () => { + // Select reset button + const resetButton = document.querySelector('[data-kt-customer-table-filter="reset"]'); + + // Reset datatable + resetButton.addEventListener('click', function () { + // Reset month + filterMonth.val(null).trigger('change'); + + // Reset payment type + filterPayment[0].checked = true; + + // Reset datatable --- official docs reference: https://datatables.net/reference/api/search() + datatable.search('').draw(); + }); + } + + // Init toggle toolbar + var initToggleToolbar = () => { + // Toggle selected action toolbar + // Select all checkboxes + const checkboxes = table.querySelectorAll('[type="checkbox"]'); + + // Select elements + const deleteSelected = document.querySelector('[data-kt-customer-table-select="delete_selected"]'); + + // Toggle delete selected toolbar + checkboxes.forEach(c => { + // Checkbox on click event + c.addEventListener('click', function () { + setTimeout(function () { + toggleToolbars(); + }, 50); + }); + }); + + // Deleted selected rows + deleteSelected.addEventListener('click', function () { + // SweetAlert2 pop up --- official docs reference: https://sweetalert2.github.io/ + Swal.fire({ + text: "Are you sure you want to delete selected customers?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete!", + cancelButtonText: "No, cancel", + customClass: { + confirmButton: "btn fw-bold btn-danger", + cancelButton: "btn fw-bold btn-active-light-primary" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have deleted all selected customers!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }).then(function () { + // Remove all selected customers + checkboxes.forEach(c => { + if (c.checked) { + datatable.row($(c.closest('tbody tr'))).remove().draw(); + } + }); + + // Remove header checked box + const headerCheckbox = table.querySelectorAll('[type="checkbox"]')[0]; + headerCheckbox.checked = false; + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Selected customers was not deleted.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }); + } + }); + }); + } + + // Toggle toolbars + const toggleToolbars = () => { + // Define variables + const toolbarBase = document.querySelector('[data-kt-customer-table-toolbar="base"]'); + const toolbarSelected = document.querySelector('[data-kt-customer-table-toolbar="selected"]'); + const selectedCount = document.querySelector('[data-kt-customer-table-select="selected_count"]'); + + // Select refreshed checkbox DOM elements + const allCheckboxes = table.querySelectorAll('tbody [type="checkbox"]'); + + // Detect checkboxes state & count + let checkedState = false; + let count = 0; + + // Count checked boxes + allCheckboxes.forEach(c => { + if (c.checked) { + checkedState = true; + count++; + } + }); + + // Toggle toolbars + if (checkedState) { + selectedCount.innerHTML = count; + toolbarBase.classList.add('d-none'); + toolbarSelected.classList.remove('d-none'); + } else { + toolbarBase.classList.remove('d-none'); + toolbarSelected.classList.add('d-none'); + } + } + + // Public methods + return { + init: function () { + table = document.querySelector('#kt_customers_table'); + + if (!table) { + return; + } + + initCustomerList(); + initToggleToolbar(); + handleSearchDatatable(); + handleFilterDatatable(); + handleDeleteRows(); + handleResetForm(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTCustomersList.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/customers/update.js b/public/assets/js/custom/apps/customers/update.js new file mode 100644 index 0000000..64613b1 --- /dev/null +++ b/public/assets/js/custom/apps/customers/update.js @@ -0,0 +1,131 @@ +"use strict"; + +// Class definition +var KTModalUpdateCustomer = function () { + var element; + var submitButton; + var cancelButton; + var closeButton; + var form; + var modal; + + // Init form inputs + var initForm = function () { + // Action buttons + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Simulate form submission + setTimeout(function () { + // Simulate form submission + submitButton.removeAttribute('data-kt-indicator'); + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + } + }); + + //form.submit(); // Submit form + }, 2000); + }); + + cancelButton.addEventListener('click', function (e) { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + closeButton.addEventListener('click', function (e) { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + } + + return { + // Public functions + init: function () { + // Elements + element = document.querySelector('#kt_modal_update_customer'); + modal = new bootstrap.Modal(element); + + form = element.querySelector('#kt_modal_update_customer_form'); + submitButton = form.querySelector('#kt_modal_update_customer_submit'); + cancelButton = form.querySelector('#kt_modal_update_customer_cancel'); + closeButton = element.querySelector('#kt_modal_update_customer_close'); + + initForm(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTModalUpdateCustomer.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/customers/view/add-payment.js b/public/assets/js/custom/apps/customers/view/add-payment.js new file mode 100644 index 0000000..89a6ecd --- /dev/null +++ b/public/assets/js/custom/apps/customers/view/add-payment.js @@ -0,0 +1,207 @@ +"use strict"; + +// Class definition +var KTModalAddPayment = function () { + var element; + var submitButton; + var cancelButton; + var closeButton; + var validator; + var newBalance; + var form; + var modal; + + // Init form inputs + var initForm = function () { + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + 'invoice': { + validators: { + notEmpty: { + message: 'Invoice number is required' + } + } + }, + 'status': { + validators: { + notEmpty: { + message: 'Invoice status is required' + } + } + }, + 'amount': { + validators: { + notEmpty: { + message: 'Invoice amount is required' + } + } + } + }, + + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Revalidate country field. For more info, plase visit the official plugin site: https://select2.org/ + $(form.querySelector('[name="status"]')).on('change', function () { + // Revalidate the field when an option is chosen + validator.revalidateField('status'); + }); + + // Action buttons + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable submit button whilst loading + submitButton.disabled = true; + + // Simulate form submission + setTimeout(function () { + // Simulate form submission + submitButton.removeAttribute('data-kt-indicator'); + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + + // Enable submit button after loading + submitButton.disabled = false; + + // Reset form for demo purposes only + form.reset(); + } + }); + + //form.submit(); // Submit form + }, 2000); + } else { + // Show popup warning + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + + cancelButton.addEventListener('click', function (e) { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + closeButton.addEventListener('click', function (e) { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + } + + return { + // Public functions + init: function () { + // Elements + element = document.querySelector('#kt_modal_add_payment'); + modal = new bootstrap.Modal(element); + + form = element.querySelector('#kt_modal_add_payment_form'); + submitButton = form.querySelector('#kt_modal_add_payment_submit'); + cancelButton = form.querySelector('#kt_modal_add_payment_cancel'); + closeButton = element.querySelector('#kt_modal_add_payment_close'); + + initForm(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTModalAddPayment.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/customers/view/adjust-balance.js b/public/assets/js/custom/apps/customers/view/adjust-balance.js new file mode 100644 index 0000000..10af46d --- /dev/null +++ b/public/assets/js/custom/apps/customers/view/adjust-balance.js @@ -0,0 +1,241 @@ +"use strict"; + +// Class definition +var KTModalAdjustBalance = function () { + var element; + var submitButton; + var cancelButton; + var closeButton; + var validator; + var maskInput; + var newBalance; + var form; + var modal; + + // Init form inputs + var initForm = function () { + // Init inputmask plugin --- For more info please refer to the official documentation here: https://github.com/RobinHerbots/Inputmask + Inputmask("US$ 9,999,999.99", { + "numericInput": true + }).mask("#kt_modal_inputmask"); + } + + var handleBalanceCalculator = function () { + // Select elements + const currentBalance = element.querySelector('[kt-modal-adjust-balance="current_balance"]'); + newBalance = element.querySelector('[kt-modal-adjust-balance="new_balance"]'); + maskInput = document.getElementById('kt_modal_inputmask'); + + // Get current balance value + const isNegative = currentBalance.innerHTML.includes('-'); + let currentValue = parseFloat(currentBalance.innerHTML.replace(/[^0-9.]/g, '').replace(',', '')); + currentValue = isNegative ? currentValue * -1 : currentValue; + + // On change event for inputmask + let maskValue; + maskInput.addEventListener('focusout', function (e) { + // Get inputmask value on change + maskValue = parseFloat(e.target.value.replace(/[^0-9.]/g, '').replace(',', '')); + + // Set mask value as 0 when NaN detected + if(isNaN(maskValue)){ + maskValue = 0; + } + + // Calculate & set new balance value + newBalance.innerHTML = 'US$ ' + (maskValue + currentValue).toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,'); + }); + } + + // Handle form validation and submittion + var handleForm = function () { + // Stepper custom navigation + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + 'adjustment': { + validators: { + notEmpty: { + message: 'Adjustment type is required' + } + } + }, + 'amount': { + validators: { + notEmpty: { + message: 'Amount is required' + } + } + } + }, + + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Revalidate country field. For more info, plase visit the official plugin site: https://select2.org/ + $(form.querySelector('[name="adjustment"]')).on('change', function () { + // Revalidate the field when an option is chosen + validator.revalidateField('adjustment'); + }); + + // Action buttons + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable submit button whilst loading + submitButton.disabled = true; + + // Simulate form submission + setTimeout(function () { + // Simulate form submission + submitButton.removeAttribute('data-kt-indicator'); + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + + // Enable submit button after loading + submitButton.disabled = false; + + // Reset form for demo purposes only + form.reset(); + newBalance.innerHTML = "--"; + } + }); + + //form.submit(); // Submit form + }, 2000); + } else { + // Show popup warning + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + + cancelButton.addEventListener('click', function (e) { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + closeButton.addEventListener('click', function (e) { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + } + + return { + // Public functions + init: function () { + // Elements + element = document.querySelector('#kt_modal_adjust_balance'); + modal = new bootstrap.Modal(element); + + form = element.querySelector('#kt_modal_adjust_balance_form'); + submitButton = form.querySelector('#kt_modal_adjust_balance_submit'); + cancelButton = form.querySelector('#kt_modal_adjust_balance_cancel'); + closeButton = element.querySelector('#kt_modal_adjust_balance_close'); + + initForm(); + handleBalanceCalculator(); + handleForm(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTModalAdjustBalance.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/customers/view/invoices.js b/public/assets/js/custom/apps/customers/view/invoices.js new file mode 100644 index 0000000..ab22f20 --- /dev/null +++ b/public/assets/js/custom/apps/customers/view/invoices.js @@ -0,0 +1,129 @@ +"use strict"; + +// Class definition +var KTCustomerViewInvoices = function () { + + // Private functions + // Init current year datatable + var initInvoiceYearCurrent = function () { + // Define table element + const id = '#kt_customer_details_invoices_table_1'; + var table = document.querySelector(id); + + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[0].innerHTML, "DD MMM YYYY, LT").format(); // select date from 1st column in table + dateRow[0].setAttribute('data-order', realDate); + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + var datatable = $(id).DataTable({ + "info": false, + 'order': [], + "pageLength": 5, + "lengthChange": false, + 'columnDefs': [ + { orderable: false, targets: 4 }, // Disable ordering on column 0 (download) + ] + }); + } + + // Init year 2020 datatable + var initInvoiceYear2020 = function () { + // Define table element + const id = '#kt_customer_details_invoices_table_2'; + var table = document.querySelector(id); + + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[0].innerHTML, "DD MMM YYYY, LT").format(); // select date from 1st column in table + dateRow[0].setAttribute('data-order', realDate); + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + var datatable = $(id).DataTable({ + "info": false, + 'order': [], + "pageLength": 5, + "lengthChange": false, + 'columnDefs': [ + { orderable: false, targets: 4 }, // Disable ordering on column 0 (download) + ] + }); + } + + // Init year 2019 datatable + var initInvoiceYear2019 = function () { + // Define table element + const id = '#kt_customer_details_invoices_table_3'; + var table = document.querySelector(id); + + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[0].innerHTML, "DD MMM YYYY, LT").format(); // select date from 1st column in table + dateRow[0].setAttribute('data-order', realDate); + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + var datatable = $(id).DataTable({ + "info": false, + 'order': [], + "pageLength": 5, + "lengthChange": false, + 'columnDefs': [ + { orderable: false, targets: 4 }, // Disable ordering on column 0 (download) + ] + }); + } + + // Init year 2018 datatable + var initInvoiceYear2018 = function () { + // Define table element + const id = '#kt_customer_details_invoices_table_4'; + var table = document.querySelector(id); + + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[0].innerHTML, "DD MMM YYYY, LT").format(); // select date from 1st column in table + dateRow[0].setAttribute('data-order', realDate); + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + var datatable = $(id).DataTable({ + "info": false, + 'order': [], + "pageLength": 5, + "lengthChange": false, + 'columnDefs': [ + { orderable: false, targets: 4 }, // Disable ordering on column 0 (download) + ] + }); + } + + // Public methods + return { + init: function () { + initInvoiceYearCurrent(); + initInvoiceYear2020(); + initInvoiceYear2019(); + initInvoiceYear2018(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTCustomerViewInvoices.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/customers/view/payment-method.js b/public/assets/js/custom/apps/customers/view/payment-method.js new file mode 100644 index 0000000..f63d912 --- /dev/null +++ b/public/assets/js/custom/apps/customers/view/payment-method.js @@ -0,0 +1,110 @@ +"use strict"; + +// Class definition +var KTCustomerViewPaymentMethod = function () { + + // Private functions + var initPaymentMethod = function () { + // Define variables + const table = document.getElementById('kt_customer_view_payment_method'); + const tableRows = table.querySelectorAll('[ data-kt-customer-payment-method="row"]'); + + tableRows.forEach(row => { + // Select delete button + const deleteButton = row.querySelector('[data-kt-customer-payment-method="delete"]'); + + // Delete button action + deleteButton.addEventListener('click', e => { + e.preventDefault(); + + // Popup confirmation + Swal.fire({ + text: "Are you sure you would like to delete this card?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + row.remove(); + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your card was not deleted!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + }); + } + + // Handle set as primary button + const handlePrimaryButton = () => { + // Define variable + const button = document.querySelector('[data-kt-payment-mehtod-action="set_as_primary"]'); + + button.addEventListener('click', e => { + e.preventDefault(); + + // Popup confirmation + Swal.fire({ + text: "Are you sure you would like to set this card as primary?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, set it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "Your card was set to primary!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your card was not set to primary!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + }; + + // Public methods + return { + init: function () { + initPaymentMethod(); + handlePrimaryButton(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTCustomerViewPaymentMethod.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/customers/view/payment-table.js b/public/assets/js/custom/apps/customers/view/payment-table.js new file mode 100644 index 0000000..30fba5d --- /dev/null +++ b/public/assets/js/custom/apps/customers/view/payment-table.js @@ -0,0 +1,110 @@ +"use strict"; + +// Class definition +var KTCustomerViewPaymentTable = function () { + + // Define shared variables + var datatable; + var table = document.querySelector('#kt_table_customers_payment'); + + // Private functions + var initCustomerView = function () { + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[3].innerHTML, "DD MMM YYYY, LT").format(); // select date from 4th column in table + dateRow[3].setAttribute('data-order', realDate); + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + datatable = $(table).DataTable({ + "info": false, + 'order': [], + "pageLength": 5, + "lengthChange": false, + 'columnDefs': [ + { orderable: false, targets: 4 }, // Disable ordering on column 5 (actions) + ] + }); + } + + // Delete customer + var deleteRows = () => { + // Select all delete buttons + const deleteButtons = table.querySelectorAll('[data-kt-customer-table-filter="delete_row"]'); + + deleteButtons.forEach(d => { + // Delete button on click + d.addEventListener('click', function (e) { + e.preventDefault(); + + // Select parent row + const parent = e.target.closest('tr'); + + // Get customer name + const invoiceNumber = parent.querySelectorAll('td')[0].innerText; + + // SweetAlert2 pop up --- official docs reference: https://sweetalert2.github.io/ + Swal.fire({ + text: "Are you sure you want to delete " + invoiceNumber + "?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete!", + cancelButtonText: "No, cancel", + customClass: { + confirmButton: "btn fw-bold btn-danger", + cancelButton: "btn fw-bold btn-active-light-primary" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have deleted " + invoiceNumber + "!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }).then(function () { + // Remove current row + datatable.row($(parent)).remove().draw(); + }).then(function () { + // Detect checked checkboxes + toggleToolbars(); + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: customerName + " was not deleted.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }); + } + }); + }) + }); + } + + // Public methods + return { + init: function () { + if (!table) { + return; + } + + initCustomerView(); + deleteRows(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTCustomerViewPaymentTable.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/customers/view/statement.js b/public/assets/js/custom/apps/customers/view/statement.js new file mode 100644 index 0000000..f2059ab --- /dev/null +++ b/public/assets/js/custom/apps/customers/view/statement.js @@ -0,0 +1,129 @@ +"use strict"; + +// Class definition +var KTCustomerViewStatements = function () { + + // Private functions + // Init current year datatable + var initStatementYearCurrent = function () { + // Define table element + const id = '#kt_customer_view_statement_table_1'; + var table = document.querySelector(id); + + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[0].innerHTML, "DD MMM YYYY, LT").format(); // select date from 1st column in table + dateRow[0].setAttribute('data-order', realDate); + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + var datatable = $(id).DataTable({ + "info": false, + 'order': [], + "pageLength": 10, + "lengthChange": false, + 'columnDefs': [ + { orderable: false, targets: 4 }, // Disable ordering on column 0 (download) + ] + }); + } + + // Init year 2020 datatable + var initStatementYear2020 = function () { + // Define table element + const id = '#kt_customer_view_statement_table_2'; + var table = document.querySelector(id); + + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[0].innerHTML, "DD MMM YYYY, LT").format(); // select date from 1st column in table + dateRow[0].setAttribute('data-order', realDate); + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + var datatable = $(id).DataTable({ + "info": false, + 'order': [], + "pageLength": 10, + "lengthChange": false, + 'columnDefs': [ + { orderable: false, targets: 4 }, // Disable ordering on column 0 (download) + ] + }); + } + + // Init year 2019 datatable + var initStatementYear2019 = function () { + // Define table element + const id = '#kt_customer_view_statement_table_3'; + var table = document.querySelector(id); + + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[0].innerHTML, "DD MMM YYYY, LT").format(); // select date from 1st column in table + dateRow[0].setAttribute('data-order', realDate); + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + var datatable = $(id).DataTable({ + "info": false, + 'order': [], + "pageLength": 10, + "lengthChange": false, + 'columnDefs': [ + { orderable: false, targets: 4 }, // Disable ordering on column 0 (download) + ] + }); + } + + // Init year 2018 datatable + var initStatementYear2018 = function () { + // Define table element + const id = '#kt_customer_view_statement_table_4'; + var table = document.querySelector(id); + + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[0].innerHTML, "DD MMM YYYY, LT").format(); // select date from 1st column in table + dateRow[0].setAttribute('data-order', realDate); + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + var datatable = $(id).DataTable({ + "info": false, + 'order': [], + "pageLength": 10, + "lengthChange": false, + 'columnDefs': [ + { orderable: false, targets: 4 }, // Disable ordering on column 0 (download) + ] + }); + } + + // Public methods + return { + init: function () { + initStatementYearCurrent(); + initStatementYear2020(); + initStatementYear2019(); + initStatementYear2018(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTCustomerViewStatements.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/ecommerce/catalog/categories.js b/public/assets/js/custom/apps/ecommerce/catalog/categories.js new file mode 100644 index 0000000..a7603f1 --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/catalog/categories.js @@ -0,0 +1,114 @@ +"use strict"; + +// Class definition +var KTAppEcommerceCategories = function () { + // Shared variables + var table; + var datatable; + + // Private functions + var initDatatable = function () { + // Init datatable --- more info on datatables: https://datatables.net/manual/ + datatable = $(table).DataTable({ + "info": false, + 'order': [], + 'pageLength': 10, + 'columnDefs': [ + { orderable: false, targets: 0 }, // Disable ordering on column 0 (checkbox) + { orderable: false, targets: 3 }, // Disable ordering on column 3 (actions) + ] + }); + + // Re-init functions on datatable re-draws + datatable.on('draw', function () { + handleDeleteRows(); + }); + } + + // Search Datatable --- official docs reference: https://datatables.net/reference/api/search() + var handleSearchDatatable = () => { + const filterSearch = document.querySelector('[data-kt-ecommerce-category-filter="search"]'); + filterSearch.addEventListener('keyup', function (e) { + datatable.search(e.target.value).draw(); + }); + } + + // Delete cateogry + var handleDeleteRows = () => { + // Select all delete buttons + const deleteButtons = table.querySelectorAll('[data-kt-ecommerce-category-filter="delete_row"]'); + + deleteButtons.forEach(d => { + // Delete button on click + d.addEventListener('click', function (e) { + e.preventDefault(); + + // Select parent row + const parent = e.target.closest('tr'); + + // Get category name + const categoryName = parent.querySelector('[data-kt-ecommerce-category-filter="category_name"]').innerText; + + // SweetAlert2 pop up --- official docs reference: https://sweetalert2.github.io/ + Swal.fire({ + text: "Are you sure you want to delete " + categoryName + "?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete!", + cancelButtonText: "No, cancel", + customClass: { + confirmButton: "btn fw-bold btn-danger", + cancelButton: "btn fw-bold btn-active-light-primary" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have deleted " + categoryName + "!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }).then(function () { + // Remove current row + datatable.row($(parent)).remove().draw(); + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: categoryName + " was not deleted.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }); + } + }); + }) + }); + } + + + // Public methods + return { + init: function () { + table = document.querySelector('#kt_ecommerce_category_table'); + + if (!table) { + return; + } + + initDatatable(); + handleSearchDatatable(); + handleDeleteRows(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTAppEcommerceCategories.init(); +}); diff --git a/public/assets/js/custom/apps/ecommerce/catalog/products.js b/public/assets/js/custom/apps/ecommerce/catalog/products.js new file mode 100644 index 0000000..a8dd933 --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/catalog/products.js @@ -0,0 +1,125 @@ +"use strict"; + +// Class definition +var KTAppEcommerceProducts = function () { + // Shared variables + var table; + var tableEl; + var dt; + + // Private functions + var initDatatable = function () { + // Init dt --- more info on dts: https://dts.net/manual/ + dt = new DataTable(table, { + "info": false, + 'order': [], + 'pageLength': 10, + 'columnDefs': [ + { render: DataTable.render.number(',', '.', 2), targets: 4}, + { orderable: false, targets: 0 }, // Disable ordering on column 0 (checkbox) + { orderable: false, targets: 7 }, // Disable ordering on column 7 (actions) + ] + }); + + // Re-init functions on dt re-draws + dt.on('draw', function () { + handleDeleteRows(); + }); + } + + // Search Datatable --- official docs reference: https://dts.net/reference/api/search() + var handleSearchDatatable = () => { + const filterSearch = document.querySelector('[data-kt-ecommerce-product-filter="search"]'); + filterSearch.addEventListener('keyup', function (e) { + dt.search(e.target.value).draw(); + }); + } + + // Handle status filter dropdown + var handleStatusFilter = () => { + const filterStatus = document.querySelector('[data-kt-ecommerce-product-filter="status"]'); + $(filterStatus).on('change', e => { + let value = e.target.value; + if(value === 'all'){ + value = ''; + } + dt.column(6).search(value).draw(); + }); + } + + // Delete cateogry + var handleDeleteRows = () => { + // Select all delete buttons + const deleteButtons = tableEl.querySelectorAll('[data-kt-ecommerce-product-filter="delete_row"]'); + + deleteButtons.forEach(d => { + // Delete button on click + d.addEventListener('click', function (e) { + e.preventDefault(); + + // Select parent row + const parent = e.target.closest('tr'); + + // Get category name + const productName = parent.querySelector('[data-kt-ecommerce-product-filter="product_name"]').innerText; + + // SweetAlert2 pop up --- official docs reference: https://sweetalert2.github.io/ + Swal.fire({ + text: "Are you sure you want to delete " + productName + "?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete!", + cancelButtonText: "No, cancel", + customClass: { + confirmButton: "btn fw-bold btn-danger", + cancelButton: "btn fw-bold btn-active-light-primary" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have deleted " + productName + "!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }).then(function () { + // Remove current row + dt.row($(parent)).remove().draw(); + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: productName + " was not deleted.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }); + } + }); + }) + }); + } + + // Public methods + return { + init: function () { + table = '#kt_ecommerce_products_table'; + tableEl = document.querySelector(table); + + initDatatable(); + handleSearchDatatable(); + handleStatusFilter(); + handleDeleteRows(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTAppEcommerceProducts.init(); +}); diff --git a/public/assets/js/custom/apps/ecommerce/catalog/save-category.js b/public/assets/js/custom/apps/ecommerce/catalog/save-category.js new file mode 100644 index 0000000..7f4699c --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/catalog/save-category.js @@ -0,0 +1,287 @@ +"use strict"; + +// Class definition +var KTAppEcommerceSaveCategory = function () { + + // Private functions + + // Init quill editor + const initQuill = () => { + // Define all elements for quill editor + const elements = [ + '#kt_ecommerce_add_category_description', + '#kt_ecommerce_add_category_meta_description' + ]; + + // Loop all elements + elements.forEach(element => { + // Get quill element + let quill = document.querySelector(element); + + // Break if element not found + if (!quill) { + return; + } + + // Init quill --- more info: https://quilljs.com/docs/quickstart/ + quill = new Quill(element, { + modules: { + toolbar: [ + [{ + header: [1, 2, false] + }], + ['bold', 'italic', 'underline'], + ['image', 'code-block'] + ] + }, + placeholder: 'Type your text here...', + theme: 'snow' // or 'bubble' + }); + }); + + } + + // Init tagify + const initTagify = () => { + // Define all elements for tagify + const elements = [ + '#kt_ecommerce_add_category_meta_keywords' + ]; + + // Loop all elements + elements.forEach(element => { + // Get tagify element + const tagify = document.querySelector(element); + + // Break if element not found + if (!tagify) { + return; + } + + // Init tagify --- more info: https://yaireo.github.io/tagify/ + new Tagify(tagify); + }); + } + + // Init form repeater --- more info: https://github.com/DubFriend/jquery.repeater + const initFormRepeater = () => { + $('#kt_ecommerce_add_category_conditions').repeater({ + initEmpty: false, + + defaultValues: { + 'text-input': 'foo' + }, + + show: function () { + $(this).slideDown(); + + // Init select2 on new repeated items + initConditionsSelect2(); + }, + + hide: function (deleteElement) { + $(this).slideUp(deleteElement); + } + }); + } + + // Init condition select2 + const initConditionsSelect2 = () => { + // Tnit new repeating condition types + const allConditionTypes = document.querySelectorAll('[data-kt-ecommerce-catalog-add-category="condition_type"]'); + allConditionTypes.forEach(type => { + if ($(type).hasClass("select2-hidden-accessible")) { + return; + } else { + $(type).select2({ + minimumResultsForSearch: -1 + }); + } + }); + + // Tnit new repeating condition equals + const allConditionEquals = document.querySelectorAll('[data-kt-ecommerce-catalog-add-category="condition_equals"]'); + allConditionEquals.forEach(equal => { + if ($(equal).hasClass("select2-hidden-accessible")) { + return; + } else { + $(equal).select2({ + minimumResultsForSearch: -1 + }); + } + }); + } + + // Category status handler + const handleStatus = () => { + const target = document.getElementById('kt_ecommerce_add_category_status'); + const select = document.getElementById('kt_ecommerce_add_category_status_select'); + const statusClasses = ['bg-success', 'bg-warning', 'bg-danger']; + + $(select).on('change', function (e) { + const value = e.target.value; + + switch (value) { + case "published": { + target.classList.remove(...statusClasses); + target.classList.add('bg-success'); + hideDatepicker(); + break; + } + case "scheduled": { + target.classList.remove(...statusClasses); + target.classList.add('bg-warning'); + showDatepicker(); + break; + } + case "unpublished": { + target.classList.remove(...statusClasses); + target.classList.add('bg-danger'); + hideDatepicker(); + break; + } + default: + break; + } + }); + + + // Handle datepicker + const datepicker = document.getElementById('kt_ecommerce_add_category_status_datepicker'); + + // Init flatpickr --- more info: https://flatpickr.js.org/ + $('#kt_ecommerce_add_category_status_datepicker').flatpickr({ + enableTime: true, + dateFormat: "Y-m-d H:i", + }); + + const showDatepicker = () => { + datepicker.parentNode.classList.remove('d-none'); + } + + const hideDatepicker = () => { + datepicker.parentNode.classList.add('d-none'); + } + } + + // Condition type handler + const handleConditions = () => { + const allConditions = document.querySelectorAll('[name="method"][type="radio"]'); + const conditionMatch = document.querySelector('[data-kt-ecommerce-catalog-add-category="auto-options"]'); + allConditions.forEach(radio => { + radio.addEventListener('change', e => { + if (e.target.value === '1') { + conditionMatch.classList.remove('d-none'); + } else { + conditionMatch.classList.add('d-none'); + } + }); + }) + } + + // Submit form handler + const handleSubmit = () => { + // Define variables + let validator; + + // Get elements + const form = document.getElementById('kt_ecommerce_add_category_form'); + const submitButton = document.getElementById('kt_ecommerce_add_category_submit'); + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + 'category_name': { + validators: { + notEmpty: { + message: 'Category name is required' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Handle submit button + submitButton.addEventListener('click', e => { + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable submit button whilst loading + submitButton.disabled = true; + + setTimeout(function () { + submitButton.removeAttribute('data-kt-indicator'); + + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + // Enable submit button after loading + submitButton.disabled = false; + + // Redirect to customers list page + window.location = form.getAttribute("data-kt-redirect"); + } + }); + }, 2000); + } else { + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }) + } + + // Public methods + return { + init: function () { + // Init forms + initQuill(); + initTagify(); + initFormRepeater(); + initConditionsSelect2(); + + // Handle forms + handleStatus(); + handleConditions(); + handleSubmit(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTAppEcommerceSaveCategory.init(); +}); diff --git a/public/assets/js/custom/apps/ecommerce/catalog/save-product.js b/public/assets/js/custom/apps/ecommerce/catalog/save-product.js new file mode 100644 index 0000000..59a9296 --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/catalog/save-product.js @@ -0,0 +1,416 @@ +"use strict"; + +// Class definition +var KTAppEcommerceSaveProduct = function () { + + // Private functions + + // Init quill editor + const initQuill = () => { + // Define all elements for quill editor + const elements = [ + '#kt_ecommerce_add_product_description', + '#kt_ecommerce_add_product_meta_description' + ]; + + // Loop all elements + elements.forEach(element => { + // Get quill element + let quill = document.querySelector(element); + + // Break if element not found + if (!quill) { + return; + } + + // Init quill --- more info: https://quilljs.com/docs/quickstart/ + quill = new Quill(element, { + modules: { + toolbar: [ + [{ + header: [1, 2, false] + }], + ['bold', 'italic', 'underline'], + ['image', 'code-block'] + ] + }, + placeholder: 'Type your text here...', + theme: 'snow' // or 'bubble' + }); + }); + } + + // Init tagify + const initTagify = () => { + // Define all elements for tagify + const elements = [ + '#kt_ecommerce_add_product_category', + '#kt_ecommerce_add_product_tags' + ]; + + // Loop all elements + elements.forEach(element => { + // Get tagify element + const tagify = document.querySelector(element); + + // Break if element not found + if (!tagify) { + return; + } + + // Init tagify --- more info: https://yaireo.github.io/tagify/ + new Tagify(tagify, { + whitelist: ["new", "trending", "sale", "discounted", "selling fast", "last 10"], + dropdown: { + maxItems: 20, // <- mixumum allowed rendered suggestions + classname: "tagify__inline__suggestions", // <- custom classname for this dropdown, so it could be targeted + enabled: 0, // <- show suggestions on focus + closeOnSelect: false // <- do not hide the suggestions dropdown once an item has been selected + } + }); + }); + } + + // Init form repeater --- more info: https://github.com/DubFriend/jquery.repeater + const initFormRepeater = () => { + $('#kt_ecommerce_add_product_options').repeater({ + initEmpty: false, + + defaultValues: { + 'text-input': 'foo' + }, + + show: function () { + $(this).slideDown(); + + // Init select2 on new repeated items + initConditionsSelect2(); + }, + + hide: function (deleteElement) { + $(this).slideUp(deleteElement); + } + }); + } + + // Init condition select2 + const initConditionsSelect2 = () => { + // Tnit new repeating condition types + const allConditionTypes = document.querySelectorAll('[data-kt-ecommerce-catalog-add-product="product_option"]'); + allConditionTypes.forEach(type => { + if ($(type).hasClass("select2-hidden-accessible")) { + return; + } else { + $(type).select2({ + minimumResultsForSearch: -1 + }); + } + }); + } + + + // Init noUIslider + const initSlider = () => { + var slider = document.querySelector("#kt_ecommerce_add_product_discount_slider"); + var value = document.querySelector("#kt_ecommerce_add_product_discount_label"); + + noUiSlider.create(slider, { + start: [10], + connect: true, + range: { + "min": 1, + "max": 100 + } + }); + + slider.noUiSlider.on("update", function (values, handle) { + value.innerHTML = Math.round(values[handle]); + if (handle) { + value.innerHTML = Math.round(values[handle]); + } + }); + } + + // Init DropzoneJS --- more info: + const initDropzone = () => { + var myDropzone = new Dropzone("#kt_ecommerce_add_product_media", { + url: "https://keenthemes.com/scripts/void.php", // Set the url for your upload script location + paramName: "file", // The name that will be used to transfer the file + maxFiles: 10, + maxFilesize: 10, // MB + addRemoveLinks: true, + accept: function (file, done) { + if (file.name == "wow.jpg") { + done("Naha, you don't."); + } else { + done(); + } + } + }); + } + + // Handle discount options + const handleDiscount = () => { + const discountOptions = document.querySelectorAll('input[name="discount_option"]'); + const percentageEl = document.getElementById('kt_ecommerce_add_product_discount_percentage'); + const fixedEl = document.getElementById('kt_ecommerce_add_product_discount_fixed'); + + discountOptions.forEach(option => { + option.addEventListener('change', e => { + const value = e.target.value; + + switch (value) { + case '2': { + percentageEl.classList.remove('d-none'); + fixedEl.classList.add('d-none'); + break; + } + case '3': { + percentageEl.classList.add('d-none'); + fixedEl.classList.remove('d-none'); + break; + } + default: { + percentageEl.classList.add('d-none'); + fixedEl.classList.add('d-none'); + break; + } + } + }); + }); + } + + // Shipping option handler + const handleShipping = () => { + const shippingOption = document.getElementById('kt_ecommerce_add_product_shipping_checkbox'); + const shippingForm = document.getElementById('kt_ecommerce_add_product_shipping'); + + shippingOption.addEventListener('change', e => { + const value = e.target.checked; + + if (value) { + shippingForm.classList.remove('d-none'); + } else { + shippingForm.classList.add('d-none'); + } + }); + } + + // Category status handler + const handleStatus = () => { + const target = document.getElementById('kt_ecommerce_add_product_status'); + const select = document.getElementById('kt_ecommerce_add_product_status_select'); + const statusClasses = ['bg-success', 'bg-warning', 'bg-danger']; + + $(select).on('change', function (e) { + const value = e.target.value; + + switch (value) { + case "published": { + target.classList.remove(...statusClasses); + target.classList.add('bg-success'); + hideDatepicker(); + break; + } + case "scheduled": { + target.classList.remove(...statusClasses); + target.classList.add('bg-warning'); + showDatepicker(); + break; + } + case "inactive": { + target.classList.remove(...statusClasses); + target.classList.add('bg-danger'); + hideDatepicker(); + break; + } + case "draft": { + target.classList.remove(...statusClasses); + target.classList.add('bg-primary'); + hideDatepicker(); + break; + } + default: + break; + } + }); + + + // Handle datepicker + const datepicker = document.getElementById('kt_ecommerce_add_product_status_datepicker'); + + // Init flatpickr --- more info: https://flatpickr.js.org/ + $('#kt_ecommerce_add_product_status_datepicker').flatpickr({ + enableTime: true, + dateFormat: "Y-m-d H:i", + }); + + const showDatepicker = () => { + datepicker.parentNode.classList.remove('d-none'); + } + + const hideDatepicker = () => { + datepicker.parentNode.classList.add('d-none'); + } + } + + // Condition type handler + const handleConditions = () => { + const allConditions = document.querySelectorAll('[name="method"][type="radio"]'); + const conditionMatch = document.querySelector('[data-kt-ecommerce-catalog-add-category="auto-options"]'); + allConditions.forEach(radio => { + radio.addEventListener('change', e => { + if (e.target.value === '1') { + conditionMatch.classList.remove('d-none'); + } else { + conditionMatch.classList.add('d-none'); + } + }); + }) + } + + // Submit form handler + const handleSubmit = () => { + // Define variables + let validator; + + // Get elements + const form = document.getElementById('kt_ecommerce_add_product_form'); + const submitButton = document.getElementById('kt_ecommerce_add_product_submit'); + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + 'product_name': { + validators: { + notEmpty: { + message: 'Product name is required' + } + } + }, + 'sku': { + validators: { + notEmpty: { + message: 'SKU is required' + } + } + }, + 'barcode': { + validators: { + notEmpty: { + message: 'Product barcode is required' + } + } + }, + 'shelf': { + validators: { + notEmpty: { + message: 'Shelf quantity is required' + } + } + }, + 'price': { + validators: { + notEmpty: { + message: 'Product base price is required' + } + } + }, + 'tax': { + validators: { + notEmpty: { + message: 'Product tax class is required' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Handle submit button + submitButton.addEventListener('click', e => { + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable submit button whilst loading + submitButton.disabled = true; + + setTimeout(function () { + submitButton.removeAttribute('data-kt-indicator'); + + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + // Enable submit button after loading + submitButton.disabled = false; + + // Redirect to customers list page + window.location = form.getAttribute("data-kt-redirect"); + } + }); + }, 2000); + } else { + Swal.fire({ + html: "Sorry, looks like there are some errors detected, please try again.

Please note that there may be errors in the General or Advanced tabs", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }) + } + + // Public methods + return { + init: function () { + // Init forms + initQuill(); + initTagify(); + initSlider(); + initFormRepeater(); + initDropzone(); + initConditionsSelect2(); + + // Handle forms + handleStatus(); + handleConditions(); + handleDiscount(); + handleShipping(); + handleSubmit(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTAppEcommerceSaveProduct.init(); +}); diff --git a/public/assets/js/custom/apps/ecommerce/customers/details/add-address.js b/public/assets/js/custom/apps/ecommerce/customers/details/add-address.js new file mode 100644 index 0000000..2bf9ffc --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/customers/details/add-address.js @@ -0,0 +1,214 @@ +"use strict"; + +// Class definition +var KTModalAddAddress = function () { + var submitButton; + var cancelButton; + var closeButton; + var validator; + var form; + var modal; + + // Init form inputs + var handleForm = function () { + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + 'name': { + validators: { + notEmpty: { + message: 'Address name is required' + } + } + }, + 'country': { + validators: { + notEmpty: { + message: 'Country is required' + } + } + }, + 'address1': { + validators: { + notEmpty: { + message: 'Address 1 is required' + } + } + }, + 'city': { + validators: { + notEmpty: { + message: 'City is required' + } + } + }, + 'state': { + validators: { + notEmpty: { + message: 'State is required' + } + } + }, + 'postcode': { + validators: { + notEmpty: { + message: 'Postcode is required' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Revalidate country field. For more info, plase visit the official plugin site: https://select2.org/ + $(form.querySelector('[name="country"]')).on('change', function() { + // Revalidate the field when an option is chosen + validator.revalidateField('country'); + }); + + // Action buttons + submitButton.addEventListener('click', function (e) { + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable submit button whilst loading + submitButton.disabled = true; + + setTimeout(function() { + submitButton.removeAttribute('data-kt-indicator'); + + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + // Hide modal + modal.hide(); + + // Enable submit button after loading + submitButton.disabled = false; + } + }); + }, 2000); + } else { + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + + cancelButton.addEventListener('click', function (e) { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + closeButton.addEventListener('click', function(e){ + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }) + } + + return { + // Public functions + init: function () { + // Elements + modal = new bootstrap.Modal(document.querySelector('#kt_modal_add_address')); + + form = document.querySelector('#kt_modal_add_address_form'); + submitButton = form.querySelector('#kt_modal_add_address_submit'); + cancelButton = form.querySelector('#kt_modal_add_address_cancel'); + closeButton = form.querySelector('#kt_modal_add_address_close'); + + handleForm(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTModalAddAddress.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/ecommerce/customers/details/add-auth-app.js b/public/assets/js/custom/apps/ecommerce/customers/details/add-auth-app.js new file mode 100644 index 0000000..ca71185 --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/customers/details/add-auth-app.js @@ -0,0 +1,81 @@ +"use strict"; + +// Class definition +var KTUsersAddAuthApp = function () { + // Shared variables + const element = document.getElementById('kt_modal_add_auth_app'); + const modal = new bootstrap.Modal(element); + + // Init add schedule modal + var initAddAuthApp = () => { + + // Close button handler + const closeButton = element.querySelector('[data-kt-users-modal-action="close"]'); + closeButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to close?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, close it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + modal.hide(); // Hide modal + } + }); + }); + + } + + // QR code to text code swapper + var initCodeSwap = () => { + const qrCode = element.querySelector('[ data-kt-add-auth-action="qr-code"]'); + const textCode = element.querySelector('[ data-kt-add-auth-action="text-code"]'); + const qrCodeButton = element.querySelector('[ data-kt-add-auth-action="qr-code-button"]'); + const textCodeButton = element.querySelector('[ data-kt-add-auth-action="text-code-button"]'); + const qrCodeLabel = element.querySelector('[ data-kt-add-auth-action="qr-code-label"]'); + const textCodeLabel = element.querySelector('[ data-kt-add-auth-action="text-code-label"]'); + + const toggleClass = () =>{ + qrCode.classList.toggle('d-none'); + qrCodeButton.classList.toggle('d-none'); + qrCodeLabel.classList.toggle('d-none'); + textCode.classList.toggle('d-none'); + textCodeButton.classList.toggle('d-none'); + textCodeLabel.classList.toggle('d-none'); + } + + // Swap to text code handler + textCodeButton.addEventListener('click', e =>{ + e.preventDefault(); + + toggleClass(); + }); + + qrCodeButton.addEventListener('click', e =>{ + e.preventDefault(); + + toggleClass(); + }); + } + + return { + // Public functions + init: function () { + initAddAuthApp(); + initCodeSwap(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersAddAuthApp.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/ecommerce/customers/details/add-one-time-password.js b/public/assets/js/custom/apps/ecommerce/customers/details/add-one-time-password.js new file mode 100644 index 0000000..af78deb --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/customers/details/add-one-time-password.js @@ -0,0 +1,173 @@ +"use strict"; + +// Class definition +var KTUsersAddOneTimePassword = function () { + // Shared variables + const element = document.getElementById('kt_modal_add_one_time_password'); + const form = element.querySelector('#kt_modal_add_one_time_password_form'); + const modal = new bootstrap.Modal(element); + + // Init one time password modal + var initAddOneTimePassword = () => { + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + var validator = FormValidation.formValidation( + form, + { + fields: { + 'otp_mobile_number': { + validators: { + notEmpty: { + message: 'Valid mobile number is required' + } + } + }, + 'otp_confirm_password': { + validators: { + notEmpty: { + message: 'Password confirmation is required' + } + } + }, + }, + + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Close button handler + const closeButton = element.querySelector('[data-kt-users-modal-action="close"]'); + closeButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to close?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, close it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + modal.hide(); // Hide modal + } + }); + }); + + // Cancel button handler + const cancelButton = element.querySelector('[data-kt-users-modal-action="cancel"]'); + cancelButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Submit button handler + const submitButton = element.querySelector('[data-kt-users-modal-action="submit"]'); + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate form submission. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + setTimeout(function () { + // Remove loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + } + }); + + //form.submit(); // Submit form + }, 2000); + } else { + // Show popup warning. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + } + + return { + // Public functions + init: function () { + initAddOneTimePassword(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersAddOneTimePassword.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/ecommerce/customers/details/payment-method.js b/public/assets/js/custom/apps/ecommerce/customers/details/payment-method.js new file mode 100644 index 0000000..f63d912 --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/customers/details/payment-method.js @@ -0,0 +1,110 @@ +"use strict"; + +// Class definition +var KTCustomerViewPaymentMethod = function () { + + // Private functions + var initPaymentMethod = function () { + // Define variables + const table = document.getElementById('kt_customer_view_payment_method'); + const tableRows = table.querySelectorAll('[ data-kt-customer-payment-method="row"]'); + + tableRows.forEach(row => { + // Select delete button + const deleteButton = row.querySelector('[data-kt-customer-payment-method="delete"]'); + + // Delete button action + deleteButton.addEventListener('click', e => { + e.preventDefault(); + + // Popup confirmation + Swal.fire({ + text: "Are you sure you would like to delete this card?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + row.remove(); + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your card was not deleted!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + }); + } + + // Handle set as primary button + const handlePrimaryButton = () => { + // Define variable + const button = document.querySelector('[data-kt-payment-mehtod-action="set_as_primary"]'); + + button.addEventListener('click', e => { + e.preventDefault(); + + // Popup confirmation + Swal.fire({ + text: "Are you sure you would like to set this card as primary?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, set it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "Your card was set to primary!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your card was not set to primary!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + }; + + // Public methods + return { + init: function () { + initPaymentMethod(); + handlePrimaryButton(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTCustomerViewPaymentMethod.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/ecommerce/customers/details/transaction-history.js b/public/assets/js/custom/apps/ecommerce/customers/details/transaction-history.js new file mode 100644 index 0000000..30fba5d --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/customers/details/transaction-history.js @@ -0,0 +1,110 @@ +"use strict"; + +// Class definition +var KTCustomerViewPaymentTable = function () { + + // Define shared variables + var datatable; + var table = document.querySelector('#kt_table_customers_payment'); + + // Private functions + var initCustomerView = function () { + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[3].innerHTML, "DD MMM YYYY, LT").format(); // select date from 4th column in table + dateRow[3].setAttribute('data-order', realDate); + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + datatable = $(table).DataTable({ + "info": false, + 'order': [], + "pageLength": 5, + "lengthChange": false, + 'columnDefs': [ + { orderable: false, targets: 4 }, // Disable ordering on column 5 (actions) + ] + }); + } + + // Delete customer + var deleteRows = () => { + // Select all delete buttons + const deleteButtons = table.querySelectorAll('[data-kt-customer-table-filter="delete_row"]'); + + deleteButtons.forEach(d => { + // Delete button on click + d.addEventListener('click', function (e) { + e.preventDefault(); + + // Select parent row + const parent = e.target.closest('tr'); + + // Get customer name + const invoiceNumber = parent.querySelectorAll('td')[0].innerText; + + // SweetAlert2 pop up --- official docs reference: https://sweetalert2.github.io/ + Swal.fire({ + text: "Are you sure you want to delete " + invoiceNumber + "?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete!", + cancelButtonText: "No, cancel", + customClass: { + confirmButton: "btn fw-bold btn-danger", + cancelButton: "btn fw-bold btn-active-light-primary" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have deleted " + invoiceNumber + "!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }).then(function () { + // Remove current row + datatable.row($(parent)).remove().draw(); + }).then(function () { + // Detect checked checkboxes + toggleToolbars(); + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: customerName + " was not deleted.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }); + } + }); + }) + }); + } + + // Public methods + return { + init: function () { + if (!table) { + return; + } + + initCustomerView(); + deleteRows(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTCustomerViewPaymentTable.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/ecommerce/customers/details/update-address.js b/public/assets/js/custom/apps/ecommerce/customers/details/update-address.js new file mode 100644 index 0000000..a667f85 --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/customers/details/update-address.js @@ -0,0 +1,217 @@ +"use strict"; + +// Class definition +var KTModalUpdateAddress = function () { + var element; + var submitButton; + var cancelButton; + var closeButton; + var form; + var modal; + var validator; + + // Init form inputs + var initForm = function () { + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + 'name': { + validators: { + notEmpty: { + message: 'Address name is required' + } + } + }, + 'country': { + validators: { + notEmpty: { + message: 'Country is required' + } + } + }, + 'address1': { + validators: { + notEmpty: { + message: 'Address 1 is required' + } + } + }, + 'city': { + validators: { + notEmpty: { + message: 'City is required' + } + } + }, + 'state': { + validators: { + notEmpty: { + message: 'State is required' + } + } + }, + 'postcode': { + validators: { + notEmpty: { + message: 'Postcode is required' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Revalidate country field. For more info, plase visit the official plugin site: https://select2.org/ + $(form.querySelector('[name="country"]')).on('change', function () { + // Revalidate the field when an option is chosen + validator.revalidateField('country'); + }); + + // Action buttons + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable submit button whilst loading + submitButton.disabled = true; + + setTimeout(function() { + submitButton.removeAttribute('data-kt-indicator'); + + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + // Hide modal + modal.hide(); + + // Enable submit button after loading + submitButton.disabled = false; + } + }); + }, 2000); + } else { + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + + cancelButton.addEventListener('click', function (e) { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + closeButton.addEventListener('click', function (e) { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + } + + return { + // Public functions + init: function () { + // Elements + element = document.querySelector('#kt_modal_update_address'); + modal = new bootstrap.Modal(element); + + form = element.querySelector('#kt_modal_update_address_form'); + submitButton = form.querySelector('#kt_modal_update_address_submit'); + cancelButton = form.querySelector('#kt_modal_update_address_cancel'); + closeButton = element.querySelector('#kt_modal_update_address_close'); + + initForm(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTModalUpdateAddress.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/ecommerce/customers/details/update-password.js b/public/assets/js/custom/apps/ecommerce/customers/details/update-password.js new file mode 100644 index 0000000..9110a89 --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/customers/details/update-password.js @@ -0,0 +1,194 @@ +"use strict"; + +// Class definition +var KTUsersUpdatePassword = function () { + // Shared variables + const element = document.getElementById('kt_modal_update_password'); + const form = element.querySelector('#kt_modal_update_password_form'); + const modal = new bootstrap.Modal(element); + + // Init add schedule modal + var initUpdatePassword = () => { + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + var validator = FormValidation.formValidation( + form, + { + fields: { + 'current_password': { + validators: { + notEmpty: { + message: 'Current password is required' + } + } + }, + 'new_password': { + validators: { + notEmpty: { + message: 'The password is required' + }, + callback: { + message: 'Please enter valid password', + callback: function (input) { + if (input.value.length > 0) { + return validatePassword(); + } + } + } + } + }, + 'confirm_password': { + validators: { + notEmpty: { + message: 'The password confirmation is required' + }, + identical: { + compare: function () { + return form.querySelector('[name="new_password"]').value; + }, + message: 'The password and its confirm are not the same' + } + } + }, + }, + + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Close button handler + const closeButton = element.querySelector('[data-kt-users-modal-action="close"]'); + closeButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Cancel button handler + const cancelButton = element.querySelector('[data-kt-users-modal-action="cancel"]'); + cancelButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Submit button handler + const submitButton = element.querySelector('[data-kt-users-modal-action="submit"]'); + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate form submission. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + setTimeout(function () { + // Remove loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + } + }); + + //form.submit(); // Submit form + }, 2000); + } + }); + } + }); + } + + return { + // Public functions + init: function () { + initUpdatePassword(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersUpdatePassword.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/ecommerce/customers/details/update-phone.js b/public/assets/js/custom/apps/ecommerce/customers/details/update-phone.js new file mode 100644 index 0000000..81c437a --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/customers/details/update-phone.js @@ -0,0 +1,166 @@ +"use strict"; + +// Class definition +var KTUsersUpdateEmail = function () { + // Shared variables + const element = document.getElementById('kt_modal_update_phone'); + const form = element.querySelector('#kt_modal_update_phone_form'); + const modal = new bootstrap.Modal(element); + + // Init add schedule modal + var initUpdateEmail = () => { + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + var validator = FormValidation.formValidation( + form, + { + fields: { + 'profile_phone': { + validators: { + notEmpty: { + message: 'Phone number is required' + } + } + }, + }, + + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Close button handler + const closeButton = element.querySelector('[data-kt-users-modal-action="close"]'); + closeButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Cancel button handler + const cancelButton = element.querySelector('[data-kt-users-modal-action="cancel"]'); + cancelButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Submit button handler + const submitButton = element.querySelector('[data-kt-users-modal-action="submit"]'); + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate form submission. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + setTimeout(function () { + // Remove loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + } + }); + + //form.submit(); // Submit form + }, 2000); + } + }); + } + }); + } + + return { + // Public functions + init: function () { + initUpdateEmail(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersUpdateEmail.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/ecommerce/customers/details/update-profile.js b/public/assets/js/custom/apps/ecommerce/customers/details/update-profile.js new file mode 100644 index 0000000..6060181 --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/customers/details/update-profile.js @@ -0,0 +1,106 @@ +"use strict"; + +// Class definition +var KTEcommerceUpdateProfile = function () { + var submitButton; + var validator; + var form; + + // Init form inputs + var handleForm = function () { + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + 'name': { + validators: { + notEmpty: { + message: 'Name is required' + } + } + }, + 'gen_email': { + validators: { + notEmpty: { + message: 'General Email is required' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Action buttons + submitButton.addEventListener('click', function (e) { + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable submit button whilst loading + submitButton.disabled = true; + + setTimeout(function() { + submitButton.removeAttribute('data-kt-indicator'); + + Swal.fire({ + text: "Your profile has been saved!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + // Enable submit button after loading + submitButton.disabled = false; + } + }); + }, 2000); + } else { + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + } + + return { + // Public functions + init: function () { + // Elements + form = document.querySelector('#kt_ecommerce_customer_profile'); + submitButton = form.querySelector('#kt_ecommerce_customer_profile_submit'); + + handleForm(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTEcommerceUpdateProfile.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/ecommerce/customers/listing/add.js b/public/assets/js/custom/apps/ecommerce/customers/listing/add.js new file mode 100644 index 0000000..df35986 --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/customers/listing/add.js @@ -0,0 +1,238 @@ +"use strict"; + +// Class definition +var KTModalCustomersAdd = function () { + var submitButton; + var cancelButton; + var closeButton; + var validator; + var form; + var modal; + + // Init form inputs + var handleForm = function () { + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + 'name': { + validators: { + notEmpty: { + message: 'Customer name is required' + } + } + }, + 'email': { + validators: { + notEmpty: { + message: 'Customer email is required' + } + } + }, + 'first-name': { + validators: { + notEmpty: { + message: 'First name is required' + } + } + }, + 'last-name': { + validators: { + notEmpty: { + message: 'Last name is required' + } + } + }, + 'country': { + validators: { + notEmpty: { + message: 'Country is required' + } + } + }, + 'address1': { + validators: { + notEmpty: { + message: 'Address 1 is required' + } + } + }, + 'city': { + validators: { + notEmpty: { + message: 'City is required' + } + } + }, + 'state': { + validators: { + notEmpty: { + message: 'State is required' + } + } + }, + 'postcode': { + validators: { + notEmpty: { + message: 'Postcode is required' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Revalidate country field. For more info, plase visit the official plugin site: https://select2.org/ + $(form.querySelector('[name="country"]')).on('change', function() { + // Revalidate the field when an option is chosen + validator.revalidateField('country'); + }); + + // Action buttons + submitButton.addEventListener('click', function (e) { + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable submit button whilst loading + submitButton.disabled = true; + + setTimeout(function() { + submitButton.removeAttribute('data-kt-indicator'); + + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + // Hide modal + modal.hide(); + + // Enable submit button after loading + submitButton.disabled = false; + + // Redirect to customers list page + window.location = form.getAttribute("data-kt-redirect"); + } + }); + }, 2000); + } else { + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + + cancelButton.addEventListener('click', function (e) { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + closeButton.addEventListener('click', function(e){ + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }) + } + + return { + // Public functions + init: function () { + // Elements + modal = new bootstrap.Modal(document.querySelector('#kt_modal_add_customer')); + + form = document.querySelector('#kt_modal_add_customer_form'); + submitButton = form.querySelector('#kt_modal_add_customer_submit'); + cancelButton = form.querySelector('#kt_modal_add_customer_cancel'); + closeButton = form.querySelector('#kt_modal_add_customer_close'); + + handleForm(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTModalCustomersAdd.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/ecommerce/customers/listing/export.js b/public/assets/js/custom/apps/ecommerce/customers/listing/export.js new file mode 100644 index 0000000..257159e --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/customers/listing/export.js @@ -0,0 +1,189 @@ +"use strict"; + +// Class definition +var KTCustomersExport = function () { + var element; + var submitButton; + var cancelButton; + var closeButton; + var validator; + var form; + var modal; + + // Init form inputs + var handleForm = function () { + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + 'date': { + validators: { + notEmpty: { + message: 'Date range is required' + } + } + }, + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Action buttons + submitButton.addEventListener('click', function (e) { + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable submit button whilst loading + submitButton.disabled = true; + + setTimeout(function() { + submitButton.removeAttribute('data-kt-indicator'); + + Swal.fire({ + text: "Customer list has been successfully exported!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + + // Enable submit button after loading + submitButton.disabled = false; + } + }); + + //form.submit(); // Submit form + }, 2000); + } else { + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + + cancelButton.addEventListener('click', function (e) { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + closeButton.addEventListener('click', function(e){ + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + } + + var initForm = function () { + const datepicker = form.querySelector("[name=date]"); + + // Handle datepicker range -- For more info on flatpickr plugin, please visit: https://flatpickr.js.org/ + $(datepicker).flatpickr({ + altInput: true, + altFormat: "F j, Y", + dateFormat: "Y-m-d", + mode: "range" + }); + } + + return { + // Public functions + init: function () { + // Elements + element = document.querySelector('#kt_customers_export_modal'); + modal = new bootstrap.Modal(element); + + form = document.querySelector('#kt_customers_export_form'); + submitButton = form.querySelector('#kt_customers_export_submit'); + cancelButton = form.querySelector('#kt_customers_export_cancel'); + closeButton = element.querySelector('#kt_customers_export_close'); + + handleForm(); + initForm(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTCustomersExport.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/ecommerce/customers/listing/listing.js b/public/assets/js/custom/apps/ecommerce/customers/listing/listing.js new file mode 100644 index 0000000..f92760c --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/customers/listing/listing.js @@ -0,0 +1,242 @@ +"use strict"; + +// Class definition +var KTCustomersList = function () { + // Define shared variables + var datatable; + var filterMonth; + var filterPayment; + var table + + // Private functions + var initCustomerList = function () { + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[5].innerHTML, "DD MMM YYYY, LT").format(); // select date from 5th column in table + dateRow[5].setAttribute('data-order', realDate); + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + datatable = $(table).DataTable({ + "info": false, + 'order': [], + 'columnDefs': [ + { orderable: false, targets: 0 }, // Disable ordering on column 0 (checkbox) + { orderable: false, targets: 6 }, // Disable ordering on column 6 (actions) + ] + }); + + // Re-init functions on every table re-draw -- more info: https://datatables.net/reference/event/draw + datatable.on('draw', function () { + initToggleToolbar(); + handleDeleteRows(); + toggleToolbars(); + }); + } + + // Search Datatable --- official docs reference: https://datatables.net/reference/api/search() + var handleSearchDatatable = () => { + const filterSearch = document.querySelector('[data-kt-customer-table-filter="search"]'); + filterSearch.addEventListener('keyup', function (e) { + datatable.search(e.target.value).draw(); + }); + } + + // Delete customer + var handleDeleteRows = () => { + // Select all delete buttons + const deleteButtons = table.querySelectorAll('[data-kt-customer-table-filter="delete_row"]'); + + deleteButtons.forEach(d => { + // Delete button on click + d.addEventListener('click', function (e) { + e.preventDefault(); + + // Select parent row + const parent = e.target.closest('tr'); + + // Get customer name + const customerName = parent.querySelectorAll('td')[1].innerText; + + // SweetAlert2 pop up --- official docs reference: https://sweetalert2.github.io/ + Swal.fire({ + text: "Are you sure you want to delete " + customerName + "?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete!", + cancelButtonText: "No, cancel", + customClass: { + confirmButton: "btn fw-bold btn-danger", + cancelButton: "btn fw-bold btn-active-light-primary" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have deleted " + customerName + "!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }).then(function () { + // Remove current row + datatable.row($(parent)).remove().draw(); + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: customerName + " was not deleted.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }); + } + }); + }) + }); + } + + // Handle status filter dropdown + var handleStatusFilter = () => { + const filterStatus = document.querySelector('[data-kt-ecommerce-order-filter="status"]'); + $(filterStatus).on('change', e => { + let value = e.target.value; + if (value === 'all') { + value = ''; + } + datatable.column(3).search(value).draw(); + }); + } + + // Init toggle toolbar + var initToggleToolbar = () => { + // Toggle selected action toolbar + // Select all checkboxes + const checkboxes = table.querySelectorAll('[type="checkbox"]'); + + // Select elements + const deleteSelected = document.querySelector('[data-kt-customer-table-select="delete_selected"]'); + + // Toggle delete selected toolbar + checkboxes.forEach(c => { + // Checkbox on click event + c.addEventListener('click', function () { + setTimeout(function () { + toggleToolbars(); + }, 50); + }); + }); + + // Deleted selected rows + deleteSelected.addEventListener('click', function () { + // SweetAlert2 pop up --- official docs reference: https://sweetalert2.github.io/ + Swal.fire({ + text: "Are you sure you want to delete selected customers?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete!", + cancelButtonText: "No, cancel", + customClass: { + confirmButton: "btn fw-bold btn-danger", + cancelButton: "btn fw-bold btn-active-light-primary" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have deleted all selected customers!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }).then(function () { + // Remove all selected customers + checkboxes.forEach(c => { + if (c.checked) { + datatable.row($(c.closest('tbody tr'))).remove().draw(); + } + }); + + // Remove header checked box + const headerCheckbox = table.querySelectorAll('[type="checkbox"]')[0]; + headerCheckbox.checked = false; + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Selected customers was not deleted.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }); + } + }); + }); + } + + // Toggle toolbars + const toggleToolbars = () => { + // Define variables + const toolbarBase = document.querySelector('[data-kt-customer-table-toolbar="base"]'); + const toolbarSelected = document.querySelector('[data-kt-customer-table-toolbar="selected"]'); + const selectedCount = document.querySelector('[data-kt-customer-table-select="selected_count"]'); + + // Select refreshed checkbox DOM elements + const allCheckboxes = table.querySelectorAll('tbody [type="checkbox"]'); + + // Detect checkboxes state & count + let checkedState = false; + let count = 0; + + // Count checked boxes + allCheckboxes.forEach(c => { + if (c.checked) { + checkedState = true; + count++; + } + }); + + // Toggle toolbars + if (checkedState) { + selectedCount.innerHTML = count; + toolbarBase.classList.add('d-none'); + toolbarSelected.classList.remove('d-none'); + } else { + toolbarBase.classList.remove('d-none'); + toolbarSelected.classList.add('d-none'); + } + } + + // Public methods + return { + init: function () { + table = document.querySelector('#kt_customers_table'); + + if (!table) { + return; + } + + initCustomerList(); + initToggleToolbar(); + handleSearchDatatable(); + handleDeleteRows(); + handleStatusFilter(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTCustomersList.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/ecommerce/reports/customer-orders/customer-orders.js b/public/assets/js/custom/apps/ecommerce/reports/customer-orders/customer-orders.js new file mode 100644 index 0000000..1a7f75f --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/reports/customer-orders/customer-orders.js @@ -0,0 +1,136 @@ +"use strict"; + +// Class definition +var KTAppEcommerceReportCustomerOrders = function () { + // Shared variables + var table; + var datatable; + + // Private functions + var initDatatable = function () { + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[3].innerHTML, "DD MMM YYYY, LT").format(); // select date from 4th column in table + dateRow[3].setAttribute('data-order', realDate); + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + datatable = $(table).DataTable({ + "info": false, + 'order': [], + 'pageLength': 10, + }); + } + + // Init daterangepicker + var initDaterangepicker = () => { + var start = moment().subtract(29, "days"); + var end = moment(); + var input = $("#kt_ecommerce_report_customer_orders_daterangepicker"); + + function cb(start, end) { + input.html(start.format("MMMM D, YYYY") + " - " + end.format("MMMM D, YYYY")); + } + + input.daterangepicker({ + startDate: start, + endDate: end, + ranges: { + "Today": [moment(), moment()], + "Yesterday": [moment().subtract(1, "days"), moment().subtract(1, "days")], + "Last 7 Days": [moment().subtract(6, "days"), moment()], + "Last 30 Days": [moment().subtract(29, "days"), moment()], + "This Month": [moment().startOf("month"), moment().endOf("month")], + "Last Month": [moment().subtract(1, "month").startOf("month"), moment().subtract(1, "month").endOf("month")] + } + }, cb); + + cb(start, end); + } + + // Handle status filter dropdown + var handleStatusFilter = () => { + const filterStatus = document.querySelector('[data-kt-ecommerce-order-filter="status"]'); + $(filterStatus).on('change', e => { + let value = e.target.value; + if (value === 'all') { + value = ''; + } + datatable.column(2).search(value).draw(); + }); + } + + // Hook export buttons + var exportButtons = () => { + const documentTitle = 'Customer Orders Report'; + var buttons = new $.fn.dataTable.Buttons(table, { + buttons: [ + { + extend: 'copyHtml5', + title: documentTitle + }, + { + extend: 'excelHtml5', + title: documentTitle + }, + { + extend: 'csvHtml5', + title: documentTitle + }, + { + extend: 'pdfHtml5', + title: documentTitle + } + ] + }).container().appendTo($('#kt_ecommerce_report_customer_orders_export')); + + // Hook dropdown menu click event to datatable export buttons + const exportButtons = document.querySelectorAll('#kt_ecommerce_report_customer_orders_export_menu [data-kt-ecommerce-export]'); + exportButtons.forEach(exportButton => { + exportButton.addEventListener('click', e => { + e.preventDefault(); + + // Get clicked export value + const exportValue = e.target.getAttribute('data-kt-ecommerce-export'); + const target = document.querySelector('.dt-buttons .buttons-' + exportValue); + + // Trigger click event on hidden datatable export buttons + target.click(); + }); + }); + } + + + // Search Datatable --- official docs reference: https://datatables.net/reference/api/search() + var handleSearchDatatable = () => { + const filterSearch = document.querySelector('[data-kt-ecommerce-order-filter="search"]'); + filterSearch.addEventListener('keyup', function (e) { + datatable.search(e.target.value).draw(); + }); + } + + // Public methods + return { + init: function () { + table = document.querySelector('#kt_ecommerce_report_customer_orders_table'); + + if (!table) { + return; + } + + initDatatable(); + initDaterangepicker(); + exportButtons(); + handleSearchDatatable(); + handleStatusFilter(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTAppEcommerceReportCustomerOrders.init(); +}); diff --git a/public/assets/js/custom/apps/ecommerce/reports/returns/returns.js b/public/assets/js/custom/apps/ecommerce/reports/returns/returns.js new file mode 100644 index 0000000..0c09260 --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/reports/returns/returns.js @@ -0,0 +1,123 @@ +"use strict"; + +// Class definition +var KTAppEcommerceReportReturns = function () { + // Shared variables + var table; + var datatable; + + // Private functions + var initDatatable = function () { + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[0].innerHTML, "MMM DD, YYYY").format(); // select date from 4th column in table + dateRow[0].setAttribute('data-order', realDate); + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + datatable = $(table).DataTable({ + "info": false, + 'order': [], + 'pageLength': 10, + }); + } + + // Init daterangepicker + var initDaterangepicker = () => { + var start = moment().subtract(29, "days"); + var end = moment(); + var input = $("#kt_ecommerce_report_returns_daterangepicker"); + + function cb(start, end) { + input.html(start.format("MMMM D, YYYY") + " - " + end.format("MMMM D, YYYY")); + } + + input.daterangepicker({ + startDate: start, + endDate: end, + ranges: { + "Today": [moment(), moment()], + "Yesterday": [moment().subtract(1, "days"), moment().subtract(1, "days")], + "Last 7 Days": [moment().subtract(6, "days"), moment()], + "Last 30 Days": [moment().subtract(29, "days"), moment()], + "This Month": [moment().startOf("month"), moment().endOf("month")], + "Last Month": [moment().subtract(1, "month").startOf("month"), moment().subtract(1, "month").endOf("month")] + } + }, cb); + + cb(start, end); + } + + // Hook export buttons + var exportButtons = () => { + const documentTitle = 'Returns Report'; + var buttons = new $.fn.dataTable.Buttons(table, { + buttons: [ + { + extend: 'copyHtml5', + title: documentTitle + }, + { + extend: 'excelHtml5', + title: documentTitle + }, + { + extend: 'csvHtml5', + title: documentTitle + }, + { + extend: 'pdfHtml5', + title: documentTitle + } + ] + }).container().appendTo($('#kt_ecommerce_report_returns_export')); + + // Hook dropdown menu click event to datatable export buttons + const exportButtons = document.querySelectorAll('#kt_ecommerce_report_returns_export_menu [data-kt-ecommerce-export]'); + exportButtons.forEach(exportButton => { + exportButton.addEventListener('click', e => { + e.preventDefault(); + + // Get clicked export value + const exportValue = e.target.getAttribute('data-kt-ecommerce-export'); + const target = document.querySelector('.dt-buttons .buttons-' + exportValue); + + // Trigger click event on hidden datatable export buttons + target.click(); + }); + }); + } + + + // Search Datatable --- official docs reference: https://datatables.net/reference/api/search() + var handleSearchDatatable = () => { + const filterSearch = document.querySelector('[data-kt-ecommerce-order-filter="search"]'); + filterSearch.addEventListener('keyup', function (e) { + datatable.search(e.target.value).draw(); + }); + } + + // Public methods + return { + init: function () { + table = document.querySelector('#kt_ecommerce_report_returns_table'); + + if (!table) { + return; + } + + initDatatable(); + initDaterangepicker(); + exportButtons(); + handleSearchDatatable(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTAppEcommerceReportReturns.init(); +}); diff --git a/public/assets/js/custom/apps/ecommerce/reports/sales/sales.js b/public/assets/js/custom/apps/ecommerce/reports/sales/sales.js new file mode 100644 index 0000000..9978dea --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/reports/sales/sales.js @@ -0,0 +1,124 @@ +"use strict"; + +// Class definition +var KTAppEcommerceReportSales = function () { + // Shared variables + var table; + var datatable; + + // Private functions + var initDatatable = function () { + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[0].innerHTML, "MMM DD, YYYY").format(); // select date from 4th column in table + dateRow[0].setAttribute('data-order', realDate); + }); + + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + datatable = $(table).DataTable({ + "info": false, + 'order': [], + 'pageLength': 10, + }); + } + + // Init daterangepicker + var initDaterangepicker = () => { + var start = moment().subtract(29, "days"); + var end = moment(); + var input = $("#kt_ecommerce_report_sales_daterangepicker"); + + function cb(start, end) { + input.html(start.format("MMMM D, YYYY") + " - " + end.format("MMMM D, YYYY")); + } + + input.daterangepicker({ + startDate: start, + endDate: end, + ranges: { + "Today": [moment(), moment()], + "Yesterday": [moment().subtract(1, "days"), moment().subtract(1, "days")], + "Last 7 Days": [moment().subtract(6, "days"), moment()], + "Last 30 Days": [moment().subtract(29, "days"), moment()], + "This Month": [moment().startOf("month"), moment().endOf("month")], + "Last Month": [moment().subtract(1, "month").startOf("month"), moment().subtract(1, "month").endOf("month")] + } + }, cb); + + cb(start, end); + } + + // Hook export buttons + var exportButtons = () => { + const documentTitle = 'Sales Report'; + var buttons = new $.fn.dataTable.Buttons(table, { + buttons: [ + { + extend: 'copyHtml5', + title: documentTitle + }, + { + extend: 'excelHtml5', + title: documentTitle + }, + { + extend: 'csvHtml5', + title: documentTitle + }, + { + extend: 'pdfHtml5', + title: documentTitle + } + ] + }).container().appendTo($('#kt_ecommerce_report_sales_export')); + + // Hook dropdown menu click event to datatable export buttons + const exportButtons = document.querySelectorAll('#kt_ecommerce_report_sales_export_menu [data-kt-ecommerce-export]'); + exportButtons.forEach(exportButton => { + exportButton.addEventListener('click', e => { + e.preventDefault(); + + // Get clicked export value + const exportValue = e.target.getAttribute('data-kt-ecommerce-export'); + const target = document.querySelector('.dt-buttons .buttons-' + exportValue); + + // Trigger click event on hidden datatable export buttons + target.click(); + }); + }); + } + + + // Search Datatable --- official docs reference: https://datatables.net/reference/api/search() + var handleSearchDatatable = () => { + const filterSearch = document.querySelector('[data-kt-ecommerce-order-filter="search"]'); + filterSearch.addEventListener('keyup', function (e) { + datatable.search(e.target.value).draw(); + }); + } + + // Public methods + return { + init: function () { + table = document.querySelector('#kt_ecommerce_report_sales_table'); + + if (!table) { + return; + } + + initDatatable(); + initDaterangepicker(); + exportButtons(); + handleSearchDatatable(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTAppEcommerceReportSales.init(); +}); diff --git a/public/assets/js/custom/apps/ecommerce/reports/shipping/shipping.js b/public/assets/js/custom/apps/ecommerce/reports/shipping/shipping.js new file mode 100644 index 0000000..75f12f9 --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/reports/shipping/shipping.js @@ -0,0 +1,137 @@ +"use strict"; + +// Class definition +var KTAppEcommerceReportShipping = function () { + // Shared variables + var table; + var datatable; + + // Private functions + var initDatatable = function () { + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[0].innerHTML, "MMM DD, YYYY").format(); // select date from 4th column in table + dateRow[0].setAttribute('data-order', realDate); + }); + + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + datatable = $(table).DataTable({ + "info": false, + 'order': [], + 'pageLength': 10, + }); + } + + // Init daterangepicker + var initDaterangepicker = () => { + var start = moment().subtract(29, "days"); + var end = moment(); + var input = $("#kt_ecommerce_report_shipping_daterangepicker"); + + function cb(start, end) { + input.html(start.format("MMMM D, YYYY") + " - " + end.format("MMMM D, YYYY")); + } + + input.daterangepicker({ + startDate: start, + endDate: end, + ranges: { + "Today": [moment(), moment()], + "Yesterday": [moment().subtract(1, "days"), moment().subtract(1, "days")], + "Last 7 Days": [moment().subtract(6, "days"), moment()], + "Last 30 Days": [moment().subtract(29, "days"), moment()], + "This Month": [moment().startOf("month"), moment().endOf("month")], + "Last Month": [moment().subtract(1, "month").startOf("month"), moment().subtract(1, "month").endOf("month")] + } + }, cb); + + cb(start, end); + } + + // Handle status filter dropdown + var handleStatusFilter = () => { + const filterStatus = document.querySelector('[data-kt-ecommerce-order-filter="status"]'); + $(filterStatus).on('change', e => { + let value = e.target.value; + if (value === 'all') { + value = ''; + } + datatable.column(3).search(value).draw(); + }); + } + + // Hook export buttons + var exportButtons = () => { + const documentTitle = 'Shipping Report'; + var buttons = new $.fn.dataTable.Buttons(table, { + buttons: [ + { + extend: 'copyHtml5', + title: documentTitle + }, + { + extend: 'excelHtml5', + title: documentTitle + }, + { + extend: 'csvHtml5', + title: documentTitle + }, + { + extend: 'pdfHtml5', + title: documentTitle + } + ] + }).container().appendTo($('#kt_ecommerce_report_shipping_export')); + + // Hook dropdown menu click event to datatable export buttons + const exportButtons = document.querySelectorAll('#kt_ecommerce_report_shipping_export_menu [data-kt-ecommerce-export]'); + exportButtons.forEach(exportButton => { + exportButton.addEventListener('click', e => { + e.preventDefault(); + + // Get clicked export value + const exportValue = e.target.getAttribute('data-kt-ecommerce-export'); + const target = document.querySelector('.dt-buttons .buttons-' + exportValue); + + // Trigger click event on hidden datatable export buttons + target.click(); + }); + }); + } + + + // Search Datatable --- official docs reference: https://datatables.net/reference/api/search() + var handleSearchDatatable = () => { + const filterSearch = document.querySelector('[data-kt-ecommerce-order-filter="search"]'); + filterSearch.addEventListener('keyup', function (e) { + datatable.search(e.target.value).draw(); + }); + } + + // Public methods + return { + init: function () { + table = document.querySelector('#kt_ecommerce_report_shipping_table'); + + if (!table) { + return; + } + + initDatatable(); + initDaterangepicker(); + exportButtons(); + handleSearchDatatable(); + handleStatusFilter(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTAppEcommerceReportShipping.init(); +}); diff --git a/public/assets/js/custom/apps/ecommerce/reports/views/views.js b/public/assets/js/custom/apps/ecommerce/reports/views/views.js new file mode 100644 index 0000000..1907350 --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/reports/views/views.js @@ -0,0 +1,127 @@ +"use strict"; + +// Class definition +var KTAppEcommerceReportViews = function () { + // Shared variables + var table; + var datatable; + + // Private functions + var initDatatable = function () { + // Init datatable --- more info on datatables: https://datatables.net/manual/ + datatable = $(table).DataTable({ + "info": false, + 'order': [], + 'pageLength': 10, + }); + } + + // Init daterangepicker + var initDaterangepicker = () => { + var start = moment().subtract(29, "days"); + var end = moment(); + var input = $("#kt_ecommerce_report_views_daterangepicker"); + + function cb(start, end) { + input.html(start.format("MMMM D, YYYY") + " - " + end.format("MMMM D, YYYY")); + } + + input.daterangepicker({ + startDate: start, + endDate: end, + ranges: { + "Today": [moment(), moment()], + "Yesterday": [moment().subtract(1, "days"), moment().subtract(1, "days")], + "Last 7 Days": [moment().subtract(6, "days"), moment()], + "Last 30 Days": [moment().subtract(29, "days"), moment()], + "This Month": [moment().startOf("month"), moment().endOf("month")], + "Last Month": [moment().subtract(1, "month").startOf("month"), moment().subtract(1, "month").endOf("month")] + } + }, cb); + + cb(start, end); + } + + // Handle rating filter dropdown + var handleStatusFilter = () => { + const filterStatus = document.querySelector('[data-kt-ecommerce-order-filter="rating"]'); + $(filterStatus).on('change', e => { + let value = e.target.value; + if (value === 'all') { + value = ''; + } + datatable.column(2).search(value).draw(); + }); + } + + // Hook export buttons + var exportButtons = () => { + const documentTitle = 'Product Views Report'; + var buttons = new $.fn.dataTable.Buttons(table, { + buttons: [ + { + extend: 'copyHtml5', + title: documentTitle + }, + { + extend: 'excelHtml5', + title: documentTitle + }, + { + extend: 'csvHtml5', + title: documentTitle + }, + { + extend: 'pdfHtml5', + title: documentTitle + } + ] + }).container().appendTo($('#kt_ecommerce_report_views_export')); + + // Hook dropdown menu click event to datatable export buttons + const exportButtons = document.querySelectorAll('#kt_ecommerce_report_views_export_menu [data-kt-ecommerce-export]'); + exportButtons.forEach(exportButton => { + exportButton.addEventListener('click', e => { + e.preventDefault(); + + // Get clicked export value + const exportValue = e.target.getAttribute('data-kt-ecommerce-export'); + const target = document.querySelector('.dt-buttons .buttons-' + exportValue); + + // Trigger click event on hidden datatable export buttons + target.click(); + }); + }); + } + + + // Search Datatable --- official docs reference: https://datatables.net/reference/api/search() + var handleSearchDatatable = () => { + const filterSearch = document.querySelector('[data-kt-ecommerce-order-filter="search"]'); + filterSearch.addEventListener('keyup', function (e) { + datatable.search(e.target.value).draw(); + }); + } + + // Public methods + return { + init: function () { + table = document.querySelector('#kt_ecommerce_report_views_table'); + + if (!table) { + return; + } + + initDatatable(); + initDaterangepicker(); + exportButtons(); + handleSearchDatatable(); + handleStatusFilter(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTAppEcommerceReportViews.init(); +}); diff --git a/public/assets/js/custom/apps/ecommerce/sales/listing.js b/public/assets/js/custom/apps/ecommerce/sales/listing.js new file mode 100644 index 0000000..fa807e6 --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/sales/listing.js @@ -0,0 +1,181 @@ +"use strict"; + +// Class definition +var KTAppEcommerceSalesListing = function () { + // Shared variables + var table; + var datatable; + var flatpickr; + var minDate, maxDate; + + // Private functions + var initDatatable = function () { + // Init datatable --- more info on datatables: https://datatables.net/manual/ + datatable = $(table).DataTable({ + "info": false, + 'order': [], + 'pageLength': 10, + 'columnDefs': [ + { orderable: false, targets: 0 }, // Disable ordering on column 0 (checkbox) + { orderable: false, targets: 7 }, // Disable ordering on column 7 (actions) + ] + }); + + // Re-init functions on datatable re-draws + datatable.on('draw', function () { + handleDeleteRows(); + }); + } + + // Init flatpickr --- more info :https://flatpickr.js.org/getting-started/ + var initFlatpickr = () => { + const element = document.querySelector('#kt_ecommerce_sales_flatpickr'); + flatpickr = $(element).flatpickr({ + altInput: true, + altFormat: "d/m/Y", + dateFormat: "Y-m-d", + mode: "range", + onChange: function (selectedDates, dateStr, instance) { + handleFlatpickr(selectedDates, dateStr, instance); + }, + }); + } + + // Search Datatable --- official docs reference: https://datatables.net/reference/api/search() + var handleSearchDatatable = () => { + const filterSearch = document.querySelector('[data-kt-ecommerce-order-filter="search"]'); + filterSearch.addEventListener('keyup', function (e) { + datatable.search(e.target.value).draw(); + }); + } + + // Handle status filter dropdown + var handleStatusFilter = () => { + const filterStatus = document.querySelector('[data-kt-ecommerce-order-filter="status"]'); + $(filterStatus).on('change', e => { + let value = e.target.value; + if (value === 'all') { + value = ''; + } + datatable.column(3).search(value).draw(); + }); + } + + // Handle flatpickr --- more info: https://flatpickr.js.org/events/ + var handleFlatpickr = (selectedDates, dateStr, instance) => { + minDate = selectedDates[0] ? new Date(selectedDates[0]) : null; + maxDate = selectedDates[1] ? new Date(selectedDates[1]) : null; + + // Datatable date filter --- more info: https://datatables.net/extensions/datetime/examples/integration/datatables.html + // Custom filtering function which will search data in column four between two values + $.fn.dataTable.ext.search.push( + function (settings, data, dataIndex) { + var min = minDate; + var max = maxDate; + var dateAdded = new Date(moment($(data[5]).text(), 'DD/MM/YYYY')); + var dateModified = new Date(moment($(data[6]).text(), 'DD/MM/YYYY')); + + if ( + (min === null && max === null) || + (min === null && max >= dateModified) || + (min <= dateAdded && max === null) || + (min <= dateAdded && max >= dateModified) + ) { + return true; + } + return false; + } + ); + datatable.draw(); + } + + // Handle clear flatpickr + var handleClearFlatpickr = () => { + const clearButton = document.querySelector('#kt_ecommerce_sales_flatpickr_clear'); + clearButton.addEventListener('click', e => { + flatpickr.clear(); + }); + } + + // Delete cateogry + var handleDeleteRows = () => { + // Select all delete buttons + const deleteButtons = table.querySelectorAll('[data-kt-ecommerce-order-filter="delete_row"]'); + + deleteButtons.forEach(d => { + // Delete button on click + d.addEventListener('click', function (e) { + e.preventDefault(); + + // Select parent row + const parent = e.target.closest('tr'); + + // Get category name + const orderID = parent.querySelector('[data-kt-ecommerce-order-filter="order_id"]').innerText; + + // SweetAlert2 pop up --- official docs reference: https://sweetalert2.github.io/ + Swal.fire({ + text: "Are you sure you want to delete order: " + orderID + "?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete!", + cancelButtonText: "No, cancel", + customClass: { + confirmButton: "btn fw-bold btn-danger", + cancelButton: "btn fw-bold btn-active-light-primary" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have deleted " + orderID + "!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }).then(function () { + // Remove current row + datatable.row($(parent)).remove().draw(); + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: orderID + " was not deleted.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }); + } + }); + }) + }); + } + + + // Public methods + return { + init: function () { + table = document.querySelector('#kt_ecommerce_sales_table'); + + if (!table) { + return; + } + + initDatatable(); + initFlatpickr(); + handleSearchDatatable(); + handleStatusFilter(); + handleDeleteRows(); + handleClearFlatpickr(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTAppEcommerceSalesListing.init(); +}); diff --git a/public/assets/js/custom/apps/ecommerce/sales/save-order.js b/public/assets/js/custom/apps/ecommerce/sales/save-order.js new file mode 100644 index 0000000..c0b94f4 --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/sales/save-order.js @@ -0,0 +1,338 @@ +"use strict"; + +// Class definition +var KTAppEcommerceSalesSaveOrder = function () { + // Shared variables + var table; + var datatable; + + // Private functions + const initSaveOrder = () => { + // Init flatpickr + $('#kt_ecommerce_edit_order_date').flatpickr({ + altInput: true, + altFormat: "d F, Y", + dateFormat: "Y-m-d", + }); + + // Init select2 country options + // Format options + const optionFormat = (item) => { + if ( !item.id ) { + return item.text; + } + + var span = document.createElement('span'); + var template = ''; + + template += 'image'; + template += item.text; + + span.innerHTML = template; + + return $(span); + } + + // Init Select2 --- more info: https://select2.org/ + $('#kt_ecommerce_edit_order_billing_country').select2({ + placeholder: "Select a country", + minimumResultsForSearch: Infinity, + templateSelection: optionFormat, + templateResult: optionFormat + }); + + $('#kt_ecommerce_edit_order_shipping_country').select2({ + placeholder: "Select a country", + minimumResultsForSearch: Infinity, + templateSelection: optionFormat, + templateResult: optionFormat + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + table = document.querySelector('#kt_ecommerce_edit_order_product_table'); + datatable = $(table).DataTable({ + 'order': [], + "scrollY": "400px", + "scrollCollapse": true, + "paging": false, + "info": false, + 'columnDefs': [ + { orderable: false, targets: 0 }, // Disable ordering on column 0 (checkbox) + ] + }); + } + + // Search Datatable --- official docs reference: https://datatables.net/reference/api/search() + var handleSearchDatatable = () => { + const filterSearch = document.querySelector('[data-kt-ecommerce-edit-order-filter="search"]'); + filterSearch.addEventListener('keyup', function (e) { + datatable.search(e.target.value).draw(); + }); + } + + // Handle shipping form + const handleShippingForm = () => { + // Select elements + const element = document.getElementById('kt_ecommerce_edit_order_shipping_form'); + const checkbox = document.getElementById('same_as_billing'); + + // Show/hide shipping form + checkbox.addEventListener('change', e => { + if (e.target.checked) { + element.classList.add('d-none'); + } else { + element.classList.remove('d-none'); + } + }); + } + + // Handle product select + const handleProductSelect = () => { + // Define variables + const checkboxes = table.querySelectorAll('[type="checkbox"]'); + const target = document.getElementById('kt_ecommerce_edit_order_selected_products'); + const totalPrice = document.getElementById('kt_ecommerce_edit_order_total_price'); + + // Loop through all checked products + checkboxes.forEach(checkbox => { + checkbox.addEventListener('change', e => { + // Select parent row element + const parent = checkbox.closest('tr'); + + // Clone parent element as variable + const product = parent.querySelector('[data-kt-ecommerce-edit-order-filter="product"]').cloneNode(true); + + // Create inner wrapper + const innerWrapper = document.createElement('div'); + + // Store inner content + const innerContent = product.innerHTML; + + // Add & remove classes on parent wrapper + const wrapperClassesAdd = ['col', 'my-2']; + const wrapperClassesRemove = ['d-flex', 'align-items-center']; + + // Define additional classes + const additionalClasses = ['border', 'border-dashed', 'rounded', 'p-3', 'bg-body']; + + // Update parent wrapper classes + product.classList.remove(...wrapperClassesRemove); + product.classList.add(...wrapperClassesAdd); + + // Remove parent default content + product.innerHTML = ''; + + // Update inner wrapper classes + innerWrapper.classList.add(...wrapperClassesRemove); + innerWrapper.classList.add(...additionalClasses); + + // Apply stored inner content into new inner wrapper + innerWrapper.innerHTML = innerContent; + + // Append new inner wrapper to parent wrapper + product.appendChild(innerWrapper); + + // Get product id + const productId = product.getAttribute('data-kt-ecommerce-edit-order-id'); + + if (e.target.checked) { + // Add product to selected product wrapper + target.appendChild(product); + } else { + // Remove product from selected product wrapper + const selectedProduct = target.querySelector('[data-kt-ecommerce-edit-order-id="' + productId + '"]'); + if (selectedProduct) { + target.removeChild(selectedProduct); + } + } + + // Trigger empty message logic + detectEmpty(); + }); + }); + + // Handle empty list message + const detectEmpty = () => { + // Select elements + const message = target.querySelector('span'); + const products = target.querySelectorAll('[data-kt-ecommerce-edit-order-filter="product"]'); + + // Detect if element is empty + if (products.length < 1) { + // Show message + message.classList.remove('d-none'); + + // Reset price + totalPrice.innerText = '0.00'; + } else { + // Hide message + message.classList.add('d-none'); + + // Calculate price + calculateTotal(products); + } + } + + // Calculate total cost + const calculateTotal = (products) => { + let countPrice = 0; + + // Loop through all selected prodcucts + products.forEach(product => { + // Get product price + const price = parseFloat(product.querySelector('[data-kt-ecommerce-edit-order-filter="price"]').innerText); + + // Add to total + countPrice = parseFloat(countPrice + price); + }); + + // Update total price + totalPrice.innerText = countPrice.toFixed(2); + } + } + + // Submit form handler + const handleSubmit = () => { + // Define variables + let validator; + + // Get elements + const form = document.getElementById('kt_ecommerce_edit_order_form'); + const submitButton = document.getElementById('kt_ecommerce_edit_order_submit'); + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + 'payment_method': { + validators: { + notEmpty: { + message: 'Payment method is required' + } + } + }, + 'shipping_method': { + validators: { + notEmpty: { + message: 'Shipping method is required' + } + } + }, + 'order_date': { + validators: { + notEmpty: { + message: 'Order date is required' + } + } + }, + 'billing_order_address_1': { + validators: { + notEmpty: { + message: 'Address line 1 is required' + } + } + }, + 'billing_order_postcode': { + validators: { + notEmpty: { + message: 'Postcode is required' + } + } + }, + 'billing_order_state': { + validators: { + notEmpty: { + message: 'State is required' + } + } + }, + 'billing_order_country': { + validators: { + notEmpty: { + message: 'Country is required' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Handle submit button + submitButton.addEventListener('click', e => { + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable submit button whilst loading + submitButton.disabled = true; + + setTimeout(function () { + submitButton.removeAttribute('data-kt-indicator'); + + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + // Enable submit button after loading + submitButton.disabled = false; + + // Redirect to customers list page + window.location = form.getAttribute("data-kt-redirect"); + } + }); + }, 2000); + } else { + Swal.fire({ + html: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }) + } + + + // Public methods + return { + init: function () { + + initSaveOrder(); + handleSearchDatatable(); + handleShippingForm(); + handleProductSelect(); + handleSubmit(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTAppEcommerceSalesSaveOrder.init(); +}); diff --git a/public/assets/js/custom/apps/ecommerce/settings/settings.js b/public/assets/js/custom/apps/ecommerce/settings/settings.js new file mode 100644 index 0000000..d2d053a --- /dev/null +++ b/public/assets/js/custom/apps/ecommerce/settings/settings.js @@ -0,0 +1,188 @@ +"use strict"; + +// Class definition +var KTAppEcommerceSettings = function () { + // Shared variables + + + // Private functions + const initForms = () => { + const forms = [ + 'kt_ecommerce_settings_general_form', + 'kt_ecommerce_settings_general_store', + 'kt_ecommerce_settings_general_localization', + 'kt_ecommerce_settings_general_products', + 'kt_ecommerce_settings_general_customers', + ]; + + // Init all forms + forms.forEach(formId => { + // Select form + const form = document.getElementById(formId); + + if(!form){ + return; + } + + // Dynamically create validation non-empty rule + const requiredFields = form.querySelectorAll('.required'); + var detectedField; + var validationFields = { + fields: {}, + + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + + // Detect required fields + requiredFields.forEach(el => { + const input = el.closest('.row').querySelector('input'); + if (input) { + detectedField = input; + } + + const textarea = el.closest('.row').querySelector('textarea'); + if (textarea) { + detectedField = textarea; + } + + const select = el.closest('.row').querySelector('select'); + if (select) { + detectedField = select; + } + + // Add validation rule + const name = detectedField.getAttribute('name'); + validationFields.fields[name] = { + validators: { + notEmpty: { + message: el.innerText + ' is required' + } + } + } + }); + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + var validator = FormValidation.formValidation( + form, + validationFields + ); + + // Submit button handler + const submitButton = form.querySelector('[data-kt-ecommerce-settings-type="submit"]'); + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate form submission. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + setTimeout(function () { + // Remove loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + + //form.submit(); // Submit form + }, 2000); + } else { + // Show popup error + Swal.fire({ + text: "Oops! There are some error(s) detected.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + }); + } + + // Init Tagify + const initTagify = () => { + // Get tagify elements + const elements = document.querySelectorAll('[data-kt-ecommerce-settings-type="tagify"]'); + + // Init tagify + elements.forEach(element => { + new Tagify(element); + }); + } + + // Init Select2 with flags + const initSelect2Flags = () => { + // Format options + const optionFormat = (item) => { + if ( !item.id ) { + return item.text; + } + + var span = document.createElement('span'); + var template = ''; + + template += 'image'; + template += item.text; + + span.innerHTML = template; + + return $(span); + } + + // Init Select2 --- more info: https://select2.org/ + $('[data-kt-ecommerce-settings-type="select2_flags"]').select2({ + placeholder: "Select a country", + minimumResultsForSearch: Infinity, + templateSelection: optionFormat, + templateResult: optionFormat + }); + } + + // Public methods + return { + init: function () { + + initForms(); + initTagify(); + initSelect2Flags(); + + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTAppEcommerceSettings.init(); +}); diff --git a/public/assets/js/custom/apps/file-manager/list.js b/public/assets/js/custom/apps/file-manager/list.js new file mode 100644 index 0000000..e78c110 --- /dev/null +++ b/public/assets/js/custom/apps/file-manager/list.js @@ -0,0 +1,939 @@ +"use strict"; + +// Class definition +var KTFileManagerList = function () { + // Define shared variables + var datatable; + var table + + // Define template element variables + var uploadTemplate; + var renameTemplate; + var actionTemplate; + var checkboxTemplate; + + + // Private functions + const initTemplates = () => { + uploadTemplate = document.querySelector('[data-kt-filemanager-template="upload"]'); + renameTemplate = document.querySelector('[data-kt-filemanager-template="rename"]'); + actionTemplate = document.querySelector('[data-kt-filemanager-template="action"]'); + checkboxTemplate = document.querySelector('[data-kt-filemanager-template="checkbox"]'); + } + + const initDatatable = () => { + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const dateCol = dateRow[3]; // select date from 4th column in table + const realDate = moment(dateCol.innerHTML, "DD MMM YYYY, LT").format(); + dateCol.setAttribute('data-order', realDate); + }); + + const foldersListOptions = { + "info": false, + 'order': [], + "scrollY": "700px", + "scrollCollapse": true, + "paging": false, + 'ordering': false, + 'columns': [ + { data: 'checkbox' }, + { data: 'name' }, + { data: 'size' }, + { data: 'date' }, + { data: 'action' }, + ], + 'language': { + emptyTable: `
+ +
No items found.
+
Start creating new folders or uploading a new file!
+
` + } + }; + + const filesListOptions = { + "info": false, + 'order': [], + 'pageLength': 10, + "lengthChange": false, + 'ordering': false, + 'columns': [ + { data: 'checkbox' }, + { data: 'name' }, + { data: 'size' }, + { data: 'date' }, + { data: 'action' }, + ], + 'language': { + emptyTable: `
+ +
No items found.
+
Start creating new folders or uploading a new file!
+
` + }, + conditionalPaging: true + }; + + // Define datatable options to load + var loadOptions; + if (table.getAttribute('data-kt-filemanager-table') === 'folders') { + loadOptions = foldersListOptions; + } else { + loadOptions = filesListOptions; + } + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + datatable = $(table).DataTable(loadOptions); + + // Re-init functions on every table re-draw -- more info: https://datatables.net/reference/event/draw + datatable.on('draw', function () { + initToggleToolbar(); + handleDeleteRows(); + toggleToolbars(); + resetNewFolder(); + KTMenu.createInstances(); + initCopyLink(); + countTotalItems(); + handleRename(); + }); + } + + // Search Datatable --- official docs reference: https://datatables.net/reference/api/search() + const handleSearchDatatable = () => { + const filterSearch = document.querySelector('[data-kt-filemanager-table-filter="search"]'); + filterSearch.addEventListener('keyup', function (e) { + datatable.search(e.target.value).draw(); + }); + } + + // Delete customer + const handleDeleteRows = () => { + // Select all delete buttons + const deleteButtons = table.querySelectorAll('[data-kt-filemanager-table-filter="delete_row"]'); + + deleteButtons.forEach(d => { + // Delete button on click + d.addEventListener('click', function (e) { + e.preventDefault(); + + // Select parent row + const parent = e.target.closest('tr'); + + // Get customer name + const fileName = parent.querySelectorAll('td')[1].innerText; + + // SweetAlert2 pop up --- official docs reference: https://sweetalert2.github.io/ + Swal.fire({ + text: "Are you sure you want to delete " + fileName + "?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete!", + cancelButtonText: "No, cancel", + customClass: { + confirmButton: "btn fw-bold btn-danger", + cancelButton: "btn fw-bold btn-active-light-primary" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have deleted " + fileName + "!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }).then(function () { + // Remove current row + datatable.row($(parent)).remove().draw(); + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: customerName + " was not deleted.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }); + } + }); + }) + }); + } + + // Init toggle toolbar + const initToggleToolbar = () => { + // Toggle selected action toolbar + // Select all checkboxes + var checkboxes = table.querySelectorAll('[type="checkbox"]'); + if (table.getAttribute('data-kt-filemanager-table') === 'folders') { + checkboxes = document.querySelectorAll('#kt_file_manager_list_wrapper [type="checkbox"]'); + } + + // Select elements + const deleteSelected = document.querySelector('[data-kt-filemanager-table-select="delete_selected"]'); + + // Toggle delete selected toolbar + checkboxes.forEach(c => { + // Checkbox on click event + c.addEventListener('click', function () { + console.log(c); + setTimeout(function () { + toggleToolbars(); + }, 50); + }); + }); + + // Deleted selected rows + deleteSelected.addEventListener('click', function () { + // SweetAlert2 pop up --- official docs reference: https://sweetalert2.github.io/ + Swal.fire({ + text: "Are you sure you want to delete selected files or folders?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete!", + cancelButtonText: "No, cancel", + customClass: { + confirmButton: "btn fw-bold btn-danger", + cancelButton: "btn fw-bold btn-active-light-primary" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have deleted all selected files or folders!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }).then(function () { + // Remove all selected customers + checkboxes.forEach(c => { + if (c.checked) { + datatable.row($(c.closest('tbody tr'))).remove().draw(); + } + }); + + // Remove header checked box + const headerCheckbox = table.querySelectorAll('[type="checkbox"]')[0]; + headerCheckbox.checked = false; + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Selected files or folders was not deleted.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }); + } + }); + }); + } + + // Toggle toolbars + const toggleToolbars = () => { + // Define variables + const toolbarBase = document.querySelector('[data-kt-filemanager-table-toolbar="base"]'); + const toolbarSelected = document.querySelector('[data-kt-filemanager-table-toolbar="selected"]'); + const selectedCount = document.querySelector('[data-kt-filemanager-table-select="selected_count"]'); + + // Select refreshed checkbox DOM elements + const allCheckboxes = table.querySelectorAll('tbody [type="checkbox"]'); + + // Detect checkboxes state & count + let checkedState = false; + let count = 0; + + // Count checked boxes + allCheckboxes.forEach(c => { + if (c.checked) { + checkedState = true; + count++; + } + }); + + // Toggle toolbars + if (checkedState) { + selectedCount.innerHTML = count; + toolbarBase.classList.add('d-none'); + toolbarSelected.classList.remove('d-none'); + } else { + toolbarBase.classList.remove('d-none'); + toolbarSelected.classList.add('d-none'); + } + } + + // Handle new folder + const handleNewFolder = () => { + // Select button + const newFolder = document.getElementById('kt_file_manager_new_folder'); + + // Handle click action + newFolder.addEventListener('click', e => { + e.preventDefault(); + + // Ignore if input already exist + if (table.querySelector('#kt_file_manager_new_folder_row')) { + return; + } + + // Add new blank row to datatable + const tableBody = table.querySelector('tbody'); + const rowElement = uploadTemplate.cloneNode(true); // Clone template markup + tableBody.prepend(rowElement); + + // Define template interactive elements + const rowForm = rowElement.querySelector('#kt_file_manager_add_folder_form'); + const rowButton = rowElement.querySelector('#kt_file_manager_add_folder'); + const cancelButton = rowElement.querySelector('#kt_file_manager_cancel_folder'); + const folderIcon = rowElement.querySelector('#kt_file_manager_folder_icon'); + const rowInput = rowElement.querySelector('[name="new_folder_name"]'); + + // Define validator + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + var validator = FormValidation.formValidation( + rowForm, + { + fields: { + 'new_folder_name': { + validators: { + notEmpty: { + message: 'Folder name is required' + } + } + }, + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Handle add new folder button + rowButton.addEventListener('click', e => { + e.preventDefault(); + + // Activate indicator + rowButton.setAttribute("data-kt-indicator", "on"); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Simulate process for demo only + setTimeout(function () { + // Create folder link + const folderLink = document.createElement('a'); + const folderLinkClasses = ['text-gray-800', 'text-hover-primary']; + folderLink.setAttribute('href', '?page=apps/file-manager/blank'); + folderLink.classList.add(...folderLinkClasses); + folderLink.innerText = rowInput.value; + + const newRow = datatable.row.add({ + 'checkbox': checkboxTemplate.innerHTML, + 'name': folderIcon.outerHTML + folderLink.outerHTML, + "size": '-', + "date": '-', + 'action': actionTemplate.innerHTML + }).node(); + $(newRow).find('td').eq(4).attr('data-kt-filemanager-table', 'action_dropdown'); + $(newRow).find('td').eq(4).addClass('text-end'); // Add custom class to last 'td' element --- more info: https://datatables.net/forums/discussion/22341/row-add-cell-class + + // Re-sort datatable to allow new folder added at the top + var index = datatable.row(0).index(), + rowCount = datatable.data().length - 1, + insertedRow = datatable.row(rowCount).data(), + tempRow; + + for (var i = rowCount; i > index; i--) { + tempRow = datatable.row(i - 1).data(); + datatable.row(i).data(tempRow); + datatable.row(i - 1).data(insertedRow); + } + + toastr.options = { + "closeButton": true, + "debug": false, + "newestOnTop": false, + "progressBar": false, + "positionClass": "toastr-top-right", + "preventDuplicates": false, + "showDuration": "300", + "hideDuration": "1000", + "timeOut": "5000", + "extendedTimeOut": "1000", + "showEasing": "swing", + "hideEasing": "linear", + "showMethod": "fadeIn", + "hideMethod": "fadeOut" + }; + + toastr.success(rowInput.value + ' was created!'); + + // Disable indicator + rowButton.removeAttribute("data-kt-indicator"); + + // Reset input + rowInput.value = ''; + + datatable.draw(false); + + }, 2000); + } else { + // Disable indicator + rowButton.removeAttribute("data-kt-indicator"); + } + }); + } + }); + + // Handle cancel new folder button + cancelButton.addEventListener('click', e => { + e.preventDefault(); + + // Activate indicator + cancelButton.setAttribute("data-kt-indicator", "on"); + + setTimeout(function () { + // Disable indicator + cancelButton.removeAttribute("data-kt-indicator"); + + // Toggle toastr + toastr.options = { + "closeButton": true, + "debug": false, + "newestOnTop": false, + "progressBar": false, + "positionClass": "toastr-top-right", + "preventDuplicates": false, + "showDuration": "300", + "hideDuration": "1000", + "timeOut": "5000", + "extendedTimeOut": "1000", + "showEasing": "swing", + "hideEasing": "linear", + "showMethod": "fadeIn", + "hideMethod": "fadeOut" + }; + + toastr.error('Cancelled new folder creation'); + resetNewFolder(); + }, 1000); + }); + }); + } + + // Reset add new folder input + const resetNewFolder = () => { + const newFolderRow = table.querySelector('#kt_file_manager_new_folder_row'); + + if (newFolderRow) { + newFolderRow.parentNode.removeChild(newFolderRow); + } + } + + // Handle rename file or folder + const handleRename = () => { + const renameButton = table.querySelectorAll('[data-kt-filemanager-table="rename"]'); + + renameButton.forEach(button => { + button.addEventListener('click', renameCallback); + }); + } + + // Rename callback + const renameCallback = (e) => { + e.preventDefault(); + + // Define shared value + let nameValue; + + // Stop renaming if there's an input existing + if (table.querySelectorAll('#kt_file_manager_rename_input').length > 0) { + Swal.fire({ + text: "Unsaved input detected. Please save or cancel the current item", + icon: "warning", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-danger" + } + }); + + return; + } + + // Select parent row + const parent = e.target.closest('tr'); + + // Get name column + const nameCol = parent.querySelectorAll('td')[1]; + const colIcon = nameCol.querySelector('.icon-wrapper'); + nameValue = nameCol.innerText; + + // Set rename input template + const renameInput = renameTemplate.cloneNode(true); + renameInput.querySelector('#kt_file_manager_rename_folder_icon').innerHTML = colIcon.outerHTML; + + // Swap current column content with input template + nameCol.innerHTML = renameInput.innerHTML; + + // Set input value with current file/folder name + parent.querySelector('#kt_file_manager_rename_input').value = nameValue; + + // Rename file / folder validator + var renameValidator = FormValidation.formValidation( + nameCol, + { + fields: { + 'rename_folder_name': { + validators: { + notEmpty: { + message: 'Name is required' + } + } + }, + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Rename input button action + const renameInputButton = document.querySelector('#kt_file_manager_rename_folder'); + renameInputButton.addEventListener('click', e => { + e.preventDefault(); + + // Detect if valid + if (renameValidator) { + renameValidator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Pop up confirmation + Swal.fire({ + text: "Are you sure you want to rename " + nameValue + "?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, rename it!", + cancelButtonText: "No, cancel", + customClass: { + confirmButton: "btn fw-bold btn-danger", + cancelButton: "btn fw-bold btn-active-light-primary" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have renamed " + nameValue + "!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }).then(function () { + // Get new file / folder name value + const newValue = document.querySelector('#kt_file_manager_rename_input').value; + + // New column data template + const newData = `
+ ${colIcon.outerHTML} + ${newValue} +
`; + + // Draw datatable with new content -- Add more events here for any server-side events + datatable.cell($(nameCol)).data(newData).draw(); + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: nameValue + " was not renamed.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }); + } + }); + } + }); + } + }); + + // Cancel rename input + const cancelInputButton = document.querySelector('#kt_file_manager_rename_folder_cancel'); + cancelInputButton.addEventListener('click', e => { + e.preventDefault(); + + // Simulate process for demo only + cancelInputButton.setAttribute("data-kt-indicator", "on"); + + setTimeout(function () { + const revertTemplate = `
+ ${colIcon.outerHTML} + ${nameValue} +
`; + + // Remove spinner + cancelInputButton.removeAttribute("data-kt-indicator"); + + // Draw datatable with new content -- Add more events here for any server-side events + datatable.cell($(nameCol)).data(revertTemplate).draw(); + + // Toggle toastr + toastr.options = { + "closeButton": true, + "debug": false, + "newestOnTop": false, + "progressBar": false, + "positionClass": "toastr-top-right", + "preventDuplicates": false, + "showDuration": "300", + "hideDuration": "1000", + "timeOut": "5000", + "extendedTimeOut": "1000", + "showEasing": "swing", + "hideEasing": "linear", + "showMethod": "fadeIn", + "hideMethod": "fadeOut" + }; + + toastr.error('Cancelled rename function'); + }, 1000); + }); + } + + // Init dropzone + const initDropzone = () => { + // set the dropzone container id + const id = "#kt_modal_upload_dropzone"; + const dropzone = document.querySelector(id); + + // set the preview element template + var previewNode = dropzone.querySelector(".dropzone-item"); + previewNode.id = ""; + var previewTemplate = previewNode.parentNode.innerHTML; + previewNode.parentNode.removeChild(previewNode); + + var myDropzone = new Dropzone(id, { // Make the whole body a dropzone + url: "path/to/your/server", // Set the url for your upload script location + parallelUploads: 10, + previewTemplate: previewTemplate, + maxFilesize: 1, // Max filesize in MB + autoProcessQueue: false, // Stop auto upload + autoQueue: false, // Make sure the files aren't queued until manually added + previewsContainer: id + " .dropzone-items", // Define the container to display the previews + clickable: id + " .dropzone-select" // Define the element that should be used as click trigger to select files. + }); + + myDropzone.on("addedfile", function (file) { + // Hook each start button + file.previewElement.querySelector(id + " .dropzone-start").onclick = function () { + // myDropzone.enqueueFile(file); -- default dropzone function + + // Process simulation for demo only + const progressBar = file.previewElement.querySelector('.progress-bar'); + progressBar.style.opacity = "1"; + var width = 1; + var timer = setInterval(function () { + if (width >= 100) { + myDropzone.emit("success", file); + myDropzone.emit("complete", file); + clearInterval(timer); + } else { + width++; + progressBar.style.width = width + '%'; + } + }, 20); + }; + + const dropzoneItems = dropzone.querySelectorAll('.dropzone-item'); + dropzoneItems.forEach(dropzoneItem => { + dropzoneItem.style.display = ''; + }); + dropzone.querySelector('.dropzone-upload').style.display = "inline-block"; + dropzone.querySelector('.dropzone-remove-all').style.display = "inline-block"; + }); + + // Hide the total progress bar when nothing's uploading anymore + myDropzone.on("complete", function (file) { + const progressBars = dropzone.querySelectorAll('.dz-complete'); + setTimeout(function () { + progressBars.forEach(progressBar => { + progressBar.querySelector('.progress-bar').style.opacity = "0"; + progressBar.querySelector('.progress').style.opacity = "0"; + progressBar.querySelector('.dropzone-start').style.opacity = "0"; + }); + }, 300); + }); + + // Setup the buttons for all transfers + dropzone.querySelector(".dropzone-upload").addEventListener('click', function () { + // myDropzone.processQueue(); --- default dropzone process + + // Process simulation for demo only + myDropzone.files.forEach(file => { + const progressBar = file.previewElement.querySelector('.progress-bar'); + progressBar.style.opacity = "1"; + var width = 1; + var timer = setInterval(function () { + if (width >= 100) { + myDropzone.emit("success", file); + myDropzone.emit("complete", file); + clearInterval(timer); + } else { + width++; + progressBar.style.width = width + '%'; + } + }, 20); + }); + }); + + // Setup the button for remove all files + dropzone.querySelector(".dropzone-remove-all").addEventListener('click', function () { + Swal.fire({ + text: "Are you sure you would like to remove all files?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, remove it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + dropzone.querySelector('.dropzone-upload').style.display = "none"; + dropzone.querySelector('.dropzone-remove-all').style.display = "none"; + myDropzone.removeAllFiles(true); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your files was not removed!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // On all files completed upload + myDropzone.on("queuecomplete", function (progress) { + const uploadIcons = dropzone.querySelectorAll('.dropzone-upload'); + uploadIcons.forEach(uploadIcon => { + uploadIcon.style.display = "none"; + }); + }); + + // On all files removed + myDropzone.on("removedfile", function (file) { + if (myDropzone.files.length < 1) { + dropzone.querySelector('.dropzone-upload').style.display = "none"; + dropzone.querySelector('.dropzone-remove-all').style.display = "none"; + } + }); + } + + // Init copy link + const initCopyLink = () => { + // Select all copy link elements + const elements = table.querySelectorAll('[data-kt-filemanger-table="copy_link"]'); + + elements.forEach(el => { + // Define elements + const button = el.querySelector('button'); + const generator = el.querySelector('[data-kt-filemanger-table="copy_link_generator"]'); + const result = el.querySelector('[data-kt-filemanger-table="copy_link_result"]'); + const input = el.querySelector('input'); + + // Click action + button.addEventListener('click', e => { + e.preventDefault(); + + // Reset toggle + generator.classList.remove('d-none'); + result.classList.add('d-none'); + + var linkTimeout; + clearTimeout(linkTimeout); + linkTimeout = setTimeout(() => { + generator.classList.add('d-none'); + result.classList.remove('d-none'); + input.select(); + }, 2000); + }); + }); + } + + // Handle move to folder + const handleMoveToFolder = () => { + const element = document.querySelector('#kt_modal_move_to_folder'); + const form = element.querySelector('#kt_modal_move_to_folder_form'); + const saveButton = form.querySelector('#kt_modal_move_to_folder_submit'); + const moveModal = new bootstrap.Modal(element); + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + var validator = FormValidation.formValidation( + form, + { + fields: { + 'move_to_folder': { + validators: { + notEmpty: { + message: 'Please select a folder.' + } + } + }, + }, + + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + saveButton.addEventListener('click', e => { + e.preventDefault(); + + saveButton.setAttribute("data-kt-indicator", "on"); + + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Simulate process for demo only + setTimeout(function () { + + Swal.fire({ + text: "Are you sure you would like to move to this folder", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, move it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.isConfirmed) { + form.reset(); // Reset form + moveModal.hide(); // Hide modal + + toastr.options = { + "closeButton": true, + "debug": false, + "newestOnTop": false, + "progressBar": false, + "positionClass": "toastr-top-right", + "preventDuplicates": false, + "showDuration": "300", + "hideDuration": "1000", + "timeOut": "5000", + "extendedTimeOut": "1000", + "showEasing": "swing", + "hideEasing": "linear", + "showMethod": "fadeIn", + "hideMethod": "fadeOut" + }; + + toastr.success('1 item has been moved.'); + + saveButton.removeAttribute("data-kt-indicator"); + } else { + Swal.fire({ + text: "Your action has been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + + saveButton.removeAttribute("data-kt-indicator"); + } + }); + }, 500); + } else { + saveButton.removeAttribute("data-kt-indicator"); + } + }); + } + }); + } + + // Count total number of items + const countTotalItems = () => { + const counter = document.getElementById('kt_file_manager_items_counter'); + + // Count total number of elements in datatable --- more info: https://datatables.net/reference/api/count() + counter.innerText = datatable.rows().count() + ' items'; + } + + // Public methods + return { + init: function () { + table = document.querySelector('#kt_file_manager_list'); + + if (!table) { + return; + } + + initTemplates(); + initDatatable(); + initToggleToolbar(); + handleSearchDatatable(); + handleDeleteRows(); + handleNewFolder(); + initDropzone(); + initCopyLink(); + handleRename(); + handleMoveToFolder(); + countTotalItems(); + KTMenu.createInstances(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTFileManagerList.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/file-manager/settings.js b/public/assets/js/custom/apps/file-manager/settings.js new file mode 100644 index 0000000..936def4 --- /dev/null +++ b/public/assets/js/custom/apps/file-manager/settings.js @@ -0,0 +1,55 @@ +"use strict"; + +// Class definition +var KTAppFileManagerSettings = function () { + var form; + + // Private functions + var handleForm = function() { + const saveButton = form.querySelector('#kt_file_manager_settings_submit'); + + saveButton.addEventListener('click', e => { + e.preventDefault(); + + saveButton.setAttribute("data-kt-indicator", "on"); + + // Simulate process for demo only + setTimeout(function(){ + toastr.options = { + "closeButton": true, + "debug": false, + "newestOnTop": false, + "progressBar": false, + "positionClass": "toast-top-right", + "preventDuplicates": false, + "showDuration": "300", + "hideDuration": "1000", + "timeOut": "5000", + "extendedTimeOut": "1000", + "showEasing": "swing", + "hideEasing": "linear", + "showMethod": "fadeIn", + "hideMethod": "fadeOut" + }; + + toastr.success('File manager settings have been saved'); + + saveButton.removeAttribute("data-kt-indicator"); + }, 1000); + }); + } + + // Public methods + return { + init: function(element) { + form = document.querySelector('#kt_file_manager_settings'); + + handleForm(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTAppFileManagerSettings.init(); +}); diff --git a/public/assets/js/custom/apps/inbox/compose.js b/public/assets/js/custom/apps/inbox/compose.js new file mode 100644 index 0000000..3e218e5 --- /dev/null +++ b/public/assets/js/custom/apps/inbox/compose.js @@ -0,0 +1,294 @@ +"use strict"; + +// Class definition +var KTAppInboxCompose = function () { + // Private functions + // Init reply form + const initForm = () => { + // Set variables + const form = document.querySelector('#kt_inbox_compose_form'); + const allTagify = form.querySelectorAll('[data-kt-inbox-form="tagify"]'); + + // Handle CC and BCC + handleCCandBCC(form); + + // Handle submit form + handleSubmit(form); + + // Init tagify + allTagify.forEach(tagify => { + initTagify(tagify); + }); + + // Init quill editor + initQuill(form); + + // Init dropzone + initDropzone(form); + } + + // Handle CC and BCC toggle + const handleCCandBCC = (el) => { + // Get elements + const ccElement = el.querySelector('[data-kt-inbox-form="cc"]'); + const ccButton = el.querySelector('[data-kt-inbox-form="cc_button"]'); + const ccClose = el.querySelector('[data-kt-inbox-form="cc_close"]'); + const bccElement = el.querySelector('[data-kt-inbox-form="bcc"]'); + const bccButton = el.querySelector('[data-kt-inbox-form="bcc_button"]'); + const bccClose = el.querySelector('[data-kt-inbox-form="bcc_close"]'); + + // Handle CC button click + ccButton.addEventListener('click', e => { + e.preventDefault(); + + ccElement.classList.remove('d-none'); + ccElement.classList.add('d-flex'); + }); + + // Handle CC close button click + ccClose.addEventListener('click', e => { + e.preventDefault(); + + ccElement.classList.add('d-none'); + ccElement.classList.remove('d-flex'); + }); + + // Handle BCC button click + bccButton.addEventListener('click', e => { + e.preventDefault(); + + bccElement.classList.remove('d-none'); + bccElement.classList.add('d-flex'); + }); + + // Handle CC close button click + bccClose.addEventListener('click', e => { + e.preventDefault(); + + bccElement.classList.add('d-none'); + bccElement.classList.remove('d-flex'); + }); + } + + // Handle submit form + const handleSubmit = (el) => { + const submitButton = el.querySelector('[data-kt-inbox-form="send"]'); + + // Handle button click event + submitButton.addEventListener("click", function () { + // Activate indicator + submitButton.setAttribute("data-kt-indicator", "on"); + + // Disable indicator after 3 seconds + setTimeout(function () { + submitButton.removeAttribute("data-kt-indicator"); + }, 3000); + }); + } + + // Init tagify + const initTagify = (el) => { + var inputElm = el; + + const usersList = [ + { value: 1, name: 'Emma Smith', avatar: 'avatars/300-6.jpg', email: 'e.smith@kpmg.com.au' }, + { value: 2, name: 'Max Smith', avatar: 'avatars/300-1.jpg', email: 'max@kt.com' }, + { value: 3, name: 'Sean Bean', avatar: 'avatars/300-5.jpg', email: 'sean@dellito.com' }, + { value: 4, name: 'Brian Cox', avatar: 'avatars/300-25.jpg', email: 'brian@exchange.com' }, + { value: 5, name: 'Francis Mitcham', avatar: 'avatars/300-9.jpg', email: 'f.mitcham@kpmg.com.au' }, + { value: 6, name: 'Dan Wilson', avatar: 'avatars/300-23.jpg', email: 'dam@consilting.com' }, + { value: 7, name: 'Ana Crown', avatar: 'avatars/300-12.jpg', email: 'ana.cf@limtel.com' }, + { value: 8, name: 'John Miller', avatar: 'avatars/300-13.jpg', email: 'miller@mapple.com' } + ]; + + function tagTemplate(tagData) { + return ` + + +
+
+ +
+ ${tagData.name} +
+ + ` + } + + function suggestionItemTemplate(tagData) { + return ` +
+ + ${tagData.avatar ? ` +
+ +
` : '' + } + +
+ ${tagData.name} + ${tagData.email} +
+
+ ` + } + + // initialize Tagify on the above input node reference + var tagify = new Tagify(inputElm, { + tagTextProp: 'name', // very important since a custom template is used with this property as text. allows typing a "value" or a "name" to match input with whitelist + enforceWhitelist: true, + skipInvalid: true, // do not remporarily add invalid tags + dropdown: { + closeOnSelect: false, + enabled: 0, + classname: 'users-list', + searchKeys: ['name', 'email'] // very important to set by which keys to search for suggesttions when typing + }, + templates: { + tag: tagTemplate, + dropdownItem: suggestionItemTemplate + }, + whitelist: usersList + }) + + tagify.on('dropdown:show dropdown:updated', onDropdownShow) + tagify.on('dropdown:select', onSelectSuggestion) + + var addAllSuggestionsElm; + + function onDropdownShow(e) { + var dropdownContentElm = e.detail.tagify.DOM.dropdown.content; + + if (tagify.suggestedListItems.length > 1) { + addAllSuggestionsElm = getAddAllSuggestionsElm(); + + // insert "addAllSuggestionsElm" as the first element in the suggestions list + dropdownContentElm.insertBefore(addAllSuggestionsElm, dropdownContentElm.firstChild) + } + } + + function onSelectSuggestion(e) { + if (e.detail.elm == addAllSuggestionsElm) + tagify.dropdown.selectAll.call(tagify); + } + + // create a "add all" custom suggestion element every time the dropdown changes + function getAddAllSuggestionsElm() { + // suggestions items should be based on "dropdownItem" template + return tagify.parseTemplate('dropdownItem', [{ + class: "addAll", + name: "Add all", + email: tagify.settings.whitelist.reduce(function (remainingSuggestions, item) { + return tagify.isTagDuplicate(item.value) ? remainingSuggestions : remainingSuggestions + 1 + }, 0) + " Members" + }] + ) + } + } + + // Init quill editor + const initQuill = (el) => { + var quill = new Quill('#kt_inbox_form_editor', { + modules: { + toolbar: [ + [{ + header: [1, 2, false] + }], + ['bold', 'italic', 'underline'], + ['image', 'code-block'] + ] + }, + placeholder: 'Type your text here...', + theme: 'snow' // or 'bubble' + }); + + // Customize editor + const toolbar = el.querySelector('.ql-toolbar'); + + if (toolbar) { + const classes = ['px-5', 'border-top-0', 'border-start-0', 'border-end-0']; + toolbar.classList.add(...classes); + } + } + + // Init dropzone + const initDropzone = (el) => { + // set the dropzone container id + const id = '[data-kt-inbox-form="dropzone"]'; + const dropzone = el.querySelector(id); + const uploadButton = el.querySelector('[data-kt-inbox-form="dropzone_upload"]'); + + // set the preview element template + var previewNode = dropzone.querySelector(".dropzone-item"); + previewNode.id = ""; + var previewTemplate = previewNode.parentNode.innerHTML; + previewNode.parentNode.removeChild(previewNode); + + var myDropzone = new Dropzone(id, { // Make the whole body a dropzone + url: "https://preview.keenthemes.com/api/dropzone/void.php", // Set the url for your upload script location + parallelUploads: 20, + maxFilesize: 1, // Max filesize in MB + previewTemplate: previewTemplate, + previewsContainer: id + " .dropzone-items", // Define the container to display the previews + clickable: uploadButton // Define the element that should be used as click trigger to select files. + }); + + + myDropzone.on("addedfile", function (file) { + // Hookup the start button + const dropzoneItems = dropzone.querySelectorAll('.dropzone-item'); + dropzoneItems.forEach(dropzoneItem => { + dropzoneItem.style.display = ''; + }); + }); + + // Update the total progress bar + myDropzone.on("totaluploadprogress", function (progress) { + const progressBars = dropzone.querySelectorAll('.progress-bar'); + progressBars.forEach(progressBar => { + progressBar.style.width = progress + "%"; + }); + }); + + myDropzone.on("sending", function (file) { + // Show the total progress bar when upload starts + const progressBars = dropzone.querySelectorAll('.progress-bar'); + progressBars.forEach(progressBar => { + progressBar.style.opacity = "1"; + }); + }); + + // Hide the total progress bar when nothing"s uploading anymore + myDropzone.on("complete", function (progress) { + const progressBars = dropzone.querySelectorAll('.dz-complete'); + + setTimeout(function () { + progressBars.forEach(progressBar => { + progressBar.querySelector('.progress-bar').style.opacity = "0"; + progressBar.querySelector('.progress').style.opacity = "0"; + }); + }, 300); + }); + } + + + // Public methods + return { + init: function () { + initForm(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTAppInboxCompose.init(); +}); diff --git a/public/assets/js/custom/apps/inbox/listing.js b/public/assets/js/custom/apps/inbox/listing.js new file mode 100644 index 0000000..4a6412c --- /dev/null +++ b/public/assets/js/custom/apps/inbox/listing.js @@ -0,0 +1,58 @@ +"use strict"; + +// Class definition +var KTAppInboxListing = function () { + var table; + var datatable; + + // Private functions + var initDatatable = function () { + // Init datatable --- more info on datatables: https://datatables.net/manual/ + datatable = $(table).DataTable({ + "info": false, + 'order': [], + // 'paging': false, + // 'pageLength': false, + }); + + datatable.on('draw', function () { + handleDatatableFooter(); + }); + } + + // Handle datatable footer spacings + var handleDatatableFooter = () => { + const footerElement = document.querySelector('#kt_inbox_listing_wrapper > .row'); + const spacingClasses = ['px-9', 'pt-3', 'pb-5']; + footerElement.classList.add(...spacingClasses); + } + + // Search Datatable --- official docs reference: https://datatables.net/reference/api/search() + var handleSearchDatatable = () => { + const filterSearch = document.querySelector('[data-kt-inbox-listing-filter="search"]'); + filterSearch.addEventListener('keyup', function (e) { + datatable.search(e.target.value).draw(); + }); + } + + + // Public methods + return { + init: function () { + table = document.querySelector('#kt_inbox_listing'); + + if (!table) { + return; + } + + initDatatable(); + handleSearchDatatable(); + handleDatatableFooter(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTAppInboxListing.init(); +}); diff --git a/public/assets/js/custom/apps/inbox/reply.js b/public/assets/js/custom/apps/inbox/reply.js new file mode 100644 index 0000000..d5c7c2a --- /dev/null +++ b/public/assets/js/custom/apps/inbox/reply.js @@ -0,0 +1,323 @@ +"use strict"; + +// Class definition +var KTAppInboxReply = function () { + + // Private functions + const handlePreviewText = () => { + // Get all messages + const accordions = document.querySelectorAll('[data-kt-inbox-message="message_wrapper"]'); + accordions.forEach(accordion => { + // Set variables + const header = accordion.querySelector('[data-kt-inbox-message="header"]'); + const previewText = accordion.querySelector('[data-kt-inbox-message="preview"]'); + const details = accordion.querySelector('[data-kt-inbox-message="details"]'); + const message = accordion.querySelector('[data-kt-inbox-message="message"]'); + + // Init bootstrap collapse -- more info: https://getbootstrap.com/docs/5.1/components/collapse/#via-javascript + const collapse = new bootstrap.Collapse(message, { toggle: false }); + + // Handle header click action + header.addEventListener('click', e => { + // Return if KTMenu or buttons are clicked + if (e.target.closest('[data-kt-menu-trigger="click"]') || e.target.closest('.btn')) { + return; + } else { + previewText.classList.toggle('d-none'); + details.classList.toggle('d-none'); + collapse.toggle(); + } + }); + }); + } + + // Init reply form + const initForm = () => { + // Set variables + const form = document.querySelector('#kt_inbox_reply_form'); + const allTagify = form.querySelectorAll('[data-kt-inbox-form="tagify"]'); + + // Handle CC and BCC + handleCCandBCC(form); + + // Handle submit form + handleSubmit(form); + + // Init tagify + allTagify.forEach(tagify => { + initTagify(tagify); + }); + + // Init quill editor + initQuill(form); + + // Init dropzone + initDropzone(form); + } + + // Handle CC and BCC toggle + const handleCCandBCC = (el) => { + // Get elements + const ccElement = el.querySelector('[data-kt-inbox-form="cc"]'); + const ccButton = el.querySelector('[data-kt-inbox-form="cc_button"]'); + const ccClose = el.querySelector('[data-kt-inbox-form="cc_close"]'); + const bccElement = el.querySelector('[data-kt-inbox-form="bcc"]'); + const bccButton = el.querySelector('[data-kt-inbox-form="bcc_button"]'); + const bccClose = el.querySelector('[data-kt-inbox-form="bcc_close"]'); + + // Handle CC button click + ccButton.addEventListener('click', e => { + e.preventDefault(); + + ccElement.classList.remove('d-none'); + ccElement.classList.add('d-flex'); + }); + + // Handle CC close button click + ccClose.addEventListener('click', e => { + e.preventDefault(); + + ccElement.classList.add('d-none'); + ccElement.classList.remove('d-flex'); + }); + + // Handle BCC button click + bccButton.addEventListener('click', e => { + e.preventDefault(); + + bccElement.classList.remove('d-none'); + bccElement.classList.add('d-flex'); + }); + + // Handle CC close button click + bccClose.addEventListener('click', e => { + e.preventDefault(); + + bccElement.classList.add('d-none'); + bccElement.classList.remove('d-flex'); + }); + } + + // Handle submit form + const handleSubmit = (el) => { + const submitButton = el.querySelector('[data-kt-inbox-form="send"]'); + + // Handle button click event + submitButton.addEventListener("click", function () { + // Activate indicator + submitButton.setAttribute("data-kt-indicator", "on"); + + // Disable indicator after 3 seconds + setTimeout(function () { + submitButton.removeAttribute("data-kt-indicator"); + }, 3000); + }); + } + + // Init tagify + const initTagify = (el) => { + var inputElm = el; + + const usersList = [ + { value: 1, name: 'Emma Smith', avatar: 'avatars/300-6.jpg', email: 'e.smith@kpmg.com.au' }, + { value: 2, name: 'Max Smith', avatar: 'avatars/300-1.jpg', email: 'max@kt.com' }, + { value: 3, name: 'Sean Bean', avatar: 'avatars/300-5.jpg', email: 'sean@dellito.com' }, + { value: 4, name: 'Brian Cox', avatar: 'avatars/300-25.jpg', email: 'brian@exchange.com' }, + { value: 5, name: 'Francis Mitcham', avatar: 'avatars/300-9.jpg', email: 'f.mitcham@kpmg.com.au' }, + { value: 6, name: 'Dan Wilson', avatar: 'avatars/300-23.jpg', email: 'dam@consilting.com' }, + { value: 7, name: 'Ana Crown', avatar: 'avatars/300-12.jpg', email: 'ana.cf@limtel.com' }, + { value: 8, name: 'John Miller', avatar: 'avatars/300-13.jpg', email: 'miller@mapple.com' } + ]; + + function tagTemplate(tagData) { + return ` + + +
+
+ +
+ ${tagData.name} +
+ + ` + } + + function suggestionItemTemplate(tagData) { + return ` +
+ + ${tagData.avatar ? ` +
+ +
` : '' + } + +
+ ${tagData.name} + ${tagData.email} +
+
+ ` + } + + // initialize Tagify on the above input node reference + var tagify = new Tagify(inputElm, { + tagTextProp: 'name', // very important since a custom template is used with this property as text. allows typing a "value" or a "name" to match input with whitelist + enforceWhitelist: true, + skipInvalid: true, // do not remporarily add invalid tags + dropdown: { + closeOnSelect: false, + enabled: 0, + classname: 'users-list', + searchKeys: ['name', 'email'] // very important to set by which keys to search for suggesttions when typing + }, + templates: { + tag: tagTemplate, + dropdownItem: suggestionItemTemplate + }, + whitelist: usersList + }) + + tagify.on('dropdown:show dropdown:updated', onDropdownShow) + tagify.on('dropdown:select', onSelectSuggestion) + + var addAllSuggestionsElm; + + function onDropdownShow(e) { + var dropdownContentElm = e.detail.tagify.DOM.dropdown.content; + + if (tagify.suggestedListItems.length > 1) { + addAllSuggestionsElm = getAddAllSuggestionsElm(); + + // insert "addAllSuggestionsElm" as the first element in the suggestions list + dropdownContentElm.insertBefore(addAllSuggestionsElm, dropdownContentElm.firstChild) + } + } + + function onSelectSuggestion(e) { + if (e.detail.elm == addAllSuggestionsElm) + tagify.dropdown.selectAll.call(tagify); + } + + // create a "add all" custom suggestion element every time the dropdown changes + function getAddAllSuggestionsElm() { + // suggestions items should be based on "dropdownItem" template + return tagify.parseTemplate('dropdownItem', [{ + class: "addAll", + name: "Add all", + email: tagify.settings.whitelist.reduce(function (remainingSuggestions, item) { + return tagify.isTagDuplicate(item.value) ? remainingSuggestions : remainingSuggestions + 1 + }, 0) + " Members" + }] + ) + } + } + + // Init quill editor + const initQuill = (el) => { + var quill = new Quill('#kt_inbox_form_editor', { + modules: { + toolbar: [ + [{ + header: [1, 2, false] + }], + ['bold', 'italic', 'underline'], + ['image', 'code-block'] + ] + }, + placeholder: 'Type your text here...', + theme: 'snow' // or 'bubble' + }); + + // Customize editor + const toolbar = el.querySelector('.ql-toolbar'); + + if (toolbar) { + const classes = ['px-5', 'border-top-0', 'border-start-0', 'border-end-0']; + toolbar.classList.add(...classes); + } + } + + // Init dropzone + const initDropzone = (el) => { + // set the dropzone container id + const id = '[data-kt-inbox-form="dropzone"]'; + const dropzone = el.querySelector(id); + const uploadButton = el.querySelector('[data-kt-inbox-form="dropzone_upload"]'); + + // set the preview element template + var previewNode = dropzone.querySelector(".dropzone-item"); + previewNode.id = ""; + var previewTemplate = previewNode.parentNode.innerHTML; + previewNode.parentNode.removeChild(previewNode); + + var myDropzone = new Dropzone(id, { // Make the whole body a dropzone + url: "https://preview.keenthemes.com/api/dropzone/void.php", // Set the url for your upload script location + parallelUploads: 20, + maxFilesize: 1, // Max filesize in MB + previewTemplate: previewTemplate, + previewsContainer: id + " .dropzone-items", // Define the container to display the previews + clickable: uploadButton // Define the element that should be used as click trigger to select files. + }); + + + myDropzone.on("addedfile", function (file) { + // Hookup the start button + const dropzoneItems = dropzone.querySelectorAll('.dropzone-item'); + dropzoneItems.forEach(dropzoneItem => { + dropzoneItem.style.display = ''; + }); + }); + + // Update the total progress bar + myDropzone.on("totaluploadprogress", function (progress) { + const progressBars = dropzone.querySelectorAll('.progress-bar'); + progressBars.forEach(progressBar => { + progressBar.style.width = progress + "%"; + }); + }); + + myDropzone.on("sending", function (file) { + // Show the total progress bar when upload starts + const progressBars = dropzone.querySelectorAll('.progress-bar'); + progressBars.forEach(progressBar => { + progressBar.style.opacity = "1"; + }); + }); + + // Hide the total progress bar when nothing"s uploading anymore + myDropzone.on("complete", function (progress) { + const progressBars = dropzone.querySelectorAll('.dz-complete'); + + setTimeout(function () { + progressBars.forEach(progressBar => { + progressBar.querySelector('.progress-bar').style.opacity = "0"; + progressBar.querySelector('.progress').style.opacity = "0"; + }); + }, 300); + }); + } + + + // Public methods + return { + init: function () { + handlePreviewText(); + initForm(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTAppInboxReply.init(); +}); diff --git a/public/assets/js/custom/apps/invoices/create.js b/public/assets/js/custom/apps/invoices/create.js new file mode 100644 index 0000000..1c61b67 --- /dev/null +++ b/public/assets/js/custom/apps/invoices/create.js @@ -0,0 +1,111 @@ +"use strict"; + +// Class definition +var KTAppInvoicesCreate = function () { + var form; + + // Private functions + var updateTotal = function() { + var items = [].slice.call(form.querySelectorAll('[data-kt-element="items"] [data-kt-element="item"]')); + var grandTotal = 0; + + var format = wNumb({ + //prefix: '$ ', + decimals: 2, + thousand: ',' + }); + + items.map(function (item) { + var quantity = item.querySelector('[data-kt-element="quantity"]'); + var price = item.querySelector('[data-kt-element="price"]'); + + var priceValue = format.from(price.value); + priceValue = (!priceValue || priceValue < 0) ? 0 : priceValue; + + var quantityValue = parseInt(quantity.value); + quantityValue = (!quantityValue || quantityValue < 0) ? 1 : quantityValue; + + price.value = format.to(priceValue); + quantity.value = quantityValue; + + item.querySelector('[data-kt-element="total"]').innerText = format.to(priceValue * quantityValue); + + grandTotal += priceValue * quantityValue; + }); + + form.querySelector('[data-kt-element="sub-total"]').innerText = format.to(grandTotal); + form.querySelector('[data-kt-element="grand-total"]').innerText = format.to(grandTotal); + } + + var handleEmptyState = function() { + if (form.querySelectorAll('[data-kt-element="items"] [data-kt-element="item"]').length === 0) { + var item = form.querySelector('[data-kt-element="empty-template"] tr').cloneNode(true); + form.querySelector('[data-kt-element="items"] tbody').appendChild(item); + } else { + KTUtil.remove(form.querySelector('[data-kt-element="items"] [data-kt-element="empty"]')); + } + } + + var handeForm = function (element) { + // Add item + form.querySelector('[data-kt-element="items"] [data-kt-element="add-item"]').addEventListener('click', function(e) { + e.preventDefault(); + + var item = form.querySelector('[data-kt-element="item-template"] tr').cloneNode(true); + + form.querySelector('[data-kt-element="items"] tbody').appendChild(item); + + handleEmptyState(); + updateTotal(); + }); + + // Remove item + KTUtil.on(form, '[data-kt-element="items"] [data-kt-element="remove-item"]', 'click', function(e) { + e.preventDefault(); + + KTUtil.remove(this.closest('[data-kt-element="item"]')); + + handleEmptyState(); + updateTotal(); + }); + + // Handle price and quantity changes + KTUtil.on(form, '[data-kt-element="items"] [data-kt-element="quantity"], [data-kt-element="items"] [data-kt-element="price"]', 'change', function(e) { + e.preventDefault(); + + updateTotal(); + }); + } + + var initForm = function(element) { + // Due date. For more info, please visit the official plugin site: https://flatpickr.js.org/ + var invoiceDate = $(form.querySelector('[name="invoice_date"]')); + invoiceDate.flatpickr({ + enableTime: false, + dateFormat: "d, M Y", + }); + + // Due date. For more info, please visit the official plugin site: https://flatpickr.js.org/ + var dueDate = $(form.querySelector('[name="invoice_due_date"]')); + dueDate.flatpickr({ + enableTime: false, + dateFormat: "d, M Y", + }); + } + + // Public methods + return { + init: function(element) { + form = document.querySelector('#kt_invoice_form'); + + handeForm(); + initForm(); + updateTotal(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTAppInvoicesCreate.init(); +}); diff --git a/public/assets/js/custom/apps/projects/list/list.js b/public/assets/js/custom/apps/projects/list/list.js new file mode 100644 index 0000000..7610a76 --- /dev/null +++ b/public/assets/js/custom/apps/projects/list/list.js @@ -0,0 +1,79 @@ +"use strict"; + +// Class definition +var KTProjectList = function () { + var initChart = function () { + // init chart + var element = document.getElementById("kt_project_list_chart"); + + if (!element) { + return; + } + + var config = { + type: 'doughnut', + data: { + datasets: [{ + data: [30, 45, 25], + backgroundColor: ['#00A3FF', '#50CD89', '#E4E6EF'] + }], + labels: ['Active', 'Completed', 'Yet to start'] + }, + options: { + chart: { + fontFamily: 'inherit' + }, + borderWidth: 0, + cutout: '75%', + cutoutPercentage: 65, + responsive: true, + maintainAspectRatio: false, + title: { + display: false + }, + animation: { + animateScale: true, + animateRotate: true + }, + stroke: { + width: 0 + }, + tooltips: { + enabled: true, + intersect: false, + mode: 'nearest', + bodySpacing: 5, + yPadding: 10, + xPadding: 10, + caretPadding: 0, + displayColors: false, + backgroundColor: '#20D489', + titleFontColor: '#ffffff', + cornerRadius: 4, + footerSpacing: 0, + titleSpacing: 0 + }, + plugins: { + legend: { + display: false + } + } + } + }; + + var ctx = element.getContext('2d'); + var myDoughnut = new Chart(ctx, config); + } + + // Public methods + return { + init: function () { + initChart(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTProjectList.init(); +}); diff --git a/public/assets/js/custom/apps/projects/project/project.js b/public/assets/js/custom/apps/projects/project/project.js new file mode 100644 index 0000000..edd2ae6 --- /dev/null +++ b/public/assets/js/custom/apps/projects/project/project.js @@ -0,0 +1,316 @@ +"use strict"; + +// Class definition +var KTProjectOverview = function () { + // Colors + var primary = KTUtil.getCssVariableValue('--bs-primary'); + var lightPrimary = KTUtil.getCssVariableValue('--bs-primary-light'); + var success = KTUtil.getCssVariableValue('--bs-success'); + var lightSuccess = KTUtil.getCssVariableValue('--bs-success-light'); + var gray200 = KTUtil.getCssVariableValue('--bs-gray-200'); + var gray500 = KTUtil.getCssVariableValue('--bs-gray-500'); + + // Private functions + var initChart = function () { + // init chart + var element = document.getElementById("project_overview_chart"); + + if (!element) { + return; + } + + var config = { + type: 'doughnut', + data: { + datasets: [{ + data: [30, 45, 25], + backgroundColor: ['#00A3FF', '#50CD89', '#E4E6EF'] + }], + labels: ['Active', 'Completed', 'Yet to start'] + }, + options: { + chart: { + fontFamily: 'inherit' + }, + cutoutPercentage: 75, + responsive: true, + maintainAspectRatio: false, + cutout: '75%', + title: { + display: false + }, + animation: { + animateScale: true, + animateRotate: true + }, + tooltips: { + enabled: true, + intersect: false, + mode: 'nearest', + bodySpacing: 5, + yPadding: 10, + xPadding: 10, + caretPadding: 0, + displayColors: false, + backgroundColor: '#20D489', + titleFontColor: '#ffffff', + cornerRadius: 4, + footerSpacing: 0, + titleSpacing: 0 + }, + plugins: { + legend: { + display: false + } + } + } + }; + + var ctx = element.getContext('2d'); + var myDoughnut = new Chart(ctx, config); + } + + var initGraph = function () { + var element = document.getElementById("kt_project_overview_graph"); + var height = parseInt(KTUtil.css(element, 'height')); + + if (!element) { + return; + } + + var options = { + series: [{ + name: 'Incomplete', + data: [70, 70, 80, 80, 75, 75, 75] + }, { + name: 'Complete', + data: [55, 55, 60, 60, 55, 55, 60] + }], + chart: { + type: 'area', + height: height, + toolbar: { + show: false + } + }, + plotOptions: { + + }, + legend: { + show: false + }, + dataLabels: { + enabled: false + }, + fill: { + type: 'solid', + opacity: 1 + }, + stroke: { + curve: 'smooth', + show: true, + width: 3, + colors: [primary, success] + }, + xaxis: { + categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug'], + axisBorder: { + show: false, + }, + axisTicks: { + show: false + }, + labels: { + style: { + colors: gray500, + fontSize: '12px' + } + }, + crosshairs: { + position: 'front', + stroke: { + color: primary, + width: 1, + dashArray: 3 + } + }, + tooltip: { + enabled: true, + formatter: undefined, + offsetY: 0, + style: { + fontSize: '12px' + } + } + }, + yaxis: { + labels: { + style: { + colors: gray500, + fontSize: '12px', + } + } + }, + states: { + normal: { + filter: { + type: 'none', + value: 0 + } + }, + hover: { + filter: { + type: 'none', + value: 0 + } + }, + active: { + allowMultipleDataPointsSelection: false, + filter: { + type: 'none', + value: 0 + } + } + }, + tooltip: { + style: { + fontSize: '12px', + }, + y: { + formatter: function (val) { + return val + " tasks" + } + } + }, + colors: [lightPrimary, lightSuccess], + grid: { + borderColor: gray200, + strokeDashArray: 4, + yaxis: { + lines: { + show: true + } + } + }, + markers: { + //size: 5, + colors: [lightPrimary, lightSuccess], + strokeColor: [primary, success], + strokeWidth: 3 + } + }; + + var chart = new ApexCharts(element, options); + chart.render(); + } + + var initTable = function () { + var table = document.querySelector('#kt_profile_overview_table'); + + if (!table) { + return; + } + + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[1].innerHTML, "MMM D, YYYY").format(); + dateRow[1].setAttribute('data-order', realDate); + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + const datatable = $(table).DataTable({ + "info": false, + 'order': [] + }); + + // Filter dropdown elements + const filterOrders = document.getElementById('kt_filter_orders'); + const filterYear = document.getElementById('kt_filter_year'); + + // Filter by order status --- official docs reference: https://datatables.net/reference/api/search() + filterOrders.addEventListener('change', function (e) { + datatable.column(3).search(e.target.value).draw(); + }); + + // Filter by date --- official docs reference: https://momentjs.com/docs/ + var minDate; + var maxDate; + + filterYear.addEventListener('change', function (e) { + const value = e.target.value; + switch (value) { + case 'thisyear': { + minDate = moment().startOf('year').format(); + maxDate = moment().endOf('year').format(); + datatable.draw(); + break; + } + case 'thismonth': { + minDate = moment().startOf('month').format(); + maxDate = moment().endOf('month').format(); + datatable.draw(); + break; + } + case 'lastmonth': { + minDate = moment().subtract(1, 'months').startOf('month').format(); + maxDate = moment().subtract(1, 'months').endOf('month').format(); + datatable.draw(); + break; + } + case 'last90days': { + minDate = moment().subtract(30, 'days').format(); + maxDate = moment().format(); + datatable.draw(); + break; + } + default: { + minDate = moment().subtract(100, 'years').startOf('month').format(); + maxDate = moment().add(1, 'months').endOf('month').format(); + datatable.draw(); + break; + } + } + }); + + // Date range filter --- offical docs reference: https://datatables.net/examples/plug-ins/range_filtering.html + $.fn.dataTable.ext.search.push( + function (settings, data, dataIndex) { + var min = minDate; + var max = maxDate; + var date = parseFloat(moment(data[1]).format()) || 0; // use data for the age column + + if ((isNaN(min) && isNaN(max)) || + (isNaN(min) && date <= max) || + (min <= date && isNaN(max)) || + (min <= date && date <= max)) { + return true; + } + return false; + } + ); + + // Search --- official docs reference: https://datatables.net/reference/api/search() + var filterSearch = document.getElementById('kt_filter_search'); + filterSearch.addEventListener('keyup', function (e) { + datatable.search(e.target.value).draw(); + }); + } + + // Public methods + return { + init: function () { + initChart(); + initGraph(); + initTable(); + } + } +}(); + + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTProjectOverview.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/projects/settings/settings.js b/public/assets/js/custom/apps/projects/settings/settings.js new file mode 100644 index 0000000..0d80990 --- /dev/null +++ b/public/assets/js/custom/apps/projects/settings/settings.js @@ -0,0 +1,104 @@ +"use strict"; + +// Class definition +var KTProjectSettings = function () { + + // Private functions + var handleForm = function () { + // Init Datepicker --- For more info, please check Flatpickr's official documentation: https://flatpickr.js.org/ + $("#kt_datepicker_1").flatpickr(); + + // Form validation + var validation; + var _form = document.getElementById('kt_project_settings_form'); + var submitButton = _form.querySelector('#kt_project_settings_submit'); + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validation = FormValidation.formValidation( + _form, + { + fields: { + name: { + validators: { + notEmpty: { + message: 'Project name is required' + } + } + }, + type: { + validators: { + notEmpty: { + message: 'Project type is required' + } + } + }, + description: { + validators: { + notEmpty: { + message: 'Project Description is required' + } + } + }, + date: { + validators: { + notEmpty: { + message: 'Due Date is required' + } + } + }, + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + submitButton: new FormValidation.plugins.SubmitButton(), + //defaultSubmit: new FormValidation.plugins.DefaultSubmit(), // Uncomment this line to enable normal button submit after form validation + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row' + }) + } + } + ); + + submitButton.addEventListener('click', function (e) { + e.preventDefault(); + + validation.validate().then(function (status) { + if (status == 'Valid') { + + swal.fire({ + text: "Thank you! You've updated your project settings", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-light-primary" + } + }); + + } else { + swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-light-primary" + } + }); + } + }); + }); + } + + // Public methods + return { + init: function () { + handleForm(); + } + } +}(); + + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTProjectSettings.init(); +}); diff --git a/public/assets/js/custom/apps/projects/targets/targets.js b/public/assets/js/custom/apps/projects/targets/targets.js new file mode 100644 index 0000000..d652274 --- /dev/null +++ b/public/assets/js/custom/apps/projects/targets/targets.js @@ -0,0 +1,38 @@ +"use strict"; + +// Class definition +var KTProjectTargets = function () { + + var initDatatable = function () { + const table = document.getElementById('kt_profile_overview_table'); + + // set date data order + const tableRows = table.querySelectorAll('tbody tr'); + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[1].innerHTML, "MMM D, YYYY").format(); + dateRow[1].setAttribute('data-order', realDate); + }); + + // init datatable --- more info on datatables: https://datatables.net/manual/ + const datatable = $(table).DataTable({ + "info": false, + 'order': [], + "paging": false, + }); + + } + + // Public methods + return { + init: function () { + initDatatable(); + } + } +}(); + + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTProjectTargets.init(); +}); diff --git a/public/assets/js/custom/apps/projects/users/users.js b/public/assets/js/custom/apps/projects/users/users.js new file mode 100644 index 0000000..c835907 --- /dev/null +++ b/public/assets/js/custom/apps/projects/users/users.js @@ -0,0 +1,52 @@ +"use strict"; + +// Class definition +var KTProjectUsers = function () { + + var initTable = function () { + // Set date data order + const table = document.getElementById('kt_project_users_table'); + + if (!table) { + return; + } + + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[1].innerHTML, "MMM D, YYYY").format(); + dateRow[1].setAttribute('data-order', realDate); + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + const datatable = $(table).DataTable({ + "info": false, + 'order': [], + "columnDefs": [{ + "targets": 4, + "orderable": false + }] + }); + + // Search --- official docs reference: https://datatables.net/reference/api/search() + var filterSearch = document.getElementById('kt_filter_search'); + if (filterSearch) { + filterSearch.addEventListener('keyup', function (e) { + datatable.search(e.target.value).draw(); + }); + } + } + + // Public methods + return { + init: function () { + initTable(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTProjectUsers.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/subscriptions/add/advanced.js b/public/assets/js/custom/apps/subscriptions/add/advanced.js new file mode 100644 index 0000000..bf2c886 --- /dev/null +++ b/public/assets/js/custom/apps/subscriptions/add/advanced.js @@ -0,0 +1,126 @@ +"use strict"; + +var KTSubscriptionsAdvanced = function () { + // Shared variables + var table; + var datatable; + + var initCustomFieldsDatatable = function () { + // Define variables + const addButton = document.getElementById('kt_create_new_custom_fields_add'); + + // Duplicate input fields + const fieldName = table.querySelector('tbody tr td:first-child').innerHTML; + const fieldValue = table.querySelector('tbody tr td:nth-child(2)').innerHTML; + const deleteButton = table.querySelector('tbody tr td:last-child').innerHTML; + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + datatable = $(table).DataTable({ + "info": false, + 'order': [], + 'ordering': false, + 'paging': false, + "lengthChange": false + }); + + // Define datatable row node + var rowNode; + + // Handle add button + addButton.addEventListener('click', function (e) { + e.preventDefault(); + + rowNode = datatable.row.add([ + fieldName, + fieldValue, + deleteButton + ]).draw().node(); + + // Add custom class to last column -- more info: https://datatables.net/forums/discussion/22341/row-add-cell-class + $(rowNode).find('td').eq(2).addClass('text-end'); + + // Re-calculate index + initCustomFieldRowIndex(); + }); + } + + // Handle row index count + var initCustomFieldRowIndex = function() { + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach((tr, index) => { + // add index number to input names & id + const fieldNameInput = tr.querySelector('td:first-child input'); + const fieldValueInput = tr.querySelector('td:nth-child(2) input'); + const fieldNameLabel = fieldNameInput.getAttribute('id'); + const fieldValueLabel = fieldValueInput.getAttribute('id'); + + fieldNameInput.setAttribute('name', fieldNameLabel + '-' + index); + fieldValueInput.setAttribute('name', fieldValueLabel + '-' + index); + }); + } + + // Delete product + var deleteCustomField = function() { + KTUtil.on(table, '[data-kt-action="field_remove"]', 'click', function(e) { + e.preventDefault(); + + // Select parent row + const parent = e.target.closest('tr'); + + // SweetAlert2 pop up --- official docs reference: https://sweetalert2.github.io/ + Swal.fire({ + text: "Are you sure you want to delete this field ?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete!", + cancelButtonText: "No, cancel", + customClass: { + confirmButton: "btn fw-bold btn-danger", + cancelButton: "btn fw-bold btn-active-light-primary" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have deleted it!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }).then(function () { + // Remove current row + datatable.row($(parent)).remove().draw(); + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "It was not deleted.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }) + } + }); + }); + } + + return { + init: function () { + table = document.getElementById('kt_create_new_custom_fields'); + + initCustomFieldsDatatable(); + initCustomFieldRowIndex(); + deleteCustomField(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTSubscriptionsAdvanced.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/subscriptions/add/customer-select.js b/public/assets/js/custom/apps/subscriptions/add/customer-select.js new file mode 100644 index 0000000..3718907 --- /dev/null +++ b/public/assets/js/custom/apps/subscriptions/add/customer-select.js @@ -0,0 +1,85 @@ +"use strict"; + +// Class definition +var KTModalCustomerSelect = function() { + // Private variables + var element; + var suggestionsElement; + var resultsElement; + var wrapperElement; + var emptyElement; + var searchObject; + + var modal; + + // Private functions + var processs = function(search) { + var timeout = setTimeout(function() { + var number = KTUtil.getRandomInt(1, 6); + + // Hide recently viewed + suggestionsElement.classList.add('d-none'); + + if (number === 3) { + // Hide results + resultsElement.classList.add('d-none'); + // Show empty message + emptyElement.classList.remove('d-none'); + } else { + // Show results + resultsElement.classList.remove('d-none'); + // Hide empty message + emptyElement.classList.add('d-none'); + } + + // Complete search + search.complete(); + }, 1500); + } + + var clear = function(search) { + // Show recently viewed + suggestionsElement.classList.remove('d-none'); + // Hide results + resultsElement.classList.add('d-none'); + // Hide empty message + emptyElement.classList.add('d-none'); + } + + // Public methods + return { + init: function() { + // Elements + element = document.querySelector('#kt_modal_customer_search_handler'); + modal = new bootstrap.Modal(document.querySelector('#kt_modal_customer_search')); + + if (!element) { + return; + } + + wrapperElement = element.querySelector('[data-kt-search-element="wrapper"]'); + suggestionsElement = element.querySelector('[data-kt-search-element="suggestions"]'); + resultsElement = element.querySelector('[data-kt-search-element="results"]'); + emptyElement = element.querySelector('[data-kt-search-element="empty"]'); + + // Initialize search handler + searchObject = new KTSearch(element); + + // Search handler + searchObject.on('kt.search.process', processs); + + // Clear handler + searchObject.on('kt.search.clear', clear); + + // Handle select + KTUtil.on(element, '[data-kt-search-element="customer"]', 'click', function() { + modal.hide(); + }); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTModalCustomerSelect.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/subscriptions/add/products.js b/public/assets/js/custom/apps/subscriptions/add/products.js new file mode 100644 index 0000000..2f33c38 --- /dev/null +++ b/public/assets/js/custom/apps/subscriptions/add/products.js @@ -0,0 +1,157 @@ +"use strict"; + +var KTSubscriptionsProducts = function () { + // Shared variables + var table; + var datatable; + var modalEl; + var modal; + + var initDatatable = function() { + // Init datatable --- more info on datatables: https://datatables.net/manual/ + datatable = $(table).DataTable({ + "info": false, + 'order': [], + 'ordering': false, + 'paging': false, + "lengthChange": false + }); + } + + // Delete product + var deleteProduct = function() { + KTUtil.on(table, '[data-kt-action="product_remove"]', 'click', function(e) { + e.preventDefault(); + + // Select parent row + const parent = e.target.closest('tr'); + + // Get customer name + const productName = parent.querySelectorAll('td')[0].innerText; + + // SweetAlert2 pop up --- official docs reference: https://sweetalert2.github.io/ + Swal.fire({ + text: "Are you sure you want to delete " + productName + "?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete!", + cancelButtonText: "No, cancel", + customClass: { + confirmButton: "btn fw-bold btn-danger", + cancelButton: "btn fw-bold btn-active-light-primary" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have deleted " + productName + "!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }).then(function () { + // Remove current row + datatable.row($(parent)).remove().draw(); + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: customerName + " was not deleted.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }); + } + }); + }); + } + + // Modal handlers + var addProduct = function() { + // Select modal buttons + const closeButton = modalEl.querySelector('#kt_modal_add_product_close'); + const cancelButton = modalEl.querySelector('#kt_modal_add_product_cancel'); + const submitButton = modalEl.querySelector('#kt_modal_add_product_submit'); + + // Cancel button action + cancelButton.addEventListener('click', function(e){ + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Add customer button handler + submitButton.addEventListener('click', function (e) { + e.preventDefault(); + + // Check all radio buttons + var radio = modalEl.querySelector('input[type="radio"]:checked'); + + // Define datatable row node + var rowNode; + + if (radio && radio.checked === true) { + rowNode = datatable.row.add( [ + radio.getAttribute('data-kt-product-name'), + '1', + radio.getAttribute('data-kt-product-price') + ' / ' + radio.getAttribute('data-kt-product-frequency'), + table.querySelector('tbody tr td:last-child').innerHTML + ]).draw().node(); + + // Add custom class to last column -- more info: https://datatables.net/forums/discussion/22341/row-add-cell-class + $( rowNode ).find('td').eq(3).addClass('text-end'); + } + + modal.hide(); // Remove modal + }); + } + + return { + init: function () { + modalEl = document.getElementById('kt_modal_add_product'); + + // Select modal -- more info on Bootstrap modal: https://getbootstrap.com/docs/5.0/components/modal/ + modal = new bootstrap.Modal(modalEl); + + table = document.querySelector('#kt_subscription_products_table'); + + initDatatable(); + deleteProduct(); + addProduct(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTSubscriptionsProducts.init(); +}); diff --git a/public/assets/js/custom/apps/subscriptions/list/export.js b/public/assets/js/custom/apps/subscriptions/list/export.js new file mode 100644 index 0000000..9f5949f --- /dev/null +++ b/public/assets/js/custom/apps/subscriptions/list/export.js @@ -0,0 +1,189 @@ +"use strict"; + +// Class definition +var KTSubscriptionsExport = function () { + var element; + var submitButton; + var cancelButton; + var closeButton; + var validator; + var form; + var modal; + + // Init form inputs + var handleForm = function () { + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + 'date': { + validators: { + notEmpty: { + message: 'Date range is required' + } + } + }, + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Action buttons + submitButton.addEventListener('click', function (e) { + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable submit button whilst loading + submitButton.disabled = true; + + setTimeout(function () { + submitButton.removeAttribute('data-kt-indicator'); + + Swal.fire({ + text: "Customer list has been successfully exported!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + + // Enable submit button after loading + submitButton.disabled = false; + } + }); + + //form.submit(); // Submit form + }, 2000); + } else { + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + + cancelButton.addEventListener('click', function (e) { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + closeButton.addEventListener('click', function (e) { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + } + + var initForm = function () { + const datepicker = form.querySelector("[name=date]"); + + // Handle datepicker range -- For more info on flatpickr plugin, please visit: https://flatpickr.js.org/ + $(datepicker).flatpickr({ + altInput: true, + altFormat: "F j, Y", + dateFormat: "Y-m-d", + mode: "range" + }); + } + + return { + // Public functions + init: function () { + // Elements + element = document.querySelector('#kt_subscriptions_export_modal'); + modal = new bootstrap.Modal(element); + + form = document.querySelector('#kt_subscriptions_export_form'); + submitButton = form.querySelector('#kt_subscriptions_export_submit'); + cancelButton = form.querySelector('#kt_subscriptions_export_cancel'); + closeButton = element.querySelector('#kt_subscriptions_export_close'); + + handleForm(); + initForm(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTSubscriptionsExport.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/subscriptions/list/list.js b/public/assets/js/custom/apps/subscriptions/list/list.js new file mode 100644 index 0000000..2dee53d --- /dev/null +++ b/public/assets/js/custom/apps/subscriptions/list/list.js @@ -0,0 +1,277 @@ +"use strict"; + +var KTSubscriptionsList = function () { + // Define shared variables + var table; + var datatable; + var toolbarBase; + var toolbarSelected; + var selectedCount; + + // Private functions + var initDatatable = function () { + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[5].innerHTML, "DD MMM YYYY, LT").format(); // select date from 4th column in table + dateRow[5].setAttribute('data-order', realDate); + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + datatable = $(table).DataTable({ + "info": false, + 'order': [], + "pageLength": 10, + "lengthChange": false, + 'columnDefs': [ + { orderable: false, targets: 0 }, // Disable ordering on column 0 (checkbox) + { orderable: false, targets: 6 }, // Disable ordering on column 6 (actions) + ] + }); + + // Re-init functions on every table re-draw -- more info: https://datatables.net/reference/event/draw + datatable.on('draw', function () { + initToggleToolbar(); + handleRowDeletion(); + toggleToolbars(); + }); + } + + // Search Datatable --- official docs reference: https://datatables.net/reference/api/search() + var handleSearch = function () { + const filterSearch = document.querySelector('[data-kt-subscription-table-filter="search"]'); + filterSearch.addEventListener('keyup', function (e) { + datatable.search(e.target.value).draw(); + }); + } + + // Filter Datatable + var handleFilter = function () { + // Select filter options + const filterForm = document.querySelector('[data-kt-subscription-table-filter="form"]'); + const filterButton = filterForm.querySelector('[data-kt-subscription-table-filter="filter"]'); + const resetButton = filterForm.querySelector('[data-kt-subscription-table-filter="reset"]'); + const selectOptions = filterForm.querySelectorAll('select'); + + // Filter datatable on submit + filterButton.addEventListener('click', function () { + var filterString = ''; + + // Get filter values + selectOptions.forEach((item, index) => { + if (item.value && item.value !== '') { + if (index !== 0) { + filterString += ' '; + } + + // Build filter value options + filterString += item.value; + } + }); + + // Filter datatable --- official docs reference: https://datatables.net/reference/api/search() + datatable.search(filterString).draw(); + }); + + // Reset datatable + resetButton.addEventListener('click', function () { + // Reset filter form + selectOptions.forEach((item, index) => { + // Reset Select2 dropdown --- official docs reference: https://select2.org/programmatic-control/add-select-clear-items + $(item).val(null).trigger('change'); + }); + + // Filter datatable --- official docs reference: https://datatables.net/reference/api/search() + datatable.search('').draw(); + }); + } + + // Delete subscirption + var handleRowDeletion = function () { + // Select all delete buttons + const deleteButtons = table.querySelectorAll('[data-kt-subscriptions-table-filter="delete_row"]'); + + deleteButtons.forEach(d => { + // Delete button on click + d.addEventListener('click', function (e) { + e.preventDefault(); + + // Select parent row + const parent = e.target.closest('tr'); + + // Get customer name + const customerName = parent.querySelectorAll('td')[1].innerText; + + // SweetAlert2 pop up --- official docs reference: https://sweetalert2.github.io/ + Swal.fire({ + text: "Are you sure you want to delete " + customerName + "?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete!", + cancelButtonText: "No, cancel", + customClass: { + confirmButton: "btn fw-bold btn-danger", + cancelButton: "btn fw-bold btn-active-light-primary" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have deleted " + customerName + "!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }).then(function () { + // Remove current row + datatable.row($(parent)).remove().draw(); + }).then(function () { + // Detect checked checkboxes + toggleToolbars(); + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: customerName + " was not deleted.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }); + } + }); + }) + }); + } + + // Init toggle toolbar + var initToggleToolbar = () => { + // Toggle selected action toolbar + // Select all checkboxes + const checkboxes = table.querySelectorAll('[type="checkbox"]'); + + // Select elements + toolbarBase = document.querySelector('[data-kt-subscription-table-toolbar="base"]'); + toolbarSelected = document.querySelector('[data-kt-subscription-table-toolbar="selected"]'); + selectedCount = document.querySelector('[data-kt-subscription-table-select="selected_count"]'); + const deleteSelected = document.querySelector('[data-kt-subscription-table-select="delete_selected"]'); + + // Toggle delete selected toolbar + checkboxes.forEach(c => { + // Checkbox on click event + c.addEventListener('click', function () { + setTimeout(function () { + toggleToolbars(); + }, 50); + }); + }); + + // Deleted selected rows + deleteSelected.addEventListener('click', function () { + // SweetAlert2 pop up --- official docs reference: https://sweetalert2.github.io/ + Swal.fire({ + text: "Are you sure you want to delete selected customers?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete!", + cancelButtonText: "No, cancel", + customClass: { + confirmButton: "btn fw-bold btn-danger", + cancelButton: "btn fw-bold btn-active-light-primary" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have deleted all selected customers!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }).then(function () { + // Remove all selected customers + checkboxes.forEach(c => { + if (c.checked) { + datatable.row($(c.closest('tbody tr'))).remove().draw(); + } + }); + + // Remove header checked box + const headerCheckbox = table.querySelectorAll('[type="checkbox"]')[0]; + headerCheckbox.checked = false; + }).then(function () { + toggleToolbars(); // Detect checked checkboxes + initToggleToolbar(); // Re-init toolbar to recalculate checkboxes + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Selected customers was not deleted.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }); + } + }); + }); + } + + // Toggle toolbars + const toggleToolbars = () => { + // Select refreshed checkbox DOM elements + const allCheckboxes = table.querySelectorAll('tbody [type="checkbox"]'); + + // Detect checkboxes state & count + let checkedState = false; + let count = 0; + + // Count checked boxes + allCheckboxes.forEach(c => { + if (c.checked) { + checkedState = true; + count++; + } + }); + + // Toggle toolbars + if (checkedState) { + selectedCount.innerHTML = count; + toolbarBase.classList.add('d-none'); + toolbarSelected.classList.remove('d-none'); + } else { + toolbarBase.classList.remove('d-none'); + toolbarSelected.classList.add('d-none'); + } + } + + return { + // Public functions + init: function () { + table = document.getElementById('kt_subscriptions_table'); + + if (!table) { + return; + } + + initDatatable(); + initToggleToolbar(); + handleSearch(); + handleRowDeletion(); + handleFilter(); + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTSubscriptionsList.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/support-center/general.js b/public/assets/js/custom/apps/support-center/general.js new file mode 100644 index 0000000..437d2ac --- /dev/null +++ b/public/assets/js/custom/apps/support-center/general.js @@ -0,0 +1,74 @@ +"use strict"; + +var KTSupportCenterGeneral = function() { + var menuWrapper; + + var initInstance = function(element) { + var elements = element; + + if ( typeof elements === 'undefined' ) { + elements = document.querySelectorAll('.highlight'); + } + + if ( elements && elements.length > 0 ) { + for ( var i = 0; i < elements.length; ++i ) { + var highlight = elements[i]; + var copy = highlight.querySelector('.highlight-copy'); + + if ( copy ) { + var clipboard = new ClipboardJS(copy, { + target: function(trigger) { + var highlight = trigger.closest('.highlight'); + var el = highlight.querySelector('.tab-pane.active'); + + if ( el == null ) { + el = highlight.querySelector('.highlight-code'); + } + + return el; + } + }); + + clipboard.on('success', function(e) { + var caption = e.trigger.innerHTML; + + e.trigger.innerHTML = 'copied'; + e.clearSelection(); + + setTimeout(function() { + e.trigger.innerHTML = caption; + }, 2000); + }); + } + } + } + } + + var handleMenuScroll = function() { + var menuActiveItem = menuWrapper.querySelector(".menu-link.active"); + + if ( !menuActiveItem ) { + return; + } + + if ( KTUtil.isVisibleInContainer(menuActiveItem, menuWrapper) === true) { + return; + } + + menuWrapper.scroll({ + top: KTUtil.getRelativeTopPosition(menuActiveItem, menuWrapper), + behavior: 'smooth' + }); + } + + return { + init: function() { + initInstance(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTSupportCenterGeneral.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/support-center/tickets/create.js b/public/assets/js/custom/apps/support-center/tickets/create.js new file mode 100644 index 0000000..a11a649 --- /dev/null +++ b/public/assets/js/custom/apps/support-center/tickets/create.js @@ -0,0 +1,219 @@ +"use strict"; + +// Class definition +var KTModalNewTicket = function () { + var submitButton; + var cancelButton; + var validator; + var form; + var modal; + var modalEl; + + // Init form inputs + var initForm = function() { + // Ticket attachments + // For more info about Dropzone plugin visit: https://www.dropzonejs.com/#usage + var myDropzone = new Dropzone("#kt_modal_create_ticket_attachments", { + url: "https://keenthemes.com/scripts/void.php", // Set the url for your upload script location + paramName: "file", // The name that will be used to transfer the file + maxFiles: 10, + maxFilesize: 10, // MB + addRemoveLinks: true, + accept: function(file, done) { + if (file.name == "justinbieber.jpg") { + done("Naha, you don't."); + } else { + done(); + } + } + }); + + // Due date. For more info, please visit the official plugin site: https://flatpickr.js.org/ + var dueDate = $(form.querySelector('[name="due_date"]')); + dueDate.flatpickr({ + enableTime: true, + dateFormat: "d, M Y, H:i", + }); + + // Ticket user. For more info, plase visit the official plugin site: https://select2.org/ + $(form.querySelector('[name="user"]')).on('change', function() { + // Revalidate the field when an option is chosen + validator.revalidateField('user'); + }); + + // Ticket status. For more info, plase visit the official plugin site: https://select2.org/ + $(form.querySelector('[name="status"]')).on('change', function() { + // Revalidate the field when an option is chosen + validator.revalidateField('status'); + }); + } + + // Handle form validation and submittion + var handleForm = function() { + // Stepper custom navigation + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + subject: { + validators: { + notEmpty: { + message: 'Ticket subject is required' + } + } + }, + user: { + validators: { + notEmpty: { + message: 'Ticket user is required' + } + } + }, + due_date: { + validators: { + notEmpty: { + message: 'Ticket due date is required' + } + } + }, + description: { + validators: { + notEmpty: { + message: 'Target description is required' + } + } + }, + 'notifications[]': { + validators: { + notEmpty: { + message: 'Please select at least one notifications method' + } + } + }, + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Action buttons + submitButton.addEventListener('click', function (e) { + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + setTimeout(function() { + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show success message. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + } + }); + + //form.submit(); // Submit form + }, 2000); + } else { + // Show error message. + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + + cancelButton.addEventListener('click', function (e) { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + } + + return { + // Public functions + init: function () { + // Elements + modalEl = document.querySelector('#kt_modal_new_ticket'); + + if (!modalEl) { + return; + } + + modal = new bootstrap.Modal(modalEl); + + form = document.querySelector('#kt_modal_new_ticket_form'); + submitButton = document.getElementById('kt_modal_new_ticket_submit'); + cancelButton = document.getElementById('kt_modal_new_ticket_cancel'); + + initForm(); + handleForm(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTModalNewTicket.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/user-management/permissions/add-permission.js b/public/assets/js/custom/apps/user-management/permissions/add-permission.js new file mode 100644 index 0000000..f9a1368 --- /dev/null +++ b/public/assets/js/custom/apps/user-management/permissions/add-permission.js @@ -0,0 +1,166 @@ +"use strict"; + +// Class definition +var KTUsersAddPermission = function () { + // Shared variables + const element = document.getElementById('kt_modal_add_permission'); + const form = element.querySelector('#kt_modal_add_permission_form'); + const modal = new bootstrap.Modal(element); + + // Init add schedule modal + var initAddPermission = () => { + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + var validator = FormValidation.formValidation( + form, + { + fields: { + 'permission_name': { + validators: { + notEmpty: { + message: 'Permission name is required' + } + } + }, + }, + + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Close button handler + const closeButton = element.querySelector('[data-kt-permissions-modal-action="close"]'); + closeButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to close?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, close it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + modal.hide(); // Hide modal + } + }); + }); + + // Cancel button handler + const cancelButton = element.querySelector('[data-kt-permissions-modal-action="cancel"]'); + cancelButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Submit button handler + const submitButton = element.querySelector('[data-kt-permissions-modal-action="submit"]'); + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate form submission. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + setTimeout(function () { + // Remove loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + } + }); + + //form.submit(); // Submit form + }, 2000); + } else { + // Show popup warning. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + } + + return { + // Public functions + init: function () { + initAddPermission(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersAddPermission.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/user-management/permissions/list.js b/public/assets/js/custom/apps/user-management/permissions/list.js new file mode 100644 index 0000000..02b3fef --- /dev/null +++ b/public/assets/js/custom/apps/user-management/permissions/list.js @@ -0,0 +1,117 @@ +"use strict"; + +// Class definition +var KTUsersPermissionsList = function () { + // Shared variables + var datatable; + var table; + + // Init add schedule modal + var initPermissionsList = () => { + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[2].innerHTML, "DD MMM YYYY, LT").format(); // select date from 2nd column in table + dateRow[2].setAttribute('data-order', realDate); + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + datatable = $(table).DataTable({ + "info": false, + 'order': [], + 'columnDefs': [ + { orderable: false, targets: 1 }, // Disable ordering on column 1 (assigned) + { orderable: false, targets: 3 }, // Disable ordering on column 3 (actions) + ] + }); + } + + // Search Datatable --- official docs reference: https://datatables.net/reference/api/search() + var handleSearchDatatable = () => { + const filterSearch = document.querySelector('[data-kt-permissions-table-filter="search"]'); + filterSearch.addEventListener('keyup', function (e) { + datatable.search(e.target.value).draw(); + }); + } + + // Delete user + var handleDeleteRows = () => { + // Select all delete buttons + const deleteButtons = table.querySelectorAll('[data-kt-permissions-table-filter="delete_row"]'); + + deleteButtons.forEach(d => { + // Delete button on click + d.addEventListener('click', function (e) { + e.preventDefault(); + + // Select parent row + const parent = e.target.closest('tr'); + + // Get permission name + const permissionName = parent.querySelectorAll('td')[0].innerText; + + // SweetAlert2 pop up --- official docs reference: https://sweetalert2.github.io/ + Swal.fire({ + text: "Are you sure you want to delete " + permissionName + "?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete!", + cancelButtonText: "No, cancel", + customClass: { + confirmButton: "btn fw-bold btn-danger", + cancelButton: "btn fw-bold btn-active-light-primary" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have deleted " + permissionName + "!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }).then(function () { + // Remove current row + datatable.row($(parent)).remove().draw(); + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: customerName + " was not deleted.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }); + } + }); + }) + }); + } + + + return { + // Public functions + init: function () { + table = document.querySelector('#kt_permissions_table'); + + if (!table) { + return; + } + + initPermissionsList(); + handleSearchDatatable(); + handleDeleteRows(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersPermissionsList.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/user-management/permissions/update-permission.js b/public/assets/js/custom/apps/user-management/permissions/update-permission.js new file mode 100644 index 0000000..c589428 --- /dev/null +++ b/public/assets/js/custom/apps/user-management/permissions/update-permission.js @@ -0,0 +1,166 @@ +"use strict"; + +// Class definition +var KTUsersUpdatePermission = function () { + // Shared variables + const element = document.getElementById('kt_modal_update_permission'); + const form = element.querySelector('#kt_modal_update_permission_form'); + const modal = new bootstrap.Modal(element); + + // Init add schedule modal + var initUpdatePermission = () => { + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + var validator = FormValidation.formValidation( + form, + { + fields: { + 'permission_name': { + validators: { + notEmpty: { + message: 'Permission name is required' + } + } + }, + }, + + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Close button handler + const closeButton = element.querySelector('[data-kt-permissions-modal-action="close"]'); + closeButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to close?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, close it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + modal.hide(); // Hide modal + } + }); + }); + + // Cancel button handler + const cancelButton = element.querySelector('[data-kt-permissions-modal-action="cancel"]'); + cancelButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Submit button handler + const submitButton = element.querySelector('[data-kt-permissions-modal-action="submit"]'); + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate form submission. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + setTimeout(function () { + // Remove loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + } + }); + + //form.submit(); // Submit form + }, 2000); + } else { + // Show popup warning. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + } + + return { + // Public functions + init: function () { + initUpdatePermission(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersUpdatePermission.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/user-management/roles/list/add.js b/public/assets/js/custom/apps/user-management/roles/list/add.js new file mode 100644 index 0000000..7b86b8f --- /dev/null +++ b/public/assets/js/custom/apps/user-management/roles/list/add.js @@ -0,0 +1,185 @@ +"use strict"; + +// Class definition +var KTUsersAddRole = function () { + // Shared variables + const element = document.getElementById('kt_modal_add_role'); + const form = element.querySelector('#kt_modal_add_role_form'); + const modal = new bootstrap.Modal(element); + + // Init add schedule modal + var initAddRole = () => { + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + var validator = FormValidation.formValidation( + form, + { + fields: { + 'role_name': { + validators: { + notEmpty: { + message: 'Role name is required' + } + } + }, + }, + + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Close button handler + const closeButton = element.querySelector('[data-kt-roles-modal-action="close"]'); + closeButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to close?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, close it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + modal.hide(); // Hide modal + } + }); + }); + + // Cancel button handler + const cancelButton = element.querySelector('[data-kt-roles-modal-action="cancel"]'); + cancelButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Submit button handler + const submitButton = element.querySelector('[data-kt-roles-modal-action="submit"]'); + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate form submission. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + setTimeout(function () { + // Remove loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + } + }); + + //form.submit(); // Submit form + }, 2000); + } else { + // Show popup warning. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + + + } + + // Select all handler + const handleSelectAll = () =>{ + // Define variables + const selectAll = form.querySelector('#kt_roles_select_all'); + const allCheckboxes = form.querySelectorAll('[type="checkbox"]'); + + // Handle check state + selectAll.addEventListener('change', e => { + + // Apply check state to all checkboxes + allCheckboxes.forEach(c => { + c.checked = e.target.checked; + }); + }); + } + + return { + // Public functions + init: function () { + initAddRole(); + handleSelectAll(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersAddRole.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/user-management/roles/list/update-role.js b/public/assets/js/custom/apps/user-management/roles/list/update-role.js new file mode 100644 index 0000000..6b00118 --- /dev/null +++ b/public/assets/js/custom/apps/user-management/roles/list/update-role.js @@ -0,0 +1,183 @@ +"use strict"; + +// Class definition +var KTUsersUpdatePermissions = function () { + // Shared variables + const element = document.getElementById('kt_modal_update_role'); + const form = element.querySelector('#kt_modal_update_role_form'); + const modal = new bootstrap.Modal(element); + + // Init add schedule modal + var initUpdatePermissions = () => { + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + var validator = FormValidation.formValidation( + form, + { + fields: { + 'role_name': { + validators: { + notEmpty: { + message: 'Role name is required' + } + } + }, + }, + + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Close button handler + const closeButton = element.querySelector('[data-kt-roles-modal-action="close"]'); + closeButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to close?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, close it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + modal.hide(); // Hide modal + } + }); + }); + + // Cancel button handler + const cancelButton = element.querySelector('[data-kt-roles-modal-action="cancel"]'); + cancelButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Submit button handler + const submitButton = element.querySelector('[data-kt-roles-modal-action="submit"]'); + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate form submission. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + setTimeout(function () { + // Remove loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + } + }); + + //form.submit(); // Submit form + }, 2000); + } else { + // Show popup warning. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + } + + // Select all handler + const handleSelectAll = () => { + // Define variables + const selectAll = form.querySelector('#kt_roles_select_all'); + const allCheckboxes = form.querySelectorAll('[type="checkbox"]'); + + // Handle check state + selectAll.addEventListener('change', e => { + + // Apply check state to all checkboxes + allCheckboxes.forEach(c => { + c.checked = e.target.checked; + }); + }); + } + + return { + // Public functions + init: function () { + initUpdatePermissions(); + handleSelectAll(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersUpdatePermissions.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/user-management/roles/view/update-role.js b/public/assets/js/custom/apps/user-management/roles/view/update-role.js new file mode 100644 index 0000000..6b00118 --- /dev/null +++ b/public/assets/js/custom/apps/user-management/roles/view/update-role.js @@ -0,0 +1,183 @@ +"use strict"; + +// Class definition +var KTUsersUpdatePermissions = function () { + // Shared variables + const element = document.getElementById('kt_modal_update_role'); + const form = element.querySelector('#kt_modal_update_role_form'); + const modal = new bootstrap.Modal(element); + + // Init add schedule modal + var initUpdatePermissions = () => { + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + var validator = FormValidation.formValidation( + form, + { + fields: { + 'role_name': { + validators: { + notEmpty: { + message: 'Role name is required' + } + } + }, + }, + + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Close button handler + const closeButton = element.querySelector('[data-kt-roles-modal-action="close"]'); + closeButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to close?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, close it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + modal.hide(); // Hide modal + } + }); + }); + + // Cancel button handler + const cancelButton = element.querySelector('[data-kt-roles-modal-action="cancel"]'); + cancelButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Submit button handler + const submitButton = element.querySelector('[data-kt-roles-modal-action="submit"]'); + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate form submission. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + setTimeout(function () { + // Remove loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + } + }); + + //form.submit(); // Submit form + }, 2000); + } else { + // Show popup warning. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + } + + // Select all handler + const handleSelectAll = () => { + // Define variables + const selectAll = form.querySelector('#kt_roles_select_all'); + const allCheckboxes = form.querySelectorAll('[type="checkbox"]'); + + // Handle check state + selectAll.addEventListener('change', e => { + + // Apply check state to all checkboxes + allCheckboxes.forEach(c => { + c.checked = e.target.checked; + }); + }); + } + + return { + // Public functions + init: function () { + initUpdatePermissions(); + handleSelectAll(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersUpdatePermissions.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/user-management/roles/view/view.js b/public/assets/js/custom/apps/user-management/roles/view/view.js new file mode 100644 index 0000000..732b982 --- /dev/null +++ b/public/assets/js/custom/apps/user-management/roles/view/view.js @@ -0,0 +1,225 @@ +"use strict"; + +// Class definition +var KTUsersViewRole = function () { + // Shared variables + var datatable; + var table; + + // Init add schedule modal + var initViewRole = () => { + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const realDate = moment(dateRow[3].innerHTML, "DD MMM YYYY, LT").format(); // select date from 5th column in table + dateRow[3].setAttribute('data-order', realDate); + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + datatable = $(table).DataTable({ + "info": false, + 'order': [], + "pageLength": 5, + "lengthChange": false, + 'columnDefs': [ + { orderable: false, targets: 0 }, // Disable ordering on column 0 (checkbox) + { orderable: false, targets: 4 }, // Disable ordering on column 4 (actions) + ] + }); + } + + // Search Datatable --- official docs reference: https://datatables.net/reference/api/search() + var handleSearchDatatable = () => { + const filterSearch = document.querySelector('[data-kt-roles-table-filter="search"]'); + filterSearch.addEventListener('keyup', function (e) { + datatable.search(e.target.value).draw(); + }); + } + + // Delete user + var handleDeleteRows = () => { + // Select all delete buttons + const deleteButtons = table.querySelectorAll('[data-kt-roles-table-filter="delete_row"]'); + + deleteButtons.forEach(d => { + // Delete button on click + d.addEventListener('click', function (e) { + e.preventDefault(); + + // Select parent row + const parent = e.target.closest('tr'); + + // Get customer name + const userName = parent.querySelectorAll('td')[1].innerText; + + // SweetAlert2 pop up --- official docs reference: https://sweetalert2.github.io/ + Swal.fire({ + text: "Are you sure you want to delete " + userName + "?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete!", + cancelButtonText: "No, cancel", + customClass: { + confirmButton: "btn fw-bold btn-danger", + cancelButton: "btn fw-bold btn-active-light-primary" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have deleted " + userName + "!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }).then(function () { + // Remove current row + datatable.row($(parent)).remove().draw(); + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: customerName + " was not deleted.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }); + } + }); + }) + }); + } + + // Init toggle toolbar + var initToggleToolbar = () => { + // Toggle selected action toolbar + // Select all checkboxes + const checkboxes = table.querySelectorAll('[type="checkbox"]'); + + // Select elements + const deleteSelected = document.querySelector('[data-kt-view-roles-table-select="delete_selected"]'); + + // Toggle delete selected toolbar + checkboxes.forEach(c => { + // Checkbox on click event + c.addEventListener('click', function () { + setTimeout(function () { + toggleToolbars(); + }, 50); + }); + }); + + // Deleted selected rows + deleteSelected.addEventListener('click', function () { + // SweetAlert2 pop up --- official docs reference: https://sweetalert2.github.io/ + Swal.fire({ + text: "Are you sure you want to delete selected customers?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete!", + cancelButtonText: "No, cancel", + customClass: { + confirmButton: "btn fw-bold btn-danger", + cancelButton: "btn fw-bold btn-active-light-primary" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have deleted all selected customers!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }).then(function () { + // Remove all selected customers + checkboxes.forEach(c => { + if (c.checked) { + datatable.row($(c.closest('tbody tr'))).remove().draw(); + } + }); + + // Remove header checked box + const headerCheckbox = table.querySelectorAll('[type="checkbox"]')[0]; + headerCheckbox.checked = false; + }).then(function(){ + toggleToolbars(); // Detect checked checkboxes + initToggleToolbar(); // Re-init toolbar to recalculate checkboxes + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Selected customers was not deleted.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }); + } + }); + }); + } + + // Toggle toolbars + const toggleToolbars = () => { + // Define variables + const toolbarBase = document.querySelector('[data-kt-view-roles-table-toolbar="base"]'); + const toolbarSelected = document.querySelector('[data-kt-view-roles-table-toolbar="selected"]'); + const selectedCount = document.querySelector('[data-kt-view-roles-table-select="selected_count"]'); + + // Select refreshed checkbox DOM elements + const allCheckboxes = table.querySelectorAll('tbody [type="checkbox"]'); + + // Detect checkboxes state & count + let checkedState = false; + let count = 0; + + // Count checked boxes + allCheckboxes.forEach(c => { + if (c.checked) { + checkedState = true; + count++; + } + }); + + // Toggle toolbars + if (checkedState) { + selectedCount.innerHTML = count; + toolbarBase.classList.add('d-none'); + toolbarSelected.classList.remove('d-none'); + } else { + toolbarBase.classList.remove('d-none'); + toolbarSelected.classList.add('d-none'); + } + } + + return { + // Public functions + init: function () { + table = document.querySelector('#kt_roles_view_table'); + + if (!table) { + return; + } + + initViewRole(); + handleSearchDatatable(); + handleDeleteRows(); + initToggleToolbar(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersViewRole.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/user-management/users/list/add.js b/public/assets/js/custom/apps/user-management/users/list/add.js new file mode 100644 index 0000000..1b75a8c --- /dev/null +++ b/public/assets/js/custom/apps/user-management/users/list/add.js @@ -0,0 +1,183 @@ +"use strict"; + +// Class definition +var KTUsersAddUser = function () { + // Shared variables + const element = document.getElementById('kt_modal_add_user'); + const form = element.querySelector('#kt_modal_add_user_form'); + const modal = new bootstrap.Modal(element); + + // Init add schedule modal + var initAddUser = () => { + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + var validator = FormValidation.formValidation( + form, + { + fields: { + 'user_name': { + validators: { + notEmpty: { + message: 'Full name is required' + } + } + }, + 'user_email': { + validators: { + notEmpty: { + message: 'Valid email address is required' + } + } + }, + }, + + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Submit button handler + const submitButton = element.querySelector('[data-kt-users-modal-action="submit"]'); + submitButton.addEventListener('click', e => { + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate form submission. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + setTimeout(function () { + // Remove loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + } + }); + + //form.submit(); // Submit form + }, 2000); + } else { + // Show popup warning. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + + // Cancel button handler + const cancelButton = element.querySelector('[data-kt-users-modal-action="cancel"]'); + cancelButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Close button handler + const closeButton = element.querySelector('[data-kt-users-modal-action="close"]'); + closeButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + } + + return { + // Public functions + init: function () { + initAddUser(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersAddUser.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/user-management/users/list/export-users.js b/public/assets/js/custom/apps/user-management/users/list/export-users.js new file mode 100644 index 0000000..0de7636 --- /dev/null +++ b/public/assets/js/custom/apps/user-management/users/list/export-users.js @@ -0,0 +1,170 @@ +"use strict"; + +// Class definition +var KTModalExportUsers = function () { + // Shared variables + const element = document.getElementById('kt_modal_export_users'); + const form = element.querySelector('#kt_modal_export_users_form'); + const modal = new bootstrap.Modal(element); + + // Init form inputs + var initForm = function () { + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + var validator = FormValidation.formValidation( + form, + { + fields: { + 'format': { + validators: { + notEmpty: { + message: 'File format is required' + } + } + }, + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Submit button handler + const submitButton = element.querySelector('[data-kt-users-modal-action="submit"]'); + submitButton.addEventListener('click', function (e) { + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable submit button whilst loading + submitButton.disabled = true; + + setTimeout(function () { + submitButton.removeAttribute('data-kt-indicator'); + + Swal.fire({ + text: "User list has been successfully exported!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + + // Enable submit button after loading + submitButton.disabled = false; + } + }); + + //form.submit(); // Submit form + }, 2000); + } else { + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + + // Cancel button handler + const cancelButton = element.querySelector('[data-kt-users-modal-action="cancel"]'); + cancelButton.addEventListener('click', function (e) { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Close button handler + const closeButton = element.querySelector('[data-kt-users-modal-action="close"]'); + closeButton.addEventListener('click', function (e) { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + } + + return { + // Public functions + init: function () { + initForm(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTModalExportUsers.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/user-management/users/list/table.js b/public/assets/js/custom/apps/user-management/users/list/table.js new file mode 100644 index 0000000..87e9ce3 --- /dev/null +++ b/public/assets/js/custom/apps/user-management/users/list/table.js @@ -0,0 +1,315 @@ +"use strict"; + +var KTUsersList = function () { + // Define shared variables + var table = document.getElementById('kt_table_users'); + var datatable; + var toolbarBase; + var toolbarSelected; + var selectedCount; + + // Private functions + var initUserTable = function () { + // Set date data order + const tableRows = table.querySelectorAll('tbody tr'); + + tableRows.forEach(row => { + const dateRow = row.querySelectorAll('td'); + const lastLogin = dateRow[3].innerText.toLowerCase(); // Get last login time + let timeCount = 0; + let timeFormat = 'minutes'; + + // Determine date & time format -- add more formats when necessary + if (lastLogin.includes('yesterday')) { + timeCount = 1; + timeFormat = 'days'; + } else if (lastLogin.includes('mins')) { + timeCount = parseInt(lastLogin.replace(/\D/g, '')); + timeFormat = 'minutes'; + } else if (lastLogin.includes('hours')) { + timeCount = parseInt(lastLogin.replace(/\D/g, '')); + timeFormat = 'hours'; + } else if (lastLogin.includes('days')) { + timeCount = parseInt(lastLogin.replace(/\D/g, '')); + timeFormat = 'days'; + } else if (lastLogin.includes('weeks')) { + timeCount = parseInt(lastLogin.replace(/\D/g, '')); + timeFormat = 'weeks'; + } + + // Subtract date/time from today -- more info on moment datetime subtraction: https://momentjs.com/docs/#/durations/subtract/ + const realDate = moment().subtract(timeCount, timeFormat).format(); + + // Insert real date to last login attribute + dateRow[3].setAttribute('data-order', realDate); + + // Set real date for joined column + const joinedDate = moment(dateRow[5].innerHTML, "DD MMM YYYY, LT").format(); // select date from 5th column in table + dateRow[5].setAttribute('data-order', joinedDate); + }); + + // Init datatable --- more info on datatables: https://datatables.net/manual/ + datatable = $(table).DataTable({ + "info": false, + 'order': [], + "pageLength": 10, + "lengthChange": false, + 'columnDefs': [ + { orderable: false, targets: 0 }, // Disable ordering on column 0 (checkbox) + { orderable: false, targets: 6 }, // Disable ordering on column 6 (actions) + ] + }); + + // Re-init functions on every table re-draw -- more info: https://datatables.net/reference/event/draw + datatable.on('draw', function () { + initToggleToolbar(); + handleDeleteRows(); + toggleToolbars(); + }); + } + + // Search Datatable --- official docs reference: https://datatables.net/reference/api/search() + var handleSearchDatatable = () => { + const filterSearch = document.querySelector('[data-kt-user-table-filter="search"]'); + filterSearch.addEventListener('keyup', function (e) { + datatable.search(e.target.value).draw(); + }); + } + + // Filter Datatable + var handleFilterDatatable = () => { + // Select filter options + const filterForm = document.querySelector('[data-kt-user-table-filter="form"]'); + const filterButton = filterForm.querySelector('[data-kt-user-table-filter="filter"]'); + const selectOptions = filterForm.querySelectorAll('select'); + + // Filter datatable on submit + filterButton.addEventListener('click', function () { + var filterString = ''; + + // Get filter values + selectOptions.forEach((item, index) => { + if (item.value && item.value !== '') { + if (index !== 0) { + filterString += ' '; + } + + // Build filter value options + filterString += item.value; + } + }); + + // Filter datatable --- official docs reference: https://datatables.net/reference/api/search() + datatable.search(filterString).draw(); + }); + } + + // Reset Filter + var handleResetForm = () => { + // Select reset button + const resetButton = document.querySelector('[data-kt-user-table-filter="reset"]'); + + // Reset datatable + resetButton.addEventListener('click', function () { + // Select filter options + const filterForm = document.querySelector('[data-kt-user-table-filter="form"]'); + const selectOptions = filterForm.querySelectorAll('select'); + + // Reset select2 values -- more info: https://select2.org/programmatic-control/add-select-clear-items + selectOptions.forEach(select => { + $(select).val('').trigger('change'); + }); + + // Reset datatable --- official docs reference: https://datatables.net/reference/api/search() + datatable.search('').draw(); + }); + } + + + // Delete subscirption + var handleDeleteRows = () => { + // Select all delete buttons + const deleteButtons = table.querySelectorAll('[data-kt-users-table-filter="delete_row"]'); + + deleteButtons.forEach(d => { + // Delete button on click + d.addEventListener('click', function (e) { + e.preventDefault(); + + // Select parent row + const parent = e.target.closest('tr'); + + // Get user name + const userName = parent.querySelectorAll('td')[1].querySelectorAll('a')[1].innerText; + + // SweetAlert2 pop up --- official docs reference: https://sweetalert2.github.io/ + Swal.fire({ + text: "Are you sure you want to delete " + userName + "?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete!", + cancelButtonText: "No, cancel", + customClass: { + confirmButton: "btn fw-bold btn-danger", + cancelButton: "btn fw-bold btn-active-light-primary" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have deleted " + userName + "!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }).then(function () { + // Remove current row + datatable.row($(parent)).remove().draw(); + }).then(function () { + // Detect checked checkboxes + toggleToolbars(); + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: customerName + " was not deleted.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }); + } + }); + }) + }); + } + + // Init toggle toolbar + var initToggleToolbar = () => { + // Toggle selected action toolbar + // Select all checkboxes + const checkboxes = table.querySelectorAll('[type="checkbox"]'); + + // Select elements + toolbarBase = document.querySelector('[data-kt-user-table-toolbar="base"]'); + toolbarSelected = document.querySelector('[data-kt-user-table-toolbar="selected"]'); + selectedCount = document.querySelector('[data-kt-user-table-select="selected_count"]'); + const deleteSelected = document.querySelector('[data-kt-user-table-select="delete_selected"]'); + + // Toggle delete selected toolbar + checkboxes.forEach(c => { + // Checkbox on click event + c.addEventListener('click', function () { + setTimeout(function () { + toggleToolbars(); + }, 50); + }); + }); + + // Deleted selected rows + deleteSelected.addEventListener('click', function () { + // SweetAlert2 pop up --- official docs reference: https://sweetalert2.github.io/ + Swal.fire({ + text: "Are you sure you want to delete selected customers?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, delete!", + cancelButtonText: "No, cancel", + customClass: { + confirmButton: "btn fw-bold btn-danger", + cancelButton: "btn fw-bold btn-active-light-primary" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have deleted all selected customers!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }).then(function () { + // Remove all selected customers + checkboxes.forEach(c => { + if (c.checked) { + datatable.row($(c.closest('tbody tr'))).remove().draw(); + } + }); + + // Remove header checked box + const headerCheckbox = table.querySelectorAll('[type="checkbox"]')[0]; + headerCheckbox.checked = false; + }).then(function () { + toggleToolbars(); // Detect checked checkboxes + initToggleToolbar(); // Re-init toolbar to recalculate checkboxes + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Selected customers was not deleted.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-primary", + } + }); + } + }); + }); + } + + // Toggle toolbars + const toggleToolbars = () => { + // Select refreshed checkbox DOM elements + const allCheckboxes = table.querySelectorAll('tbody [type="checkbox"]'); + + // Detect checkboxes state & count + let checkedState = false; + let count = 0; + + // Count checked boxes + allCheckboxes.forEach(c => { + if (c.checked) { + checkedState = true; + count++; + } + }); + + // Toggle toolbars + if (checkedState) { + selectedCount.innerHTML = count; + toolbarBase.classList.add('d-none'); + toolbarSelected.classList.remove('d-none'); + } else { + toolbarBase.classList.remove('d-none'); + toolbarSelected.classList.add('d-none'); + } + } + + return { + // Public functions + init: function () { + if (!table) { + return; + } + + initUserTable(); + initToggleToolbar(); + handleSearchDatatable(); + handleResetForm(); + handleDeleteRows(); + handleFilterDatatable(); + + } + } +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersList.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/user-management/users/view/add-auth-app.js b/public/assets/js/custom/apps/user-management/users/view/add-auth-app.js new file mode 100644 index 0000000..ca71185 --- /dev/null +++ b/public/assets/js/custom/apps/user-management/users/view/add-auth-app.js @@ -0,0 +1,81 @@ +"use strict"; + +// Class definition +var KTUsersAddAuthApp = function () { + // Shared variables + const element = document.getElementById('kt_modal_add_auth_app'); + const modal = new bootstrap.Modal(element); + + // Init add schedule modal + var initAddAuthApp = () => { + + // Close button handler + const closeButton = element.querySelector('[data-kt-users-modal-action="close"]'); + closeButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to close?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, close it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + modal.hide(); // Hide modal + } + }); + }); + + } + + // QR code to text code swapper + var initCodeSwap = () => { + const qrCode = element.querySelector('[ data-kt-add-auth-action="qr-code"]'); + const textCode = element.querySelector('[ data-kt-add-auth-action="text-code"]'); + const qrCodeButton = element.querySelector('[ data-kt-add-auth-action="qr-code-button"]'); + const textCodeButton = element.querySelector('[ data-kt-add-auth-action="text-code-button"]'); + const qrCodeLabel = element.querySelector('[ data-kt-add-auth-action="qr-code-label"]'); + const textCodeLabel = element.querySelector('[ data-kt-add-auth-action="text-code-label"]'); + + const toggleClass = () =>{ + qrCode.classList.toggle('d-none'); + qrCodeButton.classList.toggle('d-none'); + qrCodeLabel.classList.toggle('d-none'); + textCode.classList.toggle('d-none'); + textCodeButton.classList.toggle('d-none'); + textCodeLabel.classList.toggle('d-none'); + } + + // Swap to text code handler + textCodeButton.addEventListener('click', e =>{ + e.preventDefault(); + + toggleClass(); + }); + + qrCodeButton.addEventListener('click', e =>{ + e.preventDefault(); + + toggleClass(); + }); + } + + return { + // Public functions + init: function () { + initAddAuthApp(); + initCodeSwap(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersAddAuthApp.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/user-management/users/view/add-one-time-password.js b/public/assets/js/custom/apps/user-management/users/view/add-one-time-password.js new file mode 100644 index 0000000..af78deb --- /dev/null +++ b/public/assets/js/custom/apps/user-management/users/view/add-one-time-password.js @@ -0,0 +1,173 @@ +"use strict"; + +// Class definition +var KTUsersAddOneTimePassword = function () { + // Shared variables + const element = document.getElementById('kt_modal_add_one_time_password'); + const form = element.querySelector('#kt_modal_add_one_time_password_form'); + const modal = new bootstrap.Modal(element); + + // Init one time password modal + var initAddOneTimePassword = () => { + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + var validator = FormValidation.formValidation( + form, + { + fields: { + 'otp_mobile_number': { + validators: { + notEmpty: { + message: 'Valid mobile number is required' + } + } + }, + 'otp_confirm_password': { + validators: { + notEmpty: { + message: 'Password confirmation is required' + } + } + }, + }, + + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Close button handler + const closeButton = element.querySelector('[data-kt-users-modal-action="close"]'); + closeButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to close?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, close it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + modal.hide(); // Hide modal + } + }); + }); + + // Cancel button handler + const cancelButton = element.querySelector('[data-kt-users-modal-action="cancel"]'); + cancelButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Submit button handler + const submitButton = element.querySelector('[data-kt-users-modal-action="submit"]'); + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate form submission. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + setTimeout(function () { + // Remove loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + } + }); + + //form.submit(); // Submit form + }, 2000); + } else { + // Show popup warning. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + } + + return { + // Public functions + init: function () { + initAddOneTimePassword(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersAddOneTimePassword.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/user-management/users/view/add-schedule.js b/public/assets/js/custom/apps/user-management/users/view/add-schedule.js new file mode 100644 index 0000000..7e91b55 --- /dev/null +++ b/public/assets/js/custom/apps/user-management/users/view/add-schedule.js @@ -0,0 +1,223 @@ +"use strict"; + +// Class definition +var KTUsersAddSchedule = function () { + // Shared variables + const element = document.getElementById('kt_modal_add_schedule'); + const form = element.querySelector('#kt_modal_add_schedule_form'); + const modal = new bootstrap.Modal(element); + + // Init add schedule modal + var initAddSchedule = () => { + + // Init flatpickr -- for more info: https://flatpickr.js.org/ + $("#kt_modal_add_schedule_datepicker").flatpickr({ + enableTime: true, + dateFormat: "Y-m-d H:i", + }); + + // Init tagify -- for more info: https://yaireo.github.io/tagify/ + const tagifyInput = form.querySelector('#kt_modal_add_schedule_tagify'); + new Tagify(tagifyInput, { + whitelist: ["sean@dellito.com", "brian@exchange.com", "mikaela@pexcom.com", "f.mitcham@kpmg.com.au", "olivia@corpmail.com", "owen.neil@gmail.com", "dam@consilting.com", "emma@intenso.com", "ana.cf@limtel.com", "robert@benko.com", "lucy.m@fentech.com", "ethan@loop.com.au"], + maxTags: 10, + dropdown: { + maxItems: 20, // <- mixumum allowed rendered suggestions + classname: "tagify__inline__suggestions", // <- custom classname for this dropdown, so it could be targeted + enabled: 0, // <- show suggestions on focus + closeOnSelect: false // <- do not hide the suggestions dropdown once an item has been selected + } + }); + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + var validator = FormValidation.formValidation( + form, + { + fields: { + 'event_datetime': { + validators: { + notEmpty: { + message: 'Event date & time is required' + } + } + }, + 'event_name': { + validators: { + notEmpty: { + message: 'Event name is required' + } + } + }, + 'event_org': { + validators: { + notEmpty: { + message: 'Event organiser is required' + } + } + }, + 'event_invitees': { + validators: { + notEmpty: { + message: 'Event invitees is required' + } + } + }, + }, + + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Revalidate country field. For more info, plase visit the official plugin site: https://select2.org/ + $(form.querySelector('[name="event_invitees"]')).on('change', function () { + // Revalidate the field when an option is chosen + validator.revalidateField('event_invitees'); + }); + + // Close button handler + const closeButton = element.querySelector('[data-kt-users-modal-action="close"]'); + closeButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Cancel button handler + const cancelButton = element.querySelector('[data-kt-users-modal-action="cancel"]'); + cancelButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Submit button handler + const submitButton = element.querySelector('[data-kt-users-modal-action="submit"]'); + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate form submission. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + setTimeout(function() { + // Remove loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + } + }); + + //form.submit(); // Submit form + }, 2000); + } else { + // Show popup warning. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + } + + return { + // Public functions + init: function () { + initAddSchedule(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersAddSchedule.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/user-management/users/view/add-task.js b/public/assets/js/custom/apps/user-management/users/view/add-task.js new file mode 100644 index 0000000..2986672 --- /dev/null +++ b/public/assets/js/custom/apps/user-management/users/view/add-task.js @@ -0,0 +1,324 @@ +"use strict"; + +// Class definition +var KTUsersAddTask = function () { + // Shared variables + const element = document.getElementById('kt_modal_add_task'); + const form = element.querySelector('#kt_modal_add_task_form'); + const modal = new bootstrap.Modal(element); + + // Init add task modal + var initAddTask = () => { + + // Init flatpickr -- for more info: https://flatpickr.js.org/ + $("#kt_modal_add_task_datepicker").flatpickr({ + dateFormat: "Y-m-d", + }); + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + var validator = FormValidation.formValidation( + form, + { + fields: { + 'task_duedate': { + validators: { + notEmpty: { + message: 'Task due date is required' + } + } + }, + 'task_name': { + validators: { + notEmpty: { + message: 'Task name is required' + } + } + }, + }, + + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Close button handler + const closeButton = element.querySelector('[data-kt-users-modal-action="close"]'); + closeButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Cancel button handler + const cancelButton = element.querySelector('[data-kt-users-modal-action="cancel"]'); + cancelButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Submit button handler + const submitButton = element.querySelector('[data-kt-users-modal-action="submit"]'); + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate form submission. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + setTimeout(function () { + // Remove loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + } + }); + + //form.submit(); // Submit form + }, 2000); + } else { + // Show popup warning. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + } + }); + } + + // Init update task status + var initUpdateTaskStatus = () => { + const allTaskMenus = document.querySelectorAll('[data-kt-menu-id="kt-users-tasks"]'); + + allTaskMenus.forEach(el => { + const resetButton = el.querySelector('[data-kt-users-update-task-status="reset"]'); + const submitButton = el.querySelector('[data-kt-users-update-task-status="submit"]'); + const taskForm = el.querySelector('[data-kt-menu-id="kt-users-tasks-form"]'); + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + var validator = FormValidation.formValidation( + taskForm, + { + fields: { + 'task_status': { + validators: { + notEmpty: { + message: 'Task due date is required' + } + } + }, + }, + + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Revalidate country field. For more info, plase visit the official plugin site: https://select2.org/ + $(taskForm.querySelector('[name="task_status"]')).on('change', function () { + // Revalidate the field when an option is chosen + validator.revalidateField('task_status'); + }); + + // Reset action handler + resetButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to reset?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, reset it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + taskForm.reset(); // Reset form + el.hide(); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form was not reset!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Submit action handler + submitButton.addEventListener('click', e => { + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate form submission. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + setTimeout(function () { + // Remove loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + el.hide(); + } + }); + + //taskForm.submit(); // Submit form + }, 2000); + } else { + // Show popup warning. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function(){ + //el.show(); + }); + } + }); + } + }); + }); + } + + return { + // Public functions + init: function () { + initAddTask(); + initUpdateTaskStatus(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersAddTask.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/user-management/users/view/update-details.js b/public/assets/js/custom/apps/user-management/users/view/update-details.js new file mode 100644 index 0000000..17c2c66 --- /dev/null +++ b/public/assets/js/custom/apps/user-management/users/view/update-details.js @@ -0,0 +1,132 @@ +"use strict"; + +// Class definition +var KTUsersUpdateDetails = function () { + // Shared variables + const element = document.getElementById('kt_modal_update_details'); + const form = element.querySelector('#kt_modal_update_user_form'); + const modal = new bootstrap.Modal(element); + + // Init add schedule modal + var initUpdateDetails = () => { + + // Close button handler + const closeButton = element.querySelector('[data-kt-users-modal-action="close"]'); + closeButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Cancel button handler + const cancelButton = element.querySelector('[data-kt-users-modal-action="cancel"]'); + cancelButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Submit button handler + const submitButton = element.querySelector('[data-kt-users-modal-action="submit"]'); + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate form submission. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + setTimeout(function () { + // Remove loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + } + }); + + //form.submit(); // Submit form + }, 2000); + }); + } + + return { + // Public functions + init: function () { + initUpdateDetails(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersUpdateDetails.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/user-management/users/view/update-email.js b/public/assets/js/custom/apps/user-management/users/view/update-email.js new file mode 100644 index 0000000..cd8773c --- /dev/null +++ b/public/assets/js/custom/apps/user-management/users/view/update-email.js @@ -0,0 +1,166 @@ +"use strict"; + +// Class definition +var KTUsersUpdateEmail = function () { + // Shared variables + const element = document.getElementById('kt_modal_update_email'); + const form = element.querySelector('#kt_modal_update_email_form'); + const modal = new bootstrap.Modal(element); + + // Init add schedule modal + var initUpdateEmail = () => { + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + var validator = FormValidation.formValidation( + form, + { + fields: { + 'profile_email': { + validators: { + notEmpty: { + message: 'Email address is required' + } + } + }, + }, + + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Close button handler + const closeButton = element.querySelector('[data-kt-users-modal-action="close"]'); + closeButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Cancel button handler + const cancelButton = element.querySelector('[data-kt-users-modal-action="cancel"]'); + cancelButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Submit button handler + const submitButton = element.querySelector('[data-kt-users-modal-action="submit"]'); + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate form submission. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + setTimeout(function () { + // Remove loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + } + }); + + //form.submit(); // Submit form + }, 2000); + } + }); + } + }); + } + + return { + // Public functions + init: function () { + initUpdateEmail(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersUpdateEmail.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/user-management/users/view/update-password.js b/public/assets/js/custom/apps/user-management/users/view/update-password.js new file mode 100644 index 0000000..9110a89 --- /dev/null +++ b/public/assets/js/custom/apps/user-management/users/view/update-password.js @@ -0,0 +1,194 @@ +"use strict"; + +// Class definition +var KTUsersUpdatePassword = function () { + // Shared variables + const element = document.getElementById('kt_modal_update_password'); + const form = element.querySelector('#kt_modal_update_password_form'); + const modal = new bootstrap.Modal(element); + + // Init add schedule modal + var initUpdatePassword = () => { + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + var validator = FormValidation.formValidation( + form, + { + fields: { + 'current_password': { + validators: { + notEmpty: { + message: 'Current password is required' + } + } + }, + 'new_password': { + validators: { + notEmpty: { + message: 'The password is required' + }, + callback: { + message: 'Please enter valid password', + callback: function (input) { + if (input.value.length > 0) { + return validatePassword(); + } + } + } + } + }, + 'confirm_password': { + validators: { + notEmpty: { + message: 'The password confirmation is required' + }, + identical: { + compare: function () { + return form.querySelector('[name="new_password"]').value; + }, + message: 'The password and its confirm are not the same' + } + } + }, + }, + + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + // Close button handler + const closeButton = element.querySelector('[data-kt-users-modal-action="close"]'); + closeButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Cancel button handler + const cancelButton = element.querySelector('[data-kt-users-modal-action="cancel"]'); + cancelButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Submit button handler + const submitButton = element.querySelector('[data-kt-users-modal-action="submit"]'); + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Validate form before submit + if (validator) { + validator.validate().then(function (status) { + console.log('validated!'); + + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate form submission. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + setTimeout(function () { + // Remove loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + } + }); + + //form.submit(); // Submit form + }, 2000); + } + }); + } + }); + } + + return { + // Public functions + init: function () { + initUpdatePassword(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersUpdatePassword.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/user-management/users/view/update-role.js b/public/assets/js/custom/apps/user-management/users/view/update-role.js new file mode 100644 index 0000000..a7e7589 --- /dev/null +++ b/public/assets/js/custom/apps/user-management/users/view/update-role.js @@ -0,0 +1,132 @@ +"use strict"; + +// Class definition +var KTUsersUpdateRole = function () { + // Shared variables + const element = document.getElementById('kt_modal_update_role'); + const form = element.querySelector('#kt_modal_update_role_form'); + const modal = new bootstrap.Modal(element); + + // Init add schedule modal + var initUpdateRole = () => { + + // Close button handler + const closeButton = element.querySelector('[data-kt-users-modal-action="close"]'); + closeButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Cancel button handler + const cancelButton = element.querySelector('[data-kt-users-modal-action="cancel"]'); + cancelButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + modal.hide(); // Hide modal + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + + // Submit button handler + const submitButton = element.querySelector('[data-kt-users-modal-action="submit"]'); + submitButton.addEventListener('click', function (e) { + // Prevent default button action + e.preventDefault(); + + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate form submission. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + setTimeout(function () { + // Remove loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + modal.hide(); + } + }); + + //form.submit(); // Submit form + }, 2000); + }); + } + + return { + // Public functions + init: function () { + initUpdateRole(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersUpdateRole.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/apps/user-management/users/view/view.js b/public/assets/js/custom/apps/user-management/users/view/view.js new file mode 100644 index 0000000..7a50ff2 --- /dev/null +++ b/public/assets/js/custom/apps/user-management/users/view/view.js @@ -0,0 +1,234 @@ +"use strict"; + +// Class definition +var KTUsersViewMain = function () { + + // Init login session button + var initLoginSession = () => { + const button = document.getElementById('kt_modal_sign_out_sesions'); + + button.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like sign out all sessions?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, sign out!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have signed out all sessions!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your sessions are still preserved!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + } + + + // Init sign out single user + var initSignOutUser = () => { + const signOutButtons = document.querySelectorAll('[data-kt-users-sign-out="single_user"]'); + + signOutButtons.forEach(button => { + button.addEventListener('click', e => { + e.preventDefault(); + + const deviceName = button.closest('tr').querySelectorAll('td')[1].innerText; + + Swal.fire({ + text: "Are you sure you would like sign out " + deviceName + "?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, sign out!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have signed out " + deviceName + "!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }).then(function(){ + button.closest('tr').remove(); + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: deviceName + "'s session is still preserved!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + }); + + + } + + // Delete two step authentication handler + const initDeleteTwoStep = () => { + const deleteButton = document.getElementById('kt_users_delete_two_step'); + + deleteButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like remove this two-step authentication?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, remove it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + Swal.fire({ + text: "You have removed this two-step authentication!.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your two-step authentication is still valid!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }) + } + + // Email preference form handler + const initEmailPreferenceForm = () => { + // Define variables + const form = document.getElementById('kt_users_email_notification_form'); + const submitButton = form.querySelector('#kt_users_email_notification_submit'); + const cancelButton = form.querySelector('#kt_users_email_notification_cancel'); + + // Submit action handler + submitButton.addEventListener('click', e => { + e.preventDefault(); + + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate form submission. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + setTimeout(function () { + // Remove loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show popup confirmation + Swal.fire({ + text: "Form has been successfully submitted!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + + //form.submit(); // Submit form + }, 2000); + }); + + cancelButton.addEventListener('click', e => { + e.preventDefault(); + + Swal.fire({ + text: "Are you sure you would like to cancel?", + icon: "warning", + showCancelButton: true, + buttonsStyling: false, + confirmButtonText: "Yes, cancel it!", + cancelButtonText: "No, return", + customClass: { + confirmButton: "btn btn-primary", + cancelButton: "btn btn-active-light" + } + }).then(function (result) { + if (result.value) { + form.reset(); // Reset form + } else if (result.dismiss === 'cancel') { + Swal.fire({ + text: "Your form has not been cancelled!.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary", + } + }); + } + }); + }); + } + + + return { + // Public functions + init: function () { + initLoginSession(); + initSignOutUser(); + initDeleteTwoStep(); + initEmailPreferenceForm(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTUsersViewMain.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/authentication/reset-password/new-password.js b/public/assets/js/custom/authentication/reset-password/new-password.js new file mode 100644 index 0000000..6e64b3d --- /dev/null +++ b/public/assets/js/custom/authentication/reset-password/new-password.js @@ -0,0 +1,245 @@ +"use strict"; + +// Class Definition +var KTAuthNewPassword = function() { + // Elements + var form; + var submitButton; + var validator; + var passwordMeter; + + var handleForm = function(e) { + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + 'password': { + validators: { + notEmpty: { + message: 'The password is required' + }, + callback: { + message: 'Please enter valid password', + callback: function(input) { + if (input.value.length > 0) { + return validatePassword(); + } + } + } + } + }, + 'confirm-password': { + validators: { + notEmpty: { + message: 'The password confirmation is required' + }, + identical: { + compare: function() { + return form.querySelector('[name="password"]').value; + }, + message: 'The password and its confirm are not the same' + } + } + }, + 'toc': { + validators: { + notEmpty: { + message: 'You must accept the terms and conditions' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger({ + event: { + password: false + } + }), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', // comment to enable invalid state icons + eleValidClass: '' // comment to enable valid state icons + }) + } + } + ); + + form.querySelector('input[name="password"]').addEventListener('input', function() { + if (this.value.length > 0) { + validator.updateFieldStatus('password', 'NotValidated'); + } + }); + } + + + var handleSubmitDemo = function (e) { + submitButton.addEventListener('click', function (e) { + e.preventDefault(); + + validator.revalidateField('password'); + + validator.validate().then(function(status) { + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate ajax request + setTimeout(function() { + // Hide loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show message popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "You have successfully reset your password!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + form.querySelector('[name="password"]').value= ""; + form.querySelector('[name="confirm-password"]').value= ""; + passwordMeter.reset(); // reset password meter + //form.submit(); + + var redirectUrl = form.getAttribute('data-kt-redirect-url'); + if (redirectUrl) { + location.href = redirectUrl; + } + } + }); + }, 1500); + } else { + // Show error popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + }); + + } + + var handleSubmitAjax = function (e) { + // Handle form submit + submitButton.addEventListener('click', function (e) { + // Prevent button default action + e.preventDefault(); + + validator.revalidateField('password'); + + // Validate form + validator.validate().then(function (status) { + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Check axios library docs: https://axios-http.com/docs/intro + axios.post(submitButton.closest('form').getAttribute('action'), new FormData(form)).then(function (response) { + if (response) { + form.reset(); + + const redirectUrl = form.getAttribute('data-kt-redirect-url'); + + if (redirectUrl) { + location.href = redirectUrl; + } + } else { + // Show error popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, the email is incorrect, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }).catch(function (error) { + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + }).then(() => { + // Hide loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + }); + } else { + // Show error popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + }); + } + + var validatePassword = function() { + return (passwordMeter.getScore() > 50); + } + + var isValidUrl = function(url) { + try { + new URL(url); + return true; + } catch (e) { + return false; + } + } + + // Public Functions + return { + // public functions + init: function() { + form = document.querySelector('#kt_new_password_form'); + submitButton = document.querySelector('#kt_new_password_submit'); + passwordMeter = KTPasswordMeter.getInstance(form.querySelector('[data-kt-password-meter="true"]')); + + handleForm(); + + if (isValidUrl(form.getAttribute('action'))) { + handleSubmitAjax(); // use for ajax submit + } else { + handleSubmitDemo(); // used for demo purposes only + } + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTAuthNewPassword.init(); +}); diff --git a/public/assets/js/custom/authentication/reset-password/reset-password.js b/public/assets/js/custom/authentication/reset-password/reset-password.js new file mode 100644 index 0000000..5e27e27 --- /dev/null +++ b/public/assets/js/custom/authentication/reset-password/reset-password.js @@ -0,0 +1,210 @@ +"use strict"; + +// Class Definition +var KTAuthResetPassword = function () { + // Elements + var form; + var submitButton; + var validator; + + var handleForm = function (e) { + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + 'email': { + validators: { + regexp: { + regexp: /^[^\s@]+@[^\s@]+\.[^\s@]+$/, + message: 'The value is not a valid email address', + }, + notEmpty: { + message: 'Email address is required' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', // comment to enable invalid state icons + eleValidClass: '' // comment to enable valid state icons + }) + } + } + ); + + } + + var handleSubmitDemo = function (e) { + submitButton.addEventListener('click', function (e) { + e.preventDefault(); + + // Validate form + validator.validate().then(function (status) { + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate ajax request + setTimeout(function () { + // Hide loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show message popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "We have send a password reset link to your email.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + form.querySelector('[name="email"]').value = ""; + //form.submit(); + + var redirectUrl = form.getAttribute('data-kt-redirect-url'); + if (redirectUrl) { + location.href = redirectUrl; + } + } + }); + }, 1500); + } else { + // Show error popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + }); + } + + var handleSubmitAjax = function (e) { + // Handle form submit + submitButton.addEventListener('click', function (e) { + // Prevent button default action + e.preventDefault(); + + // Validate form + validator.validate().then(function (status) { + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Check axios library docs: https://axios-http.com/docs/intro + axios.post(submitButton.closest('form').getAttribute('action'), new FormData(form)).then(function (response) { + if (response) { + form.reset(); + + // Show message popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "We have send a password reset link to your email.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + + const redirectUrl = form.getAttribute('data-kt-redirect-url'); + + if (redirectUrl) { + location.href = redirectUrl; + } + } else { + // Show error popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, the email is incorrect, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }).catch(function (error) { + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + }).then(() => { + // Hide loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + }); + } else { + // Show error popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + }); + } + + var isValidUrl = function(url) { + try { + new URL(url); + return true; + } catch (e) { + return false; + } + } + + // Public Functions + return { + // public functions + init: function () { + form = document.querySelector('#kt_password_reset_form'); + submitButton = document.querySelector('#kt_password_reset_submit'); + + handleForm(); + + if (isValidUrl(form.getAttribute('action'))) { + handleSubmitAjax(); // use for ajax submit + } else { + handleSubmitDemo(); // used for demo purposes only + } + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTAuthResetPassword.init(); +}); diff --git a/public/assets/js/custom/authentication/sign-in/general.js b/public/assets/js/custom/authentication/sign-in/general.js new file mode 100644 index 0000000..d8af90b --- /dev/null +++ b/public/assets/js/custom/authentication/sign-in/general.js @@ -0,0 +1,221 @@ +"use strict"; + +// Class definition +var KTSigninGeneral = function () { + // Elements + var form; + var submitButton; + var validator; + + // Handle form + var handleValidation = function (e) { + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + 'email': { + validators: { + regexp: { + regexp: /^[^\s@]+@[^\s@]+\.[^\s@]+$/, + message: 'The value is not a valid email address', + }, + notEmpty: { + message: 'Email address is required' + } + } + }, + 'password': { + validators: { + notEmpty: { + message: 'The password is required' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', // comment to enable invalid state icons + eleValidClass: '' // comment to enable valid state icons + }) + } + } + ); + } + + var handleSubmitDemo = function (e) { + // Handle form submit + submitButton.addEventListener('click', function (e) { + // Prevent button default action + e.preventDefault(); + + // Validate form + validator.validate().then(function (status) { + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + + // Simulate ajax request + setTimeout(function () { + // Hide loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show message popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "You have successfully logged in!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + form.querySelector('[name="email"]').value = ""; + form.querySelector('[name="password"]').value = ""; + + //form.submit(); // submit form + var redirectUrl = form.getAttribute('data-kt-redirect-url'); + if (redirectUrl) { + location.href = redirectUrl; + } + } + }); + }, 2000); + } else { + // Show error popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + }); + } + + var handleSubmitAjax = function (e) { + // Handle form submit + submitButton.addEventListener('click', function (e) { + // Prevent button default action + e.preventDefault(); + + // Validate form + validator.validate().then(function (status) { + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Check axios library docs: https://axios-http.com/docs/intro + axios.post(submitButton.closest('form').getAttribute('action'), new FormData(form)).then(function (response) { + if (response) { + form.reset(); + + // Show message popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "You have successfully logged in!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + + const redirectUrl = form.getAttribute('data-kt-redirect-url'); + + if (redirectUrl) { + location.href = redirectUrl; + } + } else { + // Show error popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, the email or password is incorrect, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }).catch(function (error) { + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + }).then(() => { + // Hide loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + }); + } else { + // Show error popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + }); + } + + var isValidUrl = function(url) { + try { + new URL(url); + return true; + } catch (e) { + return false; + } + } + + // Public functions + return { + // Initialization + init: function () { + form = document.querySelector('#kt_sign_in_form'); + submitButton = document.querySelector('#kt_sign_in_submit'); + + handleValidation(); + + if (isValidUrl(submitButton.closest('form').getAttribute('action'))) { + handleSubmitAjax(); // use for ajax submit + } else { + handleSubmitDemo(); // used for demo purposes only + } + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTSigninGeneral.init(); +}); diff --git a/public/assets/js/custom/authentication/sign-in/i18n.js b/public/assets/js/custom/authentication/sign-in/i18n.js new file mode 100644 index 0000000..82e9b7a --- /dev/null +++ b/public/assets/js/custom/authentication/sign-in/i18n.js @@ -0,0 +1,433 @@ +"use strict"; + +// Class definition +var KTAuthI18nDemo = function() { + // Elements + var menu; + + var menuObj; + + var translationStrings = { + // General + "general-progress" : { + "English" : "Please wait...", + "Spanish" : "Iniciar Sesión", + "German" : "Registrarse", + "Japanese" : "ログイン", + "French" : "S'identifier", + }, + "general-desc" : { + "English" : "Get unlimited access & earn money", + "Spanish" : "Obtenga acceso ilimitado y gane dinero", + "German" : "Erhalten Sie unbegrenzten Zugriff und verdienen Sie Geld", + "Japanese" : "無制限のアクセスを取得してお金を稼ぐ", + "French" : "Obtenez un accès illimité et gagnez de l'argent", + }, + + "general-or" : { + "English" : "Or", + "Spanish" : "O", + "German" : "Oder", + "Japanese" : "または", + "French" : "Ou", + }, + + // Sign in + "sign-in-head-desc" : { + "English" : "Not a Member yet?", + "Spanish" : "¿No eres miembro todavía?", + "German" : "Noch kein Mitglied?", + "Japanese" : "まだメンバーではありませんか？", + "French" : "Pas encore membre?", + }, + + "sign-in-head-link" : { + "English" : "Sign Up", + "Spanish" : "Inscribirse", + "German" : "Anmeldung", + "Japanese" : "サインアップ", + "French" : "S'S'inscrire", + }, + + "sign-in-title" : { + "English" : "Sign In", + "Spanish" : "Iniciar Sesión", + "German" : "Registrarse", + "Japanese" : "ログイン", + "French" : "S'identifier", + }, + + "sign-in-input-email" : { + "English" : "Email", + "Spanish" : "Correo electrónico", + "German" : "Email", + "Japanese" : "Eメール", + "French" : "E-mail", + }, + + "sign-in-input-password" : { + "English" : "Password", + "Spanish" : "Clave", + "German" : "Passwort", + "Japanese" : "パスワード", + "French" : "Mot de passe", + }, + + "sign-in-forgot-password" : { + "English" : "Forgot Password ?", + "Spanish" : "Has olvidado tu contraseña ?", + "German" : "Passwort vergessen ?", + "Japanese" : "パスワードをお忘れですか ？", + "French" : "Mot de passe oublié ?", + }, + + "sign-in-submit" : { + "English" : "Sign In", + "Spanish" : "Iniciar Sesión", + "German" : "Registrarse", + "Japanese" : "ログイン", + "French" : "S'identifier", + }, + + // Sing up + "sign-up-head-desc" : { + "English" : "Already a member ?", + "Spanish" : "Ya eres usuario ?", + "German" : "Schon ein Mitglied ?", + "Japanese" : "すでにメンバーですか？", + "French" : "Déjà membre ?", + }, + + "sign-up-head-link" : { + "English" : "Sign In", + "Spanish" : "Iniciar Sesión", + "German" : "Registrarse", + "Japanese" : "ログイン", + "French" : "S'identifier", + }, + + "sign-up-title" : { + "English" : "Sign Up", + "Spanish" : "Inscribirse", + "German" : "Anmeldung", + "Japanese" : "サインアップ", + "French" : "S'S'inscrire", + }, + + "sign-up-input-first-name" : { + "English" : "First Name", + "Spanish" : "Primer nombre", + "German" : "Vorname", + "Japanese" : "ファーストネーム", + "French" : "Prénom", + }, + + "sign-up-input-last-name" : { + "English" : "Last Name", + "Spanish" : "Apellido", + "German" : "Nachname", + "Japanese" : "苗字", + "French" : "Nom de famille", + }, + + "sign-up-input-email" : { + "English" : "Email", + "Spanish" : "Correo electrónico", + "German" : "Email", + "Japanese" : "Eメール", + "French" : "E-mail", + }, + + "sign-up-input-password" : { + "English" : "Password", + "Spanish" : "Clave", + "German" : "Passwort", + "Japanese" : "パスワード", + "French" : "Mot de passe", + }, + + "sign-up-input-confirm-password" : { + "English" : "Password", + "Spanish" : "Clave", + "German" : "Passwort", + "Japanese" : "パスワード", + "French" : "Mot de passe", + }, + + "sign-up-submit" : { + "English" : "Submit", + "Spanish" : "Iniciar Sesión", + "German" : "Registrarse", + "Japanese" : "ログイン", + "French" : "S'identifier", + }, + + "sign-up-hint" : { + "English" : "Use 8 or more characters with a mix of letters, numbers & symbols.", + "Spanish" : "Utilice 8 o más caracteres con una combinación de letras, números y símbolos.", + "German" : "Verwenden Sie 8 oder mehr Zeichen mit einer Mischung aus Buchstaben, Zahlen und Symbolen.", + "Japanese" : "文字、数字、記号を組み合わせた8文字以上を使用してください。", + "French" : "Utilisez 8 caractères ou plus avec un mélange de lettres, de chiffres et de symboles.", + }, + + // New password + "new-password-head-desc" : { + "English" : "Already a member ?", + "Spanish" : "Ya eres usuario ?", + "German" : "Schon ein Mitglied ?", + "Japanese" : "すでにメンバーですか？", + "French" : "Déjà membre ?", + }, + + "new-password-head-link" : { + "English" : "Sign In", + "Spanish" : "Iniciar Sesión", + "German" : "Registrarse", + "Japanese" : "ログイン", + "French" : "S'identifier", + }, + + "new-password-title" : { + "English" : "Setup New Password", + "Spanish" : "Configurar nueva contraseña", + "German" : "Neues Passwort einrichten", + "Japanese" : "新しいパスワードを設定する", + "French" : "Configurer un nouveau mot de passe", + }, + + "new-password-desc" : { + "English" : "Have you already reset the password ?", + "Spanish" : "¿Ya has restablecido la contraseña?", + "German" : "Hast du das Passwort schon zurückgesetzt?", + "Japanese" : "すでにパスワードをリセットしましたか？", + "French" : "Avez-vous déjà réinitialisé le mot de passe ?", + }, + + "new-password-input-password" : { + "English" : "Password", + "Spanish" : "Clave", + "German" : "Passwort", + "Japanese" : "パスワード", + "French" : "Mot de passe", + }, + + "new-password-hint" : { + "English" : "Use 8 or more characters with a mix of letters, numbers & symbols.", + "Spanish" : "Utilice 8 o más caracteres con una combinación de letras, números y símbolos.", + "German" : "Verwenden Sie 8 oder mehr Zeichen mit einer Mischung aus Buchstaben, Zahlen und Symbolen.", + "Japanese" : "文字、数字、記号を組み合わせた8文字以上を使用してください。", + "French" : "Utilisez 8 caractères ou plus avec un mélange de lettres, de chiffres et de symboles.", + }, + + "new-password-confirm-password" : { + "English" : "Confirm Password", + "Spanish" : "Confirmar contraseña", + "German" : "Passwort bestätigen", + "Japanese" : "パスワードを認証する", + "French" : "Confirmez le mot de passe", + }, + + "new-password-submit" : { + "English" : "Submit", + "Spanish" : "Iniciar Sesión", + "German" : "Registrarse", + "Japanese" : "ログイン", + "French" : "S'identifier", + }, + + // Password reset + "password-reset-head-desc" : { + "English" : "Already a member ?", + "Spanish" : "Ya eres usuario ?", + "German" : "Schon ein Mitglied ?", + "Japanese" : "すでにメンバーですか？", + "French" : "Déjà membre ?", + }, + + "password-reset-head-link" : { + "English" : "Sign In", + "Spanish" : "Iniciar Sesión", + "German" : "Registrarse", + "Japanese" : "ログイン", + "French" : "S'identifier", + }, + + "password-reset-title" : { + "English" : "Forgot Password ?", + "Spanish" : "Has olvidado tu contraseña ?", + "German" : "Passwort vergessen ?", + "Japanese" : "パスワードをお忘れですか ？", + "French" : "Mot de passe oublié ?", + }, + + "password-reset-desc" : { + "English" : "Enter your email to reset your password.", + "Spanish" : "Ingrese su correo electrónico para restablecer su contraseña.", + "German" : "Geben Sie Ihre E-Mail-Adresse ein, um Ihr Passwort zurückzusetzen.", + "Japanese" : "メールアドレスを入力してパスワードをリセットしてください。", + "French" : "Entrez votre e-mail pour réinitialiser votre mot de passe.", + }, + + "password-reset-input-email" : { + "English" : "Email", + "Spanish" : "Correo electrónico", + "German" : "Email", + "Japanese" : "Eメール", + "French" : "E-mail", + }, + + "password-reset-submit" : { + "English" : "Submit", + "Spanish" : "Iniciar Sesión", + "German" : "Registrarse", + "Japanese" : "ログイン", + "French" : "S'identifier", + }, + + "password-reset-cancel" : { + "English" : "Cancel", + "Spanish" : "Cancelar", + "German" : "Absagen", + "Japanese" : "キャンセル", + "French" : "Annuler", + }, + + // Two steps + "two-step-head-desc" : { + "English" : "Didn’t get the code ?", + "Spanish" : "¿No recibiste el código?", + "German" : "Code nicht erhalten?", + "Japanese" : "コードを取得できませんでしたか？", + "French" : "Vous n'avez pas reçu le code ?", + }, + + "two-step-head-resend" : { + "English" : "Resend", + "Spanish" : "Reenviar", + "German" : "Erneut senden", + "Japanese" : "再送", + "French" : "Renvoyer", + }, + + "two-step-head-or" : { + "English" : "Or", + "Spanish" : "O", + "German" : "Oder", + "Japanese" : "または", + "French" : "Ou", + }, + + "two-step-head-call-us" : { + "English" : "Call Us", + "Spanish" : "Llámenos", + "German" : "Rufen Sie uns an", + "Japanese" : "お電話ください", + "French" : "Appelez-nous", + }, + + "two-step-submit" : { + "English" : "Submit", + "Spanish" : "Iniciar Sesión", + "German" : "Registrarse", + "Japanese" : "ログイン", + "French" : "S'identifier", + }, + + "two-step-title" : { + "English" : "Two Step Verification", + "Spanish" : "Verificación de dos pasos", + "German" : "Verifizierung in zwei Schritten", + "Japanese" : "2段階認証", + "French" : "Vérification en deux étapes", + }, + + "two-step-deck" : { + "English" : "Enter the verification code we sent to", + "Spanish" : "Ingresa el código de verificación que enviamos a", + "German" : "Geben Sie den von uns gesendeten Bestätigungscode ein", + "Japanese" : "送信した確認コードを入力してください", + "French" : "Entrez le code de vérification que nous avons envoyé à", + }, + + "two-step-label" : { + "English" : "Type your 6 digit security code", + "Spanish" : "Escriba su código de seguridad de 6 dígitos", + "German" : "Geben Sie Ihren 6-stelligen Sicherheitscode ein", + "Japanese" : "6桁のセキュリティコードを入力します", + "French" : "Tapez votre code de sécurité à 6 chiffres", + } + } + + // Handle form + var translate = function(lang) { + for (var label in translationStrings) { + if (translationStrings.hasOwnProperty(label)) { + if (translationStrings[label][lang]) { + let labelElement = document.querySelector('[data-kt-translate=' + label + ']'); + + if (labelElement !== null) { + if (labelElement.tagName === "INPUT") { + labelElement.setAttribute("placeholder", translationStrings[label][lang]); + } else { + labelElement.innerHTML = translationStrings[label][lang]; + } + } + } + } + } + } + + var setLanguage = function(lang) { + const selectedLang = menu.querySelector('[data-kt-lang="' + lang + '"]'); + + if (selectedLang !== null) { + const currentLangName = document.querySelector('[data-kt-element="current-lang-name"]'); + const currentLangFlag = document.querySelector('[data-kt-element="current-lang-flag"]'); + + const selectedLangName = selectedLang.querySelector('[data-kt-element="lang-name"]'); + const selectedLangFlag = selectedLang.querySelector('[data-kt-element="lang-flag"]'); + + currentLangName.innerText = selectedLangName.innerText; + currentLangFlag.setAttribute("src", selectedLangFlag.getAttribute("src")); + + localStorage.setItem("kt_auth_lang", lang); + } + } + + var init = function() { + if ( localStorage.getItem("kt_auth_lang") !== null ) { + let lang = localStorage.getItem("kt_auth_lang"); + + setLanguage(lang); + translate(lang); + } + + menuObj.on("kt.menu.link.click", function(element) { + let lang = element.getAttribute("data-kt-lang"); + + setLanguage(lang); + translate(lang); + }); + } + + // Public functions + return { + // Initialization + init: function() { + menu = document.querySelector('#kt_auth_lang_menu'); + + if (menu === null) { + return; + } + + menuObj = KTMenu.getInstance(menu); + + init(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTAuthI18nDemo.init(); +}); diff --git a/public/assets/js/custom/authentication/sign-in/two-factor.js b/public/assets/js/custom/authentication/sign-in/two-factor.js new file mode 100644 index 0000000..37b0a64 --- /dev/null +++ b/public/assets/js/custom/authentication/sign-in/two-factor.js @@ -0,0 +1,140 @@ +"use strict"; + +// Class Definition +var KTSigninTwoFactor = function() { + // Elements + var form; + var submitButton; + + // Handle form + var handleForm = function(e) { + // Handle form submit + submitButton.addEventListener('click', function (e) { + e.preventDefault(); + + var validated = true; + + var inputs = [].slice.call(form.querySelectorAll('input[maxlength="1"]')); + inputs.map(function (input) { + if (input.value === '' || input.value.length === 0) { + validated = false; + } + }); + + if (validated === true) { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate ajax request + setTimeout(function() { + // Hide loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show message popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "You have been successfully verified!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + inputs.map(function (input) { + input.value = ''; + }); + + var redirectUrl = form.getAttribute('data-kt-redirect-url'); + if (redirectUrl) { + location.href = redirectUrl; + } + } + }); + }, 1000); + } else { + swal.fire({ + text: "Please enter valid securtiy code and try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn fw-bold btn-light-primary" + } + }).then(function() { + KTUtil.scrollTop(); + }); + } + }); + } + + var handleType = function() { + var input1 = form.querySelector("[name=code_1]"); + var input2 = form.querySelector("[name=code_2]"); + var input3 = form.querySelector("[name=code_3]"); + var input4 = form.querySelector("[name=code_4]"); + var input5 = form.querySelector("[name=code_5]"); + var input6 = form.querySelector("[name=code_6]"); + + input1.focus(); + + input1.addEventListener("keyup", function() { + if (this.value.length === 1) { + input2.focus(); + } + }); + + input2.addEventListener("keyup", function() { + if (this.value.length === 1) { + input3.focus(); + } + }); + + input3.addEventListener("keyup", function() { + if (this.value.length === 1) { + input4.focus(); + } + }); + + input4.addEventListener("keyup", function() { + if (this.value.length === 1) { + input5.focus(); + } + }); + + input5.addEventListener("keyup", function() { + if (this.value.length === 1) { + input6.focus(); + } + }); + + input6.addEventListener("keyup", function() { + if (this.value.length === 1) { + input6.blur(); + } + }); + } + + // Public functions + return { + // Initialization + init: function() { + form = document.querySelector('#kt_sing_in_two_factor_form'); + submitButton = document.querySelector('#kt_sing_in_two_factor_submit'); + + handleForm(); + handleType(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTSigninTwoFactor.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/authentication/sign-up/coming-soon.js b/public/assets/js/custom/authentication/sign-up/coming-soon.js new file mode 100644 index 0000000..31be2fc --- /dev/null +++ b/public/assets/js/custom/authentication/sign-up/coming-soon.js @@ -0,0 +1,164 @@ +"use strict"; + +// Class Definition +var KTSignupComingSoon = function() { + // Elements + var form; + var submitButton; + var validator; + + var counterDays; + var counterHours; + var counterMinutes; + var counterSeconds; + + var handleForm = function(e) { + var validation; + + if( !form ) { + return; + } + + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + 'email': { + validators: { + regexp: { + regexp: /^[^\s@]+@[^\s@]+\.[^\s@]+$/, + message: 'The value is not a valid email address', + }, + notEmpty: { + message: 'Email address is required' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + submitButton.addEventListener('click', function (e) { + e.preventDefault(); + + // Validate form + validator.validate().then(function (status) { + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate ajax request + setTimeout(function() { + // Hide loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show message popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "We have received your request. You will be notified once we go live.", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + form.querySelector('[name="email"]').value= ""; + //form.submit(); + + //form.submit(); // submit form + var redirectUrl = form.getAttribute('data-kt-redirect-url'); + if (redirectUrl) { + location.href = redirectUrl; + } + } + }); + }, 2000); + } else { + // Show error popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + }); + } + + var initCounter = function() { + // Set the date we're counting down to + var currentTime = new Date(); + var countDownDate = new Date(currentTime.getTime() + 1000 * 60 * 60 * 24 * 15 + 1000 * 60 * 60 * 10 + 1000 * 60 * 15).getTime(); + + var count = function() { + // Get todays date and time + var now = new Date().getTime(); + + // Find the distance between now an the count down date + var distance = countDownDate - now; + + // Time calculations for days, hours, minutes and seconds + var days = Math.floor(distance / (1000 * 60 * 60 * 24)); + var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); + var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); + var seconds = Math.floor((distance % (1000 * 60)) / 1000); + + // Display the result + if(counterDays) counterDays.innerHTML = days; + if(counterHours) counterHours.innerHTML = hours; + if(counterMinutes) counterMinutes.innerHTML = minutes; + if(counterSeconds) counterSeconds.innerHTML = seconds; + }; + + // Update the count down every 1 second + var x = setInterval(count, 1000); + + // Initial count + count(); + } + + // Public Functions + return { + // public functions + init: function() { + form = document.querySelector('#kt_coming_soon_form'); + submitButton = document.querySelector('#kt_coming_soon_submit'); + + handleForm(); + + counterDays = document.querySelector('#kt_coming_soon_counter_days'); + if (counterDays) { + counterHours = document.querySelector('#kt_coming_soon_counter_hours'); + counterMinutes = document.querySelector('#kt_coming_soon_counter_minutes'); + counterSeconds = document.querySelector('#kt_coming_soon_counter_seconds'); + + initCounter(); + } + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTSignupComingSoon.init(); +}); diff --git a/public/assets/js/custom/authentication/sign-up/free-trial.js b/public/assets/js/custom/authentication/sign-up/free-trial.js new file mode 100644 index 0000000..0f326f7 --- /dev/null +++ b/public/assets/js/custom/authentication/sign-up/free-trial.js @@ -0,0 +1,169 @@ +"use strict"; + +// Class Definition +var KTSignupFreeTrial = function() { + // Elements + var form; + var submitButton; + var validator; + var passwordMeter; + + // Handle form + var handleForm = function(e) { + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + 'email': { + validators: { + regexp: { + regexp: /^[^\s@]+@[^\s@]+\.[^\s@]+$/, + message: 'The value is not a valid email address', + }, + notEmpty: { + message: 'Email address is required' + } + } + }, + 'password': { + validators: { + notEmpty: { + message: 'The password is required' + }, + callback: { + message: 'Please enter valid password', + callback: function(input) { + if (input.value.length > 0) { + return validatePassword(); + } + } + } + } + }, + 'confirm-password': { + validators: { + notEmpty: { + message: 'The password confirmation is required' + }, + identical: { + compare: function() { + return form.querySelector('[name="password"]').value; + }, + message: 'The password and its confirm are not the same' + } + } + }, + 'toc': { + validators: { + notEmpty: { + message: 'You must accept the terms and conditions' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger({ + event: { + password: false + } + }), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', + eleValidClass: '' + }) + } + } + ); + + submitButton.addEventListener('click', function (e) { + e.preventDefault(); + + validator.revalidateField('password'); + + validator.validate().then(function(status) { + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate ajax request + setTimeout(function() { + // Hide loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show message popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "You have successfully registered!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + form.reset(); // reset form + passwordMeter.reset(); // reset password meter + + //form.submit(); // submit form + var redirectUrl = form.getAttribute('data-kt-redirect-url'); + if (redirectUrl) { + location.href = redirectUrl; + } + } + }); + }, 1500); + } else { + // Show error popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + }); + + form.querySelector('input[name="password"]').addEventListener('input', function() { + if (this.value.length > 0) { + validator.updateFieldStatus('password', 'NotValidated'); + } + }); + } + + // Password input validation + var validatePassword = function() { + return (passwordMeter.getScore() > 50); + } + + // Public functions + return { + // Initialization + init: function() { + form = document.querySelector('#kt_free_trial_form'); + submitButton = document.querySelector('#kt_free_trial_submit'); + passwordMeter = KTPasswordMeter.getInstance(form.querySelector('[data-kt-password-meter="true"]')); + + handleForm(); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTSignupFreeTrial.init(); +}); + + + \ No newline at end of file diff --git a/public/assets/js/custom/authentication/sign-up/general.js b/public/assets/js/custom/authentication/sign-up/general.js new file mode 100644 index 0000000..cdc3cc7 --- /dev/null +++ b/public/assets/js/custom/authentication/sign-up/general.js @@ -0,0 +1,353 @@ +"use strict"; + +// Class definition +var KTSignupGeneral = function () { + // Elements + var form; + var submitButton; + var validator; + var passwordMeter; + + // Handle form + var handleForm = function (e) { + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + 'first-name': { + validators: { + notEmpty: { + message: 'First Name is required' + } + } + }, + 'last-name': { + validators: { + notEmpty: { + message: 'Last Name is required' + } + } + }, + 'email': { + validators: { + regexp: { + regexp: /^[^\s@]+@[^\s@]+\.[^\s@]+$/, + message: 'The value is not a valid email address', + }, + notEmpty: { + message: 'Email address is required' + } + } + }, + 'password': { + validators: { + notEmpty: { + message: 'The password is required' + }, + callback: { + message: 'Please enter valid password', + callback: function (input) { + if (input.value.length > 0) { + return validatePassword(); + } + } + } + } + }, + 'confirm-password': { + validators: { + notEmpty: { + message: 'The password confirmation is required' + }, + identical: { + compare: function () { + return form.querySelector('[name="password"]').value; + }, + message: 'The password and its confirm are not the same' + } + } + }, + 'toc': { + validators: { + notEmpty: { + message: 'You must accept the terms and conditions' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger({ + event: { + password: false + } + }), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', // comment to enable invalid state icons + eleValidClass: '' // comment to enable valid state icons + }) + } + } + ); + + // Handle form submit + submitButton.addEventListener('click', function (e) { + e.preventDefault(); + + validator.revalidateField('password'); + + validator.validate().then(function (status) { + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + // Simulate ajax request + setTimeout(function () { + // Hide loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + + // Show message popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "You have successfully reset your password!", + icon: "success", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }).then(function (result) { + if (result.isConfirmed) { + form.reset(); // reset form + passwordMeter.reset(); // reset password meter + //form.submit(); + + //form.submit(); // submit form + var redirectUrl = form.getAttribute('data-kt-redirect-url'); + if (redirectUrl) { + location.href = redirectUrl; + } + } + }); + }, 1500); + } else { + // Show error popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + }); + + // Handle password input + form.querySelector('input[name="password"]').addEventListener('input', function () { + if (this.value.length > 0) { + validator.updateFieldStatus('password', 'NotValidated'); + } + }); + } + + + // Handle form ajax + var handleFormAjax = function (e) { + // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ + validator = FormValidation.formValidation( + form, + { + fields: { + 'name': { + validators: { + notEmpty: { + message: 'Name is required' + } + } + }, + 'email': { + validators: { + regexp: { + regexp: /^[^\s@]+@[^\s@]+\.[^\s@]+$/, + message: 'The value is not a valid email address', + }, + notEmpty: { + message: 'Email address is required' + } + } + }, + 'password': { + validators: { + notEmpty: { + message: 'The password is required' + }, + callback: { + message: 'Please enter valid password', + callback: function (input) { + if (input.value.length > 0) { + return validatePassword(); + } + } + } + } + }, + 'password_confirmation': { + validators: { + notEmpty: { + message: 'The password confirmation is required' + }, + identical: { + compare: function () { + return form.querySelector('[name="password"]').value; + }, + message: 'The password and its confirm are not the same' + } + } + }, + 'toc': { + validators: { + notEmpty: { + message: 'You must accept the terms and conditions' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger({ + event: { + password: false + } + }), + bootstrap: new FormValidation.plugins.Bootstrap5({ + rowSelector: '.fv-row', + eleInvalidClass: '', // comment to enable invalid state icons + eleValidClass: '' // comment to enable valid state icons + }) + } + } + ); + + // Handle form submit + submitButton.addEventListener('click', function (e) { + e.preventDefault(); + + validator.revalidateField('password'); + + validator.validate().then(function (status) { + if (status == 'Valid') { + // Show loading indication + submitButton.setAttribute('data-kt-indicator', 'on'); + + // Disable button to avoid multiple click + submitButton.disabled = true; + + + // Check axios library docs: https://axios-http.com/docs/intro + axios.post(submitButton.closest('form').getAttribute('action'), new FormData(form)).then(function (response) { + if (response) { + form.reset(); + + const redirectUrl = form.getAttribute('data-kt-redirect-url'); + + if (redirectUrl) { + location.href = redirectUrl; + } + } else { + // Show error popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }).catch(function (error) { + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + }).then(() => { + // Hide loading indication + submitButton.removeAttribute('data-kt-indicator'); + + // Enable button + submitButton.disabled = false; + }); + + } else { + // Show error popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/ + Swal.fire({ + text: "Sorry, looks like there are some errors detected, please try again.", + icon: "error", + buttonsStyling: false, + confirmButtonText: "Ok, got it!", + customClass: { + confirmButton: "btn btn-primary" + } + }); + } + }); + }); + + // Handle password input + form.querySelector('input[name="password"]').addEventListener('input', function () { + if (this.value.length > 0) { + validator.updateFieldStatus('password', 'NotValidated'); + } + }); + } + + + // Password input validation + var validatePassword = function () { + return (passwordMeter.getScore() > 50); + } + + var isValidUrl = function(url) { + try { + new URL(url); + return true; + } catch (e) { + return false; + } + } + + // Public functions + return { + // Initialization + init: function () { + // Elements + form = document.querySelector('#kt_sign_up_form'); + submitButton = document.querySelector('#kt_sign_up_submit'); + passwordMeter = KTPasswordMeter.getInstance(form.querySelector('[data-kt-password-meter="true"]')); + + if (isValidUrl(submitButton.closest('form').getAttribute('action'))) { + handleFormAjax(); + } else { + handleForm(); + } + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function () { + KTSignupGeneral.init(); +}); diff --git a/public/assets/js/custom/documentation/documentation.js b/public/assets/js/custom/documentation/documentation.js new file mode 100644 index 0000000..7d47508 --- /dev/null +++ b/public/assets/js/custom/documentation/documentation.js @@ -0,0 +1,170 @@ +"use strict"; + +var KTLayoutDocumentation = function() { + var menuWrapper; + var keeniconsListing; + var selectedIconName; + var selectedIconCode; + + var initInstance = function(element) { + var elements = element; + + if ( typeof elements === 'undefined' ) { + elements = document.querySelectorAll('.highlight'); + } + + if ( elements && elements.length > 0 ) { + for ( var i = 0; i < elements.length; ++i ) { + var highlight = elements[i]; + var copy = highlight.querySelector('.highlight-copy'); + + if ( copy ) { + var clipboard = new ClipboardJS(copy, { + target: function(trigger) { + var highlight = trigger.closest('.highlight'); + var el = highlight.querySelector('.tab-pane.active'); + + if ( el == null ) { + el = highlight.querySelector('.highlight-code'); + } + + return el; + } + }); + + clipboard.on('success', function(e) { + var caption = e.trigger.innerHTML; + + e.trigger.innerHTML = 'copied'; + e.clearSelection(); + + setTimeout(function() { + e.trigger.innerHTML = caption; + }, 2000); + }); + } + } + } + } + + var handleMenuScroll = function() { + var menuActiveItem = menuWrapper.querySelector(".menu-link.active"); + + if ( !menuActiveItem ) { + return; + } + + if ( KTUtil.isVisibleInContainer(menuActiveItem, menuWrapper) === true) { + return; + } + + menuWrapper.scroll({ + top: KTUtil.getRelativeTopPosition(menuActiveItem, menuWrapper), + behavior: 'smooth' + }); + } + + var keeniconsStyleToggle = function() { + var toggleButtons = [].slice.call(document.querySelectorAll('[data-kt-keenicons-style-toggle="true"]')); + + function escapeHtml(text) { + if (text == null) return ''; + + return String(text). + replace(/&/g, '&'). + replace(//g, '>'). + replace(/"/g, '"'). + replace(/'/g, '''); + } + + KTUtil.on(document.body, '[data-kt-keenicons-style-toggle="true"]:checked', 'click', function (e) { + var style = this.value; + + keeniconsListing.classList.remove('keenicons-solid'); + keeniconsListing.classList.remove('keenicons-duotone'); + keeniconsListing.classList.remove('keenicons-outline'); + keeniconsListing.classList.add('keenicons-' + style); + }); + + KTUtil.on(document.body, '[data-kt-icon-use="true"]', 'click', function (e) { + var style = document.querySelector('[data-kt-keenicons-style-toggle="true"]:checked').value; + + var previewEl = this.closest('[data-kt-icon-preview="true"]'); + var iconNameEl = previewEl.querySelector('[data-kt-icon-name="true"]'); + + selectedIconName = iconNameEl.innerHTML; + if (style === 'duotone') { + const paths = parseInt(this.getAttribute('data-kt-icon-paths')); + selectedIconCode = escapeHtml(''); + for (let i = 1; i <= paths; i++) { + selectedIconCode += escapeHtml('\n '); + } + selectedIconCode += escapeHtml('\n'); + } else { + selectedIconCode = escapeHtml(''); + } + + const myModalEl = new bootstrap.Modal('#kt_keenicons_use'); + myModalEl.show(); + }); + + const myModalEl = document.getElementById('kt_keenicons_use'); + myModalEl.addEventListener('show.bs.modal', event => { + document.querySelector('#kt_keenicons_use_title').innerHTML = selectedIconName; + document.querySelector('#kt_keenicons_use_code').innerHTML = selectedIconCode; + }); + + // Copy + } + + var keeniconsHandleCodeCopy = function() { + // Select elements + const target = document.getElementById('kt_keenicons_use_code'); + const button = document.getElementById('kt_keenicons_use_code_copy'); + + // Init clipboard -- for more info, please read the offical documentation: https://clipboardjs.com/ + var clipboard = new ClipboardJS(button, { + target: target, + text: function(target) { + return target.innerText; + } + }); + + // Success action handler + clipboard.on('success', function(e) { + button.classList.add('active'); + button.querySelector('.ki-copy').classList.add('d-none'); + button.querySelector('.ki-check').classList.remove('d-none'); + + setTimeout(function(){ + button.classList.remove('active'); + button.querySelector('.ki-copy').classList.remove('d-none'); + button.querySelector('.ki-check').classList.add('d-none'); + }, 3000); + }); + } + + return { + init: function(element) { + menuWrapper = document.querySelector('#kt_docs_aside_menu_wrapper'); + keeniconsListing = document.querySelector('#kt_docs_keenicons_listing'); + + initInstance(element); + + if (menuWrapper) { + handleMenuScroll(); + } + + if (keeniconsListing) { + keeniconsStyleToggle(); + keeniconsHandleCodeCopy(); + } + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTLayoutDocumentation.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/documentation/search.js b/public/assets/js/custom/documentation/search.js new file mode 100644 index 0000000..2b468d7 --- /dev/null +++ b/public/assets/js/custom/documentation/search.js @@ -0,0 +1,92 @@ +"use strict"; + +// Class definition +var KTDocsSearch = function() { + // Private variables + var element; + var formElement; + var mainElement; + var resultsElement; + var wrapperElement; + var emptyElement; + var searchObject; + + // Private functions + var processs = function(search) { + var results = 0; + + // Elements + var searchable = [].slice.call(resultsElement.querySelectorAll('[data-kt-searchable="true"]')); + + // Match elements + searchable.map(function (element) { + var query = searchObject.getQuery(); + + if (element.innerText.toLowerCase().indexOf(query.toLowerCase()) !== -1) { + element.classList.remove('d-none'); + results++; + } else { + element.classList.add('d-none'); + } + }); + + // Hide recently viewed + mainElement.classList.add('d-none'); + + if (results === 0) { + // Hide results + resultsElement.classList.add('d-none'); + // Show empty message + emptyElement.classList.remove('d-none'); + } else { + // Show results + resultsElement.classList.remove('d-none'); + // Hide empty message + emptyElement.classList.add('d-none'); + } + + // Complete search + search.complete(); + } + + var clear = function(search) { + // Show recently viewed + mainElement.classList.remove('d-none'); + // Hide results + resultsElement.classList.add('d-none'); + // Hide empty message + emptyElement.classList.add('d-none'); + } + + // Public methods + return { + init: function() { + // Elements + element = document.querySelector('#kt_docs_search'); + + if (!element) { + return; + } + + wrapperElement = element.querySelector('[data-kt-search-element="wrapper"]'); + formElement = element.querySelector('[data-kt-search-element="form"]'); + mainElement = element.querySelector('[data-kt-search-element="main"]'); + resultsElement = element.querySelector('[data-kt-search-element="results"]'); + emptyElement = element.querySelector('[data-kt-search-element="empty"]'); + + // Initialize search handler + searchObject = new KTSearch(element); + + // Search handler + searchObject.on('kt.search.process', processs); + + // Clear handler + searchObject.on('kt.search.clear', clear); + } + }; +}(); + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTDocsSearch.init(); +}); \ No newline at end of file diff --git a/public/assets/js/custom/landing.js b/public/assets/js/custom/landing.js new file mode 100644 index 0000000..efd63bd --- /dev/null +++ b/public/assets/js/custom/landing.js @@ -0,0 +1,29 @@ +"use strict"; + +// Class definition +var KTLandingPage = function () { + // Private methods + var initTyped = function() { + var typed = new Typed("#kt_landing_hero_text", { + strings: ["The Best Theme Ever", "The Most Trusted Theme", "#1 Selling Theme"], + typeSpeed: 50 + }); + } + + // Public methods + return { + init: function () { + //initTyped(); + } + } +}(); + +// Webpack support +if (typeof module !== 'undefined') { + module.exports = KTLandingPage; +} + +// On document ready +KTUtil.onDOMContentLoaded(function() { + KTLandingPage.init(); +}); diff --git a/public/assets/js/custom/layout-builder/layout-builder.js b/public/assets/js/custom/layout-builder/layout-builder.js new file mode 100644 index 0000000..e45942e --- /dev/null +++ b/public/assets/js/custom/layout-builder/layout-builder.js @@ -0,0 +1,213 @@ +"use strict"; + +// Class definition +var KTLayoutBuilder = function() { + var form = document.querySelector("#kt_layout_builder_form"); + var actionInput = document.querySelector("#kt_layout_builder_action"); + var tabInput = document.querySelector("#kt_layout_builder_tab"); + var url = form.getAttribute("action"); + + var previewButton = document.querySelector("#kt_layout_builder_preview"); + var exportButton = document.querySelector("#kt_layout_builder_export"); + var resetButton = document.querySelector("#kt_layout_builder_reset"); + + var handleTab = function() { + var tabs = [].slice.call(document.querySelectorAll('#kt_layout_builder_tabs a[data-bs-toggle="tab"]')); + + tabs.forEach(function (tab) { + tab.addEventListener("shown.bs.tab", function (e) { + tabInput.value = tab.getAttribute("href").substring(1); + }); + }); + }; + + var handlePreview = function() { + previewButton.addEventListener("click", function(e) { + e.preventDefault(); + + // Set form action value + actionInput.value = "preview"; + + // Show progress + previewButton.setAttribute("data-kt-indicator", "on"); + + // Prepare form data + var data = $(form).serialize(); + + // Submit + $.ajax({ + type: "POST", + dataType: "html", + url: url, + data: data, + success: function(response, status, xhr) { + toastr.success( + "Preview has been updated with current configured layout.", + "Preview updated!", + {timeOut: 0, extendedTimeOut: 0, closeButton: true, closeDuration: 0} + ); + + setTimeout(function() { + if (history.scrollRestoration) { + history.scrollRestoration = 'manual'; + } + + location.reload(); // reload page + }, 1500); + }, + error: function(response) { + toastr.error( + "Please try it again later.", + "Something went wrong!", + {timeOut: 0, extendedTimeOut: 0, closeButton: true, closeDuration: 0} + ); + }, + complete: function() { + previewButton.removeAttribute("data-kt-indicator"); + } + }); + }); + }; + + var handleExport = function() { + exportButton.addEventListener("click", function(e) { + e.preventDefault(); + + toastr.success( + "Process has been started and it may take a while.", + "Generating HTML!", + {timeOut: 0, extendedTimeOut: 0, closeButton: true, closeDuration: 0} + ); + + // Show progress + exportButton.setAttribute("data-kt-indicator", "on"); + + // Set form action value + actionInput.value = "export"; + + // Prepare form data + var data = $(form).serialize(); + + $.ajax({ + type: "POST", + dataType: "html", + url: url, + data: data, + success: function(response, status, xhr) { + var timer = setInterval(function() { + $("