Priority File Manager
📁 public_html
Base Directory:
/home/ecedu/public_html
/home/ecedu/public_html/wp-content/plugins
/home/ecedu/public_html/wp-content
/home/ecedu
/var/www
/var/www/cgi-bin
/var/www/html
public_html
/
cce
/
assets
/
css
/home/ecedu/public_html/cce/assets/css
Name
Type
Size
Actions
📁
..
Folder
-
Delete
Rename
📄
_main.css
File
22884
Delete
Rename
Edit
Download
📄
css2.css
File
22340
Delete
Rename
Edit
Download
📄
main.css
File
34479
Delete
Rename
Edit
Download
📄
theme-rtl.css
File
507089
Delete
Rename
Edit
Download
📄
theme.css
File
482202
Delete
Rename
Edit
Download
Upload
Create Folder
📝 Editing:
theme-rtl.css
Size: 507,089 bytes
Lines: 21581
Type: .css
💾 Save
Cancel
✕
@charset "UTF-8"; /*---------------------------------------------------------------------- * BootNews - Magazine and Blog bootstrap template * Copyright Bootstrap.News * Licensed under (https://bootstrap.news/license/) ------------------------------------------------------------------------*/ :root, [data-bs-theme=light] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #4f46e5; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #1b1b1b; --bs-primary: #4f46e5; --bs-secondary: #000; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #1b1b1b; --bs-primary-rgb: 79, 70, 229; --bs-secondary-rgb: 0, 0, 0; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 27, 27, 27; --bs-primary-text: #0a58ca; --bs-secondary-text: #6c757d; --bs-success-text: #146c43; --bs-info-text: #087990; --bs-warning-text: #997404; --bs-danger-text: #b02a37; --bs-light-text: #6c757d; --bs-dark-text: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #f8f9fa; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #e9ecef; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 27, 27, 27; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: "Roboto", 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: #1b1b1b; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(27, 27, 27, 0.75); --bs-secondary-color-rgb: 27, 27, 27; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(27, 27, 27, 0.5); --bs-tertiary-color-rgb: 27, 27, 27; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-link-color: #4f46e5; --bs-link-color-rgb: 79, 70, 229; --bs-link-decoration: none !important; --bs-link-hover-color: #3f38b7; --bs-link-hover-color-rgb: 63, 56, 183; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.25rem; --bs-border-radius-sm: 0.2rem; --bs-border-radius-lg: 0.3rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-emphasis-color: #000; --bs-form-control-bg: var(--bs-body-bg); --bs-form-control-disabled-bg: var(--bs-secondary-bg); --bs-highlight-bg: #fff3cd; --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-black-white-rgb: 0, 0, 0; --bs-black-white: #000; --bs-light-dark-rgb: 248, 249, 250; --bs-light-dark: #f8f9fa; --bs-white-black-rgb: 255, 255, 255; --bs-white-black: #fff; --bs-border-light-dark: #e9ecef; --bs-text-dark-light: #495057; --bs-p-color: #495057; --bs-bg-hover: #e9ecef; --bs-light-black: #f8f9fa; --bs-filter-image: inherit; --bs-primary-500: #4f46e5; } [data-bs-theme=dark] { --bs-body-color: #ced4da; --bs-body-color-rgb: 206, 212, 218; --bs-body-bg: #1b1b1b; --bs-body-bg-rgb: 27, 27, 27; --bs-emphasis-color: #f8f9fa; --bs-emphasis-color-rgb: 248, 249, 250; --bs-secondary-color: rgba(206, 212, 218, 0.75); --bs-secondary-color-rgb: 206, 212, 218; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52, 58, 64; --bs-tertiary-color: rgba(206, 212, 218, 0.5); --bs-tertiary-color-rgb: 206, 212, 218; --bs-tertiary-bg: #282b2e; --bs-tertiary-bg-rgb: 40, 43, 46; --bs-emphasis-color: #fff; --bs-primary-text: #9590ef; --bs-secondary-text: #dee2e6; --bs-success-text: #75b798; --bs-info-text: #6edff6; --bs-warning-text: #ffda6a; --bs-danger-text: #ea868f; --bs-light-text: #f8f9fa; --bs-dark-text: #dee2e6; --bs-primary-bg-subtle: #100e2e; --bs-secondary-bg-subtle: #1b1b1b; --bs-success-bg-subtle: #051b11; --bs-info-bg-subtle: #032830; --bs-warning-bg-subtle: #332701; --bs-danger-bg-subtle: #2c0b0e; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: #2f2a89; --bs-secondary-border-subtle: #495057; --bs-success-border-subtle: #0f5132; --bs-info-border-subtle: #055160; --bs-warning-border-subtle: #664d03; --bs-danger-border-subtle: #842029; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: #fff; --bs-link-color: #9590ef; --bs-link-hover-color: #9590ef; --bs-link-color-rgb: 149, 144, 239; --bs-link-hover-color-rgb: 149, 144, 239; --bs-code-color: #e685b5; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); --bs-primary-rgb: 114, 107, 234; --bs-black-white-rgb: 255, 255, 255; --bs-black-white: #fff; --bs-light-dark-rgb: 27, 27, 27; --bs-light-dark: #1b1b1b; --bs-white-black-rgb: 0, 0, 0; --bs-white-black: #000; --bs-border-light-dark: #495057; --bs-text-dark-light: #e9ecef; --bs-primary: #726bea; --bs-p-color: #6c757d; --bs-light-black: #000; --bs-body-color: #dee2e6; --bs-body-bg: #1b1b1b; --bs-bg-hover: #343a40; --bs-border-color: #495057; --bs-filter-image: brightness(0) invert(1); } *, *::before, *::after { -webkit-box-sizing: border-box; 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: 1px 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: 500; line-height: 1.2; color: var(--bs-heading-color, inherit); } h1, .h1 { font-size: 1.5rem; } h2, .h2 { font-size: 1.375rem; } h3, .h3 { font-size: 1.25rem; } h4, .h4 { font-size: 1.125rem; } h5, .h5 { font-size: 1rem; } h6, .h6 { font-size: 0.875rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-right: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-right: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small, .small { font-size: 0.875em; } mark, .mark { padding: 0.1875em; 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 !important; } a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); } 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: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.2rem; } 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.5rem; padding-bottom: 0.5rem; color: #6c757d; text-align: right; } 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: right; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; } legend + * { clear: right; } ::-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] { outline-offset: -2px; -webkit-appearance: textfield; } [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: 3.6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 2.4rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 2rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 1.8rem; font-weight: 300; line-height: 1.2; } .display-5 { font-size: 1.625rem; font-weight: 300; line-height: 1.2; } .display-6 { font-size: 1.5rem; font-weight: 300; line-height: 1.2; } .list-unstyled { padding-right: 0; list-style: none; } .list-inline { padding-right: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-left: 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: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid var(--bs-border-color); border-radius: 0.25rem; 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: #6c757d; } .container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-left: calc(var(--bs-gutter-x) * 0.5); padding-right: calc(var(--bs-gutter-x) * 0.5); margin-left: auto; margin-right: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 560px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 750px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 970px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1170px; } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-left: calc(-0.5 * var(--bs-gutter-x)); margin-right: calc(-0.5 * var(--bs-gutter-x)); } .row > * { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-left: calc(var(--bs-gutter-x) * 0.5); padding-right: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { -ms-flex: 1 0 0%; -webkit-box-flex: 1; flex: 1 0 0%; } .row-cols-auto > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; } .row-cols-1 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 100%; } .row-cols-2 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 50%; } .row-cols-3 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 25%; } .row-cols-5 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 20%; } .row-cols-6 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 16.6666666667%; } .col-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; } .col-1 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 8.33333333%; } .col-2 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 16.66666667%; } .col-3 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 25%; } .col-4 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 33.33333333%; } .col-5 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 41.66666667%; } .col-6 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 50%; } .col-7 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 58.33333333%; } .col-8 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 66.66666667%; } .col-9 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 75%; } .col-10 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 83.33333333%; } .col-11 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 91.66666667%; } .col-12 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 100%; } .offset-1 { margin-right: 8.33333333%; } .offset-2 { margin-right: 16.66666667%; } .offset-3 { margin-right: 25%; } .offset-4 { margin-right: 33.33333333%; } .offset-5 { margin-right: 41.66666667%; } .offset-6 { margin-right: 50%; } .offset-7 { margin-right: 58.33333333%; } .offset-8 { margin-right: 66.66666667%; } .offset-9 { margin-right: 75%; } .offset-10 { margin-right: 83.33333333%; } .offset-11 { margin-right: 91.66666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .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: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } .g-6, .gx-6 { --bs-gutter-x: 4.5rem; } .g-6, .gy-6 { --bs-gutter-y: 4.5rem; } .g-7, .gx-7 { --bs-gutter-x: 6rem; } .g-7, .gy-7 { --bs-gutter-y: 6rem; } .g-8, .gx-8 { --bs-gutter-x: 7.5rem; } .g-8, .gy-8 { --bs-gutter-y: 7.5rem; } .g-9, .gx-9 { --bs-gutter-x: 9rem; } .g-9, .gy-9 { --bs-gutter-y: 9rem; } @media (min-width: 576px) { .col-sm { -ms-flex: 1 0 0%; -webkit-box-flex: 1; flex: 1 0 0%; } .row-cols-sm-auto > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 16.6666666667%; } .col-sm-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; } .col-sm-1 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 25%; } .col-sm-4 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 50%; } .col-sm-7 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 75%; } .col-sm-10 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-right: 0; } .offset-sm-1 { margin-right: 8.33333333%; } .offset-sm-2 { margin-right: 16.66666667%; } .offset-sm-3 { margin-right: 25%; } .offset-sm-4 { margin-right: 33.33333333%; } .offset-sm-5 { margin-right: 41.66666667%; } .offset-sm-6 { margin-right: 50%; } .offset-sm-7 { margin-right: 58.33333333%; } .offset-sm-8 { margin-right: 66.66666667%; } .offset-sm-9 { margin-right: 75%; } .offset-sm-10 { margin-right: 83.33333333%; } .offset-sm-11 { margin-right: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .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: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } .g-sm-6, .gx-sm-6 { --bs-gutter-x: 4.5rem; } .g-sm-6, .gy-sm-6 { --bs-gutter-y: 4.5rem; } .g-sm-7, .gx-sm-7 { --bs-gutter-x: 6rem; } .g-sm-7, .gy-sm-7 { --bs-gutter-y: 6rem; } .g-sm-8, .gx-sm-8 { --bs-gutter-x: 7.5rem; } .g-sm-8, .gy-sm-8 { --bs-gutter-y: 7.5rem; } .g-sm-9, .gx-sm-9 { --bs-gutter-x: 9rem; } .g-sm-9, .gy-sm-9 { --bs-gutter-y: 9rem; } } @media (min-width: 768px) { .col-md { -ms-flex: 1 0 0%; -webkit-box-flex: 1; flex: 1 0 0%; } .row-cols-md-auto > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; } .col-md-1 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 25%; } .col-md-4 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 50%; } .col-md-7 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 75%; } .col-md-10 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-right: 0; } .offset-md-1 { margin-right: 8.33333333%; } .offset-md-2 { margin-right: 16.66666667%; } .offset-md-3 { margin-right: 25%; } .offset-md-4 { margin-right: 33.33333333%; } .offset-md-5 { margin-right: 41.66666667%; } .offset-md-6 { margin-right: 50%; } .offset-md-7 { margin-right: 58.33333333%; } .offset-md-8 { margin-right: 66.66666667%; } .offset-md-9 { margin-right: 75%; } .offset-md-10 { margin-right: 83.33333333%; } .offset-md-11 { margin-right: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .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: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } .g-md-6, .gx-md-6 { --bs-gutter-x: 4.5rem; } .g-md-6, .gy-md-6 { --bs-gutter-y: 4.5rem; } .g-md-7, .gx-md-7 { --bs-gutter-x: 6rem; } .g-md-7, .gy-md-7 { --bs-gutter-y: 6rem; } .g-md-8, .gx-md-8 { --bs-gutter-x: 7.5rem; } .g-md-8, .gy-md-8 { --bs-gutter-y: 7.5rem; } .g-md-9, .gx-md-9 { --bs-gutter-x: 9rem; } .g-md-9, .gy-md-9 { --bs-gutter-y: 9rem; } } @media (min-width: 992px) { .col-lg { -ms-flex: 1 0 0%; -webkit-box-flex: 1; flex: 1 0 0%; } .row-cols-lg-auto > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 16.6666666667%; } .col-lg-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; } .col-lg-1 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 25%; } .col-lg-4 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 50%; } .col-lg-7 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 75%; } .col-lg-10 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-right: 0; } .offset-lg-1 { margin-right: 8.33333333%; } .offset-lg-2 { margin-right: 16.66666667%; } .offset-lg-3 { margin-right: 25%; } .offset-lg-4 { margin-right: 33.33333333%; } .offset-lg-5 { margin-right: 41.66666667%; } .offset-lg-6 { margin-right: 50%; } .offset-lg-7 { margin-right: 58.33333333%; } .offset-lg-8 { margin-right: 66.66666667%; } .offset-lg-9 { margin-right: 75%; } .offset-lg-10 { margin-right: 83.33333333%; } .offset-lg-11 { margin-right: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .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: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } .g-lg-6, .gx-lg-6 { --bs-gutter-x: 4.5rem; } .g-lg-6, .gy-lg-6 { --bs-gutter-y: 4.5rem; } .g-lg-7, .gx-lg-7 { --bs-gutter-x: 6rem; } .g-lg-7, .gy-lg-7 { --bs-gutter-y: 6rem; } .g-lg-8, .gx-lg-8 { --bs-gutter-x: 7.5rem; } .g-lg-8, .gy-lg-8 { --bs-gutter-y: 7.5rem; } .g-lg-9, .gx-lg-9 { --bs-gutter-x: 9rem; } .g-lg-9, .gy-lg-9 { --bs-gutter-y: 9rem; } } @media (min-width: 1200px) { .col-xl { -ms-flex: 1 0 0%; -webkit-box-flex: 1; flex: 1 0 0%; } .row-cols-xl-auto > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 16.6666666667%; } .col-xl-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; } .col-xl-1 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 25%; } .col-xl-4 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 50%; } .col-xl-7 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 75%; } .col-xl-10 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-right: 0; } .offset-xl-1 { margin-right: 8.33333333%; } .offset-xl-2 { margin-right: 16.66666667%; } .offset-xl-3 { margin-right: 25%; } .offset-xl-4 { margin-right: 33.33333333%; } .offset-xl-5 { margin-right: 41.66666667%; } .offset-xl-6 { margin-right: 50%; } .offset-xl-7 { margin-right: 58.33333333%; } .offset-xl-8 { margin-right: 66.66666667%; } .offset-xl-9 { margin-right: 75%; } .offset-xl-10 { margin-right: 83.33333333%; } .offset-xl-11 { margin-right: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .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: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } .g-xl-6, .gx-xl-6 { --bs-gutter-x: 4.5rem; } .g-xl-6, .gy-xl-6 { --bs-gutter-y: 4.5rem; } .g-xl-7, .gx-xl-7 { --bs-gutter-x: 6rem; } .g-xl-7, .gy-xl-7 { --bs-gutter-y: 6rem; } .g-xl-8, .gx-xl-8 { --bs-gutter-x: 7.5rem; } .g-xl-8, .gy-xl-8 { --bs-gutter-y: 7.5rem; } .g-xl-9, .gx-xl-9 { --bs-gutter-x: 9rem; } .g-xl-9, .gy-xl-9 { --bs-gutter-y: 9rem; } } .table { --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(0, 0, 0, 0.05); --bs-table-active-color: var(--bs-body-color); --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: var(--bs-body-color); --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: var(--bs-table-color); vertical-align: top; border-color: var(--bs-table-border-color); } .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; -webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table-group-divider { border-top: 2px solid currentcolor; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; } .table-bordered > :not(caption) > * { border-width: 1px 0; } .table-bordered > :not(caption) > * > * { border-width: 0 1px; } .table-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-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } .table-striped-columns > :not(caption) > tr > :nth-child(even) { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color); } .table-hover > tbody > tr:hover > * { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color); } .table-primary { --bs-table-color: #000; --bs-table-bg: #dcdafa; --bs-table-border-color: #c6c4e1; --bs-table-striped-bg: #d1cfee; --bs-table-striped-color: #000; --bs-table-active-bg: #c6c4e1; --bs-table-active-color: #000; --bs-table-hover-bg: #cccae7; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-secondary { --bs-table-color: #000; --bs-table-bg: #cccccc; --bs-table-border-color: #b8b8b8; --bs-table-striped-bg: #c2c2c2; --bs-table-striped-color: #000; --bs-table-active-bg: #b8b8b8; --bs-table-active-color: #000; --bs-table-hover-bg: #bdbdbd; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-success { --bs-table-color: #000; --bs-table-bg: #d1e7dd; --bs-table-border-color: #bcd0c7; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-info { --bs-table-color: #000; --bs-table-bg: #cff4fc; --bs-table-border-color: #badce3; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-warning { --bs-table-color: #000; --bs-table-bg: #fff3cd; --bs-table-border-color: #e6dbb9; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-danger { --bs-table-color: #000; --bs-table-bg: #f8d7da; --bs-table-border-color: #dfc2c4; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-light { --bs-table-color: #000; --bs-table-bg: #f8f9fa; --bs-table-border-color: #dfe0e1; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-dark { --bs-table-color: #fff; --bs-table-bg: #1b1b1b; --bs-table-border-color: #323232; --bs-table-striped-bg: #262626; --bs-table-striped-color: #fff; --bs-table-active-bg: #323232; --bs-table-active-color: #fff; --bs-table-hover-bg: #2c2c2c; --bs-table-hover-color: #fff; 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; } } .form-label { margin-bottom: 0.5rem; } .col-form-label { padding-top: calc(0.75rem + 1px); padding-bottom: calc(0.75rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(1rem + 1px); padding-bottom: calc(1rem + 1px); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.35rem + 1px); padding-bottom: calc(0.35rem + 1px); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: #6c757d; } .form-control { display: block; width: 100%; padding: 0.75rem 1rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #1b1b1b; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { -webkit-transition: none; transition: none; } } .form-control[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: #1b1b1b; background-color: #fff; border-color: var(--bs-primary); outline: 0; -webkit-box-shadow: 0 0 0 0 rgba(79, 70, 229, 0); box-shadow: 0 0 0 0 rgba(79, 70, 229, 0); } .form-control::-webkit-date-and-time-value { height: 1.5em; } .form-control::-webkit-datetime-edit { display: block; padding: 0; } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled { background-color: #e9ecef; opacity: 1; } .form-control::file-selector-button { padding: 0.75rem 1rem; margin: -0.75rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; color: #1b1b1b; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; 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; 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, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { -webkit-transition: none; transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3; } .form-control-plaintext { display: block; width: 100%; padding: 0.75rem 0; margin-bottom: 0; line-height: 1.5; color: #1b1b1b; 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-left: 0; padding-right: 0; } .form-control-sm { min-height: calc(1.5em + 0.7rem + 2px); padding: 0.35rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .form-control-sm::file-selector-button { padding: 0.35rem 0.5rem; margin: -0.35rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 2rem + 2px); padding: 1rem 1.5rem; font-size: 1.25rem; border-radius: 0.3rem; } .form-control-lg::file-selector-button { padding: 1rem 1.5rem; margin: -1rem -1.5rem; -webkit-margin-end: 1.5rem; margin-inline-end: 1.5rem; } textarea.form-control { min-height: calc(1.5em + 1.5rem + 2px); } textarea.form-control-sm { min-height: calc(1.5em + 0.7rem + 2px); } textarea.form-control-lg { min-height: calc(1.5em + 2rem + 2px); } .form-control-color { width: 3rem; height: calc(1.5em + 1.5rem + 2px); padding: 0.75rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: 0.25rem; } .form-control-color::-webkit-color-swatch { border-radius: 0.25rem; } .form-control-color.form-control-sm { height: calc(1.5em + 0.7rem + 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='%23343a40' 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.75rem 1rem 0.75rem 3rem; -moz-padding-start: calc(1rem - 3px); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #1b1b1b; background-color: #fff; background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: left 1rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-select { -webkit-transition: none; transition: none; } } .form-select:focus { border-color: var(--bs-primary); outline: 0; -webkit-box-shadow: 0 0 0 0 rgba(79, 70, 229, 0); box-shadow: 0 0 0 0 rgba(79, 70, 229, 0); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-left: 1rem; background-image: none; } .form-select:disabled { background-color: #e9ecef; } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #1b1b1b; } .form-select-sm { padding-top: 0.35rem; padding-bottom: 0.35rem; padding-right: 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .form-select-lg { padding-top: 1rem; padding-bottom: 1rem; padding-right: 1.5rem; font-size: 1.25rem; border-radius: 0.3rem; } [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='%23ced4da' 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-right: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: right; margin-right: -1.5em; } .form-check-reverse { padding-left: 1.5em; padding-right: 0; text-align: left; } .form-check-reverse .form-check-input { float: left; margin-left: -1.5em; margin-right: 0; } .form-check-input { --bs-form-check-bg: #fff; width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; 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 rgba(0, 0, 0, 0.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; print-color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { -webkit-filter: brightness(90%); filter: brightness(90%); } .form-check-input:focus { border-color: var(--bs-primary); outline: 0; -webkit-box-shadow: 0 0 0 0 rgba(79, 70, 229, 0); box-shadow: 0 0 0 0 rgba(79, 70, 229, 0); } .form-check-input:checked { background-color: #4f46e5; border-color: #4f46e5; } .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 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%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='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: #4f46e5; border-color: #4f46e5; --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='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; -webkit-filter: 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-switch { padding-right: 2.5em; } .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: 2em; margin-right: -2.5em; background-image: var(--bs-form-switch-bg); background-position: right center; border-radius: 2em; -webkit-transition: background-position 0.15s ease-in-out; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { -webkit-transition: none; 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='var%28--bs-primary%29'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: left 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='%23fff'/%3e%3c/svg%3e"); } .form-switch.form-check-reverse { padding-left: 2.5em; padding-right: 0; } .form-switch.form-check-reverse .form-check-input { margin-left: -2.5em; margin-right: 0; } .form-check-inline { display: inline-block; margin-left: 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; -webkit-filter: 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: 1rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(79, 70, 229, 0); box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(79, 70, 229, 0); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(79, 70, 229, 0); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #4f46e5; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #cac8f7; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #4f46e5; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .form-range::-moz-range-thumb:active { background-color: #cac8f7; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .form-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .form-floating { position: relative; } .form-floating::before:not(.form-control:disabled) { position: absolute; top: 1px; right: 1px; width: calc(100% - (0.375em + 0.375rem + 0.75em + 0.75rem)); height: 1.875em; content: ""; background-color: #fff; border-radius: 0.25rem; } .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(3.5rem + 2px); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; right: 0; width: 100%; height: 100%; padding: 1rem 1rem; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: 1px solid transparent; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; -webkit-transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { -webkit-transition: none; transition: none; } } .form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem 1rem; } .form-floating > .form-control::-webkit-input-placeholder, .form-floating > .form-control-plaintext::-webkit-input-placeholder { color: transparent; } .form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder { color: transparent; } .form-floating > .form-control:-ms-input-placeholder, .form-floating > .form-control-plaintext:-ms-input-placeholder { color: transparent; } .form-floating > .form-control::-ms-input-placeholder, .form-floating > .form-control-plaintext::-ms-input-placeholder { color: transparent; } .form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder { color: transparent; } .form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:not(:-ms-input-placeholder), .form-floating > .form-control-plaintext:not(:-ms-input-placeholder) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .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.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem); } .form-floating > .form-control:not(:-ms-input-placeholder) ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem); } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label { opacity: 0.65; -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem); transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem); } .form-floating > .form-control:-webkit-autofill ~ label { opacity: 0.65; -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem); transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem); } .form-floating > .form-control-plaintext ~ label { border-width: 1px 0; } .form-floating > .form-control:disabled ~ label { color: #6c757d; } .input-group { position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-select, .input-group > .form-floating { position: relative; -ms-flex: 1 1 auto; -webkit-box-flex: 1; 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: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; padding: 0.75rem 1rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #1b1b1b; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .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.25rem; border-radius: 0.3rem; } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.35rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-left: 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-left-radius: 0; border-bottom-left-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-left-radius: 0; border-bottom-left-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-right: -1px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #198754; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(25, 135, 84, 0.9); border-radius: 0.25rem; } .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: #198754; padding-left: calc(1.5em + 1.5rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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: left calc(0.375em + 0.375rem) center; background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #198754; -webkit-box-shadow: 0 0 0 0 rgba(25, 135, 84, 0); box-shadow: 0 0 0 0 rgba(25, 135, 84, 0); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-left: calc(1.5em + 1.5rem); background-position: top calc(0.375em + 0.375rem) left calc(0.375em + 0.375rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: #198754; } .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='%23198754' 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-left: 5.5rem; background-position: left 1rem center, center left 3rem; background-size: 16px 12px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: #198754; -webkit-box-shadow: 0 0 0 0 rgba(25, 135, 84, 0); box-shadow: 0 0 0 0 rgba(25, 135, 84, 0); } .was-validated .form-control-color:valid, .form-control-color.is-valid { width: calc(3rem + 1.5em + 1.5rem); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: #198754; } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: #198754; } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { -webkit-box-shadow: 0 0 0 0 rgba(25, 135, 84, 0); box-shadow: 0 0 0 0 rgba(25, 135, 84, 0); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #198754; } .form-check-inline .form-check-input ~ .valid-feedback { margin-right: 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.25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .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: #dc3545; padding-left: calc(1.5em + 1.5rem); 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='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: left calc(0.375em + 0.375rem) center; background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-left: calc(1.5em + 1.5rem); background-position: top calc(0.375em + 0.375rem) left calc(0.375em + 0.375rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: #dc3545; } .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='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); padding-left: 5.5rem; background-position: left 1rem center, center left 3rem; background-size: 16px 12px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: #dc3545; -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); } .was-validated .form-control-color:invalid, .form-control-color.is-invalid { width: calc(3rem + 1.5em + 1.5rem); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: #dc3545; } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: #dc3545; } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .form-check-inline .form-check-input ~ .invalid-feedback { margin-right: 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: 1rem; --bs-btn-padding-y: 0.75rem; --bs-btn-font-family: ; --bs-btn-font-size: 0.875rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #1b1b1b; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 0.25rem; --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0 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; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 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); -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; 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; 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, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { -webkit-transition: none; 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; -webkit-box-shadow: var(--bs-btn-focus-box-shadow); box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:focus-visible + .btn { border-color: var(--bs-btn-hover-border-color); outline: 0; -webkit-box-shadow: var(--bs-btn-focus-box-shadow); 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); } .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 { -webkit-box-shadow: var(--bs-btn-focus-box-shadow); box-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); } .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #4f46e5; --bs-btn-border-color: #4f46e5; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #433cc3; --bs-btn-hover-border-color: #3f38b7; --bs-btn-focus-shadow-rgb: 105, 98, 233; --bs-btn-active-color: #fff; --bs-btn-active-bg: #3f38b7; --bs-btn-active-border-color: #3b35ac; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #4f46e5; --bs-btn-disabled-border-color: #4f46e5; } .btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: #000; --bs-btn-border-color: #000; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: black; --bs-btn-hover-border-color: black; --bs-btn-focus-shadow-rgb: 38, 38, 38; --bs-btn-active-color: #fff; --bs-btn-active-bg: black; --bs-btn-active-border-color: black; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #000; --bs-btn-disabled-border-color: #000; } .btn-success { --bs-btn-color: #fff; --bs-btn-bg: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #157347; --bs-btn-hover-border-color: #146c43; --bs-btn-focus-shadow-rgb: 60, 153, 110; --bs-btn-active-color: #fff; --bs-btn-active-bg: #146c43; --bs-btn-active-border-color: #13653f; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #198754; --bs-btn-disabled-border-color: #198754; } .btn-info { --bs-btn-color: #000; --bs-btn-bg: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #31d2f2; --bs-btn-hover-border-color: #25cff2; --bs-btn-focus-shadow-rgb: 11, 172, 204; --bs-btn-active-color: #000; --bs-btn-active-bg: #3dd5f3; --bs-btn-active-border-color: #25cff2; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #0dcaf0; --bs-btn-disabled-border-color: #0dcaf0; } .btn-warning { --bs-btn-color: #000; --bs-btn-bg: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffca2c; --bs-btn-hover-border-color: #ffc720; --bs-btn-focus-shadow-rgb: 217, 164, 6; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffcd39; --bs-btn-active-border-color: #ffc720; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #ffc107; --bs-btn-disabled-border-color: #ffc107; } .btn-danger { --bs-btn-color: #fff; --bs-btn-bg: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #bb2d3b; --bs-btn-hover-border-color: #b02a37; --bs-btn-focus-shadow-rgb: 225, 83, 97; --bs-btn-active-color: #fff; --bs-btn-active-bg: #b02a37; --bs-btn-active-border-color: #a52834; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #dc3545; --bs-btn-disabled-border-color: #dc3545; } .btn-light { --bs-btn-color: #000; --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #d3d4d5; --bs-btn-hover-border-color: #c6c7c8; --bs-btn-focus-shadow-rgb: 211, 212, 213; --bs-btn-active-color: #000; --bs-btn-active-bg: #c6c7c8; --bs-btn-active-border-color: #babbbc; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f8f9fa; --bs-btn-disabled-border-color: #f8f9fa; } .btn-dark { --bs-btn-color: #fff; --bs-btn-bg: #1b1b1b; --bs-btn-border-color: #1b1b1b; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #3d3d3d; --bs-btn-hover-border-color: #323232; --bs-btn-focus-shadow-rgb: 61, 61, 61; --bs-btn-active-color: #fff; --bs-btn-active-bg: #494949; --bs-btn-active-border-color: #323232; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #1b1b1b; --bs-btn-disabled-border-color: #1b1b1b; } .btn-outline-primary { --bs-btn-color: #4f46e5; --bs-btn-border-color: #4f46e5; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #4f46e5; --bs-btn-hover-border-color: #4f46e5; --bs-btn-focus-shadow-rgb: 79, 70, 229; --bs-btn-active-color: #fff; --bs-btn-active-bg: #4f46e5; --bs-btn-active-border-color: #4f46e5; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #4f46e5; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #4f46e5; --bs-gradient: none; } .btn-outline-secondary { --bs-btn-color: #000; --bs-btn-border-color: #000; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #000; --bs-btn-hover-border-color: #000; --bs-btn-focus-shadow-rgb: 0, 0, 0; --bs-btn-active-color: #fff; --bs-btn-active-bg: #000; --bs-btn-active-border-color: #000; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #000; --bs-gradient: none; } .btn-outline-success { --bs-btn-color: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #198754; --bs-btn-hover-border-color: #198754; --bs-btn-focus-shadow-rgb: 25, 135, 84; --bs-btn-active-color: #fff; --bs-btn-active-bg: #198754; --bs-btn-active-border-color: #198754; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #198754; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #198754; --bs-gradient: none; } .btn-outline-info { --bs-btn-color: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #0dcaf0; --bs-btn-hover-border-color: #0dcaf0; --bs-btn-focus-shadow-rgb: 13, 202, 240; --bs-btn-active-color: #000; --bs-btn-active-bg: #0dcaf0; --bs-btn-active-border-color: #0dcaf0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0dcaf0; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0dcaf0; --bs-gradient: none; } .btn-outline-warning { --bs-btn-color: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffc107; --bs-btn-hover-border-color: #ffc107; --bs-btn-focus-shadow-rgb: 255, 193, 7; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffc107; --bs-btn-active-border-color: #ffc107; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffc107; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #ffc107; --bs-gradient: none; } .btn-outline-danger { --bs-btn-color: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #dc3545; --bs-btn-hover-border-color: #dc3545; --bs-btn-focus-shadow-rgb: 220, 53, 69; --bs-btn-active-color: #fff; --bs-btn-active-bg: #dc3545; --bs-btn-active-border-color: #dc3545; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #dc3545; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #dc3545; --bs-gradient: none; } .btn-outline-light { --bs-btn-color: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f8f9fa; --bs-btn-hover-border-color: #f8f9fa; --bs-btn-focus-shadow-rgb: 248, 249, 250; --bs-btn-active-color: #000; --bs-btn-active-bg: #f8f9fa; --bs-btn-active-border-color: #f8f9fa; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #f8f9fa; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #f8f9fa; --bs-gradient: none; } .btn-outline-dark { --bs-btn-color: #1b1b1b; --bs-btn-border-color: #1b1b1b; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #1b1b1b; --bs-btn-hover-border-color: #1b1b1b; --bs-btn-focus-shadow-rgb: 27, 27, 27; --bs-btn-active-color: #fff; --bs-btn-active-bg: #1b1b1b; --bs-btn-active-border-color: #1b1b1b; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #1b1b1b; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #1b1b1b; --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: #6c757d; --bs-btn-disabled-border-color: transparent; --bs-btn-box-shadow: none; --bs-btn-focus-shadow-rgb: 105, 98, 233; text-decoration: none !important; } .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.5rem; --bs-btn-font-size: 1.25rem; --bs-btn-border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { --bs-btn-padding-y: 0.35rem; --bs-btn-padding-x: 0.5rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: 0.2rem; } .fade { -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { -webkit-transition: none; transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { -webkit-transition: none; transition: none; } } .collapsing.collapse-horizontal { width: 0; height: auto; -webkit-transition: width 0.35s ease; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { -webkit-transition: none; transition: none; } } .dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-left: 0.3em solid transparent; border-bottom: 0; border-right: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-right: 0; } .dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 12.5rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: #1b1b1b; --bs-dropdown-bg: #fff; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: 0.25rem; --bs-dropdown-border-width: 1px; --bs-dropdown-inner-border-radius: calc(0.25rem - 1px); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-dropdown-link-color: #1b1b1b; --bs-dropdown-link-hover-color: #181818; --bs-dropdown-link-hover-bg: #e9ecef; --bs-dropdown-link-active-color: #4f46e5; --bs-dropdown-link-active-bg: #f8f9fa; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.5rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --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: right; 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); } .dropdown-menu[data-bs-popper] { top: 100%; right: 0; margin-top: var(--bs-dropdown-spacer); } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { left: auto; right: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { left: 0; right: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { left: auto; right: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { left: 0; right: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { left: auto; right: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { left: 0; right: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { left: auto; right: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { left: 0; right: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { left: auto; right: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { left: 0; right: 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-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-left: 0.3em solid transparent; border-bottom: 0.3em solid; border-right: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-right: 0; } .dropend .dropdown-menu[data-bs-popper] { top: 0; left: auto; right: 100%; margin-top: 0; margin-right: var(--bs-dropdown-spacer); } .dropend .dropdown-toggle::after { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-left: 0; border-bottom: 0.3em solid transparent; border-right: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-right: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { top: 0; left: 100%; right: auto; margin-top: 0; margin-left: var(--bs-dropdown-spacer); } .dropstart .dropdown-toggle::after { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-left: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-right: 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; text-decoration: none; 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.875rem; 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: #dee2e6; --bs-dropdown-bg: #343a40; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg: rgba(27, 27, 27, 0.85); --bs-dropdown-link-active-color: #4f46e5; --bs-dropdown-link-active-bg: rgba(27, 27, 27, 0.85); --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-header-color: #adb5bd; } .btn-group, .btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: -webkit-inline-box; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -ms-flex: 1 1 auto; -webkit-box-flex: 1; 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: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group { border-radius: 0.25rem; } .btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) { margin-right: -1px; } .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-left-radius: 0; border-bottom-left-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-right-radius: 0; border-bottom-right-radius: 0; } .dropdown-toggle-split { padding-left: 0.75rem; padding-right: 0.75rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-right: 0; } .dropstart .dropdown-toggle-split::before { margin-left: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-left: 0.375rem; padding-right: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-left: 1.125rem; padding-right: 1.125rem; } .btn-group-vertical { -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-right-radius: 0; border-top-left-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: #6c757d; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 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); text-decoration: none; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { -webkit-transition: none; transition: none; } } .nav-link:hover, .nav-link:focus { color: var(--bs-nav-link-hover-color); } .nav-link.disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; } .nav-tabs { --bs-nav-tabs-border-width: 1px; --bs-nav-tabs-border-color: #dee2e6; --bs-nav-tabs-border-radius: 0.25rem; --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6; --bs-nav-tabs-link-active-color: #495057; --bs-nav-tabs-link-active-bg: #fff; --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff; 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)); background: none; border: var(--bs-nav-tabs-border-width) solid transparent; border-top-right-radius: var(--bs-nav-tabs-border-radius); border-top-left-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.disabled, .nav-tabs .nav-link:disabled { color: var(--bs-nav-link-disabled-color); background-color: transparent; border-color: transparent; } .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-right-radius: 0; border-top-left-radius: 0; } .nav-pills { --bs-nav-pills-border-radius: 0.25rem; --bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-bg: #4f46e5; } .nav-pills .nav-link { background: none; border: 0; border-radius: var(--bs-nav-pills-border-radius); } .nav-pills .nav-link:disabled { color: var(--bs-nav-link-disabled-color); background-color: transparent; border-color: transparent; } .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-fill > .nav-link, .nav-fill .nav-item { -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; 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(0, 0, 0, 0.8); --bs-navbar-hover-color: rgba(0, 0, 0, 0.7); --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3); --bs-navbar-active-color: #4f46e5; --bs-navbar-brand-padding-y: 0.3125rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.25rem; --bs-navbar-brand-color: #4f46e5; --bs-navbar-brand-hover-color: #4f46e5; --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.25rem; --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%280, 0, 0, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: transparent; --bs-navbar-toggler-border-radius: 0.25rem; --bs-navbar-toggler-focus-width: 0; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; 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 { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: inherit; flex-wrap: inherit; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); margin-left: var(--bs-navbar-brand-margin-end); font-size: var(--bs-navbar-brand-font-size); color: var(--bs-navbar-brand-color); text-decoration: none; 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: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding-right: 0; margin-bottom: 0; list-style: none; } .navbar-nav .show > .nav-link, .navbar-nav .nav-link.active { 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 { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-align: center; -webkit-box-align: center; 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); -webkit-transition: var(--bs-navbar-toggler-transition); transition: var(--bs-navbar-toggler-transition); } @media (prefers-reduced-motion: reduce) { .navbar-toggler { -webkit-transition: none; transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; -webkit-box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); 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 { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas { position: static; z-index: auto; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; -webkit-transform: none !important; transform: none !important; -webkit-transition: none; transition: none; } .navbar-expand-sm .offcanvas .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas .offcanvas-body { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-positive: 0; -webkit-box-flex: 0; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 768px) { .navbar-expand-md { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas { position: static; z-index: auto; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; -webkit-transform: none !important; transform: none !important; -webkit-transition: none; transition: none; } .navbar-expand-md .offcanvas .offcanvas-header { display: none; } .navbar-expand-md .offcanvas .offcanvas-body { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-positive: 0; -webkit-box-flex: 0; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 992px) { .navbar-expand-lg { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas { position: static; z-index: auto; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; -webkit-transform: none !important; transform: none !important; -webkit-transition: none; transition: none; } .navbar-expand-lg .offcanvas .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas .offcanvas-body { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-positive: 0; -webkit-box-flex: 0; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas { position: static; z-index: auto; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; -webkit-transform: none !important; transform: none !important; -webkit-transition: none; transition: none; } .navbar-expand-xl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas .offcanvas-body { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-positive: 0; -webkit-box-flex: 0; flex-grow: 0; padding: 0; overflow-y: visible; } } .navbar-expand { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } .navbar-expand .navbar-nav { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x); } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas { position: static; z-index: auto; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; -webkit-transform: none !important; transform: none !important; -webkit-transition: none; transition: none; } .navbar-expand .offcanvas .offcanvas-header { display: none; } .navbar-expand .offcanvas .offcanvas-body { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-positive: 0; -webkit-box-flex: 0; flex-grow: 0; padding: 0; overflow-y: visible; } .navbar-dark { --bs-navbar-color: rgba(255, 255, 255, 0.9); --bs-navbar-hover-color: #fff; --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --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.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } [data-bs-theme=dark] .navbar { --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.9%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: ; --bs-card-subtitle-color: ; --bs-card-border-width: 1px; --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: 0; --bs-card-box-shadow: ; --bs-card-inner-border-radius: -1px; --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(0, 0, 0, 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: #fff; --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-width: 0; height: var(--bs-card-height); 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); } .card > hr { margin-left: 0; margin-right: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-right-radius: var(--bs-card-inner-border-radius); border-top-left-radius: var(--bs-card-inner-border-radius); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-left-radius: var(--bs-card-inner-border-radius); border-bottom-right-radius: var(--bs-card-inner-border-radius); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { -ms-flex: 1 1 auto; -webkit-box-flex: 1; 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-right: 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-left: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); margin-right: 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-left: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); } .card-img-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 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-right-radius: var(--bs-card-inner-border-radius); border-top-left-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-bottom { border-bottom-left-radius: var(--bs-card-inner-border-radius); border-bottom-right-radius: var(--bs-card-inner-border-radius); } .card-group > .card { margin-bottom: var(--bs-card-group-margin); } @media (min-width: 576px) { .card-group { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .card-group > .card { -ms-flex: 1 0 0%; -webkit-box-flex: 1; flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-right: 0; border-right: 0; } .card-group > .card:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-right-radius: 0; } } .accordion { --bs-accordion-color: var(--bs-body-color); --bs-accordion-bg: #fff; --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: 1px; --bs-accordion-border-radius: 0.25rem; --bs-accordion-inner-border-radius: calc(0.25rem - 1px); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%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.25rem; --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='%23473fce'%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-border-color: var(--bs-primary); --bs-accordion-btn-focus-box-shadow: 0 0 0 0 rgba(79, 70, 229, 0); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: #473fce; --bs-accordion-active-bg: #ededfc; } .accordion-button { position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; 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: right; background-color: var(--bs-accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; -webkit-transition: var(--bs-accordion-transition); transition: var(--bs-accordion-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button { -webkit-transition: none; transition: none; } } .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); -webkit-box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); 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); -webkit-transform: var(--bs-accordion-btn-icon-transform); transform: var(--bs-accordion-btn-icon-transform); } .accordion-button::after { -ms-flex-negative: 0; flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-right: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); -webkit-transition: var(--bs-accordion-btn-icon-transition); transition: var(--bs-accordion-btn-icon-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button::after { -webkit-transition: none; transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; border-color: var(--bs-accordion-btn-focus-border-color); outline: 0; -webkit-box-shadow: var(--bs-accordion-btn-focus-box-shadow); 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-right-radius: var(--bs-accordion-border-radius); border-top-left-radius: var(--bs-accordion-border-radius); } .accordion-item:first-of-type .accordion-button { border-top-right-radius: var(--bs-accordion-inner-border-radius); border-top-left-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-left-radius: var(--bs-accordion-border-radius); border-bottom-right-radius: var(--bs-accordion-border-radius); } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-left-radius: var(--bs-accordion-inner-border-radius); border-bottom-right-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:last-of-type .accordion-collapse { border-bottom-left-radius: var(--bs-accordion-border-radius); border-bottom-right-radius: var(--bs-accordion-border-radius); } .accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); } .accordion-flush .accordion-collapse { border-width: 0; } .accordion-flush .accordion-item { border-left: 0; border-right: 0; border-radius: 0; } .accordion-flush .accordion-item:first-child { border-top: 0; } .accordion-flush .accordion-item:last-child { border-bottom: 0; } .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed { 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='%239590ef'%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='%239590ef'%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: #6c757d; --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: #6c757d; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; 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-right: var(--bs-breadcrumb-item-padding-x); } .breadcrumb-item + .breadcrumb-item::before { float: right; padding-left: var(--bs-breadcrumb-item-padding-x); color: var(--bs-breadcrumb-divider-color); content: 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: 1rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: #fff; --bs-pagination-border-width: 1px; --bs-pagination-border-color: #dee2e6; --bs-pagination-border-radius: 0.25rem; --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-hover-bg: #e9ecef; --bs-pagination-hover-border-color: #dee2e6; --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: #e9ecef; --bs-pagination-focus-box-shadow: 0 0 0 0 rgba(79, 70, 229, 0); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: #4f46e5; --bs-pagination-active-border-color: #4f46e5; --bs-pagination-disabled-color: #6c757d; --bs-pagination-disabled-bg: #fff; --bs-pagination-disabled-border-color: #dee2e6; display: -ms-flexbox; display: -webkit-box; display: flex; padding-right: 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); text-decoration: none; background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; 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; 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, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-link { -webkit-transition: none; 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; -webkit-box-shadow: var(--bs-pagination-focus-box-shadow); 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-right: -1px; } .page-item:first-child .page-link { border-top-right-radius: var(--bs-pagination-border-radius); border-bottom-right-radius: var(--bs-pagination-border-radius); } .page-item:last-child .page-link { border-top-left-radius: var(--bs-pagination-border-radius); border-bottom-left-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.25rem; --bs-pagination-border-radius: 0.3rem; } .pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; --bs-pagination-font-size: 0.875rem; --bs-pagination-border-radius: 0.2rem; } .badge { --bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: 0.25rem; 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: 1px solid var(--bs-alert-border-color); --bs-alert-border-radius: 0.25rem; --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: 700; color: var(--bs-alert-link-color); } .alert-dismissible { padding-left: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; left: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { --bs-alert-color: var(--bs-primary-text); --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); } .alert-secondary { --bs-alert-color: var(--bs-secondary-text); --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); } .alert-success { --bs-alert-color: var(--bs-success-text); --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); } .alert-info { --bs-alert-color: var(--bs-info-text); --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); } .alert-warning { --bs-alert-color: var(--bs-warning-text); --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); } .alert-danger { --bs-alert-color: var(--bs-danger-text); --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); } .alert-light { --bs-alert-color: var(--bs-light-text); --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); } .alert-dark { --bs-alert-color: var(--bs-dark-text); --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); } @-webkit-keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } @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: #e9ecef; --bs-progress-border-radius: 0.25rem; --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-progress-bar-color: #fff; --bs-progress-bar-bg: #4f46e5; --bs-progress-bar-transition: width 0.6s ease; display: -ms-flexbox; display: -webkit-box; 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); } .progress-bar { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; overflow: hidden; color: var(--bs-progress-bar-color); text-align: center; white-space: nowrap; background-color: var(--bs-progress-bar-bg); -webkit-transition: var(--bs-progress-bar-transition); transition: var(--bs-progress-bar-transition); } @media (prefers-reduced-motion: reduce) { .progress-bar { -webkit-transition: none; 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 { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .list-group { --bs-list-group-color: #1b1b1b; --bs-list-group-bg: #fff; --bs-list-group-border-color: rgba(0, 0, 0, 0.125); --bs-list-group-border-width: 1px; --bs-list-group-border-radius: 0.25rem; --bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-y: 0.5rem; --bs-list-group-action-color: #495057; --bs-list-group-action-hover-color: #495057; --bs-list-group-action-hover-bg: #f8f9fa; --bs-list-group-action-active-color: #1b1b1b; --bs-list-group-action-active-bg: #e9ecef; --bs-list-group-disabled-color: #6c757d; --bs-list-group-disabled-bg: #fff; --bs-list-group-active-color: #fff; --bs-list-group-active-bg: #4f46e5; --bs-list-group-active-border-color: #4f46e5; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding-right: 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); text-decoration: none; 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-right-radius: inherit; border-top-left-radius: inherit; } .list-group-item:last-child { border-bottom-left-radius: inherit; border-bottom-right-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 { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-bottom-right-radius: var(--bs-list-group-border-radius); border-top-left-radius: 0; } .list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-top-left-radius: var(--bs-list-group-border-radius); border-bottom-right-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-right-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-right: calc(-1 * var(--bs-list-group-border-width)); border-right-width: var(--bs-list-group-border-width); } @media (min-width: 576px) { .list-group-horizontal-sm { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { border-bottom-right-radius: var(--bs-list-group-border-radius); border-top-left-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { border-top-left-radius: var(--bs-list-group-border-radius); border-bottom-right-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-right-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-right: calc(-1 * var(--bs-list-group-border-width)); border-right-width: var(--bs-list-group-border-width); } } @media (min-width: 768px) { .list-group-horizontal-md { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { border-bottom-right-radius: var(--bs-list-group-border-radius); border-top-left-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { border-top-left-radius: var(--bs-list-group-border-radius); border-bottom-right-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-right-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-right: calc(-1 * var(--bs-list-group-border-width)); border-right-width: var(--bs-list-group-border-width); } } @media (min-width: 992px) { .list-group-horizontal-lg { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { border-bottom-right-radius: var(--bs-list-group-border-radius); border-top-left-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { border-top-left-radius: var(--bs-list-group-border-radius); border-bottom-right-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-right-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-right: calc(-1 * var(--bs-list-group-border-width)); border-right-width: var(--bs-list-group-border-width); } } @media (min-width: 1200px) { .list-group-horizontal-xl { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { border-bottom-right-radius: var(--bs-list-group-border-radius); border-top-left-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { border-top-left-radius: var(--bs-list-group-border-radius); border-bottom-right-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-right-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-right: calc(-1 * var(--bs-list-group-border-width)); border-right-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-primary { --bs-list-group-color: var(--bs-primary-text); --bs-list-group-bg: var(--bs-primary-bg-subtle); --bs-list-group-border-color: var(--bs-primary-border-subtle); } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); } .list-group-item-primary.list-group-item-action:active { --bs-list-group-active-color: var(--bs-emphasis-color); --bs-list-group-active-bg: var(--bs-primary-text); --bs-list-group-active-border-color: var(--bs-primary-text); } .list-group-item-secondary { --bs-list-group-color: var(--bs-secondary-text); --bs-list-group-bg: var(--bs-secondary-bg-subtle); --bs-list-group-border-color: var(--bs-secondary-border-subtle); } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); } .list-group-item-secondary.list-group-item-action:active { --bs-list-group-active-color: var(--bs-emphasis-color); --bs-list-group-active-bg: var(--bs-secondary-text); --bs-list-group-active-border-color: var(--bs-secondary-text); } .list-group-item-success { --bs-list-group-color: var(--bs-success-text); --bs-list-group-bg: var(--bs-success-bg-subtle); --bs-list-group-border-color: var(--bs-success-border-subtle); } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); } .list-group-item-success.list-group-item-action:active { --bs-list-group-active-color: var(--bs-emphasis-color); --bs-list-group-active-bg: var(--bs-success-text); --bs-list-group-active-border-color: var(--bs-success-text); } .list-group-item-info { --bs-list-group-color: var(--bs-info-text); --bs-list-group-bg: var(--bs-info-bg-subtle); --bs-list-group-border-color: var(--bs-info-border-subtle); } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); } .list-group-item-info.list-group-item-action:active { --bs-list-group-active-color: var(--bs-emphasis-color); --bs-list-group-active-bg: var(--bs-info-text); --bs-list-group-active-border-color: var(--bs-info-text); } .list-group-item-warning { --bs-list-group-color: var(--bs-warning-text); --bs-list-group-bg: var(--bs-warning-bg-subtle); --bs-list-group-border-color: var(--bs-warning-border-subtle); } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); } .list-group-item-warning.list-group-item-action:active { --bs-list-group-active-color: var(--bs-emphasis-color); --bs-list-group-active-bg: var(--bs-warning-text); --bs-list-group-active-border-color: var(--bs-warning-text); } .list-group-item-danger { --bs-list-group-color: var(--bs-danger-text); --bs-list-group-bg: var(--bs-danger-bg-subtle); --bs-list-group-border-color: var(--bs-danger-border-subtle); } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); } .list-group-item-danger.list-group-item-action:active { --bs-list-group-active-color: var(--bs-emphasis-color); --bs-list-group-active-bg: var(--bs-danger-text); --bs-list-group-active-border-color: var(--bs-danger-text); } .list-group-item-light { --bs-list-group-color: var(--bs-light-text); --bs-list-group-bg: var(--bs-light-bg-subtle); --bs-list-group-border-color: var(--bs-light-border-subtle); } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); } .list-group-item-light.list-group-item-action:active { --bs-list-group-active-color: var(--bs-emphasis-color); --bs-list-group-active-bg: var(--bs-light-text); --bs-list-group-active-border-color: var(--bs-light-text); } .list-group-item-dark { --bs-list-group-color: var(--bs-dark-text); --bs-list-group-bg: var(--bs-dark-bg-subtle); --bs-list-group-border-color: var(--bs-dark-border-subtle); } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); } .list-group-item-dark.list-group-item-action:active { --bs-list-group-active-color: var(--bs-emphasis-color); --bs-list-group-active-bg: var(--bs-dark-text); --bs-list-group-active-border-color: var(--bs-dark-text); } .btn-close { --bs-btn-close-color: #000; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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: 0 0 0 0 rgba(79, 70, 229, 0); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); -webkit-box-sizing: content-box; box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: var(--bs-btn-close-color); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; border: 0; border-radius: 0.25rem; 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; -webkit-box-shadow: var(--bs-btn-close-focus-shadow); box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); } .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: var(--bs-btn-close-disabled-opacity); } .btn-close-white { -webkit-filter: var(--bs-btn-close-white-filter); filter: var(--bs-btn-close-white-filter); } [data-bs-theme=dark] .btn-close { -webkit-filter: var(--bs-btn-close-white-filter); 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: ; --bs-toast-bg: rgba(255, 255, 255, 0.85); --bs-toast-border-width: 1px; --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: 0.25rem; --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-toast-header-color: #6c757d; --bs-toast-header-bg: rgba(255, 255, 255, 0.85); --bs-toast-header-border-color: rgba(0, 0, 0, 0.05); 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); -webkit-box-shadow: var(--bs-toast-box-shadow); 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: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: var(--bs-toast-spacing); } .toast-header { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; 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-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); } .toast-header .btn-close { margin-left: calc(-0.5 * var(--bs-toast-padding-x)); margin-right: 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: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: #fff; --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: 1px; --bs-modal-border-radius: 0.3rem; --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-modal-inner-border-radius: calc(0.3rem - 1px); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --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; right: 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: -webkit-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; transform: none; } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); 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: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); } .modal-content { position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; 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); outline: 0; } .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0; right: 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: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-right-radius: var(--bs-modal-inner-border-radius); border-top-left-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)) auto calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)); } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; padding: var(--bs-modal-padding); } .modal-footer { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: end; -webkit-box-pack: end; 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-left-radius: var(--bs-modal-inner-border-radius); border-bottom-right-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.15); } .modal-dialog { max-width: var(--bs-modal-width); margin-left: auto; margin-right: 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; } } .tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; --bs-tooltip-font-size: 0.875rem; --bs-tooltip-color: #fff; --bs-tooltip-bg: #000; --bs-tooltip-border-radius: 0.25rem; --bs-tooltip-opacity: 0.9; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-arrow-height: 0.4rem; z-index: var(--bs-tooltip-zindex); display: block; padding: var(--bs-tooltip-arrow-height); margin: var(--bs-tooltip-margin); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: right; 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: 0; } .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); } .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: 0; 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); } .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: 0; } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-bottom-color: var(--bs-tooltip-bg); } .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: 0; 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); } .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: 0.875rem; --bs-popover-bg: #fff; --bs-popover-border-width: 1px; --bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-radius: 0.3rem; --bs-popover-inner-border-radius: calc(0.3rem - 1px); --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; --bs-popover-header-font-size: 1rem; --bs-popover-header-color: var(--bs-heading-color); --bs-popover-header-bg: #f0f0f0; --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 1rem; --bs-popover-body-color: #1b1b1b; --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: right; 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); } .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); } .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); } .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; right: 50%; display: block; width: var(--bs-popover-arrow-width); margin-right: calc(-0.5 * var(--bs-popover-arrow-width)); content: ""; border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); } .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); } .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-right-radius: var(--bs-popover-inner-border-radius); border-top-left-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 { -ms-touch-action: pan-y; 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: right; width: 100%; margin-left: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: -webkit-transform 0.6s ease-in-out; -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { -webkit-transition: none; transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { -webkit-transform: translateX(100%); transform: translateX(100%); } .carousel-fade .carousel-item { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transform: none; 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; -webkit-transition: opacity 0s 0.6s; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { -webkit-transition: none; transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { -webkit-transition: none; transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { right: 0; } .carousel-control-next { left: 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-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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-indicators { position: absolute; left: 0; bottom: 0; right: 0; z-index: 2; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; padding: 0; margin-left: 15%; margin-bottom: 1rem; margin-right: 15%; list-style: none; } .carousel-indicators [data-bs-target] { -webkit-box-sizing: content-box; box-sizing: content-box; -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-left: 3px; margin-right: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { -webkit-transition: none; transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; left: 15%; bottom: 1.25rem; right: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; } .carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon { -webkit-filter: invert(1) grayscale(100); filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } [data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark] .carousel .carousel-control-prev-icon { -webkit-filter: invert(1) grayscale(100); filter: invert(1) grayscale(100); } [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target] { background-color: #000; } [data-bs-theme=dark] .carousel .carousel-caption { color: #000; } .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%; -webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes spinner-border { to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } .spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-border-width: 0.25em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-border; border: var(--bs-spinner-border-width) solid currentcolor; border-left-color: transparent; } .spinner-border-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; --bs-spinner-border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; transform: none; } } .spinner-grow { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-animation-speed: 0.75s; --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.5s; } } .offcanvas, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: #fff; --bs-offcanvas-border-width: 1px; --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --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: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; 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; -webkit-transition: var(--bs-offcanvas-transition); transition: var(--bs-offcanvas-transition); } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .offcanvas-sm { -webkit-transition: none; transition: none; } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-start { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(100%); transform: translateX(100%); } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-end { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-top { top: 0; left: 0; right: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-bottom { left: 0; right: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(100%); transform: translateY(100%); } } @media (max-width: 575.98px) { .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { -webkit-transform: none; transform: none; } } @media (max-width: 575.98px) { .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: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-positive: 0; -webkit-box-flex: 0; 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: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; 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; -webkit-transition: var(--bs-offcanvas-transition); transition: var(--bs-offcanvas-transition); } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .offcanvas-md { -webkit-transition: none; transition: none; } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-start { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(100%); transform: translateX(100%); } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-end { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-top { top: 0; left: 0; right: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-bottom { left: 0; right: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(100%); transform: translateY(100%); } } @media (max-width: 767.98px) { .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { -webkit-transform: none; transform: none; } } @media (max-width: 767.98px) { .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: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-positive: 0; -webkit-box-flex: 0; 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: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; 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; -webkit-transition: var(--bs-offcanvas-transition); transition: var(--bs-offcanvas-transition); } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .offcanvas-lg { -webkit-transition: none; transition: none; } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-start { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(100%); transform: translateX(100%); } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-end { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-top { top: 0; left: 0; right: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-bottom { left: 0; right: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(100%); transform: translateY(100%); } } @media (max-width: 991.98px) { .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { -webkit-transform: none; transform: none; } } @media (max-width: 991.98px) { .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: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-positive: 0; -webkit-box-flex: 0; 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: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; 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; -webkit-transition: var(--bs-offcanvas-transition); transition: var(--bs-offcanvas-transition); } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xl { -webkit-transition: none; transition: none; } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-start { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(100%); transform: translateX(100%); } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-end { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-top { top: 0; left: 0; right: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-bottom { left: 0; right: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(100%); transform: translateY(100%); } } @media (max-width: 1199.98px) { .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { -webkit-transform: none; transform: none; } } @media (max-width: 1199.98px) { .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: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-positive: 0; -webkit-box-flex: 0; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } .offcanvas { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; 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; -webkit-transition: var(--bs-offcanvas-transition); transition: var(--bs-offcanvas-transition); } @media (prefers-reduced-motion: reduce) { .offcanvas { -webkit-transition: none; transition: none; } } .offcanvas.offcanvas-start { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(100%); transform: translateX(100%); } .offcanvas.offcanvas-end { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .offcanvas.offcanvas-top { top: 0; left: 0; right: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .offcanvas.offcanvas-bottom { left: 0; right: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(100%); transform: translateY(100%); } .offcanvas.showing, .offcanvas.show:not(.hiding) { -webkit-transform: none; transform: none; } .offcanvas.showing, .offcanvas.hiding, .offcanvas.show { visibility: visible; } .offcanvas-backdrop { position: fixed; top: 0; right: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.5; } .offcanvas-header { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; 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-top: calc(-0.5 * var(--bs-offcanvas-padding-y)); margin-left: calc(-0.5 * var(--bs-offcanvas-padding-x)); margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y)); } .offcanvas-title { margin-bottom: 0; line-height: var(--bs-offcanvas-title-line-height); } .offcanvas-body { -ms-flex-positive: 1; -webkit-box-flex: 1; 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 { -webkit-animation: placeholder-glow 2s ease-in-out infinite; animation: placeholder-glow 2s ease-in-out infinite; } @-webkit-keyframes placeholder-glow { 50% { opacity: 0.2; } } @keyframes placeholder-glow { 50% { opacity: 0.2; } } .placeholder-wave { -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%; -webkit-animation: placeholder-wave 2s linear infinite; animation: placeholder-wave 2s linear infinite; } @-webkit-keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0%; } } @keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0%; } } .clearfix::after { display: block; clear: both; content: ""; } .text-bg-primary { color: #fff !important; background-color: RGBA(79, 70, 229, var(--bs-bg-opacity, 1)) !important; } .text-bg-secondary { color: #fff !important; background-color: RGBA(0, 0, 0, var(--bs-bg-opacity, 1)) !important; } .text-bg-success { color: #fff !important; background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important; } .text-bg-info { color: #000 !important; background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important; } .text-bg-warning { color: #000 !important; background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important; } .text-bg-danger { color: #fff !important; background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important; } .text-bg-light { color: #000 !important; background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important; } .text-bg-dark { color: #fff !important; background-color: RGBA(27, 27, 27, var(--bs-bg-opacity, 1)) !important; } .link-primary { color: #4f46e5 !important; } .link-primary:hover, .link-primary:focus { color: #3f38b7 !important; } .link-secondary { color: #000 !important; } .link-secondary:hover, .link-secondary:focus { color: black !important; } .link-success { color: #198754 !important; } .link-success:hover, .link-success:focus { color: #146c43 !important; } .link-info { color: #0dcaf0 !important; } .link-info:hover, .link-info:focus { color: #3dd5f3 !important; } .link-warning { color: #ffc107 !important; } .link-warning:hover, .link-warning:focus { color: #ffcd39 !important; } .link-danger { color: #dc3545 !important; } .link-danger:hover, .link-danger:focus { color: #b02a37 !important; } .link-light { color: #f8f9fa !important; } .link-light:hover, .link-light:focus { color: #f9fafb !important; } .link-dark { color: #1b1b1b !important; } .link-dark:hover, .link-dark:focus { color: #161616 !important; } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; right: 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; left: 0; right: 0; z-index: 1030; } .fixed-bottom { position: fixed; left: 0; bottom: 0; right: 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; } } .hstack { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-item-align: stretch; align-self: stretch; } .vstack { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-item-align: stretch; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .stretched-link::after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vr { display: inline-block; -ms-flex-item-align: stretch; align-self: stretch; width: 1px; 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: right !important; } .float-end { float: left !important; } .float-none { float: none !important; } .object-fit-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-none { -o-object-fit: none !important; object-fit: none !important; } .opacity-0 { opacity: 0 !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-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } .d-none { display: none !important; } .shadow { -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-sm { -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg { -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { -webkit-box-shadow: none !important; box-shadow: none !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { right: 0 !important; } .start-50 { right: 50% !important; } .start-100 { right: 100% !important; } .end-0 { left: 0 !important; } .end-50 { left: 50% !important; } .end-100 { left: 100% !important; } .translate-middle { -webkit-transform: translate(50%, -50%) !important; transform: translate(50%, -50%) !important; } .translate-middle-x { -webkit-transform: translateX(50%) !important; transform: translateX(50%) !important; } .translate-middle-y { -webkit-transform: translateY(-50%) !important; 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-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-end-0 { border-left: 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-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-start-0 { border-right: 0 !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-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-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-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-1 { --bs-border-width: 1px; } .border-2 { --bs-border-width: 2px; } .border-3 { --bs-border-width: 3px; } .border-4 { --bs-border-width: 4px; } .border-5 { --bs-border-width: 5px; } .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-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { -ms-flex: 1 1 auto !important; -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-row { -ms-flex-direction: row !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -ms-flex-pack: start !important; -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-evenly { -ms-flex-pack: space-evenly !important; -webkit-box-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-start { -ms-flex-align: start !important; -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-first { -ms-flex-order: -1 !important; -webkit-box-ordinal-group: 0 !important; order: -1 !important; } .order-0 { -ms-flex-order: 0 !important; -webkit-box-ordinal-group: 1 !important; order: 0 !important; } .order-1 { -ms-flex-order: 1 !important; -webkit-box-ordinal-group: 2 !important; order: 1 !important; } .order-2 { -ms-flex-order: 2 !important; -webkit-box-ordinal-group: 3 !important; order: 2 !important; } .order-3 { -ms-flex-order: 3 !important; -webkit-box-ordinal-group: 4 !important; order: 3 !important; } .order-4 { -ms-flex-order: 4 !important; -webkit-box-ordinal-group: 5 !important; order: 4 !important; } .order-5 { -ms-flex-order: 5 !important; -webkit-box-ordinal-group: 6 !important; order: 5 !important; } .order-last { -ms-flex-order: 6 !important; -webkit-box-ordinal-group: 7 !important; order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-6 { margin: 4.5rem !important; } .m-7 { margin: 6rem !important; } .m-8 { margin: 7.5rem !important; } .m-9 { margin: 9rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; } .mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .mx-5 { margin-left: 3rem !important; margin-right: 3rem !important; } .mx-6 { margin-left: 4.5rem !important; margin-right: 4.5rem !important; } .mx-7 { margin-left: 6rem !important; margin-right: 6rem !important; } .mx-8 { margin-left: 7.5rem !important; margin-right: 7.5rem !important; } .mx-9 { margin-left: 9rem !important; margin-right: 9rem !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-6 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; } .my-7 { margin-top: 6rem !important; margin-bottom: 6rem !important; } .my-8 { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; } .my-9 { margin-top: 9rem !important; margin-bottom: 9rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-6 { margin-top: 4.5rem !important; } .mt-7 { margin-top: 6rem !important; } .mt-8 { margin-top: 7.5rem !important; } .mt-9 { margin-top: 9rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-left: 0 !important; } .me-1 { margin-left: 0.25rem !important; } .me-2 { margin-left: 0.5rem !important; } .me-3 { margin-left: 1rem !important; } .me-4 { margin-left: 1.5rem !important; } .me-5 { margin-left: 3rem !important; } .me-6 { margin-left: 4.5rem !important; } .me-7 { margin-left: 6rem !important; } .me-8 { margin-left: 7.5rem !important; } .me-9 { margin-left: 9rem !important; } .me-auto { margin-left: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-6 { margin-bottom: 4.5rem !important; } .mb-7 { margin-bottom: 6rem !important; } .mb-8 { margin-bottom: 7.5rem !important; } .mb-9 { margin-bottom: 9rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-right: 0 !important; } .ms-1 { margin-right: 0.25rem !important; } .ms-2 { margin-right: 0.5rem !important; } .ms-3 { margin-right: 1rem !important; } .ms-4 { margin-right: 1.5rem !important; } .ms-5 { margin-right: 3rem !important; } .ms-6 { margin-right: 4.5rem !important; } .ms-7 { margin-right: 6rem !important; } .ms-8 { margin-right: 7.5rem !important; } .ms-9 { margin-right: 9rem !important; } .ms-auto { margin-right: auto !important; } .m-n1 { margin: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .m-n6 { margin: -4.5rem !important; } .m-n7 { margin: -6rem !important; } .m-n8 { margin: -7.5rem !important; } .m-n9 { margin: -9rem !important; } .mx-n1 { margin-left: -0.25rem !important; margin-right: -0.25rem !important; } .mx-n2 { margin-left: -0.5rem !important; margin-right: -0.5rem !important; } .mx-n3 { margin-left: -1rem !important; margin-right: -1rem !important; } .mx-n4 { margin-left: -1.5rem !important; margin-right: -1.5rem !important; } .mx-n5 { margin-left: -3rem !important; margin-right: -3rem !important; } .mx-n6 { margin-left: -4.5rem !important; margin-right: -4.5rem !important; } .mx-n7 { margin-left: -6rem !important; margin-right: -6rem !important; } .mx-n8 { margin-left: -7.5rem !important; margin-right: -7.5rem !important; } .mx-n9 { margin-left: -9rem !important; margin-right: -9rem !important; } .my-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .my-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .my-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .my-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .my-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .my-n6 { margin-top: -4.5rem !important; margin-bottom: -4.5rem !important; } .my-n7 { margin-top: -6rem !important; margin-bottom: -6rem !important; } .my-n8 { margin-top: -7.5rem !important; margin-bottom: -7.5rem !important; } .my-n9 { margin-top: -9rem !important; margin-bottom: -9rem !important; } .mt-n1 { margin-top: -0.25rem !important; } .mt-n2 { margin-top: -0.5rem !important; } .mt-n3 { margin-top: -1rem !important; } .mt-n4 { margin-top: -1.5rem !important; } .mt-n5 { margin-top: -3rem !important; } .mt-n6 { margin-top: -4.5rem !important; } .mt-n7 { margin-top: -6rem !important; } .mt-n8 { margin-top: -7.5rem !important; } .mt-n9 { margin-top: -9rem !important; } .me-n1 { margin-left: -0.25rem !important; } .me-n2 { margin-left: -0.5rem !important; } .me-n3 { margin-left: -1rem !important; } .me-n4 { margin-left: -1.5rem !important; } .me-n5 { margin-left: -3rem !important; } .me-n6 { margin-left: -4.5rem !important; } .me-n7 { margin-left: -6rem !important; } .me-n8 { margin-left: -7.5rem !important; } .me-n9 { margin-left: -9rem !important; } .mb-n1 { margin-bottom: -0.25rem !important; } .mb-n2 { margin-bottom: -0.5rem !important; } .mb-n3 { margin-bottom: -1rem !important; } .mb-n4 { margin-bottom: -1.5rem !important; } .mb-n5 { margin-bottom: -3rem !important; } .mb-n6 { margin-bottom: -4.5rem !important; } .mb-n7 { margin-bottom: -6rem !important; } .mb-n8 { margin-bottom: -7.5rem !important; } .mb-n9 { margin-bottom: -9rem !important; } .ms-n1 { margin-right: -0.25rem !important; } .ms-n2 { margin-right: -0.5rem !important; } .ms-n3 { margin-right: -1rem !important; } .ms-n4 { margin-right: -1.5rem !important; } .ms-n5 { margin-right: -3rem !important; } .ms-n6 { margin-right: -4.5rem !important; } .ms-n7 { margin-right: -6rem !important; } .ms-n8 { margin-right: -7.5rem !important; } .ms-n9 { margin-right: -9rem !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .p-6 { padding: 4.5rem !important; } .p-7 { padding: 6rem !important; } .p-8 { padding: 7.5rem !important; } .p-9 { padding: 9rem !important; } .px-0 { padding-left: 0 !important; padding-right: 0 !important; } .px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .px-3 { padding-left: 1rem !important; padding-right: 1rem !important; } .px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .px-5 { padding-left: 3rem !important; padding-right: 3rem !important; } .px-6 { padding-left: 4.5rem !important; padding-right: 4.5rem !important; } .px-7 { padding-left: 6rem !important; padding-right: 6rem !important; } .px-8 { padding-left: 7.5rem !important; padding-right: 7.5rem !important; } .px-9 { padding-left: 9rem !important; padding-right: 9rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } .py-7 { padding-top: 6rem !important; padding-bottom: 6rem !important; } .py-8 { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; } .py-9 { padding-top: 9rem !important; padding-bottom: 9rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pt-6 { padding-top: 4.5rem !important; } .pt-7 { padding-top: 6rem !important; } .pt-8 { padding-top: 7.5rem !important; } .pt-9 { padding-top: 9rem !important; } .pe-0 { padding-left: 0 !important; } .pe-1 { padding-left: 0.25rem !important; } .pe-2 { padding-left: 0.5rem !important; } .pe-3 { padding-left: 1rem !important; } .pe-4 { padding-left: 1.5rem !important; } .pe-5 { padding-left: 3rem !important; } .pe-6 { padding-left: 4.5rem !important; } .pe-7 { padding-left: 6rem !important; } .pe-8 { padding-left: 7.5rem !important; } .pe-9 { padding-left: 9rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .pb-6 { padding-bottom: 4.5rem !important; } .pb-7 { padding-bottom: 6rem !important; } .pb-8 { padding-bottom: 7.5rem !important; } .pb-9 { padding-bottom: 9rem !important; } .ps-0 { padding-right: 0 !important; } .ps-1 { padding-right: 0.25rem !important; } .ps-2 { padding-right: 0.5rem !important; } .ps-3 { padding-right: 1rem !important; } .ps-4 { padding-right: 1.5rem !important; } .ps-5 { padding-right: 3rem !important; } .ps-6 { padding-right: 4.5rem !important; } .ps-7 { padding-right: 6rem !important; } .ps-8 { padding-right: 7.5rem !important; } .ps-9 { padding-right: 9rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .gap-6 { gap: 4.5rem !important; } .gap-7 { gap: 6rem !important; } .gap-8 { gap: 7.5rem !important; } .gap-9 { gap: 9rem !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: 1rem !important; } .row-gap-4 { row-gap: 1.5rem !important; } .row-gap-5 { row-gap: 3rem !important; } .row-gap-6 { row-gap: 4.5rem !important; } .row-gap-7 { row-gap: 6rem !important; } .row-gap-8 { row-gap: 7.5rem !important; } .row-gap-9 { row-gap: 9rem !important; } .column-gap-0 { -webkit-column-gap: 0 !important; -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-1 { -webkit-column-gap: 0.25rem !important; -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-2 { -webkit-column-gap: 0.5rem !important; -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-3 { -webkit-column-gap: 1rem !important; -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-4 { -webkit-column-gap: 1.5rem !important; -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-5 { -webkit-column-gap: 3rem !important; -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .column-gap-6 { -webkit-column-gap: 4.5rem !important; -moz-column-gap: 4.5rem !important; column-gap: 4.5rem !important; } .column-gap-7 { -webkit-column-gap: 6rem !important; -moz-column-gap: 6rem !important; column-gap: 6rem !important; } .column-gap-8 { -webkit-column-gap: 7.5rem !important; -moz-column-gap: 7.5rem !important; column-gap: 7.5rem !important; } .column-gap-9 { -webkit-column-gap: 9rem !important; -moz-column-gap: 9rem !important; column-gap: 9rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: 1.5rem !important; } .fs-2 { font-size: 1.375rem !important; } .fs-3 { font-size: 1.25rem !important; } .fs-4 { font-size: 1.125rem !important; } .fs-5 { font-size: 1rem !important; } .fs-6 { font-size: 0.875rem !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: 600 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: right !important; } .text-end { text-align: left !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; } .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-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-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: #6c757d !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) !important; } .text-secondary-emphasis { color: var(--bs-secondary-text) !important; } .text-success-emphasis { color: var(--bs-success-text) !important; } .text-info-emphasis { color: var(--bs-info-text) !important; } .text-warning-emphasis { color: var(--bs-warning-text) !important; } .text-danger-emphasis { color: var(--bs-danger-text) !important; } .text-light-emphasis { color: var(--bs-light-text) !important; } .text-dark-emphasis { color: var(--bs-dark-text) !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-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-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-body-emphasis { --bs-bg-opacity: 1; background-color: rgba(var(--bs-emphasis-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 { -webkit-user-select: all !important; -moz-user-select: all !important; -ms-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: var(--bs-border-radius) !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: var(--bs-border-radius-sm) !important; } .rounded-2 { border-radius: var(--bs-border-radius) !important; } .rounded-3 { border-radius: var(--bs-border-radius-lg) !important; } .rounded-4 { border-radius: var(--bs-border-radius-xl) !important; } .rounded-5 { border-radius: var(--bs-border-radius-2xl) !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: var(--bs-border-radius-pill) !important; } .rounded-top { border-top-right-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-top-0 { border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-top-1 { border-top-right-radius: var(--bs-border-radius-sm) !important; border-top-left-radius: var(--bs-border-radius-sm) !important; } .rounded-top-2 { border-top-right-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-top-3 { border-top-right-radius: var(--bs-border-radius-lg) !important; border-top-left-radius: var(--bs-border-radius-lg) !important; } .rounded-top-4 { border-top-right-radius: var(--bs-border-radius-xl) !important; border-top-left-radius: var(--bs-border-radius-xl) !important; } .rounded-top-5 { border-top-right-radius: var(--bs-border-radius-2xl) !important; border-top-left-radius: var(--bs-border-radius-2xl) !important; } .rounded-top-circle { border-top-right-radius: 50% !important; border-top-left-radius: 50% !important; } .rounded-top-pill { border-top-right-radius: var(--bs-border-radius-pill) !important; border-top-left-radius: var(--bs-border-radius-pill) !important; } .rounded-end { border-top-left-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-end-0 { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-end-1 { border-top-left-radius: var(--bs-border-radius-sm) !important; border-bottom-left-radius: var(--bs-border-radius-sm) !important; } .rounded-end-2 { border-top-left-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-end-3 { border-top-left-radius: var(--bs-border-radius-lg) !important; border-bottom-left-radius: var(--bs-border-radius-lg) !important; } .rounded-end-4 { border-top-left-radius: var(--bs-border-radius-xl) !important; border-bottom-left-radius: var(--bs-border-radius-xl) !important; } .rounded-end-5 { border-top-left-radius: var(--bs-border-radius-2xl) !important; border-bottom-left-radius: var(--bs-border-radius-2xl) !important; } .rounded-end-circle { border-top-left-radius: 50% !important; border-bottom-left-radius: 50% !important; } .rounded-end-pill { border-top-left-radius: var(--bs-border-radius-pill) !important; border-bottom-left-radius: var(--bs-border-radius-pill) !important; } .rounded-bottom { border-bottom-left-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-bottom-0 { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-bottom-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-bottom-right-radius: var(--bs-border-radius-sm) !important; } .rounded-bottom-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-bottom-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-bottom-right-radius: var(--bs-border-radius-lg) !important; } .rounded-bottom-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-bottom-right-radius: var(--bs-border-radius-xl) !important; } .rounded-bottom-5 { border-bottom-left-radius: var(--bs-border-radius-2xl) !important; border-bottom-right-radius: var(--bs-border-radius-2xl) !important; } .rounded-bottom-circle { border-bottom-left-radius: 50% !important; border-bottom-right-radius: 50% !important; } .rounded-bottom-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-bottom-right-radius: var(--bs-border-radius-pill) !important; } .rounded-start { border-bottom-right-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-start-0 { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-start-1 { border-bottom-right-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important; } .rounded-start-2 { border-bottom-right-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-start-3 { border-bottom-right-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important; } .rounded-start-4 { border-bottom-right-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important; } .rounded-start-5 { border-bottom-right-radius: var(--bs-border-radius-2xl) !important; border-top-right-radius: var(--bs-border-radius-2xl) !important; } .rounded-start-circle { border-bottom-right-radius: 50% !important; border-top-right-radius: 50% !important; } .rounded-start-pill { border-bottom-right-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .z-n1 { z-index: -1 !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } @media (min-width: 576px) { .float-sm-start { float: right !important; } .float-sm-end { float: left !important; } .float-sm-none { float: none !important; } .object-fit-sm-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-sm-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-sm-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-sm-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-sm-none { -o-object-fit: none !important; object-fit: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-sm-row { -ms-flex-direction: row !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -ms-flex-pack: start !important; -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-sm-evenly { -ms-flex-pack: space-evenly !important; -webkit-box-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-sm-start { -ms-flex-align: start !important; -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-sm-first { -ms-flex-order: -1 !important; -webkit-box-ordinal-group: 0 !important; order: -1 !important; } .order-sm-0 { -ms-flex-order: 0 !important; -webkit-box-ordinal-group: 1 !important; order: 0 !important; } .order-sm-1 { -ms-flex-order: 1 !important; -webkit-box-ordinal-group: 2 !important; order: 1 !important; } .order-sm-2 { -ms-flex-order: 2 !important; -webkit-box-ordinal-group: 3 !important; order: 2 !important; } .order-sm-3 { -ms-flex-order: 3 !important; -webkit-box-ordinal-group: 4 !important; order: 3 !important; } .order-sm-4 { -ms-flex-order: 4 !important; -webkit-box-ordinal-group: 5 !important; order: 4 !important; } .order-sm-5 { -ms-flex-order: 5 !important; -webkit-box-ordinal-group: 6 !important; order: 5 !important; } .order-sm-last { -ms-flex-order: 6 !important; -webkit-box-ordinal-group: 7 !important; order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-6 { margin: 4.5rem !important; } .m-sm-7 { margin: 6rem !important; } .m-sm-8 { margin: 7.5rem !important; } .m-sm-9 { margin: 9rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-left: 0 !important; margin-right: 0 !important; } .mx-sm-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .mx-sm-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .mx-sm-3 { margin-left: 1rem !important; margin-right: 1rem !important; } .mx-sm-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .mx-sm-5 { margin-left: 3rem !important; margin-right: 3rem !important; } .mx-sm-6 { margin-left: 4.5rem !important; margin-right: 4.5rem !important; } .mx-sm-7 { margin-left: 6rem !important; margin-right: 6rem !important; } .mx-sm-8 { margin-left: 7.5rem !important; margin-right: 7.5rem !important; } .mx-sm-9 { margin-left: 9rem !important; margin-right: 9rem !important; } .mx-sm-auto { margin-left: auto !important; margin-right: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-6 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; } .my-sm-7 { margin-top: 6rem !important; margin-bottom: 6rem !important; } .my-sm-8 { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; } .my-sm-9 { margin-top: 9rem !important; margin-bottom: 9rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-6 { margin-top: 4.5rem !important; } .mt-sm-7 { margin-top: 6rem !important; } .mt-sm-8 { margin-top: 7.5rem !important; } .mt-sm-9 { margin-top: 9rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-left: 0 !important; } .me-sm-1 { margin-left: 0.25rem !important; } .me-sm-2 { margin-left: 0.5rem !important; } .me-sm-3 { margin-left: 1rem !important; } .me-sm-4 { margin-left: 1.5rem !important; } .me-sm-5 { margin-left: 3rem !important; } .me-sm-6 { margin-left: 4.5rem !important; } .me-sm-7 { margin-left: 6rem !important; } .me-sm-8 { margin-left: 7.5rem !important; } .me-sm-9 { margin-left: 9rem !important; } .me-sm-auto { margin-left: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-6 { margin-bottom: 4.5rem !important; } .mb-sm-7 { margin-bottom: 6rem !important; } .mb-sm-8 { margin-bottom: 7.5rem !important; } .mb-sm-9 { margin-bottom: 9rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-right: 0 !important; } .ms-sm-1 { margin-right: 0.25rem !important; } .ms-sm-2 { margin-right: 0.5rem !important; } .ms-sm-3 { margin-right: 1rem !important; } .ms-sm-4 { margin-right: 1.5rem !important; } .ms-sm-5 { margin-right: 3rem !important; } .ms-sm-6 { margin-right: 4.5rem !important; } .ms-sm-7 { margin-right: 6rem !important; } .ms-sm-8 { margin-right: 7.5rem !important; } .ms-sm-9 { margin-right: 9rem !important; } .ms-sm-auto { margin-right: auto !important; } .m-sm-n1 { margin: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .m-sm-n6 { margin: -4.5rem !important; } .m-sm-n7 { margin: -6rem !important; } .m-sm-n8 { margin: -7.5rem !important; } .m-sm-n9 { margin: -9rem !important; } .mx-sm-n1 { margin-left: -0.25rem !important; margin-right: -0.25rem !important; } .mx-sm-n2 { margin-left: -0.5rem !important; margin-right: -0.5rem !important; } .mx-sm-n3 { margin-left: -1rem !important; margin-right: -1rem !important; } .mx-sm-n4 { margin-left: -1.5rem !important; margin-right: -1.5rem !important; } .mx-sm-n5 { margin-left: -3rem !important; margin-right: -3rem !important; } .mx-sm-n6 { margin-left: -4.5rem !important; margin-right: -4.5rem !important; } .mx-sm-n7 { margin-left: -6rem !important; margin-right: -6rem !important; } .mx-sm-n8 { margin-left: -7.5rem !important; margin-right: -7.5rem !important; } .mx-sm-n9 { margin-left: -9rem !important; margin-right: -9rem !important; } .my-sm-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .my-sm-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .my-sm-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .my-sm-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .my-sm-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .my-sm-n6 { margin-top: -4.5rem !important; margin-bottom: -4.5rem !important; } .my-sm-n7 { margin-top: -6rem !important; margin-bottom: -6rem !important; } .my-sm-n8 { margin-top: -7.5rem !important; margin-bottom: -7.5rem !important; } .my-sm-n9 { margin-top: -9rem !important; margin-bottom: -9rem !important; } .mt-sm-n1 { margin-top: -0.25rem !important; } .mt-sm-n2 { margin-top: -0.5rem !important; } .mt-sm-n3 { margin-top: -1rem !important; } .mt-sm-n4 { margin-top: -1.5rem !important; } .mt-sm-n5 { margin-top: -3rem !important; } .mt-sm-n6 { margin-top: -4.5rem !important; } .mt-sm-n7 { margin-top: -6rem !important; } .mt-sm-n8 { margin-top: -7.5rem !important; } .mt-sm-n9 { margin-top: -9rem !important; } .me-sm-n1 { margin-left: -0.25rem !important; } .me-sm-n2 { margin-left: -0.5rem !important; } .me-sm-n3 { margin-left: -1rem !important; } .me-sm-n4 { margin-left: -1.5rem !important; } .me-sm-n5 { margin-left: -3rem !important; } .me-sm-n6 { margin-left: -4.5rem !important; } .me-sm-n7 { margin-left: -6rem !important; } .me-sm-n8 { margin-left: -7.5rem !important; } .me-sm-n9 { margin-left: -9rem !important; } .mb-sm-n1 { margin-bottom: -0.25rem !important; } .mb-sm-n2 { margin-bottom: -0.5rem !important; } .mb-sm-n3 { margin-bottom: -1rem !important; } .mb-sm-n4 { margin-bottom: -1.5rem !important; } .mb-sm-n5 { margin-bottom: -3rem !important; } .mb-sm-n6 { margin-bottom: -4.5rem !important; } .mb-sm-n7 { margin-bottom: -6rem !important; } .mb-sm-n8 { margin-bottom: -7.5rem !important; } .mb-sm-n9 { margin-bottom: -9rem !important; } .ms-sm-n1 { margin-right: -0.25rem !important; } .ms-sm-n2 { margin-right: -0.5rem !important; } .ms-sm-n3 { margin-right: -1rem !important; } .ms-sm-n4 { margin-right: -1.5rem !important; } .ms-sm-n5 { margin-right: -3rem !important; } .ms-sm-n6 { margin-right: -4.5rem !important; } .ms-sm-n7 { margin-right: -6rem !important; } .ms-sm-n8 { margin-right: -7.5rem !important; } .ms-sm-n9 { margin-right: -9rem !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .p-sm-6 { padding: 4.5rem !important; } .p-sm-7 { padding: 6rem !important; } .p-sm-8 { padding: 7.5rem !important; } .p-sm-9 { padding: 9rem !important; } .px-sm-0 { padding-left: 0 !important; padding-right: 0 !important; } .px-sm-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .px-sm-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .px-sm-3 { padding-left: 1rem !important; padding-right: 1rem !important; } .px-sm-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .px-sm-5 { padding-left: 3rem !important; padding-right: 3rem !important; } .px-sm-6 { padding-left: 4.5rem !important; padding-right: 4.5rem !important; } .px-sm-7 { padding-left: 6rem !important; padding-right: 6rem !important; } .px-sm-8 { padding-left: 7.5rem !important; padding-right: 7.5rem !important; } .px-sm-9 { padding-left: 9rem !important; padding-right: 9rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-sm-6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } .py-sm-7 { padding-top: 6rem !important; padding-bottom: 6rem !important; } .py-sm-8 { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; } .py-sm-9 { padding-top: 9rem !important; padding-bottom: 9rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pt-sm-6 { padding-top: 4.5rem !important; } .pt-sm-7 { padding-top: 6rem !important; } .pt-sm-8 { padding-top: 7.5rem !important; } .pt-sm-9 { padding-top: 9rem !important; } .pe-sm-0 { padding-left: 0 !important; } .pe-sm-1 { padding-left: 0.25rem !important; } .pe-sm-2 { padding-left: 0.5rem !important; } .pe-sm-3 { padding-left: 1rem !important; } .pe-sm-4 { padding-left: 1.5rem !important; } .pe-sm-5 { padding-left: 3rem !important; } .pe-sm-6 { padding-left: 4.5rem !important; } .pe-sm-7 { padding-left: 6rem !important; } .pe-sm-8 { padding-left: 7.5rem !important; } .pe-sm-9 { padding-left: 9rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .pb-sm-6 { padding-bottom: 4.5rem !important; } .pb-sm-7 { padding-bottom: 6rem !important; } .pb-sm-8 { padding-bottom: 7.5rem !important; } .pb-sm-9 { padding-bottom: 9rem !important; } .ps-sm-0 { padding-right: 0 !important; } .ps-sm-1 { padding-right: 0.25rem !important; } .ps-sm-2 { padding-right: 0.5rem !important; } .ps-sm-3 { padding-right: 1rem !important; } .ps-sm-4 { padding-right: 1.5rem !important; } .ps-sm-5 { padding-right: 3rem !important; } .ps-sm-6 { padding-right: 4.5rem !important; } .ps-sm-7 { padding-right: 6rem !important; } .ps-sm-8 { padding-right: 7.5rem !important; } .ps-sm-9 { padding-right: 9rem !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .gap-sm-6 { gap: 4.5rem !important; } .gap-sm-7 { gap: 6rem !important; } .gap-sm-8 { gap: 7.5rem !important; } .gap-sm-9 { gap: 9rem !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: 1rem !important; } .row-gap-sm-4 { row-gap: 1.5rem !important; } .row-gap-sm-5 { row-gap: 3rem !important; } .row-gap-sm-6 { row-gap: 4.5rem !important; } .row-gap-sm-7 { row-gap: 6rem !important; } .row-gap-sm-8 { row-gap: 7.5rem !important; } .row-gap-sm-9 { row-gap: 9rem !important; } .column-gap-sm-0 { -webkit-column-gap: 0 !important; -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-sm-1 { -webkit-column-gap: 0.25rem !important; -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-sm-2 { -webkit-column-gap: 0.5rem !important; -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-sm-3 { -webkit-column-gap: 1rem !important; -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-sm-4 { -webkit-column-gap: 1.5rem !important; -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-sm-5 { -webkit-column-gap: 3rem !important; -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .column-gap-sm-6 { -webkit-column-gap: 4.5rem !important; -moz-column-gap: 4.5rem !important; column-gap: 4.5rem !important; } .column-gap-sm-7 { -webkit-column-gap: 6rem !important; -moz-column-gap: 6rem !important; column-gap: 6rem !important; } .column-gap-sm-8 { -webkit-column-gap: 7.5rem !important; -moz-column-gap: 7.5rem !important; column-gap: 7.5rem !important; } .column-gap-sm-9 { -webkit-column-gap: 9rem !important; -moz-column-gap: 9rem !important; column-gap: 9rem !important; } .text-sm-start { text-align: right !important; } .text-sm-end { text-align: left !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: right !important; } .float-md-end { float: left !important; } .float-md-none { float: none !important; } .object-fit-md-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-md-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-md-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-md-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-md-none { -o-object-fit: none !important; object-fit: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-md-row { -ms-flex-direction: row !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -ms-flex-pack: start !important; -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-md-evenly { -ms-flex-pack: space-evenly !important; -webkit-box-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-md-start { -ms-flex-align: start !important; -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-md-first { -ms-flex-order: -1 !important; -webkit-box-ordinal-group: 0 !important; order: -1 !important; } .order-md-0 { -ms-flex-order: 0 !important; -webkit-box-ordinal-group: 1 !important; order: 0 !important; } .order-md-1 { -ms-flex-order: 1 !important; -webkit-box-ordinal-group: 2 !important; order: 1 !important; } .order-md-2 { -ms-flex-order: 2 !important; -webkit-box-ordinal-group: 3 !important; order: 2 !important; } .order-md-3 { -ms-flex-order: 3 !important; -webkit-box-ordinal-group: 4 !important; order: 3 !important; } .order-md-4 { -ms-flex-order: 4 !important; -webkit-box-ordinal-group: 5 !important; order: 4 !important; } .order-md-5 { -ms-flex-order: 5 !important; -webkit-box-ordinal-group: 6 !important; order: 5 !important; } .order-md-last { -ms-flex-order: 6 !important; -webkit-box-ordinal-group: 7 !important; order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-6 { margin: 4.5rem !important; } .m-md-7 { margin: 6rem !important; } .m-md-8 { margin: 7.5rem !important; } .m-md-9 { margin: 9rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-left: 0 !important; margin-right: 0 !important; } .mx-md-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .mx-md-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .mx-md-3 { margin-left: 1rem !important; margin-right: 1rem !important; } .mx-md-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .mx-md-5 { margin-left: 3rem !important; margin-right: 3rem !important; } .mx-md-6 { margin-left: 4.5rem !important; margin-right: 4.5rem !important; } .mx-md-7 { margin-left: 6rem !important; margin-right: 6rem !important; } .mx-md-8 { margin-left: 7.5rem !important; margin-right: 7.5rem !important; } .mx-md-9 { margin-left: 9rem !important; margin-right: 9rem !important; } .mx-md-auto { margin-left: auto !important; margin-right: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-6 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; } .my-md-7 { margin-top: 6rem !important; margin-bottom: 6rem !important; } .my-md-8 { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; } .my-md-9 { margin-top: 9rem !important; margin-bottom: 9rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-6 { margin-top: 4.5rem !important; } .mt-md-7 { margin-top: 6rem !important; } .mt-md-8 { margin-top: 7.5rem !important; } .mt-md-9 { margin-top: 9rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-left: 0 !important; } .me-md-1 { margin-left: 0.25rem !important; } .me-md-2 { margin-left: 0.5rem !important; } .me-md-3 { margin-left: 1rem !important; } .me-md-4 { margin-left: 1.5rem !important; } .me-md-5 { margin-left: 3rem !important; } .me-md-6 { margin-left: 4.5rem !important; } .me-md-7 { margin-left: 6rem !important; } .me-md-8 { margin-left: 7.5rem !important; } .me-md-9 { margin-left: 9rem !important; } .me-md-auto { margin-left: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-6 { margin-bottom: 4.5rem !important; } .mb-md-7 { margin-bottom: 6rem !important; } .mb-md-8 { margin-bottom: 7.5rem !important; } .mb-md-9 { margin-bottom: 9rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-right: 0 !important; } .ms-md-1 { margin-right: 0.25rem !important; } .ms-md-2 { margin-right: 0.5rem !important; } .ms-md-3 { margin-right: 1rem !important; } .ms-md-4 { margin-right: 1.5rem !important; } .ms-md-5 { margin-right: 3rem !important; } .ms-md-6 { margin-right: 4.5rem !important; } .ms-md-7 { margin-right: 6rem !important; } .ms-md-8 { margin-right: 7.5rem !important; } .ms-md-9 { margin-right: 9rem !important; } .ms-md-auto { margin-right: auto !important; } .m-md-n1 { margin: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .m-md-n6 { margin: -4.5rem !important; } .m-md-n7 { margin: -6rem !important; } .m-md-n8 { margin: -7.5rem !important; } .m-md-n9 { margin: -9rem !important; } .mx-md-n1 { margin-left: -0.25rem !important; margin-right: -0.25rem !important; } .mx-md-n2 { margin-left: -0.5rem !important; margin-right: -0.5rem !important; } .mx-md-n3 { margin-left: -1rem !important; margin-right: -1rem !important; } .mx-md-n4 { margin-left: -1.5rem !important; margin-right: -1.5rem !important; } .mx-md-n5 { margin-left: -3rem !important; margin-right: -3rem !important; } .mx-md-n6 { margin-left: -4.5rem !important; margin-right: -4.5rem !important; } .mx-md-n7 { margin-left: -6rem !important; margin-right: -6rem !important; } .mx-md-n8 { margin-left: -7.5rem !important; margin-right: -7.5rem !important; } .mx-md-n9 { margin-left: -9rem !important; margin-right: -9rem !important; } .my-md-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .my-md-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .my-md-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .my-md-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .my-md-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .my-md-n6 { margin-top: -4.5rem !important; margin-bottom: -4.5rem !important; } .my-md-n7 { margin-top: -6rem !important; margin-bottom: -6rem !important; } .my-md-n8 { margin-top: -7.5rem !important; margin-bottom: -7.5rem !important; } .my-md-n9 { margin-top: -9rem !important; margin-bottom: -9rem !important; } .mt-md-n1 { margin-top: -0.25rem !important; } .mt-md-n2 { margin-top: -0.5rem !important; } .mt-md-n3 { margin-top: -1rem !important; } .mt-md-n4 { margin-top: -1.5rem !important; } .mt-md-n5 { margin-top: -3rem !important; } .mt-md-n6 { margin-top: -4.5rem !important; } .mt-md-n7 { margin-top: -6rem !important; } .mt-md-n8 { margin-top: -7.5rem !important; } .mt-md-n9 { margin-top: -9rem !important; } .me-md-n1 { margin-left: -0.25rem !important; } .me-md-n2 { margin-left: -0.5rem !important; } .me-md-n3 { margin-left: -1rem !important; } .me-md-n4 { margin-left: -1.5rem !important; } .me-md-n5 { margin-left: -3rem !important; } .me-md-n6 { margin-left: -4.5rem !important; } .me-md-n7 { margin-left: -6rem !important; } .me-md-n8 { margin-left: -7.5rem !important; } .me-md-n9 { margin-left: -9rem !important; } .mb-md-n1 { margin-bottom: -0.25rem !important; } .mb-md-n2 { margin-bottom: -0.5rem !important; } .mb-md-n3 { margin-bottom: -1rem !important; } .mb-md-n4 { margin-bottom: -1.5rem !important; } .mb-md-n5 { margin-bottom: -3rem !important; } .mb-md-n6 { margin-bottom: -4.5rem !important; } .mb-md-n7 { margin-bottom: -6rem !important; } .mb-md-n8 { margin-bottom: -7.5rem !important; } .mb-md-n9 { margin-bottom: -9rem !important; } .ms-md-n1 { margin-right: -0.25rem !important; } .ms-md-n2 { margin-right: -0.5rem !important; } .ms-md-n3 { margin-right: -1rem !important; } .ms-md-n4 { margin-right: -1.5rem !important; } .ms-md-n5 { margin-right: -3rem !important; } .ms-md-n6 { margin-right: -4.5rem !important; } .ms-md-n7 { margin-right: -6rem !important; } .ms-md-n8 { margin-right: -7.5rem !important; } .ms-md-n9 { margin-right: -9rem !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .p-md-6 { padding: 4.5rem !important; } .p-md-7 { padding: 6rem !important; } .p-md-8 { padding: 7.5rem !important; } .p-md-9 { padding: 9rem !important; } .px-md-0 { padding-left: 0 !important; padding-right: 0 !important; } .px-md-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .px-md-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .px-md-3 { padding-left: 1rem !important; padding-right: 1rem !important; } .px-md-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .px-md-5 { padding-left: 3rem !important; padding-right: 3rem !important; } .px-md-6 { padding-left: 4.5rem !important; padding-right: 4.5rem !important; } .px-md-7 { padding-left: 6rem !important; padding-right: 6rem !important; } .px-md-8 { padding-left: 7.5rem !important; padding-right: 7.5rem !important; } .px-md-9 { padding-left: 9rem !important; padding-right: 9rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-md-6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } .py-md-7 { padding-top: 6rem !important; padding-bottom: 6rem !important; } .py-md-8 { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; } .py-md-9 { padding-top: 9rem !important; padding-bottom: 9rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pt-md-6 { padding-top: 4.5rem !important; } .pt-md-7 { padding-top: 6rem !important; } .pt-md-8 { padding-top: 7.5rem !important; } .pt-md-9 { padding-top: 9rem !important; } .pe-md-0 { padding-left: 0 !important; } .pe-md-1 { padding-left: 0.25rem !important; } .pe-md-2 { padding-left: 0.5rem !important; } .pe-md-3 { padding-left: 1rem !important; } .pe-md-4 { padding-left: 1.5rem !important; } .pe-md-5 { padding-left: 3rem !important; } .pe-md-6 { padding-left: 4.5rem !important; } .pe-md-7 { padding-left: 6rem !important; } .pe-md-8 { padding-left: 7.5rem !important; } .pe-md-9 { padding-left: 9rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .pb-md-6 { padding-bottom: 4.5rem !important; } .pb-md-7 { padding-bottom: 6rem !important; } .pb-md-8 { padding-bottom: 7.5rem !important; } .pb-md-9 { padding-bottom: 9rem !important; } .ps-md-0 { padding-right: 0 !important; } .ps-md-1 { padding-right: 0.25rem !important; } .ps-md-2 { padding-right: 0.5rem !important; } .ps-md-3 { padding-right: 1rem !important; } .ps-md-4 { padding-right: 1.5rem !important; } .ps-md-5 { padding-right: 3rem !important; } .ps-md-6 { padding-right: 4.5rem !important; } .ps-md-7 { padding-right: 6rem !important; } .ps-md-8 { padding-right: 7.5rem !important; } .ps-md-9 { padding-right: 9rem !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .gap-md-6 { gap: 4.5rem !important; } .gap-md-7 { gap: 6rem !important; } .gap-md-8 { gap: 7.5rem !important; } .gap-md-9 { gap: 9rem !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: 1rem !important; } .row-gap-md-4 { row-gap: 1.5rem !important; } .row-gap-md-5 { row-gap: 3rem !important; } .row-gap-md-6 { row-gap: 4.5rem !important; } .row-gap-md-7 { row-gap: 6rem !important; } .row-gap-md-8 { row-gap: 7.5rem !important; } .row-gap-md-9 { row-gap: 9rem !important; } .column-gap-md-0 { -webkit-column-gap: 0 !important; -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-md-1 { -webkit-column-gap: 0.25rem !important; -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-md-2 { -webkit-column-gap: 0.5rem !important; -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-md-3 { -webkit-column-gap: 1rem !important; -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-md-4 { -webkit-column-gap: 1.5rem !important; -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-md-5 { -webkit-column-gap: 3rem !important; -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .column-gap-md-6 { -webkit-column-gap: 4.5rem !important; -moz-column-gap: 4.5rem !important; column-gap: 4.5rem !important; } .column-gap-md-7 { -webkit-column-gap: 6rem !important; -moz-column-gap: 6rem !important; column-gap: 6rem !important; } .column-gap-md-8 { -webkit-column-gap: 7.5rem !important; -moz-column-gap: 7.5rem !important; column-gap: 7.5rem !important; } .column-gap-md-9 { -webkit-column-gap: 9rem !important; -moz-column-gap: 9rem !important; column-gap: 9rem !important; } .text-md-start { text-align: right !important; } .text-md-end { text-align: left !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: right !important; } .float-lg-end { float: left !important; } .float-lg-none { float: none !important; } .object-fit-lg-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-lg-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-lg-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-lg-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-lg-none { -o-object-fit: none !important; object-fit: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-lg-row { -ms-flex-direction: row !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -ms-flex-pack: start !important; -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-lg-evenly { -ms-flex-pack: space-evenly !important; -webkit-box-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-lg-start { -ms-flex-align: start !important; -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-lg-first { -ms-flex-order: -1 !important; -webkit-box-ordinal-group: 0 !important; order: -1 !important; } .order-lg-0 { -ms-flex-order: 0 !important; -webkit-box-ordinal-group: 1 !important; order: 0 !important; } .order-lg-1 { -ms-flex-order: 1 !important; -webkit-box-ordinal-group: 2 !important; order: 1 !important; } .order-lg-2 { -ms-flex-order: 2 !important; -webkit-box-ordinal-group: 3 !important; order: 2 !important; } .order-lg-3 { -ms-flex-order: 3 !important; -webkit-box-ordinal-group: 4 !important; order: 3 !important; } .order-lg-4 { -ms-flex-order: 4 !important; -webkit-box-ordinal-group: 5 !important; order: 4 !important; } .order-lg-5 { -ms-flex-order: 5 !important; -webkit-box-ordinal-group: 6 !important; order: 5 !important; } .order-lg-last { -ms-flex-order: 6 !important; -webkit-box-ordinal-group: 7 !important; order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-6 { margin: 4.5rem !important; } .m-lg-7 { margin: 6rem !important; } .m-lg-8 { margin: 7.5rem !important; } .m-lg-9 { margin: 9rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-left: 0 !important; margin-right: 0 !important; } .mx-lg-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .mx-lg-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .mx-lg-3 { margin-left: 1rem !important; margin-right: 1rem !important; } .mx-lg-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .mx-lg-5 { margin-left: 3rem !important; margin-right: 3rem !important; } .mx-lg-6 { margin-left: 4.5rem !important; margin-right: 4.5rem !important; } .mx-lg-7 { margin-left: 6rem !important; margin-right: 6rem !important; } .mx-lg-8 { margin-left: 7.5rem !important; margin-right: 7.5rem !important; } .mx-lg-9 { margin-left: 9rem !important; margin-right: 9rem !important; } .mx-lg-auto { margin-left: auto !important; margin-right: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-6 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; } .my-lg-7 { margin-top: 6rem !important; margin-bottom: 6rem !important; } .my-lg-8 { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; } .my-lg-9 { margin-top: 9rem !important; margin-bottom: 9rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-6 { margin-top: 4.5rem !important; } .mt-lg-7 { margin-top: 6rem !important; } .mt-lg-8 { margin-top: 7.5rem !important; } .mt-lg-9 { margin-top: 9rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-left: 0 !important; } .me-lg-1 { margin-left: 0.25rem !important; } .me-lg-2 { margin-left: 0.5rem !important; } .me-lg-3 { margin-left: 1rem !important; } .me-lg-4 { margin-left: 1.5rem !important; } .me-lg-5 { margin-left: 3rem !important; } .me-lg-6 { margin-left: 4.5rem !important; } .me-lg-7 { margin-left: 6rem !important; } .me-lg-8 { margin-left: 7.5rem !important; } .me-lg-9 { margin-left: 9rem !important; } .me-lg-auto { margin-left: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-6 { margin-bottom: 4.5rem !important; } .mb-lg-7 { margin-bottom: 6rem !important; } .mb-lg-8 { margin-bottom: 7.5rem !important; } .mb-lg-9 { margin-bottom: 9rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-right: 0 !important; } .ms-lg-1 { margin-right: 0.25rem !important; } .ms-lg-2 { margin-right: 0.5rem !important; } .ms-lg-3 { margin-right: 1rem !important; } .ms-lg-4 { margin-right: 1.5rem !important; } .ms-lg-5 { margin-right: 3rem !important; } .ms-lg-6 { margin-right: 4.5rem !important; } .ms-lg-7 { margin-right: 6rem !important; } .ms-lg-8 { margin-right: 7.5rem !important; } .ms-lg-9 { margin-right: 9rem !important; } .ms-lg-auto { margin-right: auto !important; } .m-lg-n1 { margin: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .m-lg-n6 { margin: -4.5rem !important; } .m-lg-n7 { margin: -6rem !important; } .m-lg-n8 { margin: -7.5rem !important; } .m-lg-n9 { margin: -9rem !important; } .mx-lg-n1 { margin-left: -0.25rem !important; margin-right: -0.25rem !important; } .mx-lg-n2 { margin-left: -0.5rem !important; margin-right: -0.5rem !important; } .mx-lg-n3 { margin-left: -1rem !important; margin-right: -1rem !important; } .mx-lg-n4 { margin-left: -1.5rem !important; margin-right: -1.5rem !important; } .mx-lg-n5 { margin-left: -3rem !important; margin-right: -3rem !important; } .mx-lg-n6 { margin-left: -4.5rem !important; margin-right: -4.5rem !important; } .mx-lg-n7 { margin-left: -6rem !important; margin-right: -6rem !important; } .mx-lg-n8 { margin-left: -7.5rem !important; margin-right: -7.5rem !important; } .mx-lg-n9 { margin-left: -9rem !important; margin-right: -9rem !important; } .my-lg-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .my-lg-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .my-lg-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .my-lg-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .my-lg-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .my-lg-n6 { margin-top: -4.5rem !important; margin-bottom: -4.5rem !important; } .my-lg-n7 { margin-top: -6rem !important; margin-bottom: -6rem !important; } .my-lg-n8 { margin-top: -7.5rem !important; margin-bottom: -7.5rem !important; } .my-lg-n9 { margin-top: -9rem !important; margin-bottom: -9rem !important; } .mt-lg-n1 { margin-top: -0.25rem !important; } .mt-lg-n2 { margin-top: -0.5rem !important; } .mt-lg-n3 { margin-top: -1rem !important; } .mt-lg-n4 { margin-top: -1.5rem !important; } .mt-lg-n5 { margin-top: -3rem !important; } .mt-lg-n6 { margin-top: -4.5rem !important; } .mt-lg-n7 { margin-top: -6rem !important; } .mt-lg-n8 { margin-top: -7.5rem !important; } .mt-lg-n9 { margin-top: -9rem !important; } .me-lg-n1 { margin-left: -0.25rem !important; } .me-lg-n2 { margin-left: -0.5rem !important; } .me-lg-n3 { margin-left: -1rem !important; } .me-lg-n4 { margin-left: -1.5rem !important; } .me-lg-n5 { margin-left: -3rem !important; } .me-lg-n6 { margin-left: -4.5rem !important; } .me-lg-n7 { margin-left: -6rem !important; } .me-lg-n8 { margin-left: -7.5rem !important; } .me-lg-n9 { margin-left: -9rem !important; } .mb-lg-n1 { margin-bottom: -0.25rem !important; } .mb-lg-n2 { margin-bottom: -0.5rem !important; } .mb-lg-n3 { margin-bottom: -1rem !important; } .mb-lg-n4 { margin-bottom: -1.5rem !important; } .mb-lg-n5 { margin-bottom: -3rem !important; } .mb-lg-n6 { margin-bottom: -4.5rem !important; } .mb-lg-n7 { margin-bottom: -6rem !important; } .mb-lg-n8 { margin-bottom: -7.5rem !important; } .mb-lg-n9 { margin-bottom: -9rem !important; } .ms-lg-n1 { margin-right: -0.25rem !important; } .ms-lg-n2 { margin-right: -0.5rem !important; } .ms-lg-n3 { margin-right: -1rem !important; } .ms-lg-n4 { margin-right: -1.5rem !important; } .ms-lg-n5 { margin-right: -3rem !important; } .ms-lg-n6 { margin-right: -4.5rem !important; } .ms-lg-n7 { margin-right: -6rem !important; } .ms-lg-n8 { margin-right: -7.5rem !important; } .ms-lg-n9 { margin-right: -9rem !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .p-lg-6 { padding: 4.5rem !important; } .p-lg-7 { padding: 6rem !important; } .p-lg-8 { padding: 7.5rem !important; } .p-lg-9 { padding: 9rem !important; } .px-lg-0 { padding-left: 0 !important; padding-right: 0 !important; } .px-lg-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .px-lg-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .px-lg-3 { padding-left: 1rem !important; padding-right: 1rem !important; } .px-lg-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .px-lg-5 { padding-left: 3rem !important; padding-right: 3rem !important; } .px-lg-6 { padding-left: 4.5rem !important; padding-right: 4.5rem !important; } .px-lg-7 { padding-left: 6rem !important; padding-right: 6rem !important; } .px-lg-8 { padding-left: 7.5rem !important; padding-right: 7.5rem !important; } .px-lg-9 { padding-left: 9rem !important; padding-right: 9rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-lg-6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } .py-lg-7 { padding-top: 6rem !important; padding-bottom: 6rem !important; } .py-lg-8 { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; } .py-lg-9 { padding-top: 9rem !important; padding-bottom: 9rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pt-lg-6 { padding-top: 4.5rem !important; } .pt-lg-7 { padding-top: 6rem !important; } .pt-lg-8 { padding-top: 7.5rem !important; } .pt-lg-9 { padding-top: 9rem !important; } .pe-lg-0 { padding-left: 0 !important; } .pe-lg-1 { padding-left: 0.25rem !important; } .pe-lg-2 { padding-left: 0.5rem !important; } .pe-lg-3 { padding-left: 1rem !important; } .pe-lg-4 { padding-left: 1.5rem !important; } .pe-lg-5 { padding-left: 3rem !important; } .pe-lg-6 { padding-left: 4.5rem !important; } .pe-lg-7 { padding-left: 6rem !important; } .pe-lg-8 { padding-left: 7.5rem !important; } .pe-lg-9 { padding-left: 9rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .pb-lg-6 { padding-bottom: 4.5rem !important; } .pb-lg-7 { padding-bottom: 6rem !important; } .pb-lg-8 { padding-bottom: 7.5rem !important; } .pb-lg-9 { padding-bottom: 9rem !important; } .ps-lg-0 { padding-right: 0 !important; } .ps-lg-1 { padding-right: 0.25rem !important; } .ps-lg-2 { padding-right: 0.5rem !important; } .ps-lg-3 { padding-right: 1rem !important; } .ps-lg-4 { padding-right: 1.5rem !important; } .ps-lg-5 { padding-right: 3rem !important; } .ps-lg-6 { padding-right: 4.5rem !important; } .ps-lg-7 { padding-right: 6rem !important; } .ps-lg-8 { padding-right: 7.5rem !important; } .ps-lg-9 { padding-right: 9rem !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .gap-lg-6 { gap: 4.5rem !important; } .gap-lg-7 { gap: 6rem !important; } .gap-lg-8 { gap: 7.5rem !important; } .gap-lg-9 { gap: 9rem !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: 1rem !important; } .row-gap-lg-4 { row-gap: 1.5rem !important; } .row-gap-lg-5 { row-gap: 3rem !important; } .row-gap-lg-6 { row-gap: 4.5rem !important; } .row-gap-lg-7 { row-gap: 6rem !important; } .row-gap-lg-8 { row-gap: 7.5rem !important; } .row-gap-lg-9 { row-gap: 9rem !important; } .column-gap-lg-0 { -webkit-column-gap: 0 !important; -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-lg-1 { -webkit-column-gap: 0.25rem !important; -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-lg-2 { -webkit-column-gap: 0.5rem !important; -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-lg-3 { -webkit-column-gap: 1rem !important; -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-lg-4 { -webkit-column-gap: 1.5rem !important; -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-lg-5 { -webkit-column-gap: 3rem !important; -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .column-gap-lg-6 { -webkit-column-gap: 4.5rem !important; -moz-column-gap: 4.5rem !important; column-gap: 4.5rem !important; } .column-gap-lg-7 { -webkit-column-gap: 6rem !important; -moz-column-gap: 6rem !important; column-gap: 6rem !important; } .column-gap-lg-8 { -webkit-column-gap: 7.5rem !important; -moz-column-gap: 7.5rem !important; column-gap: 7.5rem !important; } .column-gap-lg-9 { -webkit-column-gap: 9rem !important; -moz-column-gap: 9rem !important; column-gap: 9rem !important; } .text-lg-start { text-align: right !important; } .text-lg-end { text-align: left !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: right !important; } .float-xl-end { float: left !important; } .float-xl-none { float: none !important; } .object-fit-xl-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-xl-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-xl-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-xl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-xl-none { -o-object-fit: none !important; object-fit: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-xl-row { -ms-flex-direction: row !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -ms-flex-pack: start !important; -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-xl-evenly { -ms-flex-pack: space-evenly !important; -webkit-box-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-xl-start { -ms-flex-align: start !important; -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-xl-first { -ms-flex-order: -1 !important; -webkit-box-ordinal-group: 0 !important; order: -1 !important; } .order-xl-0 { -ms-flex-order: 0 !important; -webkit-box-ordinal-group: 1 !important; order: 0 !important; } .order-xl-1 { -ms-flex-order: 1 !important; -webkit-box-ordinal-group: 2 !important; order: 1 !important; } .order-xl-2 { -ms-flex-order: 2 !important; -webkit-box-ordinal-group: 3 !important; order: 2 !important; } .order-xl-3 { -ms-flex-order: 3 !important; -webkit-box-ordinal-group: 4 !important; order: 3 !important; } .order-xl-4 { -ms-flex-order: 4 !important; -webkit-box-ordinal-group: 5 !important; order: 4 !important; } .order-xl-5 { -ms-flex-order: 5 !important; -webkit-box-ordinal-group: 6 !important; order: 5 !important; } .order-xl-last { -ms-flex-order: 6 !important; -webkit-box-ordinal-group: 7 !important; order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-6 { margin: 4.5rem !important; } .m-xl-7 { margin: 6rem !important; } .m-xl-8 { margin: 7.5rem !important; } .m-xl-9 { margin: 9rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-left: 0 !important; margin-right: 0 !important; } .mx-xl-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .mx-xl-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .mx-xl-3 { margin-left: 1rem !important; margin-right: 1rem !important; } .mx-xl-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .mx-xl-5 { margin-left: 3rem !important; margin-right: 3rem !important; } .mx-xl-6 { margin-left: 4.5rem !important; margin-right: 4.5rem !important; } .mx-xl-7 { margin-left: 6rem !important; margin-right: 6rem !important; } .mx-xl-8 { margin-left: 7.5rem !important; margin-right: 7.5rem !important; } .mx-xl-9 { margin-left: 9rem !important; margin-right: 9rem !important; } .mx-xl-auto { margin-left: auto !important; margin-right: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-6 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; } .my-xl-7 { margin-top: 6rem !important; margin-bottom: 6rem !important; } .my-xl-8 { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; } .my-xl-9 { margin-top: 9rem !important; margin-bottom: 9rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-6 { margin-top: 4.5rem !important; } .mt-xl-7 { margin-top: 6rem !important; } .mt-xl-8 { margin-top: 7.5rem !important; } .mt-xl-9 { margin-top: 9rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-left: 0 !important; } .me-xl-1 { margin-left: 0.25rem !important; } .me-xl-2 { margin-left: 0.5rem !important; } .me-xl-3 { margin-left: 1rem !important; } .me-xl-4 { margin-left: 1.5rem !important; } .me-xl-5 { margin-left: 3rem !important; } .me-xl-6 { margin-left: 4.5rem !important; } .me-xl-7 { margin-left: 6rem !important; } .me-xl-8 { margin-left: 7.5rem !important; } .me-xl-9 { margin-left: 9rem !important; } .me-xl-auto { margin-left: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-6 { margin-bottom: 4.5rem !important; } .mb-xl-7 { margin-bottom: 6rem !important; } .mb-xl-8 { margin-bottom: 7.5rem !important; } .mb-xl-9 { margin-bottom: 9rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-right: 0 !important; } .ms-xl-1 { margin-right: 0.25rem !important; } .ms-xl-2 { margin-right: 0.5rem !important; } .ms-xl-3 { margin-right: 1rem !important; } .ms-xl-4 { margin-right: 1.5rem !important; } .ms-xl-5 { margin-right: 3rem !important; } .ms-xl-6 { margin-right: 4.5rem !important; } .ms-xl-7 { margin-right: 6rem !important; } .ms-xl-8 { margin-right: 7.5rem !important; } .ms-xl-9 { margin-right: 9rem !important; } .ms-xl-auto { margin-right: auto !important; } .m-xl-n1 { margin: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .m-xl-n6 { margin: -4.5rem !important; } .m-xl-n7 { margin: -6rem !important; } .m-xl-n8 { margin: -7.5rem !important; } .m-xl-n9 { margin: -9rem !important; } .mx-xl-n1 { margin-left: -0.25rem !important; margin-right: -0.25rem !important; } .mx-xl-n2 { margin-left: -0.5rem !important; margin-right: -0.5rem !important; } .mx-xl-n3 { margin-left: -1rem !important; margin-right: -1rem !important; } .mx-xl-n4 { margin-left: -1.5rem !important; margin-right: -1.5rem !important; } .mx-xl-n5 { margin-left: -3rem !important; margin-right: -3rem !important; } .mx-xl-n6 { margin-left: -4.5rem !important; margin-right: -4.5rem !important; } .mx-xl-n7 { margin-left: -6rem !important; margin-right: -6rem !important; } .mx-xl-n8 { margin-left: -7.5rem !important; margin-right: -7.5rem !important; } .mx-xl-n9 { margin-left: -9rem !important; margin-right: -9rem !important; } .my-xl-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .my-xl-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .my-xl-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .my-xl-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .my-xl-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .my-xl-n6 { margin-top: -4.5rem !important; margin-bottom: -4.5rem !important; } .my-xl-n7 { margin-top: -6rem !important; margin-bottom: -6rem !important; } .my-xl-n8 { margin-top: -7.5rem !important; margin-bottom: -7.5rem !important; } .my-xl-n9 { margin-top: -9rem !important; margin-bottom: -9rem !important; } .mt-xl-n1 { margin-top: -0.25rem !important; } .mt-xl-n2 { margin-top: -0.5rem !important; } .mt-xl-n3 { margin-top: -1rem !important; } .mt-xl-n4 { margin-top: -1.5rem !important; } .mt-xl-n5 { margin-top: -3rem !important; } .mt-xl-n6 { margin-top: -4.5rem !important; } .mt-xl-n7 { margin-top: -6rem !important; } .mt-xl-n8 { margin-top: -7.5rem !important; } .mt-xl-n9 { margin-top: -9rem !important; } .me-xl-n1 { margin-left: -0.25rem !important; } .me-xl-n2 { margin-left: -0.5rem !important; } .me-xl-n3 { margin-left: -1rem !important; } .me-xl-n4 { margin-left: -1.5rem !important; } .me-xl-n5 { margin-left: -3rem !important; } .me-xl-n6 { margin-left: -4.5rem !important; } .me-xl-n7 { margin-left: -6rem !important; } .me-xl-n8 { margin-left: -7.5rem !important; } .me-xl-n9 { margin-left: -9rem !important; } .mb-xl-n1 { margin-bottom: -0.25rem !important; } .mb-xl-n2 { margin-bottom: -0.5rem !important; } .mb-xl-n3 { margin-bottom: -1rem !important; } .mb-xl-n4 { margin-bottom: -1.5rem !important; } .mb-xl-n5 { margin-bottom: -3rem !important; } .mb-xl-n6 { margin-bottom: -4.5rem !important; } .mb-xl-n7 { margin-bottom: -6rem !important; } .mb-xl-n8 { margin-bottom: -7.5rem !important; } .mb-xl-n9 { margin-bottom: -9rem !important; } .ms-xl-n1 { margin-right: -0.25rem !important; } .ms-xl-n2 { margin-right: -0.5rem !important; } .ms-xl-n3 { margin-right: -1rem !important; } .ms-xl-n4 { margin-right: -1.5rem !important; } .ms-xl-n5 { margin-right: -3rem !important; } .ms-xl-n6 { margin-right: -4.5rem !important; } .ms-xl-n7 { margin-right: -6rem !important; } .ms-xl-n8 { margin-right: -7.5rem !important; } .ms-xl-n9 { margin-right: -9rem !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .p-xl-6 { padding: 4.5rem !important; } .p-xl-7 { padding: 6rem !important; } .p-xl-8 { padding: 7.5rem !important; } .p-xl-9 { padding: 9rem !important; } .px-xl-0 { padding-left: 0 !important; padding-right: 0 !important; } .px-xl-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .px-xl-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .px-xl-3 { padding-left: 1rem !important; padding-right: 1rem !important; } .px-xl-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .px-xl-5 { padding-left: 3rem !important; padding-right: 3rem !important; } .px-xl-6 { padding-left: 4.5rem !important; padding-right: 4.5rem !important; } .px-xl-7 { padding-left: 6rem !important; padding-right: 6rem !important; } .px-xl-8 { padding-left: 7.5rem !important; padding-right: 7.5rem !important; } .px-xl-9 { padding-left: 9rem !important; padding-right: 9rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-xl-6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } .py-xl-7 { padding-top: 6rem !important; padding-bottom: 6rem !important; } .py-xl-8 { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; } .py-xl-9 { padding-top: 9rem !important; padding-bottom: 9rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pt-xl-6 { padding-top: 4.5rem !important; } .pt-xl-7 { padding-top: 6rem !important; } .pt-xl-8 { padding-top: 7.5rem !important; } .pt-xl-9 { padding-top: 9rem !important; } .pe-xl-0 { padding-left: 0 !important; } .pe-xl-1 { padding-left: 0.25rem !important; } .pe-xl-2 { padding-left: 0.5rem !important; } .pe-xl-3 { padding-left: 1rem !important; } .pe-xl-4 { padding-left: 1.5rem !important; } .pe-xl-5 { padding-left: 3rem !important; } .pe-xl-6 { padding-left: 4.5rem !important; } .pe-xl-7 { padding-left: 6rem !important; } .pe-xl-8 { padding-left: 7.5rem !important; } .pe-xl-9 { padding-left: 9rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .pb-xl-6 { padding-bottom: 4.5rem !important; } .pb-xl-7 { padding-bottom: 6rem !important; } .pb-xl-8 { padding-bottom: 7.5rem !important; } .pb-xl-9 { padding-bottom: 9rem !important; } .ps-xl-0 { padding-right: 0 !important; } .ps-xl-1 { padding-right: 0.25rem !important; } .ps-xl-2 { padding-right: 0.5rem !important; } .ps-xl-3 { padding-right: 1rem !important; } .ps-xl-4 { padding-right: 1.5rem !important; } .ps-xl-5 { padding-right: 3rem !important; } .ps-xl-6 { padding-right: 4.5rem !important; } .ps-xl-7 { padding-right: 6rem !important; } .ps-xl-8 { padding-right: 7.5rem !important; } .ps-xl-9 { padding-right: 9rem !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .gap-xl-6 { gap: 4.5rem !important; } .gap-xl-7 { gap: 6rem !important; } .gap-xl-8 { gap: 7.5rem !important; } .gap-xl-9 { gap: 9rem !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: 1rem !important; } .row-gap-xl-4 { row-gap: 1.5rem !important; } .row-gap-xl-5 { row-gap: 3rem !important; } .row-gap-xl-6 { row-gap: 4.5rem !important; } .row-gap-xl-7 { row-gap: 6rem !important; } .row-gap-xl-8 { row-gap: 7.5rem !important; } .row-gap-xl-9 { row-gap: 9rem !important; } .column-gap-xl-0 { -webkit-column-gap: 0 !important; -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-xl-1 { -webkit-column-gap: 0.25rem !important; -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-xl-2 { -webkit-column-gap: 0.5rem !important; -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-xl-3 { -webkit-column-gap: 1rem !important; -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-xl-4 { -webkit-column-gap: 1.5rem !important; -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-xl-5 { -webkit-column-gap: 3rem !important; -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .column-gap-xl-6 { -webkit-column-gap: 4.5rem !important; -moz-column-gap: 4.5rem !important; column-gap: 4.5rem !important; } .column-gap-xl-7 { -webkit-column-gap: 6rem !important; -moz-column-gap: 6rem !important; column-gap: 6rem !important; } .column-gap-xl-8 { -webkit-column-gap: 7.5rem !important; -moz-column-gap: 7.5rem !important; column-gap: 7.5rem !important; } .column-gap-xl-9 { -webkit-column-gap: 9rem !important; -moz-column-gap: 9rem !important; column-gap: 9rem !important; } .text-xl-start { text-align: right !important; } .text-xl-end { text-align: left !important; } .text-xl-center { text-align: center !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } .d-print-none { display: none !important; } } /*------------------------------------ General ------------------------------------*/ * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; box-sizing: border-box; } .wrapper { font-size: 0.9375rem; } main { position: relative; } a:hover { text-decoration: none; } a:focus { text-decoration: none; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { line-height: 1.5rem; font-weight: 500; } .heading-letter-spacing { letter-spacing: 1px; } figure { margin-bottom: 0; } object { margin-bottom: -0.3125rem; } .register-mobile { text-align: center; } .register-mobile li { font-weight: 700; display: inline; } .cursors { cursor: pointer; } pre { overflow: auto; background-color: var(--bs-gray-100); padding: 4px 10px; border: none; border-radius: 0; margin-top: 24px; } ol ul { margin-right: 1rem; margin-bottom: 1rem; } .tags-list, .comment-list { padding-right: 0; } :focus { outline: 0; } a:focus { outline: 0; } button:focus { outline: 0; } .hr-after.mx-auto { opacity: 1; height: 2px; } /*------------------------------------ Color ------------------------------------*/ a { color: var(--bs-link-color); } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: var(--bs-body-color); } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a, .h1 > a, .h2 > a, .h3 > a, .h4 > a, .h5 > a, .h6 > a { color: var(--bs-body-color); -webkit-font-smoothing: antialiased; } h1 > .btn a, h2 > .btn a, h3 > .btn a, h4 > .btn a, h5 > .btn a, h6 > .btn a, .h1 > .btn a, .h2 > .btn a, .h3 > .btn a, .h4 > .btn a, .h5 > .btn a, .h6 > .btn a { color: var(--bs-white); } h1 > .btn a:hover, h2 > .btn a:hover, h3 > .btn a:hover, h4 > .btn a:hover, h5 > .btn a:hover, h6 > .btn a:hover, .h1 > .btn a:hover, .h2 > .btn a:hover, .h3 > .btn a:hover, .h4 > .btn a:hover, .h5 > .btn a:hover, .h6 > .btn a:hover { color: var(--bs-white); } p { color: var(--bs-gray-700); } .form-check-input:checked, .form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-primary); border-color: var(--bs-primary); } .form-range::-webkit-slider-thumb, .form-range::-moz-range-thumb { background-color: var(--bs-primary); } /*------------------------------------ Extra color ------------------------------------*/ .bg-blue { background-color: var(--bs-blue) !important; } .text-blue { color: var(--bs-blue) !important; } .border-blue { border-color: var(--bs-blue) !important; } .bg-purple { background-color: var(--bs-purple) !important; } .text-purple { color: var(--bs-purple) !important; } .border-purple { border-color: var(--bs-purple) !important; } .bg-pink { background-color: var(--bs-pink) !important; } .text-pink { color: var(--bs-pink) !important; } .border-pink { border-color: var(--bs-pink) !important; } .bg-yellow { background-color: var(--bs-yellow) !important; } .text-yellow { color: var(--bs-yellow) !important; } .border-yellow { border-color: var(--bs-yellow) !important; } .bg-black { background-color: var(--bs-black) !important; } .text-black { color: var(--bs-black) !important; } .border-black { border-color: var(--bs-black) !important; } .bg-themes { background: var(--bs-white) !important; } .bg-light-dark, .bg-light-black { background: var(--bs-light) !important; } .black a { color: var(--bs-black); } .white a { color: var(--bs-white); } .filter-image { -webkit-filter: var(--bs-filter-image); filter: var(--bs-filter-image); } .input-group-text { color: var(--bs-body-color); background-color: var(--bs-light-black); border-color: var(--bs-border-color); } /*------------------------------------ Animate.css ------------------------------------*/ .animations { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes slideInUp { 0% { -webkit-transform: translateY(1rem); transform: translateY(1rem); opacity: 0; } 100% { -webkit-transform: translateY(0rem); transform: translateY(0rem); opacity: 1; } 0% { -webkit-transform: translateY(1rem); transform: translateY(1rem); opacity: 0; } } @-webkit-keyframes slideInUp { 0% { -webkit-transform: transform; -webkit-opacity: 0; } 100% { -webkit-transform: translateY(0); -webkit-opacity: 1; } 0% { -webkit-transform: translateY(1rem); -webkit-opacity: 0; } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @keyframes slideInDown { from { opacity: 0; -webkit-transform: translate3d(0, -5%, 0); transform: translate3d(0, -5%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInDown { from { opacity: 0; -webkit-transform: translate3d(0, -5%, 0); transform: translate3d(0, -5%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } /*------------------------------------ Google Fonts ------------------------------------*/ .font-family h1, .font-family h2, .font-family h3, .font-family h4, .font-family h5, .font-family h6, .font-family .h1, .font-family .h2, .font-family .h3, .font-family .h4, .font-family .h5, .font-family .h6 { font-family: "Roboto", Helvetica, sans-serif; } .font-family .navbar-nav, .font-family .breaking-box, .font-family .u-breadcrumb, .font-family .title-comments .authors, .font-family .next-prev-post a { font-family: "Roboto", Helvetica, sans-serif; } .post-content { font-family: Helvetica, sans-serif; } /*------------------------------------ Card full ------------------------------------*/ .card-full { background-color: transparent !important; border: 0; } .card-full .card-title:last-child { margin-bottom: 0; } .card-full .card-body { padding: 0; padding-top: 1rem; } .card-full .no-gutters .card-body { padding: 1.25rem; } .card-img { min-height: 3rem; } .card-list li { padding: 0.5rem; margin-bottom: 0.5rem; } .card-list li a::before { content: ""; width: 0.75rem; height: 0.75rem; margin-bottom: -1px; display: inline-block; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpolyline points='112 184 256 328 400 184' fill='none' stroke='rgba%280, 0, 0, 0.8%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px'/%3e%3c/svg%3e"); -webkit-transform: rotate(90deg); transform: rotate(90deg); background-size: 1rem; margin-left: 0.5rem; margin-right: -0.5rem; } .card-list li:hover a { color: var(--bs-link-color); } .sub-card { margin-top: 1rem; } /*------------------------------------ Main Nav ------------------------------------*/ .main-logo img { margin-top: 1rem; margin-bottom: 1rem; max-width: 14.875rem; } .logo-six { max-height: 2.5rem; } .mobile-logo { min-height: 40px; margin-top: 0.5rem; margin-bottom: 0.5rem; max-height: 2.5rem; } .top-menu, .footer-copyright { font-size: 0.875rem; } .full-nav { z-index: 20; } .main-nav .nav-link { font-size: 0.875rem; letter-spacing: 0.035rem; -webkit-font-smoothing: antialiased; padding: 1rem; } .main-nav .active .nav-link { color: var(--bs-navbar-active-color); } .navbar-uppercase > li > a { text-transform: uppercase; font-weight: 700; } .main-nav .dropdown-menu { border-style: solid; border-width: 2px 0 0; border-color: var(--bs-primary); } .search-menu .form-src { position: relative; background: var(--bs-white); } .search-menu input[type=text] { position: absolute; -webkit-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out; width: 30px; border: 1px transparent solid; background: transparent; } .search-menu input[type=text]::-webkit-input-placeholder { color: transparent; } .search-menu input[type=text]::-moz-placeholder { color: transparent; } .search-menu input[type=text]:-ms-input-placeholder { color: transparent; } .search-menu input[type=text]::-ms-input-placeholder { color: transparent; } .search-menu input[type=text]::placeholder { color: transparent; } .search-menu input[type=text]:focus { width: 200px; background: var(--bs-white); border: var(--bs-border-color) 1px solid; border-radius: 2rem !important; } .search-menu input[type=text]:focus::-webkit-input-placeholder { color: var(--bs-body-color); } .search-menu input[type=text]:focus::-moz-placeholder { color: var(--bs-body-color); } .search-menu input[type=text]:focus:-ms-input-placeholder { color: var(--bs-body-color); } .search-menu input[type=text]:focus::-ms-input-placeholder { color: var(--bs-body-color); } .search-menu input[type=text]:focus::placeholder { color: var(--bs-body-color); } .search-menu .icones { padding-top: 0.75rem; padding-bottom: 0.75rem; } @media (min-width: 992px) { .dropdown-menu { right: auto; } .dropdown-menu .dropdown-menu { right: 100%; } .showbacktop .logo-showbacktop { display: none; } .showbacktop .logo-showbacktop img { display: none; } .showbacktop.is-fixed { /* when the user scrolls down, we hide the header right above the viewport */ width: 100%; top: -54px; transition: -webkit-transform 0.2s; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; background-color: rgba(255, 255, 255, 0.95) !important; } .showbacktop.is-fixed .logo-showbacktop img { display: none; } .showbacktop.is-visible { position: fixed; background: rgba(255, 255, 255, 0.95) !important; /* if the user changes the scrolling direction, we show the header */ -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .showbacktop.is-visible .logo-showbacktop { display: block; height: 2.3rem; } .showbacktop.is-visible .logo-showbacktop img { max-width: 10rem; max-height: 2.3rem; margin-bottom: 0.5rem; margin-left: 1rem; display: block; } .boxed .showbacktop.is-visible, .framed .showbacktop.is-visible { width: 90%; } .showbacktop.bg-black.is-fixed, .showbacktop.bg-secondary.is-fixed, .showbacktop.bg-dark.is-fixed { background: rgba(0, 0, 0, 0.95) !important; border-color: var(--bs-gray-700) !important; } .showbacktop.bg-black.is-visible, .showbacktop.bg-secondary.is-visible, .showbacktop.bg-dark.is-visible { background: rgba(0, 0, 0, 0.95) !important; border-color: var(--bs-gray-700); top: -58px; } .showbacktop.bg-black.is-visible.six-menu, .showbacktop.bg-secondary.is-visible.six-menu, .showbacktop.bg-dark.is-visible.six-menu { top: -89px; } .showbacktop.bg-white.is-visible.six-menu { top: -89px; } .admin-bar .showbacktop.is-fixed { top: -22px; } .admin-bar .showbacktop.is-fixed.six-menu { top: -37px; } .admin-bar .sticky-top { top: 32px; } } .main-menu.navbar-dark a { color: var(--bs-light) !important; } .main-menu.navbar-dark a:hover { color: var(--bs-white) !important; } .main-menu.navbar-dark a.badge { color: var(--bs-light) !important; background-color: var(--bs-primary); } .main-menu.navbar-dark h1, .main-menu.navbar-dark h2, .main-menu.navbar-dark h3, .main-menu.navbar-dark h4, .main-menu.navbar-dark h5, .main-menu.navbar-dark h6, .main-menu.navbar-dark .h1, .main-menu.navbar-dark .h2, .main-menu.navbar-dark .h3, .main-menu.navbar-dark .h4, .main-menu.navbar-dark .h5, .main-menu.navbar-dark .h6 { color: var(--bs-light) !important; } .main-menu.navbar-dark h1 > a, .main-menu.navbar-dark h2 > a, .main-menu.navbar-dark h3 > a, .main-menu.navbar-dark h4 > a, .main-menu.navbar-dark h5 > a, .main-menu.navbar-dark h6 > a, .main-menu.navbar-dark .h1 > a, .main-menu.navbar-dark .h2 > a, .main-menu.navbar-dark .h3 > a, .main-menu.navbar-dark .h4 > a, .main-menu.navbar-dark .h5 > a, .main-menu.navbar-dark .h6 > a { color: var(--bs-light) !important; } .main-menu.navbar-dark h1:hover, .main-menu.navbar-dark h2:hover, .main-menu.navbar-dark h3:hover, .main-menu.navbar-dark h4:hover, .main-menu.navbar-dark h5:hover, .main-menu.navbar-dark h6:hover, .main-menu.navbar-dark .h1:hover, .main-menu.navbar-dark .h2:hover, .main-menu.navbar-dark .h3:hover, .main-menu.navbar-dark .h4:hover, .main-menu.navbar-dark .h5:hover, .main-menu.navbar-dark .h6:hover { color: var(--bs-white) !important; } .main-menu.navbar-dark .hover-a:hover h1 > a, .main-menu.navbar-dark .hover-a:hover h2 > a, .main-menu.navbar-dark .hover-a:hover h3 > a, .main-menu.navbar-dark .hover-a:hover h4 > a, .main-menu.navbar-dark .hover-a:hover h5 > a, .main-menu.navbar-dark .hover-a:hover h6 > a, .main-menu.navbar-dark .hover-a:hover .h1 > a, .main-menu.navbar-dark .hover-a:hover .h2 > a, .main-menu.navbar-dark .hover-a:hover .h3 > a, .main-menu.navbar-dark .hover-a:hover .h4 > a, .main-menu.navbar-dark .hover-a:hover .h5 > a, .main-menu.navbar-dark .hover-a:hover .h6 > a { color: var(--bs-primary) !important; } .main-menu.navbar-dark .dropdown-menu { background-color: var(--bs-dark); } .main-menu.navbar-dark .dropdown-menu .dropdown-submenu { position: relative; } .main-menu.navbar-dark .dropdown-menu .dropdown-submenu .dropdown-menu { top: -12px; } .main-menu.navbar-dark .navbar-nav .nav-link { padding-right: 15px; } .main-menu.navbar-dark .navbar-nav > .nav-item.active, .main-menu.navbar-dark .navbar-nav > .nav-item:hover { background: var(--bs-primary); color: var(--bs-light); } .main-menu.navbar-dark .navbar-nav .nav-item .dropdown-menu { color: var(--bs-light); background-color: var(--bs-secondary); } .main-menu.navbar-dark .navbar-nav .nav-item .dropdown-menu .dropdown-item { color: var(--bs-light); } .main-menu.navbar-dark .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover, .main-menu.navbar-dark .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus, .main-menu.navbar-dark .navbar-nav .nav-item .dropdown-menu .dropdown-item.active { color: var(--bs-primary) !important; background: rgba(27, 27, 27, 0.85); } .main-menu.navbar-dark .navbar-nav .vertical-tabs .nav-tabs .nav-link { border-color: var(--bs-dark); } .main-menu.navbar-dark .navbar-nav .vertical-tabs .nav-tabs .nav-link.active, .main-menu.navbar-dark .navbar-nav .vertical-tabs .nav-tabs .nav-link:hover { border-color: var(--bs-black); background-color: var(--bs-black) !important; } .six-menu { padding-top: 0px; padding-bottom: 0px; } .six-menu .navbar-nav { padding-top: 0px; padding-bottom: 0px; } .six-menu .navbar-nav .nav-tabs .nav-link { padding-top: 1rem; padding-bottom: 1rem; } .six-menu.is-visible .navbar-nav { padding-top: 0px; padding-bottom: 0px; } .six-menu.is-visible .navbar-nav .nav-link { padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 1200px) { .boxed .showbacktop.is-visible, .framed .showbacktop.is-visible { width: 1200px; } } @media (min-width: 992px) { .main-menu.navbar-dark .main-nav > li > a.active { color: var(--bs-white) !important; background-color: var(--bs-primary) !important; } .main-menu.navbar-dark .hover-mode .main-nav li:hover > a { color: var(--bs-primary) !important; } .main-menu.navbar-dark .hover-mode .main-nav > li > a.active { color: var(--bs-white) !important; background-color: var(--bs-primary) !important; } .main-menu.navbar-dark .hover-mode .main-nav > li:hover > a { color: var(--bs-white) !important; background-color: var(--bs-primary) !important; } .navbar-nav.mx-auto li .dropdown-menu { right: inherit; } } @media (max-width: 991.98px) { .main-nav { padding-top: 1rem; padding-bottom: 1rem; } .main-nav .nav-link { padding: 0.5rem; } .main-nav .dropdown-menu .menu-item-has-children .dropdown-menu { margin-right: 1rem; } .six-menu { padding-top: 0.5rem; padding-bottom: 0.5rem; } .six-menu .main-nav .nav-link { padding: 1rem 0.5rem 0.5rem; } .six-menu .navbar-collapse.show .main-nav { overflow-y: auto; height: 80vh; padding-bottom: 2rem; } /*No sticky mobile*/ .no-md-sticky { position: relative; } #wpadminbar { position: fixed !important; } .mobile-sticky.is-sticky { z-index: 1000; position: fixed; top: 0; width: 100%; } } @media (min-width: 768px) and (max-width: 991.98px) { .boxed .mobile-sticky.is-sticky, .framed .mobile-sticky.is-sticky { width: 90%; } } @media (min-width: 992px) and (max-width: 1199.98px) { .logo-showbacktop { display: none !important; } } /*------------------------------------ Mega menu ------------------------------------*/ .navbar .dropdown-menu.mega { right: auto; left: 0; } .navbar .dropdown-menu.mega .block-area { margin: 1.5rem 0.5rem; } .navbar .dropdown-menu.mega.show { display: block; } .mega-dropdown { position: static; } .mega .title-nav { padding-right: 1.5rem; padding-left: 1.5rem; } .navbar-expand-lg .navbar-nav .mega-link > li > a.dropdown-item { padding-right: 1.5rem; padding-left: 1.5rem; } .mega-link .dropdown-item.active { background-color: var(--bs-gray-100); } .mega-link .dropdown-item:active { background-color: var(--bs-gray-100); } .before-caret a:before, .before-caret-dark a:before { content: ""; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-bottom: -2px; background-repeat: no-repeat; background-size: 1rem; width: 1rem; height: 1rem; display: inline-block; margin-left: 0.8rem; font-size: 0.8rem; } .before-caret a:before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpolyline points='112 184 256 328 400 184' fill='none' stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px'/%3e%3c/svg%3e"); } .before-caret-dark a:before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpolyline points='112 184 256 328 400 184' fill='none' stroke='rgba%280, 0, 0, 0.8%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px'/%3e%3c/svg%3e"); } .mega ul.menu { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; padding-right: 0; list-style: none; } .mega ul.menu > li { border-left: 1px solid var(--bs-border-color); } .mega ul.menu > li:last-child { border-left: none; } .mega ul.menu > li > a { color: var(--bs-gray-900); line-height: 2.5rem; font-weight: 500; font-size: 1rem; padding-right: 1.5rem; padding-left: 1.5rem; margin-bottom: 1rem; background: transparent; } .mega ul.menu > li > a::after { content: none !important; } .mega ul.menu > li:hover > a { color: var(--bs-gray-900); background-color: transparent; } .mega ul.menu ul { padding-right: 0; list-style: none; } .mega ul.menu ul li a { display: block; width: 100%; padding: 0.5rem 1.5rem; clear: both; font-weight: 400; color: var(--bs-gray-900); text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .mega ul.menu ul li a::after { content: none !important; } /*------------------------------------ Dropdown submenu ------------------------------------*/ .navbar-nav .dropdown-toggle::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpolyline points='112 184 256 328 400 184' fill='none' stroke='rgba%280, 0, 0, 0.8%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px'/%3e%3c/svg%3e"); width: 0.9rem; height: 0.9rem; background-repeat: no-repeat; background-size: 0.8rem 0.8rem; vertical-align: middle; margin-right: 0.4rem; border-top: inherit; border-left: inherit; border-bottom: 0; border-right: inherit; } .navbar-nav .dropdown-menu { -webkit-box-shadow: 0 0.4rem 2.2rem 0 rgba(27, 30, 36, 0.1); box-shadow: 0 0.4rem 2.2rem 0 rgba(27, 30, 36, 0.1); } .navbar-nav .dropdown-menu .dropdown-submenu, .navbar-nav .dropdown-menu .menu-item-has-children { position: relative; } .navbar-nav .dropdown-menu .dropdown-submenu .dropdown-menu, .navbar-nav .dropdown-menu .menu-item-has-children .dropdown-menu { top: -11px; right: 100%; margin-right: 0; margin-left: 0; } .navbar-nav .dropdown-menu .dropdown-submenu a.dropdown-toggle::after, .navbar-nav .dropdown-menu .dropdown-submenu > a::after, .navbar-nav .dropdown-menu .menu-item-has-children a.dropdown-toggle::after, .navbar-nav .dropdown-menu .menu-item-has-children > a::after { top: 0.75rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); background-size: 0.7rem 0.7rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpolyline points='112 184 256 328 400 184' fill='none' stroke='rgba%280, 0, 0, 0.8%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px'/%3e%3c/svg%3e"); position: absolute; left: 1.25rem; } .navbar-nav .dropdown-menu .dropdown-submenu .dropdown-submenu .dropdown-menu, .navbar-nav .dropdown-menu .menu-item-has-children .dropdown-submenu .dropdown-menu { top: -11px; } .navbar-nav .dropdown-item:hover { color: var(--bs-primary); } .navbar-nav .nav-tabs .nav-link { color: var(--bs-gray-900); } .navbar-dark .navbar-nav .dropdown-toggle::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpolyline points='112 184 256 328 400 184' fill='none' stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px'/%3e%3c/svg%3e"); } .navbar-dark .navbar-nav .dropdown-menu .dropdown-submenu a.dropdown-toggle::after, .navbar-dark .navbar-nav .dropdown-menu .dropdown-submenu > a::after, .navbar-dark .navbar-nav .dropdown-menu .menu-item-has-children a.dropdown-toggle::after, .navbar-dark .navbar-nav .dropdown-menu .menu-item-has-children > a::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpolyline points='112 184 256 328 400 184' fill='none' stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px'/%3e%3c/svg%3e"); } .dropdown-menu { margin-top: 0; } .mini { font-size: 0.6rem; } .dropdown-reverse { right: auto !important; left: 100% !important; } @media (max-width: 991.98px) { .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-submenu .dropdown-menu, .navbar-expand-lg .navbar-nav .dropdown-menu .menu-item-has-children .dropdown-menu { margin-right: 1.5rem; } .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-submenu a.dropdown-toggle::after, .navbar-expand-lg .navbar-nav .dropdown-menu .menu-item-has-children a.dropdown-toggle::after { -webkit-transform: none; transform: none; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpolyline points='112 184 256 328 400 184' fill='none' stroke='rgba%280, 0, 0, 0.8%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px'/%3e%3c/svg%3e"); left: 0; } .navbar-expand-lg .navbar-nav .dropdown-toggle::after { float: left; margin-left: 0; margin-right: auto; } .navbar-expand-lg .navbar-nav .dropdown-menu.show { border-right-width: 0.2rem; border-right-style: solid; border-right-color: var(--bs-primary); border-top: 0; } } @media (max-width: 767.98px) { .navbar-expand-md .navbar-nav .dropdown-menu .dropdown-submenu .dropdown-menu, .navbar-expand-md .navbar-nav .dropdown-menu .menu-item-has-children .dropdown-menu { margin-right: 1.5rem; } .navbar-expand-md .navbar-nav .dropdown-menu .dropdown-submenu a.dropdown-toggle::after, .navbar-expand-md .navbar-nav .dropdown-menu .menu-item-has-children a.dropdown-toggle::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpolyline points='112 184 256 328 400 184' fill='none' stroke='rgba%280, 0, 0, 0.8%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px'/%3e%3c/svg%3e"); left: 0; } .navbar-expand-md .navbar-nav .dropdown-toggle::after { float: left; margin-left: 2rem; margin-right: auto; } .navbar-expand-md .navbar-nav .dropdown-menu.show { border-right-width: 0.2rem; border-right-style: solid; border-right-color: var(--bs-primary); border-top: 0; } } @media (min-width: 576px) { .border-right-sm { border-left: 1px solid #dee2e6; } } @media (min-width: 768px) { .navbar-expand-md .navbar-right > li:last-child > a { padding-left: 0; } } @media (min-width: 992px) { .hover-mode .main-nav .dropdown-menu { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateY(1rem); transform: translateY(1rem); display: block; opacity: 0; visibility: hidden; } .hover-mode .main-nav .dropdown-menu.show { opacity: 0; visibility: hidden; } .hover-mode .main-nav .dropdown-menu.mega.show { opacity: 0; visibility: hidden; } .hover-mode .main-nav .dropdown-menu[data-bs-popper] { right: inherit; margin-top: 0; } .hover-mode .main-nav li:hover > a { color: var(--bs-primary); background-color: var(--bs-light); } .hover-mode .main-nav li:hover > .dropdown-menu { -webkit-transform: translateY(0rem); transform: translateY(0rem); opacity: 1; visibility: visible; } .hover-mode .main-nav li:hover > .dropdown-menu.show { opacity: 1; visibility: visible; } .hover-mode .main-nav li:hover > .dropdown-menu.mega.show { opacity: 1; visibility: visible; } .hover-mode .main-nav > li:hover > a { background-color: transparent; } .navbar-dark .hover-mode li:hover > a { color: var(--bs-primary); background-color: var(--bs-dark); } .navbar-light .hover-mode .main-nav .show > .nav-link { color: rgba(0, 0, 0, 0.9); } .navbar-light .hover-mode .main-nav li.show:hover > .nav-link { color: var(--bs-primary); } .navbar-expand-lg .navbar-right > li:last-child > a { padding-left: 0; } .navbar-expand-lg.navbar-dark .navbar-right > li:last-child > a { padding-left: 1rem; } .navbar-expand-lg .main-nav .nav-link { padding-left: 1rem; padding-right: 1rem; } .first-left-lg-0 > li:first-child > .nav-link { padding-left: 1rem; padding-right: 0; } .no-first-left .first-left-lg-0 > li:first-child > .nav-link { padding-right: 1rem; } } .ticker { width: 100%; margin: 10px auto; } .ticker div { display: inline-block; word-wrap: break-word; } .social-fly { top: 35%; padding-top: 4.5rem; position: fixed; right: 1rem; } .social-fly ul li { margin-bottom: 0.5rem; } @media (min-width: 1200px) { .social-fly { right: 2rem; } } .navbar-light .nav-item:hover > .nav-link { color: var(--bs-primary); } .dropright .no-caret::after { border: none; margin: 0; } .dropleft .no-caret::after { border: none; margin: 0; } .dropup .no-caret::after { border: none; margin: 0; } /*------------------------------------ Vertical tabs ------------------------------------*/ .vertical-tabs { background: var(--bs-light); } .vertical-tabs .nav.nav-tabs { float: right; display: block; border-bottom: 0; margin-left: 1.5rem; border-left: #dee2e6 1px solid; } .vertical-tabs .nav-tabs .nav-link { border: 1px solid transparent; border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; } .vertical-tabs .tab-content > .active { display: block; min-height: 10.3125rem; } .vertical-tabs ul li { margin-left: -1px; } .navbar-nav .vertical-tabs .nav-tabs .nav-link.active { color: var(--bs-primary); border-color: #dee2e6 #fff #dee2e6 #fff; background-color: var(--bs-white); } .navbar-dark .vertical-tabs { background: var(--bs-dark); border-color: var(--bs-dark); } /*------------------------------------ Sidebar tabs ------------------------------------*/ .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #fff; background-color: var(--bs-primary); border-color: var(--bs-primary); } .nav-tabs .nav-link.active:hover { border-color: var(--bs-primary); } .nav-tabs .nav-link.active:focus { border-color: var(--bs-primary); } .nav-tabs .nav-item.show .nav-link:hover, .nav-tabs .nav-item.show .nav-link:focus { border-color: #dee2e6 transparent #dee2e6 #fff; } .vertical-tabs .nav-tabs .nav-link:hover { border-color: #dee2e6 transparent #dee2e6 #fff; } /*------------------------------------ Hamburger ------------------------------------*/ .hamburger-icon { display: block; width: 1.5rem; height: 1.5rem; position: relative; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; } .hamburger-icon span { display: block; position: absolute; height: 2px; width: 100%; opacity: 1; right: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } .hamburger-icon span:nth-child(1) { top: 0; } .hamburger-icon span:nth-child(2) { top: 0.6rem; } .hamburger-icon span:nth-child(3) { top: 0.6rem; } .hamburger-icon span:nth-child(4) { top: 1.2rem; } .hamburger-icon.open span:nth-child(1) { top: 0.5rem; width: 0; right: 50%; } .hamburger-icon.open span:nth-child(2) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .hamburger-icon.open span:nth-child(3) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .hamburger-icon.open span:nth-child(4) { top: 1rem; width: 0; right: 50%; } .hamburger-dark span { background: #000; } .navbar-dark .navbar-toggler { border: none; } .navbar-dark .hamburger-icon span { background: #fff; } .navbar-light .hamburger-icon span { background: #1b1b1b; } /*------------------------------------ Breadcrumb ------------------------------------*/ .u-breadcrumb { color: var(--bs-gray); background: transparent; font-size: 90%; } .u-breadcrumb a { color: var(--bs-gray); } .u-breadcrumb .breadcrumb-item { font-family: "Roboto", sans-serif; } .u-breadcrumb .breadcrumb-item a { color: var(--bs-gray); } .u-breadcrumb .breadcrumb-item::before { display: inline-block; padding-left: 0.5rem; color: var(--bs-gray); content: "»"; } .u-breadcrumb .breadcrumb-item:first-child::before { display: none; } /*------------------------------------ Lazyload images ------------------------------------*/ .image-wrapper { /*background color if image is loading slow*/ background-color: #f8f9fa; overflow: hidden; width: 100%; position: relative; background: -webkit-gradient(linear, left top, right top, from(#f8f9fa), color-stop(15%, #ced4da), color-stop(40%, #f8f9fa), to(#f8f9fa)); background: linear-gradient(to right, #f8f9fa 0%, #ced4da 15%, #f8f9fa 40%, #f8f9fa 100%); background-size: 400% 700% !important; background-position: center center !important; -webkit-animation: AnimationSea 1.5s infinite linear forwards; animation: AnimationSea 1.5s infinite linear forwards; } @-webkit-keyframes AnimationSea { from { background-position: 0% 0; } to { background-position: 80% 0; } } @keyframes AnimationSea { from { background-position: 0% 0; } to { background-position: 80% 0; } } .image-single-wrapper { width: 100%; min-height: 18rem; } .lazy { width: 100%; -webkit-transition: 500ms ease-in-out; transition: 500ms ease-in-out; opacity: 0; } .lazy.loaded { opacity: 1; } .hover-a:hover .image-wrapper { opacity: 0.9; } .ajax-tabs { min-height: 20rem; } .loaders { opacity: 0.7; font-size: 2.5rem; text-align: center; margin-top: 100px; } /*------------------------------------ Ratio Thumbnail images Tutorial calculate the ratio space example size 400x250px is 250/400*100 = 62.5% ------------------------------------*/ .ratio_category, .ratio_demo1, .ratio_demo2, .ratio_single, .ratio_203-114, .ratio_110-77, .ratio_115-80, .ratio_165-92, .ratio_180-123, .ratio_230-129, .ratio_251-141, .ratio_327-278, .ratio_376-376, .ratio_372-208, .ratio_400-250, .ratio_800-450, .ratio_763-422, .ratio_540-470, .ratio_540-460, .ratio_540-454, .ratio_540-304, .ratio_466-261, .ratio_360-202, .ratio_220-150, .ratio_230-230, .ratio_337-337, .ratio_99-68, .ratio_160-112, .ratio_640-640, .ratio_1140-535, .ratio_900-500, .ratio_950-500, .ratio_1200-900 { height: 0; } .ratio_category, .ratio_demo1 { padding-bottom: 25%; } .ratio_demo2 { padding-bottom: 55%; } .ratio_1108-520 { padding-bottom: 46.9314079%; } .ratio_1140-535 { padding-bottom: 46.9314079%; } .ratio_900-500, .ratio_763-422 { padding-bottom: 55.3555556%; } .ratio_466-261, .ratio_165-92, .ratio_230-129, .ratio_360-202, .ratio_203-114, .ratio_251-141, .ratio_372-208 { padding-bottom: 56.0085837%; } .ratio_800-450 { padding-bottom: 56.25%; } .ratio_540-304 { padding-bottom: 56.2962963%; } .ratio_400-250 { padding-bottom: 62.5%; } .ratio_single { padding-bottom: 66.6666667%; } .ratio_220-150, .ratio_99-68, .ratio_180-123 { padding-bottom: 68.1818182%; } .ratio_160-112, .ratio_115-80, .ratio_110-77 { padding-bottom: 69.5%; } .ratio_1200-900 { padding-bottom: 75%; } .ratio_540-454 { padding-bottom: 84%; } .ratio_327-278 { padding-bottom: 85.012905%; } .ratio_540-460 { padding-bottom: 85.1851852%; } .ratio_540-470 { padding-bottom: 87.037037%; } .ratio_640-640, .ratio_230-230, .ratio_337-337, .ratio_376-376 { padding-bottom: 99.999%; } /*------------------------------------ Boxed and Framed Layout ------------------------------------*/ .framed .wrapper, .boxed .wrapper { position: relative; z-index: 1; margin: 0 auto; } .wrapper { overflow-x: hidden; } .boxed.bg-repeat .wrapper, .boxed.bg-repeat2 .wrapper, .boxed.bg-repeat3 .wrapper, .framed.bg-repeat .wrapper, .framed.bg-repeat2 .wrapper, .framed.bg-repeat3 .wrapper { -webkit-box-shadow: 0 0 3px #dee2e6; box-shadow: 0 0 3px #dee2e6; } .boxed { background-color: var(--bs-gray-100); } .boxed .wrapper { background-color: var(--bs-white); } .framed { background-color: var(--bs-gray-100); } .framed main, .framed .second-header, .framed .bg-nav-framed { background-color: rgba(255, 255, 255, 0.7); } @media (max-width: 575.98px) { .boxed .wrapper, .framed .wrapper { width: 100%; } } @media (min-width: 768px) { .boxed .wrapper, .framed .wrapper { width: 90%; } .framed { padding: 15px 0; } } @media (min-width: 1200px) { .boxed .wrapper, .framed .wrapper { width: 1200px; } .boxed .navbar, .framed .navbar { padding: 0.5rem 0rem; } } .top-section .block-area { margin-top: 0.5rem; margin-bottom: 5rem; } .social-top-start li { display: inline-block; } .grid-six .image { width: 100%; } .grid-six .caption { position: relative; width: 100%; top: 0; left: 0; padding: 2rem; } .card-banner { margin-bottom: 1.5rem; display: -ms-flexbox; display: -webkit-box; display: flex; position: relative; overflow: hidden; background-color: var(--bs-white); background-size: cover; border-radius: 5px; } .overlay-cover { width: 100%; border: var(--bs-white) 1px solid; } .overlay { z-index: 10; padding: 1.25rem; color: var(--bs-white); -webkit-transition: 0.25s; transition: 0.25s; } .banner-shadow { border: var(--bs-white) 1px solid; height: 100%; width: 100%; } .card-banner:hover .overlay { background-color: rgba(0, 0, 0, 0.08); } .banner-inner { padding: 7px 30px; background: var(--bs-white); display: inline-block; margin: 0; } .banner-inner .title { margin-bottom: 0; } .input-group-prepend .btn { margin-right: -1px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .six-box-box { padding-right: 0.875rem; padding-left: 0.875rem; } @media (min-width: 992px) { .main-menu.navbar-dark .hover-mode .main-nav > li:hover > a, .main-menu.navbar-dark .hover-mode .main-nav > li > a.active { background-color: var(--bs-primary) !important; } .main-menu.navbar-dark .hover-mode .main-nav li:hover > a { color: var(--bs-primary) !important; } .main-menu.navbar-dark .hover-mode .main-nav > li:hover > a { color: var(--bs-white) !important; } .logo-full .main-logo img { max-width: 25rem; } .search-top-end, .social-top-start { margin-top: 40px; position: absolute; } } @media (min-width: 768px) { .grid-six .image { width: 70%; } .grid-six .caption { position: absolute; width: 50%; top: 50%; left: 0; padding: 2rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media (max-width: 400px) { .top-space { top: 20%; } } /*------------------------------------ Sidebar ------------------------------------*/ .start-sidebar { padding-left: 30px; } .end-sidebar { padding-right: 30px; } .start-sidebar { padding-left: 30px; } .start-sidebar::after { margin-top: 5rem; position: relative; content: ""; padding: 2rem; display: block; } .end-sidebar { padding-right: 30px; } .end-sidebar::after { margin-top: 5rem; position: relative; content: ""; padding: 2rem; display: block; } @media (min-width: 576px) { .start-sidebar-sm { padding-left: 30px; } .start-sidebar-sm::after { margin-top: 5rem; position: relative; content: ""; padding: 2rem; display: block; } .end-sidebar-sm { padding-right: 30px; } .end-sidebar-sm::after { margin-top: 5rem; position: relative; content: ""; padding: 2rem; display: block; } } @media (min-width: 768px) { .start-sidebar-md { padding-left: 30px; } .start-sidebar-md::after { margin-top: 5rem; position: relative; content: ""; padding: 2rem; display: block; } .end-sidebar-md { padding-right: 30px; } .end-sidebar-md::after { margin-top: 5rem; position: relative; content: ""; padding: 2rem; display: block; } } @media (min-width: 992px) { .start-sidebar-lg { padding-left: 30px; } .start-sidebar-lg::after { margin-top: 5rem; position: relative; content: ""; padding: 2rem; display: block; } .end-sidebar-lg { padding-right: 30px; } .end-sidebar-lg::after { margin-top: 5rem; position: relative; content: ""; padding: 2rem; display: block; } } @media (min-width: 1200px) { .start-sidebar-xl { padding-left: 30px; } .start-sidebar-xl::after { margin-top: 5rem; position: relative; content: ""; padding: 2rem; display: block; } .end-sidebar-xl { padding-right: 30px; } .end-sidebar-xl::after { margin-top: 5rem; position: relative; content: ""; padding: 2rem; display: block; } } .sidebar-start .side-link li a { color: var(--bs-text-dark-light); } .side-link li a.caret-collapse, .sidebar-link li a.caret-collapse { color: var(--bs-primary); } .side-link li a.caret-collapse.collapsed, .sidebar-link li a.caret-collapse.collapsed { color: var(--bs-dark-light); } .side-link li a.caret-collapse.collapsed:hover, .sidebar-link li a.caret-collapse.collapsed:hover { color: var(--bs-primary); } .side-link li a:hover, .side-link li a.active, .sidebar-link li a:hover, .sidebar-link li a.active { background-color: transparent; color: var(--bs-primary); } .side-link li ul li a, .sidebar-link li ul li a { color: var(--bs-dark-light); } .side-link li ul li a:hover, .sidebar-link li ul li a:hover { color: var(--bs-primary); } .sidebar-link li a { display: block; font-size: 1rem; padding: 0.5rem 0; } .mobile-nav-custom img { max-width: 200px; } @media (min-width: 992px) { .nav-custom.navbar-dark .hover-mode li:hover > a { background: var(--bs-white-black) !important; } .mobile-nav-custom, .mobile-nav-custom img { max-width: 0; display: none; } } @media (min-width: 992px) { .logo-full .main-logo img { max-width: 25rem; } .search-top-left, .social-top-right { top: 50%; margin-top: -23px; position: absolute; } .showbacktop .logo-showbacktop.still-show { display: block; } .showbacktop .logo-showbacktop.still-show img { max-height: 2.3rem; margin-left: 1rem; display: block; } .showbacktop.is-visible .logo-showbacktop.still-show { display: none; height: 0; } } /*------------------------------------ Footer ------------------------------------*/ .footer-logo { max-width: 80%; } .footer-page-list li { display: inline; margin-left: 1rem; } .copyright-text { margin-bottom: 0; } .bg-footer { background-image: url(../img/background/bg-footer.jpg); position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; } .bg-footer::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; background-color: rgba(27, 27, 27, 0.96); } @media (max-width: 575.98px) { .footer-copyright .navbar { -ms-flex-flow: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column; } .footer-copyright .navbar .navbar-nav { margin-right: inherit !important; } .footer-copyright .navbar .navbar-nav.footer-nav { width: 100%; -ms-flex-direction: inherit; -webkit-box-orient: inherit; -webkit-box-direction: inherit; flex-direction: inherit; margin-bottom: 1rem; } .footer-copyright .navbar .navbar-nav.footer-nav li a { width: 100%; padding: 15px 0; border-bottom: rgba(255, 255, 255, 0.12) 1px solid; } .footer-copyright .navbar .navbar-nav.footer-nav li a:hover { color: var(--bs-white); } .footer-copyright .navbar .navbar-nav.footer-nav-left { margin-bottom: 5px; } .footer-light .footer-copyright .navbar .navbar-nav.footer-nav li a { border-color: #ced4da !important; } } .footer-dark, .layout-dark { color: #dee2e6; } .footer-dark p, .footer-dark h1, .footer-dark .h1, .footer-dark h2, .footer-dark .h2, .footer-dark h3, .footer-dark .h3, .footer-dark h4, .footer-dark .h4, .footer-dark h5, .footer-dark .h5, .layout-dark p, .layout-dark h1, .layout-dark .h1, .layout-dark h2, .layout-dark .h2, .layout-dark h3, .layout-dark .h3, .layout-dark h4, .layout-dark .h4, .layout-dark h5, .layout-dark .h5 { color: #dee2e6; } .footer-dark a, .layout-dark a { color: #dee2e6; border-color: #dee2e6; } .footer-dark a:hover, .layout-dark a:hover { color: var(--bs-primary); } .footer-dark a.btn, .layout-dark a.btn { color: #dee2e6; border-color: #dee2e6; } .footer-dark a.btn:hover, .layout-dark a.btn:hover { color: var(--bs-primary); } .footer-dark li a, .layout-dark li a { color: #dee2e6; } .footer-dark li:hover a, .layout-dark li:hover a { color: var(--bs-primary); } .footer-light { color: #6c757d; } .footer-light p { color: var(--bs-gray-700); } .footer-light a { color: #6c757d; border-color: #6c757d; } .footer-light a:hover { color: var(--bs-black); } .footer-light a.btn { color: #6c757d; border-color: #6c757d; } .footer-light a.btn:hover { color: var(--bs-primary); } .footer-light li a { color: #6c757d; } .footer-light li:hover a { color: var(--bs-black); } .footer-light .border-smooth { border-color: #ced4da !important; } /*------------------------------------ Big Grid ------------------------------------*/ .featured-one .height-ratio { padding-bottom: 40.888%; height: 0; } .featured-1 .height-ratio { padding-bottom: 84.888%; height: 0; } .featured-1 .newsbox .height-ratio { padding-bottom: 84.777%; } .featured-1 .newsbox > article:nth-child(1) { padding-top: 0; padding-bottom: 0.125rem; padding-left: 0.125rem; } .featured-1 .newsbox > article:nth-child(2) { padding-top: 0; padding-bottom: 0.125rem; padding-right: 0.125rem; } .featured-1 .newsbox > article:nth-child(3) { padding-top: 0.125rem; padding-bottom: 0.125rem; padding-left: 0.125rem; } .featured-1 .newsbox > article:nth-child(4) { padding-top: 0.125rem; padding-bottom: 0.125rem; padding-right: 0.125rem; } .featured-2 .height-ratio { padding-bottom: 85.2%; height: 0; } .featured-2 .newsbox .height-ratio { padding-bottom: 84.77777%; } .featured-2 .newsbox > article:nth-child(1) { padding-top: 0; padding-bottom: 0.125rem; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .featured-2 .newsbox > article:nth-child(1) .height-ratio { padding-bottom: 42.4%; } .featured-2 .newsbox > article:nth-child(2) { padding-top: 0.125rem; padding-left: 0.125rem; padding-bottom: 0.125rem; } .featured-2 .newsbox > article:nth-child(3) { padding-top: 0.125rem; padding-right: 0.125rem; padding-bottom: 0.125rem; } .featured-3 .height-ratio { padding-bottom: 55.3555556%; height: 0; } .featured-3 .newsbox .height-ratio { padding-bottom: 56.0085837%; } .featured-3 .newsbox > article:nth-child(1) { padding-bottom: 0.125rem; } .featured-3 .newsbox > article:nth-child(2) { padding-top: 0.125rem; } .featured-4 .height-ratio { padding-bottom: 84.55555%; height: 0; } .featured-4 .newsbox .height-ratio { padding-bottom: 84.77777%; } .featured-4 .newsbox > article:nth-child(1) { padding-top: 0; padding-bottom: 0.125rem; padding-left: 0.125rem; } .featured-4 .newsbox > article:nth-child(2) { padding-top: 0; padding-right: 0.125rem; padding-bottom: 0.125rem; } .featured-4 .newsbox > article:nth-child(3) { padding-top: 0.125rem; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .featured-4 .newsbox > article:nth-child(3) .height-ratio { padding-bottom: 41.89%; } .featured-5 .newsbox-start .height-ratio { padding-bottom: 84.77777%; height: 0; } .featured-5 .newsbox-start > article:nth-child(1) { padding-top: 0; padding-bottom: 0.125rem; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .featured-5 .newsbox-start > article:nth-child(1) .height-ratio { padding-bottom: 42.15%; } .featured-5 .newsbox-start > article:nth-child(2) { padding-top: 0.125rem; padding-left: 0.125rem; padding-bottom: 0.125rem; } .featured-5 .newsbox-start > article:nth-child(3) { padding-top: 0.125rem; padding-right: 0.125rem; padding-bottom: 0.125rem; } .featured-5 .newsbox-end .height-ratio { padding-bottom: 84.777%; height: 0; } .featured-5 .newsbox-end > article:nth-child(1) { padding-top: 0; padding-bottom: 0.125rem; padding-left: 0.125rem; } .featured-5 .newsbox-end > article:nth-child(2) { padding-top: 0; padding-bottom: 0.125rem; padding-right: 0.125rem; } .featured-5 .newsbox-end > article:nth-child(3) { padding-top: 0.125rem; padding-bottom: 0.125rem; padding-left: 0.125rem; } .featured-5 .newsbox-end > article:nth-child(4) { padding-top: 0.125rem; padding-bottom: 0.125rem; padding-right: 0.125rem; } .featured-6 .newsbox .height-ratio { padding-bottom: 99.999%; height: 0; } .featured-6 .newsbox > article:nth-child(1) { padding-top: 0.125rem; padding-bottom: 0.125rem; padding-left: 0; padding-right: 0; } .featured-6 .newsbox > article:nth-child(2) { padding-top: 0.125rem; padding-right: 0; padding-left: 0.125rem; } .featured-6 .newsbox > article:nth-child(3) { padding-top: 0.125rem; padding-left: 0; padding-right: 0.125rem; } .featured-7 .height-ratio { padding-bottom: 64.22%; height: 0; } .featured-7 .newsbox .height-ratio { padding-bottom: 43%; } .featured-7 .newsbox > article:nth-child(1) { padding-top: 0; padding-bottom: 0.125rem; } .featured-7 .newsbox > article:nth-child(2) { padding-top: 0.125rem; padding-bottom: 0.125rem; } .featured-7 .newsbox > article:nth-child(3) { padding-top: 0.125rem; } .featured-8 .newsbox-start .height-ratio { padding-bottom: 85%; height: 0; } .featured-8 .newsbox-start > article:nth-child(1) { padding-top: 0.125rem; padding-bottom: 0.125rem; padding-right: 0; padding-left: 0.125rem; } .featured-8 .newsbox-start > article:nth-child(2) { padding-top: 0.125rem; padding-bottom: 0.125rem; padding-right: 0.125rem; padding-left: 0; } .featured-8 .newsbox-center .height-ratio { padding-bottom: 85.6%; height: 0; } .featured-8 .newsbox-center > article:nth-child(1) { padding-top: 0.125rem; padding-bottom: 0.125rem; padding-right: 0; padding-left: 0; } .featured-8 .newsbox-end .height-ratio { padding-bottom: 85%; height: 0; } .featured-8 .newsbox-end > article:nth-child(1) { padding-top: 0.125rem; padding-bottom: 0.125rem; padding-right: 0; padding-left: 0.125rem; } .featured-8 .newsbox-end > article:nth-child(2) { padding-top: 0.125rem; padding-bottom: 0.125rem; padding-right: 0.125rem; padding-left: 0; } .featured-9 .newsbox-start .height-ratio, .featured-9 .newsbox-end .height-ratio { padding-bottom: 84.77777%; height: 0; } .featured-9 .newsbox-start > article:nth-child(1), .featured-9 .newsbox-end > article:nth-child(1) { padding-top: 0; padding-bottom: 0.125rem; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .featured-9 .newsbox-start > article:nth-child(1) .height-ratio, .featured-9 .newsbox-end > article:nth-child(1) .height-ratio { padding-bottom: 41.855555%; } .featured-9 .newsbox-start > article:nth-child(2), .featured-9 .newsbox-end > article:nth-child(2) { padding-top: 0.125rem; padding-left: 0.125rem; padding-bottom: 0.125rem; } .featured-9 .newsbox-start > article:nth-child(3), .featured-9 .newsbox-end > article:nth-child(3) { padding-top: 0.125rem; padding-right: 0.125rem; padding-bottom: 0.125rem; } .featured-10 .newsbox-start .height-ratio { padding-bottom: 84.77777%; height: 0; } .featured-10 .newsbox-start > article:nth-child(1) { padding-top: 0; padding-bottom: 0.125rem; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .featured-10 .newsbox-start > article:nth-child(1) .height-ratio { padding-bottom: 41.855555%; } .featured-10 .newsbox-start > article:nth-child(2) { padding-top: 0.125rem; padding-left: 0.125rem; padding-bottom: 0.125rem; } .featured-10 .newsbox-start > article:nth-child(3) { padding-top: 0.125rem; padding-right: 0.125rem; padding-bottom: 0.125rem; } .featured-10 .newsbox-end .height-ratio { padding-bottom: 84.77777%; height: 0; } .featured-10 .newsbox-end > article:nth-child(1) { padding-top: 0; padding-bottom: 0.125rem; padding-left: 0.125rem; } .featured-10 .newsbox-end > article:nth-child(2) { padding-top: 0; padding-right: 0.125rem; padding-bottom: 0.125rem; } .featured-10 .newsbox-end > article:nth-child(3) { padding-top: 0.125rem; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .featured-10 .newsbox-end > article:nth-child(3) .height-ratio { padding-bottom: 41.89%; } @media (max-width: 767.98px) { .featured-2 .height-ratio { padding-bottom: 50%; } .featured-2 .newsbox .height-ratio { padding-bottom: 84.77777%; } .featured-2 .newsbox > article:nth-child(1) .height-ratio { padding-bottom: 41.855555%; } .featured-4 .height-ratio { padding-bottom: 50%; } .featured-4 .newsbox .height-ratio { padding-bottom: 84.77777%; } .featured-6 .newsbox > article:nth-child(1) { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 576px) { .featured-3 .newsbox > article:nth-child(1) { padding-top: 0; padding-left: 0.125rem; } .featured-3 .newsbox > article:nth-child(2) { padding-top: 0; padding-right: 0.125rem; } .featured-7 .newsbox > article:nth-child(1) { padding-left: 0.125rem; padding-bottom: 0.125rem; } .featured-7 .newsbox > article:nth-child(2) { padding-top: 0; padding-right: 0.125rem; padding-bottom: 0.125rem; } .featured-7 .newsbox > article:nth-child(3) { padding-left: 0.125rem; padding-bottom: 0.125rem; } } @media (min-width: 768px) { .featured-6 .newsbox > article:nth-child(1) { padding-left: 0.1875rem; } .featured-6 .newsbox > article:nth-child(2) { padding-right: 0.09375rem; padding-left: 0.09375rem; } .featured-6 .newsbox > article:nth-child(3) { padding-right: 0.1875rem; } .featured-7 .height-ratio { padding-bottom: 64.22%; } .featured-7 .newsbox .height-ratio { padding-bottom: 43%; } .featured-7 .newsbox > article:nth-child(1) { padding-left: 15px; padding-bottom: 0.125rem; } .featured-7 .newsbox > article:nth-child(2) { padding-top: 0.125rem; padding-left: 15px; padding-right: 0.75rem; padding-bottom: 0.125rem; } .featured-7 .newsbox > article:nth-child(3) { padding-top: 0.125rem; padding-left: 15px; padding-bottom: 0.125rem; } .featured-8 .newsbox-start > article:nth-child(2) { padding-right: 0; padding-left: 0.125rem; } .featured-8 .newsbox-center > article:nth-child(1) { padding-right: 0.125rem; padding-left: 0.125rem; } .featured-8 .newsbox-end > article:nth-child(1), .featured-8 .newsbox-end > article:nth-child(2) { padding-right: 0.125rem; padding-left: 0; } } @media (min-width: 992px) { .featured-3 .newsbox > article:nth-child(1) { padding-top: 0; padding-left: 15px; } .featured-3 .newsbox > article:nth-child(2) { padding-top: 0.125rem; padding-right: 0.75rem; padding-left: 15px; } } /*------------------------------------ Block title ------------------------------------*/ .six-block-title span, .center-backline-lg span, .center-backline span, .block-title-14 h1 span, .block-title-14 .h1 span, .block-title-14 h2 span, .block-title-14 .h2 span, .block-title-14 h3 span, .block-title-14 .h3 span, .block-title-14 h4 span, .block-title-14 .h4 span, .block-title-14 h5 span, .block-title-14 .h5 span, .block-title-14 h6 span, .block-title-14 .h6 span, .block-title-6 h1 span, .block-title-6 .h1 span, .block-title-6 h2 span, .block-title-6 .h2 span, .block-title-6 h3 span, .block-title-6 .h3 span, .block-title-6 h4 span, .block-title-6 .h4 span, .block-title-6 h5 span, .block-title-6 .h5 span, .block-title-6 h6 span, .block-title-6 .h6 span, .block-title-1 h1, .block-title-1 .h1, .block-title-1 h2, .block-title-1 .h2, .block-title-1 h3, .block-title-1 .h3, .block-title-1 h4, .block-title-1 .h4, .block-title-1 h5, .block-title-1 .h5, .block-title-1 h6, .block-title-1 .h6 { padding-right: 1rem; padding-left: 1rem; padding-top: 0.25rem; padding-bottom: 0.25rem; } .center-backline-lg:before, .center-backline:before { content: ""; position: absolute; height: 2px; top: 45%; background-color: var(--bs-primary); right: 0; left: 0; } .center-backline-lg span, .center-backline span { max-width: 100%; display: inline-block; position: relative; overflow: hidden; } .block-title-1 { position: relative; margin-bottom: 1.5rem; padding-bottom: 0.5rem; border-bottom: var(--bs-border-color) 2px solid; } .block-title-1 h1, .block-title-1 .h1, .block-title-1 h2, .block-title-1 .h2, .block-title-1 h3, .block-title-1 .h3, .block-title-1 h4, .block-title-1 .h4, .block-title-1 h5, .block-title-1 .h5, .block-title-1 h6, .block-title-1 .h6 { display: inline; } .block-title-2 { position: relative; margin-bottom: 1.5rem; padding-bottom: 0.5rem; border-bottom: var(--bs-border-color) 2px solid; } .block-title-2 h1, .block-title-2 .h1, .block-title-2 h2, .block-title-2 .h2, .block-title-2 h3, .block-title-2 .h3, .block-title-2 h4, .block-title-2 .h4, .block-title-2 h5, .block-title-2 .h5, .block-title-2 h6, .block-title-2 .h6 { display: inline; } .block-title-3 { position: relative; margin-bottom: 1.5rem; padding-bottom: 0.5rem; border-bottom: var(--bs-border-color) 2px solid; } .block-title-3 h1, .block-title-3 .h1, .block-title-3 h2, .block-title-3 .h2, .block-title-3 h3, .block-title-3 .h3, .block-title-3 h4, .block-title-3 .h4, .block-title-3 h5, .block-title-3 .h5, .block-title-3 h6, .block-title-3 .h6 { display: inline; } .block-title-4 { position: relative; margin-bottom: 1.5rem; padding-bottom: 0.5rem; border-bottom: var(--bs-border-color) 2px solid; } .block-title-4 h1, .block-title-4 .h1, .block-title-4 h2, .block-title-4 .h2, .block-title-4 h3, .block-title-4 .h3, .block-title-4 h4, .block-title-4 .h4, .block-title-4 h5, .block-title-4 .h5, .block-title-4 h6, .block-title-4 .h6 { display: inline; } .block-title-5 { position: relative; margin-bottom: 1.5rem; padding-bottom: 0.3rem; border-bottom: var(--bs-border-color) 2px solid; } .block-title-5 h1, .block-title-5 .h1, .block-title-5 h2, .block-title-5 .h2, .block-title-5 h3, .block-title-5 .h3, .block-title-5 h4, .block-title-5 .h4, .block-title-5 h5, .block-title-5 .h5, .block-title-5 h6, .block-title-5 .h6 { display: inline; } .block-title-5 h1 span, .block-title-5 .h1 span, .block-title-5 h2 span, .block-title-5 .h2 span, .block-title-5 h3 span, .block-title-5 .h3 span, .block-title-5 h4 span, .block-title-5 .h4 span, .block-title-5 h5 span, .block-title-5 .h5 span, .block-title-5 h6 span, .block-title-5 .h6 span { padding-bottom: 0.45rem; border-bottom: var(--bs-border-color) 2px solid; } .block-title-6 { position: relative; margin-bottom: 1.5rem; } .block-title-6 h1, .block-title-6 .h1, .block-title-6 h2, .block-title-6 .h2, .block-title-6 h3, .block-title-6 .h3, .block-title-6 h4, .block-title-6 .h4, .block-title-6 h5, .block-title-6 .h5, .block-title-6 h6, .block-title-6 .h6 { border-bottom: var(--bs-border-color) 2px solid; } .block-title-6 h1 span, .block-title-6 .h1 span, .block-title-6 h2 span, .block-title-6 .h2 span, .block-title-6 h3 span, .block-title-6 .h3 span, .block-title-6 h4 span, .block-title-6 .h4 span, .block-title-6 h5 span, .block-title-6 .h5 span, .block-title-6 h6 span, .block-title-6 .h6 span { margin-bottom: -2px; display: inline-block; position: relative; } .block-title-7 { position: relative; margin-bottom: 0; } .block-title-8 { position: relative; margin-bottom: 1.5rem; } .block-title-8 h1 span, .block-title-8 .h1 span, .block-title-8 h2 span, .block-title-8 .h2 span, .block-title-8 h3 span, .block-title-8 .h3 span, .block-title-8 h4 span, .block-title-8 .h4 span, .block-title-8 h5 span, .block-title-8 .h5 span, .block-title-8 h6 span, .block-title-8 .h6 span { padding-top: 0.25rem; padding-bottom: 0.25rem; position: relative; display: block; } .block-title-9 { position: relative; margin-bottom: 1.5rem; } .block-title-9 h1 span, .block-title-9 .h1 span, .block-title-9 h2 span, .block-title-9 .h2 span, .block-title-9 h3 span, .block-title-9 .h3 span, .block-title-9 h4 span, .block-title-9 .h4 span, .block-title-9 h5 span, .block-title-9 .h5 span, .block-title-9 h6 span, .block-title-9 .h6 span { padding-right: 1rem; border-right: var(--bs-border-color) 5px solid; padding-top: 0.25rem; padding-bottom: 0.25rem; display: block; position: relative; } .block-title-10 { position: relative; margin-bottom: 1.5rem; } .block-title-10 h1 span, .block-title-10 .h1 span, .block-title-10 h2 span, .block-title-10 .h2 span, .block-title-10 h3 span, .block-title-10 .h3 span, .block-title-10 h4 span, .block-title-10 .h4 span, .block-title-10 h5 span, .block-title-10 .h5 span, .block-title-10 h6 span, .block-title-10 .h6 span { padding-top: 0.25rem; padding-bottom: 0.25rem; display: block; position: relative; } .block-title-11 { position: relative; margin-bottom: 0; } .block-title-11 h1 span, .block-title-11 .h1 span, .block-title-11 h2 span, .block-title-11 .h2 span, .block-title-11 h3 span, .block-title-11 .h3 span, .block-title-11 h4 span, .block-title-11 .h4 span, .block-title-11 h5 span, .block-title-11 .h5 span, .block-title-11 h6 span, .block-title-11 .h6 span { padding-right: 0; } .block-title-12 { position: relative; margin-bottom: 1.5rem; padding-bottom: 0.5rem; padding-top: 0.5rem; } .block-title-12 h1, .block-title-12 .h1, .block-title-12 h2, .block-title-12 .h2, .block-title-12 h3, .block-title-12 .h3, .block-title-12 h4, .block-title-12 .h4, .block-title-12 h5, .block-title-12 .h5, .block-title-12 h6, .block-title-12 .h6 { float: right; margin-left: 1rem; } .block-title-13 { position: relative; margin-bottom: 1.5rem; padding-bottom: 0.5rem; padding-top: 0.5rem; } .block-title-13 h1, .block-title-13 .h1, .block-title-13 h2, .block-title-13 .h2, .block-title-13 h3, .block-title-13 .h3, .block-title-13 h4, .block-title-13 .h4, .block-title-13 h5, .block-title-13 .h5, .block-title-13 h6, .block-title-13 .h6 { float: right; margin-left: 1rem; } .block-title-14 { position: relative; margin-bottom: 1.5rem; } .block-title-14 h1 span, .block-title-14 .h1 span, .block-title-14 h2 span, .block-title-14 .h2 span, .block-title-14 h3 span, .block-title-14 .h3 span, .block-title-14 h4 span, .block-title-14 .h4 span, .block-title-14 h5 span, .block-title-14 .h5 span, .block-title-14 h6 span, .block-title-14 .h6 span { display: inline-block; position: relative; } .block-title-15 { position: relative; margin-bottom: 1.5rem; } .block-title-15 h1, .block-title-15 .h1, .block-title-15 h2, .block-title-15 .h2, .block-title-15 h3, .block-title-15 .h3, .block-title-15 h4, .block-title-15 .h4, .block-title-15 h5, .block-title-15 .h5, .block-title-15 h6, .block-title-15 .h6 { border-bottom: var(--bs-border-color) 2px solid; } .center-backline:before { margin-top: -0.5px; margin-bottom: 0; } .center-backline-lg:before { margin-top: -0.5rem; } @media (max-width: 767.98px) { .center-backline:before { right: 5px; left: 5px; } } .title-box-stripe { margin-top: -0.4rem; } .stripe-line { background: url(../img/assets/stripe.png); height: 12px; overflow: hidden; margin-top: 0; } .title-box-dot { margin-top: -0.4rem; } .dot-line { background: url(../img/assets/dot.png); height: 12px; overflow: hidden; margin-top: 0; } .title-arrow:before { content: ""; width: 2.5rem; height: 2px; position: absolute; top: 2rem; background: var(--bs-primary); } .u-backline:after { content: ""; position: absolute; width: 100%; height: 2px; background-color: var(--bs-primary); margin-top: 1.5rem; } .box-title:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; bottom: -0.5rem; right: 50%; border-top-color: var(--bs-primary); border-width: 0.5rem; border-bottom: 0; margin-right: -10px; } .box-title.border-primary:before { border-top-color: var(--bs-primary); } .box-title.border-secondary:before { border-top-color: var(--bs-secondary); } .box-title.border-success:before { border-top-color: var(--bs-success); } .box-title.border-info:before { border-top-color: var(--bs-info); } .box-title.border-warning:before { border-top-color: var(--bs-warning); } .box-title.border-danger:before { border-top-color: var(--bs-danger); } .box-title.border-light:before { border-top-color: var(--bs-light); } .box-title.border-dark:before { border-top-color: var(--bs-dark); } .six-block-title span { margin-bottom: -2px; display: inline-block; position: relative; } .nav-block-link, .nav-block-link1, .nav-block-link2, .nav-block-link3, .nav-block-link4, .nav-block-link5, .nav-block-link6, .nav-block-link7, .nav-block-more { position: absolute; top: 0; left: 3.2rem; margin: auto 0; z-index: 2; line-height: 30px; text-align: left; border: 0; } .nav-block-link li, .nav-block-link1 li, .nav-block-link2 li, .nav-block-link3 li, .nav-block-link4 li, .nav-block-link5 li, .nav-block-link6 li, .nav-block-link7 li, .nav-block-more li { display: inline-block; margin-left: 1.5rem; } .nav-block-link li a, .nav-block-link1 li a, .nav-block-link2 li a, .nav-block-link3 li a, .nav-block-link4 li a, .nav-block-link5 li a, .nav-block-link6 li a, .nav-block-link7 li a, .nav-block-more li a { color: var(--bs-body-color); } .nav-block-link li a:hover, .nav-block-link1 li a:hover, .nav-block-link2 li a:hover, .nav-block-link3 li a:hover, .nav-block-link4 li a:hover, .nav-block-link5 li a:hover, .nav-block-link6 li a:hover, .nav-block-link7 li a:hover, .nav-block-more li a:hover { color: var(--bs-primary); } .nav-block-link li a.nav-tabs .nav-item, .nav-block-link1 li a.nav-tabs .nav-item, .nav-block-link2 li a.nav-tabs .nav-item, .nav-block-link3 li a.nav-tabs .nav-item, .nav-block-link4 li a.nav-tabs .nav-item, .nav-block-link5 li a.nav-tabs .nav-item, .nav-block-link6 li a.nav-tabs .nav-item, .nav-block-link7 li a.nav-tabs .nav-item, .nav-block-more li a.nav-tabs .nav-item { margin-bottom: 3px; } .nav-block-link li a.nav-link, .nav-block-link1 li a.nav-link, .nav-block-link2 li a.nav-link, .nav-block-link3 li a.nav-link, .nav-block-link4 li a.nav-link, .nav-block-link5 li a.nav-link, .nav-block-link6 li a.nav-link, .nav-block-link7 li a.nav-link, .nav-block-more li a.nav-link { display: inline; border: 0; color: var(--bs-body-color); background-color: transparent; padding: 0.5rem 0rem; } .nav-block-link li a.nav-link.active, .nav-block-link li a.nav-link:hover, .nav-block-link1 li a.nav-link.active, .nav-block-link1 li a.nav-link:hover, .nav-block-link2 li a.nav-link.active, .nav-block-link2 li a.nav-link:hover, .nav-block-link3 li a.nav-link.active, .nav-block-link3 li a.nav-link:hover, .nav-block-link4 li a.nav-link.active, .nav-block-link4 li a.nav-link:hover, .nav-block-link5 li a.nav-link.active, .nav-block-link5 li a.nav-link:hover, .nav-block-link6 li a.nav-link.active, .nav-block-link6 li a.nav-link:hover, .nav-block-link7 li a.nav-link.active, .nav-block-link7 li a.nav-link:hover, .nav-block-more li a.nav-link.active, .nav-block-more li a.nav-link:hover { color: var(--bs-primary); background-color: transparent; } .nav-block-link li.active a, .nav-block-link1 li.active a, .nav-block-link2 li.active a, .nav-block-link3 li.active a, .nav-block-link4 li.active a, .nav-block-link5 li.active a, .nav-block-link6 li.active a, .nav-block-link7 li.active a, .nav-block-more li.active a { color: var(--bs-primary); } .nav-block-more li { margin-left: 1rem; } .nav-block-more { left: 0; } @media (max-width: 575.98px) { .nav-block-link, .nav-block-link1, .nav-block-link2, .nav-block-link3, .nav-block-link4, .nav-block-link5, .nav-block-link6, .nav-block-link7 { width: 50%; } } @media (max-width: 767.98px) { .nav-block-link, .nav-block-link1, .nav-block-link2, .nav-block-link3, .nav-block-link4, .nav-block-link5, .nav-block-link6, .nav-block-link7 { overflow: hidden; width: 60%; height: 2rem; } .nav-block-more { width: inherit; } } /*------------------------------------ News Block ------------------------------------*/ .block-area, .widget { position: relative; clear: both; margin-bottom: 1.5rem; } .block-area .btn { margin-bottom: 0.5rem; } .sticky { margin-bottom: 1.5rem; } .first-pt-0 article:first-child { padding-top: 0 !important; } .block-primary a { color: var(--bs-primary); } .block-primary a:hover { color: var(--bs-primary) !important; } .block-primary a.badge { color: var(--bs-white) !important; background-color: var(--bs-primary); } .block-primary a.btn:hover { color: var(--bs-white) !important; } .block-primary h1 > a, .block-primary h2 > a, .block-primary h3 > a, .block-primary h4 > a, .block-primary h5 > a, .block-primary h6 > a, .block-primary .h1 > a, .block-primary .h2 > a, .block-primary .h3 > a, .block-primary .h4 > a, .block-primary .h5 > a, .block-primary .h6 > a { color: var(--bs-gray-900); } .block-primary h1 > a:hover, .block-primary h2 > a:hover, .block-primary h3 > a:hover, .block-primary h4 > a:hover, .block-primary h5 > a:hover, .block-primary h6 > a:hover, .block-primary .h1 > a:hover, .block-primary .h2 > a:hover, .block-primary .h3 > a:hover, .block-primary .h4 > a:hover, .block-primary .h5 > a:hover, .block-primary .h6 > a:hover { color: var(--bs-primary) !important; } .block-primary .hover-a:hover h1 > a, .block-primary .hover-a:hover h2 > a, .block-primary .hover-a:hover h3 > a, .block-primary .hover-a:hover h4 > a, .block-primary .hover-a:hover h5 > a, .block-primary .hover-a:hover h6 > a, .block-primary .hover-a:hover .h1 > a, .block-primary .hover-a:hover .h2 > a, .block-primary .hover-a:hover .h3 > a, .block-primary .hover-a:hover .h4 > a, .block-primary .hover-a:hover .h5 > a, .block-primary .hover-a:hover .h6 > a { color: var(--bs-primary) !important; } .block-primary .hover-a:hover h1 > a.text-white, .block-primary .hover-a:hover h2 > a.text-white, .block-primary .hover-a:hover h3 > a.text-white, .block-primary .hover-a:hover h4 > a.text-white, .block-primary .hover-a:hover h5 > a.text-white, .block-primary .hover-a:hover h6 > a.text-white, .block-primary .hover-a:hover .h1 > a.text-white, .block-primary .hover-a:hover .h2 > a.text-white, .block-primary .hover-a:hover .h3 > a.text-white, .block-primary .hover-a:hover .h4 > a.text-white, .block-primary .hover-a:hover .h5 > a.text-white, .block-primary .hover-a:hover .h6 > a.text-white { color: var(--bs-white) !important; } .block-primary .sub-card ul li a { color: var(--bs-body-color) !important; } .block-primary .sub-card ul li a:hover { color: var(--bs-primary) !important; } .block-secondary a { color: var(--bs-secondary); } .block-secondary a:hover { color: var(--bs-secondary) !important; } .block-secondary a.badge { color: var(--bs-white) !important; background-color: var(--bs-secondary); } .block-secondary a.btn:hover { color: var(--bs-white) !important; } .block-secondary h1 > a, .block-secondary h2 > a, .block-secondary h3 > a, .block-secondary h4 > a, .block-secondary h5 > a, .block-secondary h6 > a, .block-secondary .h1 > a, .block-secondary .h2 > a, .block-secondary .h3 > a, .block-secondary .h4 > a, .block-secondary .h5 > a, .block-secondary .h6 > a { color: var(--bs-gray-900); } .block-secondary h1 > a:hover, .block-secondary h2 > a:hover, .block-secondary h3 > a:hover, .block-secondary h4 > a:hover, .block-secondary h5 > a:hover, .block-secondary h6 > a:hover, .block-secondary .h1 > a:hover, .block-secondary .h2 > a:hover, .block-secondary .h3 > a:hover, .block-secondary .h4 > a:hover, .block-secondary .h5 > a:hover, .block-secondary .h6 > a:hover { color: var(--bs-secondary) !important; } .block-secondary .hover-a:hover h1 > a, .block-secondary .hover-a:hover h2 > a, .block-secondary .hover-a:hover h3 > a, .block-secondary .hover-a:hover h4 > a, .block-secondary .hover-a:hover h5 > a, .block-secondary .hover-a:hover h6 > a, .block-secondary .hover-a:hover .h1 > a, .block-secondary .hover-a:hover .h2 > a, .block-secondary .hover-a:hover .h3 > a, .block-secondary .hover-a:hover .h4 > a, .block-secondary .hover-a:hover .h5 > a, .block-secondary .hover-a:hover .h6 > a { color: var(--bs-secondary) !important; } .block-secondary .hover-a:hover h1 > a.text-white, .block-secondary .hover-a:hover h2 > a.text-white, .block-secondary .hover-a:hover h3 > a.text-white, .block-secondary .hover-a:hover h4 > a.text-white, .block-secondary .hover-a:hover h5 > a.text-white, .block-secondary .hover-a:hover h6 > a.text-white, .block-secondary .hover-a:hover .h1 > a.text-white, .block-secondary .hover-a:hover .h2 > a.text-white, .block-secondary .hover-a:hover .h3 > a.text-white, .block-secondary .hover-a:hover .h4 > a.text-white, .block-secondary .hover-a:hover .h5 > a.text-white, .block-secondary .hover-a:hover .h6 > a.text-white { color: var(--bs-white) !important; } .block-secondary .sub-card ul li a { color: var(--bs-body-color) !important; } .block-secondary .sub-card ul li a:hover { color: var(--bs-secondary) !important; } .block-success a { color: var(--bs-success); } .block-success a:hover { color: var(--bs-success) !important; } .block-success a.badge { color: var(--bs-white) !important; background-color: var(--bs-success); } .block-success a.btn:hover { color: var(--bs-white) !important; } .block-success h1 > a, .block-success h2 > a, .block-success h3 > a, .block-success h4 > a, .block-success h5 > a, .block-success h6 > a, .block-success .h1 > a, .block-success .h2 > a, .block-success .h3 > a, .block-success .h4 > a, .block-success .h5 > a, .block-success .h6 > a { color: var(--bs-gray-900); } .block-success h1 > a:hover, .block-success h2 > a:hover, .block-success h3 > a:hover, .block-success h4 > a:hover, .block-success h5 > a:hover, .block-success h6 > a:hover, .block-success .h1 > a:hover, .block-success .h2 > a:hover, .block-success .h3 > a:hover, .block-success .h4 > a:hover, .block-success .h5 > a:hover, .block-success .h6 > a:hover { color: var(--bs-success) !important; } .block-success .hover-a:hover h1 > a, .block-success .hover-a:hover h2 > a, .block-success .hover-a:hover h3 > a, .block-success .hover-a:hover h4 > a, .block-success .hover-a:hover h5 > a, .block-success .hover-a:hover h6 > a, .block-success .hover-a:hover .h1 > a, .block-success .hover-a:hover .h2 > a, .block-success .hover-a:hover .h3 > a, .block-success .hover-a:hover .h4 > a, .block-success .hover-a:hover .h5 > a, .block-success .hover-a:hover .h6 > a { color: var(--bs-success) !important; } .block-success .hover-a:hover h1 > a.text-white, .block-success .hover-a:hover h2 > a.text-white, .block-success .hover-a:hover h3 > a.text-white, .block-success .hover-a:hover h4 > a.text-white, .block-success .hover-a:hover h5 > a.text-white, .block-success .hover-a:hover h6 > a.text-white, .block-success .hover-a:hover .h1 > a.text-white, .block-success .hover-a:hover .h2 > a.text-white, .block-success .hover-a:hover .h3 > a.text-white, .block-success .hover-a:hover .h4 > a.text-white, .block-success .hover-a:hover .h5 > a.text-white, .block-success .hover-a:hover .h6 > a.text-white { color: var(--bs-white) !important; } .block-success .sub-card ul li a { color: var(--bs-body-color) !important; } .block-success .sub-card ul li a:hover { color: var(--bs-success) !important; } .block-info a { color: var(--bs-info); } .block-info a:hover { color: var(--bs-info) !important; } .block-info a.badge { color: var(--bs-white) !important; background-color: var(--bs-info); } .block-info a.btn:hover { color: var(--bs-white) !important; } .block-info h1 > a, .block-info h2 > a, .block-info h3 > a, .block-info h4 > a, .block-info h5 > a, .block-info h6 > a, .block-info .h1 > a, .block-info .h2 > a, .block-info .h3 > a, .block-info .h4 > a, .block-info .h5 > a, .block-info .h6 > a { color: var(--bs-gray-900); } .block-info h1 > a:hover, .block-info h2 > a:hover, .block-info h3 > a:hover, .block-info h4 > a:hover, .block-info h5 > a:hover, .block-info h6 > a:hover, .block-info .h1 > a:hover, .block-info .h2 > a:hover, .block-info .h3 > a:hover, .block-info .h4 > a:hover, .block-info .h5 > a:hover, .block-info .h6 > a:hover { color: var(--bs-info) !important; } .block-info .hover-a:hover h1 > a, .block-info .hover-a:hover h2 > a, .block-info .hover-a:hover h3 > a, .block-info .hover-a:hover h4 > a, .block-info .hover-a:hover h5 > a, .block-info .hover-a:hover h6 > a, .block-info .hover-a:hover .h1 > a, .block-info .hover-a:hover .h2 > a, .block-info .hover-a:hover .h3 > a, .block-info .hover-a:hover .h4 > a, .block-info .hover-a:hover .h5 > a, .block-info .hover-a:hover .h6 > a { color: var(--bs-info) !important; } .block-info .hover-a:hover h1 > a.text-white, .block-info .hover-a:hover h2 > a.text-white, .block-info .hover-a:hover h3 > a.text-white, .block-info .hover-a:hover h4 > a.text-white, .block-info .hover-a:hover h5 > a.text-white, .block-info .hover-a:hover h6 > a.text-white, .block-info .hover-a:hover .h1 > a.text-white, .block-info .hover-a:hover .h2 > a.text-white, .block-info .hover-a:hover .h3 > a.text-white, .block-info .hover-a:hover .h4 > a.text-white, .block-info .hover-a:hover .h5 > a.text-white, .block-info .hover-a:hover .h6 > a.text-white { color: var(--bs-white) !important; } .block-info .sub-card ul li a { color: var(--bs-body-color) !important; } .block-info .sub-card ul li a:hover { color: var(--bs-info) !important; } .block-warning a { color: var(--bs-warning); } .block-warning a:hover { color: var(--bs-warning) !important; } .block-warning a.badge { color: var(--bs-white) !important; background-color: var(--bs-warning); } .block-warning a.btn:hover { color: var(--bs-white) !important; } .block-warning h1 > a, .block-warning h2 > a, .block-warning h3 > a, .block-warning h4 > a, .block-warning h5 > a, .block-warning h6 > a, .block-warning .h1 > a, .block-warning .h2 > a, .block-warning .h3 > a, .block-warning .h4 > a, .block-warning .h5 > a, .block-warning .h6 > a { color: var(--bs-gray-900); } .block-warning h1 > a:hover, .block-warning h2 > a:hover, .block-warning h3 > a:hover, .block-warning h4 > a:hover, .block-warning h5 > a:hover, .block-warning h6 > a:hover, .block-warning .h1 > a:hover, .block-warning .h2 > a:hover, .block-warning .h3 > a:hover, .block-warning .h4 > a:hover, .block-warning .h5 > a:hover, .block-warning .h6 > a:hover { color: var(--bs-warning) !important; } .block-warning .hover-a:hover h1 > a, .block-warning .hover-a:hover h2 > a, .block-warning .hover-a:hover h3 > a, .block-warning .hover-a:hover h4 > a, .block-warning .hover-a:hover h5 > a, .block-warning .hover-a:hover h6 > a, .block-warning .hover-a:hover .h1 > a, .block-warning .hover-a:hover .h2 > a, .block-warning .hover-a:hover .h3 > a, .block-warning .hover-a:hover .h4 > a, .block-warning .hover-a:hover .h5 > a, .block-warning .hover-a:hover .h6 > a { color: var(--bs-warning) !important; } .block-warning .hover-a:hover h1 > a.text-white, .block-warning .hover-a:hover h2 > a.text-white, .block-warning .hover-a:hover h3 > a.text-white, .block-warning .hover-a:hover h4 > a.text-white, .block-warning .hover-a:hover h5 > a.text-white, .block-warning .hover-a:hover h6 > a.text-white, .block-warning .hover-a:hover .h1 > a.text-white, .block-warning .hover-a:hover .h2 > a.text-white, .block-warning .hover-a:hover .h3 > a.text-white, .block-warning .hover-a:hover .h4 > a.text-white, .block-warning .hover-a:hover .h5 > a.text-white, .block-warning .hover-a:hover .h6 > a.text-white { color: var(--bs-white) !important; } .block-warning .sub-card ul li a { color: var(--bs-body-color) !important; } .block-warning .sub-card ul li a:hover { color: var(--bs-warning) !important; } .block-danger a { color: var(--bs-danger); } .block-danger a:hover { color: var(--bs-danger) !important; } .block-danger a.badge { color: var(--bs-white) !important; background-color: var(--bs-danger); } .block-danger a.btn:hover { color: var(--bs-white) !important; } .block-danger h1 > a, .block-danger h2 > a, .block-danger h3 > a, .block-danger h4 > a, .block-danger h5 > a, .block-danger h6 > a, .block-danger .h1 > a, .block-danger .h2 > a, .block-danger .h3 > a, .block-danger .h4 > a, .block-danger .h5 > a, .block-danger .h6 > a { color: var(--bs-gray-900); } .block-danger h1 > a:hover, .block-danger h2 > a:hover, .block-danger h3 > a:hover, .block-danger h4 > a:hover, .block-danger h5 > a:hover, .block-danger h6 > a:hover, .block-danger .h1 > a:hover, .block-danger .h2 > a:hover, .block-danger .h3 > a:hover, .block-danger .h4 > a:hover, .block-danger .h5 > a:hover, .block-danger .h6 > a:hover { color: var(--bs-danger) !important; } .block-danger .hover-a:hover h1 > a, .block-danger .hover-a:hover h2 > a, .block-danger .hover-a:hover h3 > a, .block-danger .hover-a:hover h4 > a, .block-danger .hover-a:hover h5 > a, .block-danger .hover-a:hover h6 > a, .block-danger .hover-a:hover .h1 > a, .block-danger .hover-a:hover .h2 > a, .block-danger .hover-a:hover .h3 > a, .block-danger .hover-a:hover .h4 > a, .block-danger .hover-a:hover .h5 > a, .block-danger .hover-a:hover .h6 > a { color: var(--bs-danger) !important; } .block-danger .hover-a:hover h1 > a.text-white, .block-danger .hover-a:hover h2 > a.text-white, .block-danger .hover-a:hover h3 > a.text-white, .block-danger .hover-a:hover h4 > a.text-white, .block-danger .hover-a:hover h5 > a.text-white, .block-danger .hover-a:hover h6 > a.text-white, .block-danger .hover-a:hover .h1 > a.text-white, .block-danger .hover-a:hover .h2 > a.text-white, .block-danger .hover-a:hover .h3 > a.text-white, .block-danger .hover-a:hover .h4 > a.text-white, .block-danger .hover-a:hover .h5 > a.text-white, .block-danger .hover-a:hover .h6 > a.text-white { color: var(--bs-white) !important; } .block-danger .sub-card ul li a { color: var(--bs-body-color) !important; } .block-danger .sub-card ul li a:hover { color: var(--bs-danger) !important; } .block-light a { color: var(--bs-light); } .block-light a:hover { color: var(--bs-light) !important; } .block-light a.badge { color: var(--bs-white) !important; background-color: var(--bs-light); } .block-light a.btn:hover { color: var(--bs-white) !important; } .block-light h1 > a, .block-light h2 > a, .block-light h3 > a, .block-light h4 > a, .block-light h5 > a, .block-light h6 > a, .block-light .h1 > a, .block-light .h2 > a, .block-light .h3 > a, .block-light .h4 > a, .block-light .h5 > a, .block-light .h6 > a { color: var(--bs-gray-900); } .block-light h1 > a:hover, .block-light h2 > a:hover, .block-light h3 > a:hover, .block-light h4 > a:hover, .block-light h5 > a:hover, .block-light h6 > a:hover, .block-light .h1 > a:hover, .block-light .h2 > a:hover, .block-light .h3 > a:hover, .block-light .h4 > a:hover, .block-light .h5 > a:hover, .block-light .h6 > a:hover { color: var(--bs-light) !important; } .block-light .hover-a:hover h1 > a, .block-light .hover-a:hover h2 > a, .block-light .hover-a:hover h3 > a, .block-light .hover-a:hover h4 > a, .block-light .hover-a:hover h5 > a, .block-light .hover-a:hover h6 > a, .block-light .hover-a:hover .h1 > a, .block-light .hover-a:hover .h2 > a, .block-light .hover-a:hover .h3 > a, .block-light .hover-a:hover .h4 > a, .block-light .hover-a:hover .h5 > a, .block-light .hover-a:hover .h6 > a { color: var(--bs-light) !important; } .block-light .hover-a:hover h1 > a.text-white, .block-light .hover-a:hover h2 > a.text-white, .block-light .hover-a:hover h3 > a.text-white, .block-light .hover-a:hover h4 > a.text-white, .block-light .hover-a:hover h5 > a.text-white, .block-light .hover-a:hover h6 > a.text-white, .block-light .hover-a:hover .h1 > a.text-white, .block-light .hover-a:hover .h2 > a.text-white, .block-light .hover-a:hover .h3 > a.text-white, .block-light .hover-a:hover .h4 > a.text-white, .block-light .hover-a:hover .h5 > a.text-white, .block-light .hover-a:hover .h6 > a.text-white { color: var(--bs-white) !important; } .block-light .sub-card ul li a { color: var(--bs-body-color) !important; } .block-light .sub-card ul li a:hover { color: var(--bs-light) !important; } .block-dark a { color: var(--bs-dark); } .block-dark a:hover { color: var(--bs-dark) !important; } .block-dark a.badge { color: var(--bs-white) !important; background-color: var(--bs-dark); } .block-dark a.btn:hover { color: var(--bs-white) !important; } .block-dark h1 > a, .block-dark h2 > a, .block-dark h3 > a, .block-dark h4 > a, .block-dark h5 > a, .block-dark h6 > a, .block-dark .h1 > a, .block-dark .h2 > a, .block-dark .h3 > a, .block-dark .h4 > a, .block-dark .h5 > a, .block-dark .h6 > a { color: var(--bs-gray-900); } .block-dark h1 > a:hover, .block-dark h2 > a:hover, .block-dark h3 > a:hover, .block-dark h4 > a:hover, .block-dark h5 > a:hover, .block-dark h6 > a:hover, .block-dark .h1 > a:hover, .block-dark .h2 > a:hover, .block-dark .h3 > a:hover, .block-dark .h4 > a:hover, .block-dark .h5 > a:hover, .block-dark .h6 > a:hover { color: var(--bs-dark) !important; } .block-dark .hover-a:hover h1 > a, .block-dark .hover-a:hover h2 > a, .block-dark .hover-a:hover h3 > a, .block-dark .hover-a:hover h4 > a, .block-dark .hover-a:hover h5 > a, .block-dark .hover-a:hover h6 > a, .block-dark .hover-a:hover .h1 > a, .block-dark .hover-a:hover .h2 > a, .block-dark .hover-a:hover .h3 > a, .block-dark .hover-a:hover .h4 > a, .block-dark .hover-a:hover .h5 > a, .block-dark .hover-a:hover .h6 > a { color: var(--bs-dark) !important; } .block-dark .hover-a:hover h1 > a.text-white, .block-dark .hover-a:hover h2 > a.text-white, .block-dark .hover-a:hover h3 > a.text-white, .block-dark .hover-a:hover h4 > a.text-white, .block-dark .hover-a:hover h5 > a.text-white, .block-dark .hover-a:hover h6 > a.text-white, .block-dark .hover-a:hover .h1 > a.text-white, .block-dark .hover-a:hover .h2 > a.text-white, .block-dark .hover-a:hover .h3 > a.text-white, .block-dark .hover-a:hover .h4 > a.text-white, .block-dark .hover-a:hover .h5 > a.text-white, .block-dark .hover-a:hover .h6 > a.text-white { color: var(--bs-white) !important; } .block-dark .sub-card ul li a { color: var(--bs-body-color) !important; } .block-dark .sub-card ul li a:hover { color: var(--bs-dark) !important; } /*------------------------------------ Breaking news ------------------------------------*/ .navigation-box { top: 0.8rem; left: 0.8rem; width: 2rem; position: absolute; } .aribudin { white-space: nowrap; width: 100%; overflow: hidden; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; text-overflow: ellipsis; } .page-link.disabled { cursor: not-allowed; } @media (max-width: 575.98px) { .breaking-box .carousel-item { padding-top: 0.5rem; padding-bottom: 0.5rem; } } @media (min-width: 768px) { .breaking-box .carousel-item { line-height: 2.25rem; } } /*------------------------------------ Back to top ------------------------------------*/ .back-top { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; } .back-top.backtop-is-visible { -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; z-index: 99; visibility: visible; opacity: 1; } .back-top.backtop-fade-out { -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; opacity: 0.5; } .no-touch .back-top:hover { -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; background-color: var(--bs-primary); opacity: 1; } /*------------------------------------ Mobile menu ------------------------------------*/ .sidenav-body-open { position: fixed; width: 100%; z-index: 1449; } .sidenav-body-open .back-menu-start { left: 0; right: 17.5rem; } .sidenav-body-open .back-menu-start span { display: block; } .sidenav-body-open .back-menu-end { right: 0; left: 17.5rem; } .sidenav-body-open .back-menu-end span { float: left; display: block; margin-right: auto; } .sidenav-body-open:before { content: ""; position: fixed; background: rgba(0, 0, 0, 0.6); z-index: 1410; width: 100%; height: 100%; top: 0; right: 0; left: 0; z-index: 1400; } .sidenav-body-open .back-menu { position: fixed; visibility: visible; opacity: 1; text-decoration: none; top: 0; z-index: 1451; color: var(--bs-white); padding: 1rem; height: 100%; cursor: pointer; } .side-link .nav-link { padding-right: 1.25rem; padding-left: 1.25rem; border-bottom: var(--bs-border-color) 1px solid; } .side-link .dropdown-item { border-bottom: var(--bs-border-color) 1px solid; } .menu-mobile { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; position: fixed; top: 0; overflow: hidden; padding-top: 1rem; padding-bottom: 1rem; width: 0; height: 100%; overflow: auto; z-index: 1452; } .menu-mobile a { display: block; background: transparent; cursor: pointer; border: 0; font-size: 0.875rem; font-family: "Roboto"; letter-spacing: 1px; padding: 0.75rem 1rem; font-weight: 500; text-decoration: none; position: relative; z-index: 2000; } .menu-mobile .card a { padding: 0; } .menu-mobile .mobile-copyright a { display: inline-block; font-size: 1rem; font-weight: 400; padding: inherit; } .push { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .push-start { width: 17.5rem; right: -17.5rem; } .push-start.push-open { right: 0; } .push-end { width: 17.5rem; left: -17.5rem; } .push-end.push-open { left: 0; } .back-menu { opacity: 0; visibility: hidden; } .back-menu span { display: none; } .side-sign { text-align: center; } .side-sign a { display: inline; } .social-icons { margin-top: 1rem; text-align: center; } .social-icons a { display: inline; max-width: 20%; } .sidenav-menu .navbar-header, .sidenav-menu .navbar-nav, .sidenav-menu .navbar-nav > li { float: none; } .sidenav-menu { margin-bottom: 1rem; } .sidenav-menu a:after { font-size: inherit; text-rendering: auto; float: left; -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; -webkit-transition: all linear 0.25s; transition: all linear 0.25s; } .sidenav-menu .navbar { padding: 0; } .sidenav-menu .navbar-nav { width: 100%; } .sidenav-menu .navbar-nav .dropdown-toggle:after { float: left; margin-left: 0 !important; } .sidenav-menu .navbar-collapse { padding-right: 0; padding-left: 0; } .sidenav-menu .dropdown a.show { color: var(--bs-primary); } .sidenav-menu li.show > a.dropdown-toggle { color: var(--bs-primary); } .sidenav-menu .dropdown-item:hover, .sidenav-menu .dropdown-item:focus, .sidenav-menu .dropdown-item:active { background: transparent; color: var(--bs-primary); } .sidenav-menu .dropdown-menu { padding-top: 0; padding-right: 0.875rem; border: 0; -webkit-box-shadow: none; box-shadow: none; position: static; float: none; min-width: 0; } .sidenav-menu .dropdown-menu.show { border-right-width: 0 !important; } .sidenav-menu .dropdown-menu li a { white-space: normal; } .sidenav-menu .dropdown-submenu .dropdown-menu { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border-right: 0; border-left: 0; } .logo-sidenav { min-height: 4.5rem; text-align: center; } .logo-sidenav a::before { content: ""; width: 5rem; height: 1px; background: var(--bs-primary); position: absolute; bottom: 0; right: 50%; margin-right: -2.5rem; } .list-group-level1 { padding-right: 0.5rem; border-top: var(--bs-border-color) 1px solid; } .list-group-level2 { padding-right: 1rem; border-top: var(--bs-border-color) 1px solid; } /*------------------------------------ Post page ------------------------------------*/ .post-content { --bs-post-color: var(--bs-gray-700); line-height: 1.75; font-size: 1rem; margin-bottom: 1.5rem; -webkit-font-smoothing: antialiased; } .post-content h1, .post-content .h1, .post-content h2, .post-content .h2, .post-content h3, .post-content .h3, .post-content h4, .post-content .h4, .post-content h5, .post-content .h5, .post-content h6, .post-content .h6 { margin-bottom: 1rem; } .post-content p { color: var(--bs-post-color); } .post-content .align-start, .post-content img.align-start, .post-content .alignleft { float: right; margin-left: 1.2rem; margin-top: 4px; } .post-content .align-end, .post-content img.align-end, .post-content .alignright { float: left; margin-right: 1.2rem; margin-top: 4px; } .post-content .align-center, .post-content img.align-center, .post-content .aligncenter { text-align: center; } .post-content .align-center figcaption, .post-content img.align-center figcaption, .post-content .aligncenter figcaption { text-align: center; } .post-content ul, .post-content ol { color: var(--bs-post-color); } .post-content ul li, .post-content ol li { margin-right: 0; line-height: 24px; } .post-content img { max-width: 100%; height: auto; } .post-content .wp-block-embed { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: auto; } .post-content .wp-block-embed.is-type-video { overflow: hidden; } .type-page { margin-bottom: 3rem; } .post-content figure { margin-bottom: 1rem; } .post-content figure .b-lazy { width: inherit; } .post-content figure figcaption { font-family: Verdana, sans-serif; text-align: right; font-size: 0.875em; font-style: italic; font-weight: 400; line-height: 1rem; color: var(--bs-gray-600); padding: 5px 0; } .post-title { letter-spacing: -0.1px; font-weight: 700; } .post-title h1, .post-title .h1 { font-weight: 500; } .before-arrow-dark li, .before-arrow li { list-style: none; margin-right: 0 !important; } .before-arrow-dark li:before, .before-arrow li:before { content: ""; width: 0.75rem; height: 0.75rem; margin-bottom: -1px; display: inline-block; background-repeat: no-repeat; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-left: 0.8rem; background-size: 1rem; } .before-arrow li:before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpolyline points='112 184 256 328 400 184' fill='none' stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px'/%3e%3c/svg%3e"); } .before-arrow-dark li:before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpolyline points='112 184 256 328 400 184' fill='none' stroke='rgba%280, 0, 0, 0.8%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px'/%3e%3c/svg%3e"); } .children-ul { padding-right: 2rem; } .ql-editor { max-height: 40rem; } .u-blockquote, .wp-block-quote { border-right: var(--bs-primary) 3px solid; background: var(--bs-light); padding: 1rem; } .u-blockquote p, .u-blockquote footer, .wp-block-quote p, .wp-block-quote footer { margin-right: 3.5rem; } .u-blockquote::before, .wp-block-quote::before { content: ""; width: 2rem; height: 2rem; margin-bottom: -1px; display: inline-block; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 270.000000 270.000000'%3e%3cg transform='translate%280.000000,270.000000%29 scale%280.100000,-0.100000%29' fill='%236c757d' stroke='none'%3e%3cpath d='M920 2182 c-290 -124 -482 -341 -540 -610 -30 -140 -40 -296 -40 -644 l0 -328 370 0 370 0 0 370 0 370 -181 0 -181 0 7 63 c26 243 129 387 342 477 35 15 66 29 69 32 7 7 -132 298 -143 298 -4 0 -37 -13 -73 -28z'/%3e%3cpath d='M2179 2186 c-249 -103 -442 -295 -520 -516 -50 -142 -61 -247 -66 -677 l-5 -393 371 0 371 0 0 370 0 370 -181 0 -181 0 7 53 c21 170 67 281 150 363 51 49 143 107 215 134 19 7 39 17 44 21 10 9 -124 298 -139 298 -5 0 -35 -10 -66 -23z'/%3e%3c/g%3e%3c/svg%3e"); background-repeat: no-repeat; position: absolute; line-height: 1; } .wp-block-quote { margin-bottom: 1rem; font-size: 1.25rem; } .wp-block-quote footer { margin-right: 0; } .wp-block-quote cite { margin-right: 3.5rem; display: block; font-size: 80%; color: var(--bs-gray-600); } .post-page blockquote { border-right: var(--bs-primary) 3px solid; background: var(--bs-gray-100); padding: 1rem; } .post-page blockquote::before { content: ""; width: 2rem; height: 2rem; margin-bottom: -1px; display: inline-block; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 270.000000 270.000000'%3e%3cg transform='translate%280.000000,270.000000%29 scale%280.100000,-0.100000%29' fill='%236c757d' stroke='none'%3e%3cpath d='M920 2182 c-290 -124 -482 -341 -540 -610 -30 -140 -40 -296 -40 -644 l0 -328 370 0 370 0 0 370 0 370 -181 0 -181 0 7 63 c26 243 129 387 342 477 35 15 66 29 69 32 7 7 -132 298 -143 298 -4 0 -37 -13 -73 -28z'/%3e%3cpath d='M2179 2186 c-249 -103 -442 -295 -520 -516 -50 -142 -61 -247 -66 -677 l-5 -393 371 0 371 0 0 370 0 370 -181 0 -181 0 7 53 c21 170 67 281 150 363 51 49 143 107 215 134 19 7 39 17 44 21 10 9 -124 298 -139 298 -5 0 -35 -10 -66 -23z'/%3e%3c/g%3e%3c/svg%3e"); background-repeat: no-repeat; position: absolute; line-height: 1; } .post-page blockquote p, .post-page blockquote footer { margin-right: 3.5rem; } .post-page .entry-title { margin-bottom: 1.5rem; } .post-page strong { color: var(--bs-body-color); } .dropcaps { float: right; display: block; margin: 0.7rem 0 0 0.7rem; padding: 2px 10px 5px; font-size: 3.5rem; line-height: 3.5rem; text-align: center; text-transform: uppercase; min-width: 3.5rem; min-height: 3.5rem; } .dropcaps.rounded-circle { font-size: 2.75rem; min-width: 4rem; } .dropcaps-one { color: var(--bs-body-color); font-size: 5rem; padding: 0 !important; } .next-post-end { text-align: left; } .prev-post-start { text-align: right; } .next-post-start a, .prev-post-end a { color: var(--bs-body-color); font-size: 1rem; font-weight: 500; } .next-post-start a:hover, .prev-post-end a:hover { color: var(--bs-primary); } .follow-us li { display: inline-block; } .post-type-icon { position: absolute; text-align: center; width: 2.5rem; height: 2.5rem; line-height: 32px; right: 50%; top: 50%; margin: -15px -15px 0 0; font-size: 14px; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; } .media { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .media-body { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; } .wp-block-embed.is-type-video { width: 100%; } .wp-block-embed iframe { max-width: 100%; } .wp-block-table table { border: var(--bs-gray-300) 1px solid; } .wp-block-table table tr, .wp-block-table table th, .wp-block-table table td { border: var(--bs-gray-300) 1px solid; } .taxonomy-description { margin-right: auto; margin-left: auto; max-width: 80%; text-align: center; } @media (max-width: 991.98px) { .admin-bar .mobile-sticky.is-sticky { top: 30px; z-index: 1000; } .image-single-wrapper { min-height: 9rem; } .post-content .video-full { padding-bottom: 56% !important; } } @media (max-width: 767.98px) { .post-content .align-start, .post-content img.align-start, .post-content .alignleft { max-width: 15rem; } .post-content .align-end, .post-content img.align-end, .post-content .alignright { max-width: 15rem; } .next-post-start { text-align: center; margin-bottom: 1rem; } .prev-post-end { text-align: center; } } @media (max-width: 575.98px) { .post-content .align-start, .post-content img.align-start, .post-content .alignleft, .post-content .align-end, .post-content img.align-end, .post-content .alignright { float: inherit; text-align: center; max-width: 100%; margin-left: auto; margin-right: auto; } .post-content .align-start figcaption, .post-content img.align-start figcaption, .post-content .alignleft figcaption, .post-content .align-end figcaption, .post-content img.align-end figcaption, .post-content .alignright figcaption { text-align: center; } .author-box { display: inherit; text-align: center; } } @media (min-width: 992px) { .post-content .wp-block-embed { padding-bottom: 46.25%; } } /*------------------------------------ Suggestion post ------------------------------------*/ .suggestion-box { position: fixed; z-index: 999; bottom: 4rem; left: -18.3rem; width: 18.3rem; border: var(--bs-border-color) 1px solid; border-top: var(--bs-primary) 4px solid; padding: 10px 20px 20px; -webkit-transition: all 0.5s; transition: all 0.5s; } .suggestion-box.show { left: 0; } .suggestion-box.close { display: none; } .close-suggestion { position: absolute; right: 0; top: 0; padding: 1px 8px 3px; font-size: 1.2rem; cursor: pointer; } /*------------------------------------ Comment ------------------------------------*/ .comment-list li { list-style: none; margin-top: 2rem; } .comment-list li .user-comment { border-bottom: #dee2e6 1px dashed; padding-bottom: 1rem; } .comment-list li .user-comment .comment-author .avatar { float: right; margin-left: 1rem; } .comment-list li .user-comment .title-comments .authors { font-weight: 700; } .comment-list li .user-comment .comment-content p { margin-bottom: 0; } .comment-list li .sub-comment { margin-right: 6rem; } .comment-list li .sub-comment .sub-comment { margin-right: 0; } .comment-awaiting-moderation { background: #ffc107; } @media (min-width: 576px) { .comment-list li .sub-comment .sub-comment { margin-right: 6rem; } .comment-list .title-comments .dates { float: left; } } .recentcomments a { font-style: italic; font-family: "Roboto", Helvetica, sans-serif !important; font-size: 0.875rem; } .recentcomments .comment-author-link { font-style: italic; font-family: "Roboto", Helvetica, sans-serif !important; font-size: 0.875rem; } .recentcomments .comment-author-link a.url { color: var(--bs-primary) !important; } .icon-comments:after, .icon-comments-dark:after { display: inline-block; width: 0.75rem; height: 0.75rem; margin-left: 5px; background-repeat: no-repeat; background-position: center; background-size: 0.75rem; margin-bottom: -0.2rem; content: ""; } .icon-comments:after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23495057' viewBox='0 0 16 16'%3e%3cpath d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4.414a1 1 0 0 0-.707.293L.854 15.146A.5.5 0 0 1 0 14.793V2zm7.194 2.766a1.688 1.688 0 0 0-.227-.272 1.467 1.467 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 5.734 4C4.776 4 4 4.746 4 5.667c0 .92.776 1.666 1.734 1.666.343 0 .662-.095.931-.26-.137.389-.39.804-.81 1.22a.405.405 0 0 0 .011.59c.173.16.447.155.614-.01 1.334-1.329 1.37-2.758.941-3.706a2.461 2.461 0 0 0-.227-.4zM11 7.073c-.136.389-.39.804-.81 1.22a.405.405 0 0 0 .012.59c.172.16.446.155.613-.01 1.334-1.329 1.37-2.758.942-3.706a2.466 2.466 0 0 0-.228-.4 1.686 1.686 0 0 0-.227-.273 1.466 1.466 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 10.07 4c-.957 0-1.734.746-1.734 1.667 0 .92.777 1.666 1.734 1.666.343 0 .662-.095.931-.26z'/%3e%3c/svg%3e"); opacity: 0.9; } .icon-comments-dark:after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23e9ecef' viewBox='0 0 16 16'%3e%3cpath d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4.414a1 1 0 0 0-.707.293L.854 15.146A.5.5 0 0 1 0 14.793V2zm7.194 2.766a1.688 1.688 0 0 0-.227-.272 1.467 1.467 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 5.734 4C4.776 4 4 4.746 4 5.667c0 .92.776 1.666 1.734 1.666.343 0 .662-.095.931-.26-.137.389-.39.804-.81 1.22a.405.405 0 0 0 .011.59c.173.16.447.155.614-.01 1.334-1.329 1.37-2.758.941-3.706a2.461 2.461 0 0 0-.227-.4zM11 7.073c-.136.389-.39.804-.81 1.22a.405.405 0 0 0 .012.59c.172.16.446.155.613-.01 1.334-1.329 1.37-2.758.942-3.706a2.466 2.466 0 0 0-.228-.4 1.686 1.686 0 0 0-.227-.273 1.466 1.466 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 10.07 4c-.957 0-1.734.746-1.734 1.667 0 .92.777 1.666 1.734 1.666.343 0 .662-.095.931-.26z'/%3e%3c/svg%3e"); opacity: 0.7; } /*------------------------------------ Archive ------------------------------------*/ .rotate-down { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .collapsed .rotate-down { -webkit-transform: rotate(0deg); transform: rotate(0deg); } /*------------------------------------ Ratings ------------------------------------*/ .front-stars, .back-stars-light, .back-stars, .star-rating { display: -ms-flexbox; display: -webkit-box; display: flex; } .star-rating { font-size: 0.8rem; margin-top: 0.5rem; margin-bottom: 0.5rem; } .back-stars { color: var(--bs-gray-900); position: relative; } .back-stars-light { color: var(--bs-gray-100); position: relative; } .front-stars { color: var(--bs-yellow); overflow: hidden; position: absolute; top: 0; } /*------------------------------------ Tags ------------------------------------*/ .post-content .tags-list li { padding: 0rem 0.5rem; display: inline-block; border: var(--bs-border-color) 1px solid; margin-bottom: 0.25rem; margin-right: inherit; line-height: inherit; } .post-content .tags-list li:hover { background-color: var(--bs-primary); } .post-content .tags-list li:hover a { color: var(--bs-white); } .post-content .tags-list li:first-child { padding-right: 0; font-family: "Roboto", sans-serif; background-color: transparent; border-color: transparent !important; font-weight: 500; } .post-content .tags-list li:first-child span { color: var(--bs-gray-900); } .tags-links a { padding: 0rem 0.5rem; display: inline-block; border: var(--bs-border-color) 1px solid; margin-left: 0.25rem; margin-bottom: 0.25rem; margin-right: inherit; line-height: inherit; } .tags-links a:hover { background-color: var(--bs-primary); color: var(--bs-white); } .tags-list-cat li { padding: 0rem 0.5rem; display: inline-block; border: var(--bs-border-color) 1px solid; margin-bottom: 0.25rem; } .tags-list-cat li:hover { background-color: var(--bs-primary); } .tags-list-cat li:hover a { color: var(--bs-white); } .tagcloud a:before { content: "#"; } /*------------------------------------ Messages ------------------------------------*/ .unread { cursor: pointer; background-color: #f8f9fa; } .messages-box { max-height: 28rem; overflow: auto; } .online-circle { border-radius: 5rem; width: 5rem; height: 5rem; } .messages-title { float: left; margin: 0px 5px; } .message-img { float: left; margin: 0px 5px; } .message-header { text-align: left; width: 100%; margin-bottom: 0.5rem; } .text-editor { min-height: 18rem; } .messages-list li.messages-you .messages-title { float: right; } .messages-list li.messages-you .message-img { float: right; } .messages-list li.messages-you p { float: right; text-align: right; } .messages-list li.messages-you .message-header { text-align: right; } .messages-list li p { max-width: 60%; padding: 15px; border: #dee2e6 1px solid; } .messages-list li.messages-me p { float: left; } .ql-editor p { font-size: 1rem; } /*------------------------------------ Carousel ------------------------------------*/ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } /* draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } /* ---- flickity-button ---- */ .flickity-button { position: absolute; background: hsla(0deg, 0%, 100%, 0.75); border: none; color: var(--bs-gray-900); } .flickity-button:hover { background: white; cursor: pointer; } .flickity-button:focus { outline: none; } .flickity-button:active { opacity: 0.6; } .flickity-button:disabled { opacity: 0.3; cursor: auto; /* prevent disabled button from capturing pointer up event. #716 */ pointer-events: none; } .flickity-button-icon { fill: currentColor; } /* ---- previous/next buttons ---- */ .flickity-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; /* vertically center */ -webkit-transform: translateY(-50%); transform: translateY(-50%); } .flickity-prev-next-button.previous { right: 10px; } .flickity-prev-next-button.next { left: 10px; } /* right to left */ .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button .flickity-button-icon { position: absolute; right: 20%; top: 20%; width: 60%; height: 60%; } /* ---- page dots ---- */ .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: ltr; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: var(--bs-gray-900); border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } .flickity-enabled.is-fade .flickity-slider > * { pointer-events: none; z-index: 0; } .flickity-enabled.is-fade .flickity-slider > .is-selected { pointer-events: auto; z-index: 1; } .nav-dark-button .flickity-button { background: rgba(197, 198, 208, 0.7); color: var(--bs-white); } .nav-dark-button .flickity-button:hover { background: rgb(197, 198, 208); } .nav-primary-button .flickity-button { background: var(--bs-primary) !important; color: var(--bs-white); } .nav-primary-button .flickity-button:hover { background: var(--bs-primary) !important; color: #fff; opacity: 0.9; } .nav-primary-button .flickity-page-dots li { background: var(--bs-primary) !important; } .nav-primary-button .flickity-page-dots li.is-selected { background: var(--bs-primary) !important; } .nav-inset-button .flickity-button.previous { right: 1.5rem; } .nav-inset-button .flickity-button.next { left: 1.5rem; } .nav-inset-button .flickity-page-dots { bottom: 1.5rem; } .flickity-prev-next-button .flickity-button-icon { position: absolute; right: 33%; top: 33%; width: 35%; height: 35%; opacity: 0.8; } .slider-item img { cursor: pointer; } .dot-in-content .flickity-page-dots { margin-bottom: 3rem; } .nav-light-dots .flickity-page-dots li { background-color: var(--bs-gray-100); } .nav-light-dots .flickity-page-dots li.is-selected { background-color: var(--bs-white); } .hero-slider .flickity-button, .hero-slider2 .flickity-button { opacity: 0; -webkit-transition: all 1.2s ease; transition: all 1.2s ease; } .hero-slider:hover .flickity-button, .hero-slider2:hover .flickity-button { opacity: 1; -webkit-transition: all 1.2s ease; transition: all 1.2s ease; } .hero-slider .flickity-page-dots, .hero-slider2 .flickity-page-dots { bottom: 2rem; } .nav-slider-hover .flickity-button, .nav-hover-show .flickity-button { opacity: 0; -webkit-transition: all 1.2s ease; transition: all 1.2s ease; } .nav-slider-hover:hover .flickity-button, .nav-hover-show:hover .flickity-button { opacity: 1; -webkit-transition: all 1.2s ease; transition: all 1.2s ease; } .flickity-rtl .reviews-one::before, .flickity-rtl .reviews-two::before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .flickity-rtl .reviews-four::after, .flickity-rtl .reviews-five::after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .nav-hidden .flickity-button { opacity: 0; } .nav-dots-top-right .flickity-page-dots { bottom: auto; top: 1rem; left: 1rem; text-align: left; } .light-dots .dot { background: #f8f9fa; opacity: 0.75; } .light-dots .dot.is-selected { background: var(--bs-primary); } .box-carousel .flickity-button-icon { width: 20%; } .box-carousel .flickity-button { background: transparent; } .box-carousel .flickity-button:hover { background: transparent; } .box-carousel .flickity-button.previous { right: auto; left: 2rem; } .box-carousel .flickity-button.next { left: 0; } /*------------------------------------ Avatar ------------------------------------*/ .avatar-user { margin: 0.5rem auto; text-align: center; } .card-avatar { border: #fff 5px solid; } .avatar-rounded { border-radius: 3rem; } .avatar-xs { width: 1.5625rem; height: 1.5625rem; } .avatar-sm { width: 3.125rem; height: 3.125rem; } .avatar-md { width: 4.6875rem; height: 4.6875rem; } .avatar-lg { width: 6.25rem; height: 6.25rem; } .avatar-xl { width: 10rem; height: 10rem; } .nav-avatar { padding: 0rem 1rem; } /*------------------------------------ Five Grid Column ------------------------------------*/ .col-24, .col-sm-24, .col-md-24, .col-lg-24, .col-xl-24 { position: relative; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-24 { -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .offset-24 { margin-right: 20%; } .col-24 { -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .offset-24 { margin-right: 20%; } @media (min-width: 576px) { .col-sm-24 { -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .offset-sm-24 { margin-right: 20%; } } @media (min-width: 768px) { .col-md-24 { -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .offset-md-24 { margin-right: 20%; } } @media (min-width: 992px) { .col-lg-24 { -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .offset-lg-24 { margin-right: 20%; } } @media (min-width: 1200px) { .col-xl-24 { -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .offset-xl-24 { margin-right: 20%; } } /*------------------------------------ Member area ------------------------------------*/ .sidebar-item:hover, .sidebar-item.active { background-color: var(--bs-bg-body); border: var(--bs-border-color) 1px solid; border-left: 0; margin-left: -1px; } .sidebar-menu { border-bottom: var(--bs-border-color) 1px solid; border-top: var(--bs-border-color) 1px solid; border-left: none; padding-bottom: 1rem; padding-top: 1rem; background-color: var(--bs-gray-100); } .sidebar-menu li a.active, .sidebar-menu li a:hover { background-color: var(--bs-white-black); } [data-bs-theme=dark] .sidebar-menu.side-link li a { color: var(--bs-body-color); } [data-bs-theme=dark] .sidebar-menu.side-link li a.active, [data-bs-theme=dark] .sidebar-menu.side-link li a:hover { color: var(--bs-link-color); background-color: var(--bs-dark); } [data-bs-theme=dark] .table-striped tbody tr:nth-of-type(odd) { background-color: var(--bs-black); } [data-bs-theme=dark] .unread { background-color: var(--bs-black); } .sidebar-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: 0.5rem; border: 1px solid transparent; } .sidebar-item.active:hover { background-color: var(--bs-bg-body); } .card .icon-big { font-size: 3rem; } .card .icon-big .notif { position: absolute; min-width: 25px; border-radius: 5rem; font-size: 1rem; background: #dc3545; color: var(--bs-white); } .card .numbers { text-align: left; } .card .numbers p { font-size: 1rem; margin: 0; } .card .footer { padding: 0; line-height: 30px; } .side-notif { padding-right: 7px; padding-left: 7px; font-size: 0.8rem; border-radius: 5rem; background-color: #dc3545; color: #fff; } .statistics li { padding: 0.25rem 0; } .member-item:hover .card { background-color: #f8f9fa; } .table-striped tbody tr:nth-of-type(odd) { background-color: var(--bs-light); } @media (max-width: 575.98px) { .sidebar-item.active, .sidebar-item:hover { border-left: 1px solid #dee2e6; margin-right: 0.25rem; margin-left: 0.25rem; } } /*------------------------------------ Vertical slider ------------------------------------*/ .top-indicator { left: 0; top: 1rem; bottom: inherit; right: inherit; -ms-flex-pack: right; -webkit-box-pack: right; justify-content: right; margin-left: 1rem; } .slider-caption { position: absolute; left: 0; bottom: 0; right: 0; z-index: 10; color: var(--bs-white); background-color: rgba(27, 27, 27, 0.5); text-align: right; font-size: 1rem; padding: 1.333rem; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } /*------------------------------------ Responsive maps ------------------------------------*/ .responsive-maps { position: relative; padding-bottom: 75%; overflow: hidden; } .responsive-maps iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } /*------------------------------------ Widget Social ------------------------------------*/ .social-two li, .social-one li { float: right; width: 49%; } .social-two li:nth-child(even), .social-one li:nth-child(even) { float: left; } .social-two li a, .social-one li a { display: block; font-size: 14px; line-height: 34px; border-radius: 0; } .social-two li a:hover, .social-one li a:hover { opacity: 0.9; } .social-two li a:focus, .social-one li a:focus { opacity: 0.9; } .social-two li a::before, .social-one li a::before { float: right; margin-right: 0.8rem; vertical-align: inherit; border-top: inherit; border-left: inherit; border-bottom: 0; border-right: inherit; width: 34px; height: 34px; text-align: center; background-color: rgba(255, 255, 255, 0.1); margin: 0; margin-left: 5px; background-repeat: no-repeat; background-position: center; vertical-align: middle; background-size: 1rem; content: ""; } .social-two .facebook a::before, .social-one .facebook a::before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f8f9fa' viewBox='0 0 16 16'%3e%3cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z'/%3e%3c/svg%3e"); } .social-two .telegram a::before, .social-one .telegram a::before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f8f9fa' viewBox='0 0 16 16'%3e%3cpath d='M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z'/%3e%3c/svg%3e"); } .social-two .vk a::before, .social-one .vk a::before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f8f9fa' viewBox='0 0 512 512'%3e%3cpath d='M484.7,132c3.56-11.28,0-19.48-15.75-19.48H416.58c-13.21,0-19.31,7.18-22.87,14.86,0,0-26.94,65.6-64.56,108.13-12.2,12.3-17.79,16.4-24.4,16.4-3.56,0-8.14-4.1-8.14-15.37V131.47c0-13.32-4.06-19.47-15.25-19.47H199c-8.14,0-13.22,6.15-13.22,12.3,0,12.81,18.81,15.89,20.84,51.76V254c0,16.91-3,20-9.66,20-17.79,0-61-66.11-86.92-141.44C105,117.64,99.88,112,86.66,112H33.79C18.54,112,16,119.17,16,126.86c0,13.84,17.79,83.53,82.86,175.77,43.21,63,104.72,96.86,160.13,96.86,33.56,0,37.62-7.69,37.62-20.5V331.33c0-15.37,3.05-17.93,13.73-17.93,7.62,0,21.35,4.09,52.36,34.33C398.28,383.6,404.38,400,424.21,400h52.36c15.25,0,22.37-7.69,18.3-22.55-4.57-14.86-21.86-36.38-44.23-62-12.2-14.34-30.5-30.23-36.09-37.92-7.62-10.25-5.59-14.35,0-23.57-.51,0,63.55-91.22,70.15-122' fill-rule='evenodd'/%3e%3c/svg%3e"); } .social-two .instagram a::before, .social-one .instagram a::before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f8f9fa' viewBox='0 0 512 512'%3e%3cpath d='M349.33,69.33a93.62,93.62,0,0,1,93.34,93.34V349.33a93.62,93.62,0,0,1-93.34,93.34H162.67a93.62,93.62,0,0,1-93.34-93.34V162.67a93.62,93.62,0,0,1,93.34-93.34H349.33m0-37.33H162.67C90.8,32,32,90.8,32,162.67V349.33C32,421.2,90.8,480,162.67,480H349.33C421.2,480,480,421.2,480,349.33V162.67C480,90.8,421.2,32,349.33,32Z'/%3e%3cpath d='M377.33,162.67a28,28,0,1,1,28-28A27.94,27.94,0,0,1,377.33,162.67Z'/%3e%3cpath d='M256,181.33A74.67,74.67,0,1,1,181.33,256,74.75,74.75,0,0,1,256,181.33M256,144A112,112,0,1,0,368,256,112,112,0,0,0,256,144Z'/%3e%3c/svg%3e"); } .social-two .youtube a::before, .social-one .youtube a::before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f8f9fa' viewBox='0 0 16 16'%3e%3cpath d='M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.122C.002 7.343.01 6.6.064 5.78l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z'/%3e%3c/svg%3e"); } .social-two .linkedin a::before, .social-one .linkedin a::before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f8f9fa' viewBox='0 0 512 512'%3e%3cpath d='M444.17,32H70.28C49.85,32,32,46.7,32,66.89V441.61C32,461.91,49.85,480,70.28,480H444.06C464.6,480,480,461.79,480,441.61V66.89C480.12,46.7,464.6,32,444.17,32ZM170.87,405.43H106.69V205.88h64.18ZM141,175.54h-.46c-20.54,0-33.84-15.29-33.84-34.43,0-19.49,13.65-34.42,34.65-34.42s33.85,14.82,34.31,34.42C175.65,160.25,162.35,175.54,141,175.54ZM405.43,405.43H341.25V296.32c0-26.14-9.34-44-32.56-44-17.74,0-28.24,12-32.91,23.69-1.75,4.2-2.22,9.92-2.22,15.76V405.43H209.38V205.88h64.18v27.77c9.34-13.3,23.93-32.44,57.88-32.44,42.13,0,74,27.77,74,87.64Z'/%3e%3c/svg%3e"); } .social-two .vimeo a::before, .social-one .vimeo a::before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f8f9fa' viewBox='0 0 512 512'%3e%3cpath d='M476.9,114c-5-23.39-17.51-38.78-40.61-46.27s-64.92-4.5-94.12,16.79c-26.79,19.51-46.26,54.42-54,78.28a4,4,0,0,0,5.13,5c10.77-3.8,21.72-7.1,34-6.45,15,.8,24.51,12,24.91,25.29.3,9.79-.2,18.69-3.6,27.68C337.87,243,321,270.78,301.06,295.07a72.49,72.49,0,0,1-10,9.89c-10.21,8.29-18.81,6.1-25.41-5.2-5.4-9.29-9-18.88-12.2-29.08-12.4-39.67-16.81-80.84-23.81-121.52-3.3-19.48-7-39.77-18-56.86-11.6-17.79-28.61-24.58-50-22-14.7,1.8-36.91,17.49-47.81,26.39,0,0-56,46.87-81.82,71.35l21.2,27s17.91-12.49,27.51-18.29c5.7-3.39,12.4-4.09,17.2.2,4.51,3.9,9.61,9,12.31,14.1,5.7,10.69,11.2,21.88,14.7,33.37,13.2,44.27,25.51,88.64,37.81,133.22,6.3,22.78,13.9,44.17,28,63.55,19.31,26.59,39.61,32.68,70.92,21.49,25.41-9.09,46.61-26.18,66-43.87,33.11-30.18,59.12-65.36,85.52-101.14C433.59,270,450.49,242,464.59,210.72,478.5,179.74,484,147.26,476.9,114Z'/%3e%3c/svg%3e"); } .social-two .pinterest a::before, .social-one .pinterest a::before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f8f9fa' viewBox='0 0 512 512'%3e%3cpath d='M256.05,32c-123.7,0-224,100.3-224,224,0,91.7,55.2,170.5,134.1,205.2-.6-15.6-.1-34.4,3.9-51.4,4.3-18.2,28.8-122.1,28.8-122.1s-7.2-14.3-7.2-35.4c0-33.2,19.2-58,43.2-58,20.4,0,30.2,15.3,30.2,33.6,0,20.5-13.1,51.1-19.8,79.5-5.6,23.8,11.9,43.1,35.4,43.1,42.4,0,71-54.5,71-119.1,0-49.1-33.1-85.8-93.2-85.8-67.9,0-110.3,50.7-110.3,107.3,0,19.5,5.8,33.3,14.8,43.9,4.1,4.9,4.7,6.9,3.2,12.5-1.1,4.1-3.5,14-4.6,18-1.5,5.7-6.1,7.7-11.2,5.6-31.3-12.8-45.9-47-45.9-85.6,0-63.6,53.7-139.9,160.1-139.9,85.5,0,141.8,61.9,141.8,128.3,0,87.9-48.9,153.5-120.9,153.5-24.2,0-46.9-13.1-54.7-27.9,0,0-13,51.6-15.8,61.6-4.7,17.3-14,34.5-22.5,48a225.13,225.13,0,0,0,63.5,9.2c123.7,0,224-100.3,224-224S379.75,32,256.05,32Z'/%3e%3c/svg%3e"); } .social-two .telegram a::before, .social-one .telegram a::before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f8f9fa' viewBox='0 0 512 512'%3e%3cpath d='M53.12,199.94l400-151.39a8,8,0,0,1,10.33,10.33l-151.39,400a8,8,0,0,1-15-.34L229.66,292.45a16,16,0,0,0-10.11-10.11L53.46,215A8,8,0,0,1,53.12,199.94Z' fill='none' stroke='%23f8f9fa' stroke-linecap='round' stroke-linejoin='round' stroke-width='32px'/%3e%3cline x1='460' y1='52' x2='227' y2='285' fill='none' stroke='%23f8f9fa' stroke-linecap='round' stroke-linejoin='round' stroke-width='32px'/%3e%3c/svg%3e"); } .social-three li { margin: 0 0 -1px -1px !important; } .social-three li:hover { opacity: 0.9; } .social-three li:focus { opacity: 0.9; } .btn-social:hover { opacity: 0.9; } .btn-social:focus { opacity: 0.9; } @media (min-width: 768px) { .social-two li, .social-one li { width: 100%; } } @media (min-width: 992px) { .social-two li { width: 49%; } } /*------------------------------------ Social color ------------------------------------*/ .text-facebook { color: #3b5898 !important; } .hover-facebook-text:hover i { color: #3b5898 !important; } .hover-facebook a:hover i { color: #3b5898 !important; } .bg-facebook, .btn-facebook { background-color: #3b5898 !important; color: var(--bs-white); } .text-telegram { color: #3992d6 !important; } .hover-telegram-text:hover i { color: #3992d6 !important; } .hover-telegram a:hover i { color: #3992d6 !important; } .bg-telegram, .btn-telegram { background-color: #3992d6 !important; color: var(--bs-white); } .text-instagram { color: #6d48cb !important; } .hover-instagram-text:hover i { color: #6d48cb !important; } .hover-instagram a:hover i { color: #6d48cb !important; } .bg-instagram, .btn-instagram { background-color: #6d48cb !important; color: var(--bs-white); } .text-youtube { color: #e02a21 !important; } .hover-youtube-text:hover i { color: #e02a21 !important; } .hover-youtube a:hover i { color: #e02a21 !important; } .bg-youtube, .btn-youtube { background-color: #e02a21 !important; color: var(--bs-white); } .text-vimeo { color: #129cf1 !important; } .hover-vimeo-text:hover i { color: #129cf1 !important; } .hover-vimeo a:hover i { color: #129cf1 !important; } .bg-vimeo, .btn-vimeo { background-color: #129cf1 !important; color: var(--bs-white); } .text-envelope { color: #f2610b !important; } .hover-envelope-text:hover i { color: #f2610b !important; } .hover-envelope a:hover i { color: #f2610b !important; } .bg-envelope, .btn-envelope { background-color: #f2610b !important; color: var(--bs-white); } .text-linkedin { color: #3371b7 !important; } .hover-linkedin-text:hover i { color: #3371b7 !important; } .hover-linkedin a:hover i { color: #3371b7 !important; } .bg-linkedin, .btn-linkedin { background-color: #3371b7 !important; color: var(--bs-white); } .text-telegram { color: #075c8d !important; } .hover-telegram-text:hover i { color: #075c8d !important; } .hover-telegram a:hover i { color: #075c8d !important; } .bg-telegram, .btn-telegram { background-color: #075c8d !important; color: var(--bs-white); } .text-pinterest { color: #c9261a !important; } .hover-pinterest-text:hover i { color: #c9261a !important; } .hover-pinterest a:hover i { color: #c9261a !important; } .bg-pinterest, .btn-pinterest { background-color: #c9261a !important; color: var(--bs-white); } .text-vk { color: #5a7fa6 !important; } .hover-vk-text:hover i { color: #5a7fa6 !important; } .hover-vk a:hover i { color: #5a7fa6 !important; } .bg-vk, .btn-vk { background-color: #5a7fa6 !important; color: var(--bs-white); } /*------------------------------------ Popular post ------------------------------------*/ .post-number { counter-reset: my-counter; } .post-number li { margin-bottom: 0.5rem; padding: 0.5rem 0.5rem 1rem; } .post-number li a::before { font-size: 2rem; font-weight: 600; counter-increment: my-counter; content: counter(my-counter); float: right; color: var(--bs-gray-500); width: 3rem; margin-left: 0.5rem; line-height: 2rem; text-align: center; } .post-number li:hover a::before { color: var(--bs-link-color) !important; } /*------------------------------------ Weather ------------------------------------*/ .weather-icon { width: 3rem; top: 0; position: absolute; } .weather-span { margin-right: 2.8rem; } .weather-small { width: 2rem; } /*------------------------------------ Youtube Playlist ------------------------------------*/ .playlist-title { max-height: 307px; overflow: auto; } .playlist-title li { padding: 5px 0px; } .playlist-title li:hover { background-color: var(--bs-gray-900); cursor: pointer; } .playlist-title li.active { background-color: var(--bs-gray-900); cursor: pointer; } .playlist-title li.active .video-thumb { border: var(--bs-primary) 1px solid; } .playlist-title li .video-thumb { margin-left: 15px; display: inline-block; vertical-align: middle; border: 2px solid transparent; } .playlist-title li .video-title { margin: 0; display: inline; vertical-align: middle; text-align: right; color: var(--bs-light); } .video-full iframe { width: 100% !important; height: 100% !important; border: 0; } .video-youtube-area iframe, .video-youtube-area source { width: 100% !important; border: 0; height: 160%; } /*------------------------------------ Widget Score ------------------------------------*/ .match-score { text-align: center; } .match-score > li { padding: 0.3rem 0; } .match-score > li:hover { background-color: var(--bs-body-bg); } .match-title { padding: 0.3rem 0; background-color: var(--bs-gray-600); } .teamname { font-weight: 600; } /*------------------------------------ Timeline Blog List ------------------------------------*/ .timeline-post { list-style-type: none; position: relative; } .timeline-post:before { content: " "; background: var(--bs-primary); display: inline-block; position: absolute; right: 1.5rem; width: 2px; height: 100%; z-index: 5; } .timeline-post > li { margin: 1rem 0; padding-right: 0.875rem; padding-left: 0.875rem; } .timeline-post > li:first-child { margin-top: 0; } .timeline-post > li:before { content: " "; background: var(--bs-primary); display: inline-block; position: absolute; margin-top: 0.3rem; border-radius: 50%; border: 3px solid #dee2e6; right: 1rem; width: 1rem; height: 1rem; z-index: 5; } .timeline-post > li:hover:before { background: var(--bs-primary) !important; } .timeline-post > li a .timeline-date, .timeline-post > li a .timeline-title { padding-right: 1.5rem; } .timeline-post > li a .timeline-date:hover, .timeline-post > li a .timeline-title:hover { color: var(--bs-primary) !important; } /*------------------------------------ Widget ------------------------------------*/ .widget-title { text-transform: uppercase; margin-bottom: 1rem; padding: 0.5rem 0; } .widget ul, .widget ol { padding-right: 0; list-style: none; } .widget ul li, .widget ol li { margin-bottom: 0.5rem; } .widget ul li a, .widget ol li a { color: var(--bs-body-color); } .widget ul li a.url, .widget ol li a.url { color: var(--bs-link-color); font-style: italic; } .widget ul li a:hover, .widget ol li a:hover { color: var(--bs-link-color); } .widget ul li a.active:hover, .widget ol li a.active:hover { color: var(--bs-white); } .widget ul.no-mb li, .widget ol.no-mb li { margin-bottom: -1px; } .widget ul.custom-category li, .widget ol.custom-category li { margin-bottom: 0; } .footer-dark .widget ul li a, .footer-dark .widget ol li a { color: var(--bs-gray-300); } .footer-dark .widget ul li a.url, .footer-dark .widget ol li a.url { color: var(--bs-link-color); font-style: italic; } .footer-dark .widget ul li a:hover, .footer-dark .widget ol li a:hover { color: var(--bs-link-color); } .tagcloud li { display: inline; } .instagram-horizontal { overflow-x: hidden; } /*------------------------------------ Progress bars ------------------------------------*/ #progress-bar { z-index: 2000; background: rgba(255, 255, 255, 0.5); position: fixed; right: 0; top: 0; width: 100%; border: none; } .progress-one { height: 2px; } .progress-two { height: 4px; } .progress-three { height: 5px; } progress { color: var(--bs-primary); } progress::-webkit-progress-value, progress::-moz-progress-bar, progress::-webkit-progress-value, progress::-webkit-progress-bar { background: var(--bs-primary); } /*------------------------------------ Background images ------------------------------------*/ .boxed .bg-image, .framed .bg-image { top: 0; right: 0; z-index: 0; overflow: hidden; width: 100%; height: 100%; } .bg-cover .bg-image, .bg-cover2 .bg-image, .bg-cover3 .bg-image { background-color: var(--bs-body-bg); position: fixed; background-repeat: no-repeat; background-size: cover; } .bg-repeat .bg-image, .bg-repeat2 .bg-image, .bg-repeat3 .bg-image { background-color: var(--bs-white); position: fixed; background-repeat: repeat; } .bg-cover .bg-image { background-image: url(../img/background/bg1.jpg); } .bg-cover2 .bg-image { background-image: url(../img/background/bg2.jpg); } .bg-cover3 .bg-image { background-image: url(../img/background/bg3.jpg); } .bg-repeat .bg-image { background-image: url(../img/background/pattern1.png); } .bg-repeat2 .bg-image { background-image: url(../img/background/pattern2.png); } .bg-repeat3 .bg-image { background-image: url(../img/background/pattern3.png); } .bg-pattern-repeat { background: #f8f9fa url(../img/background/pattern4.png) repeat; } /*------------------------------------ Background Shadow ------------------------------------*/ .bg-shadow { background: -webkit-gradient(linear, right top, right bottom, from(rgba(179, 171, 171, 0)), color-stop(49%, rgba(48, 48, 48, 0.71)), to(rgba(19, 19, 19, 0.8))); background: linear-gradient(to bottom, rgba(179, 171, 171, 0) 0%, rgba(48, 48, 48, 0.71) 49%, rgba(19, 19, 19, 0.8) 100%); } .bg-lg-shadow { background: -webkit-gradient(linear, right top, right bottom, from(rgba(16, 11, 11, 0)), color-stop(49%, rgba(0, 0, 0, 0.67)), to(rgba(19, 19, 19, 0.88))); background: linear-gradient(to bottom, rgba(16, 11, 11, 0) 0%, rgba(0, 0, 0, 0.67) 49%, rgba(19, 19, 19, 0.88) 100%); } .bg-shadow-two { background: rgba(53, 53, 53, 0.75); } .bg-full-shadow { position: absolute; background: var(--bs-black); top: 0; right: 0; width: 100%; height: 100%; opacity: 0.6; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; z-index: 2; } /*------------------------------------ Video Background ------------------------------------*/ .background-video { position: relative; background-color: #000; height: 75vh; min-height: 25rem; width: 100%; overflow: hidden; } .background-video iframe { position: absolute; top: 50%; right: 50%; min-width: 100%; min-height: 100%; z-index: 0; -webkit-transform: translateX(50%) translateY(-50%); transform: translateX(50%) translateY(-50%); } .background-video video { width: auto; height: auto; } .background-video .video-youtube-area { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .background-video .container { position: relative; z-index: 2; } .background-video .overlay { position: absolute; top: 0; right: 0; height: 100%; width: 100%; background-color: var(--bs-black); opacity: 0.5; z-index: 1; } .mini-line { margin: 1rem auto; width: 6rem; border-top: var(--bs-primary) 3px solid; } @media (max-width: 575.98px) { .background-video { height: 30vh; min-height: 0; } } @media (min-width: 576px) { .background-video { height: 40vh; min-height: 20rem; } } @media (min-width: 768px) { .background-video { height: 50vh; min-height: 20rem; } } @media (min-width: 992px) { .background-video { height: 75vh; min-height: 25rem; } } /*------------------------------------ Hover ------------------------------------*/ .hover-show { opacity: 0; } .hover-a:hover a.h1, .hover-a:hover a.h2, .hover-a:hover a.h3, .hover-a:hover a.h4, .hover-a:hover a.h5, .hover-a:hover a.h6 { color: var(--bs-link-color); } .hover-a:hover h1 > a, .hover-a:hover h2 > a, .hover-a:hover h3 > a, .hover-a:hover h4 > a, .hover-a:hover h5 > a, .hover-a:hover h6 > a, .hover-a:hover .h1 > a, .hover-a:hover .h2 > a, .hover-a:hover .h3 > a, .hover-a:hover .h4 > a, .hover-a:hover .h5 > a, .hover-a:hover .h6 > a, .hover-a:hover p > a { color: var(--bs-link-color); } .hover-a:hover .bg-full-shadow { opacity: 0.5; } .hover-a:hover .hover-block, .hover-a:hover .hover-show, .hover-a:hover .caret-up img, .hover-a:hover .caret-down img, .hover-a:hover .caret-right img, .hover-a:hover .caret-left img, .hover-a:hover img.card-avatar, .hover-a:hover .fa-stack-sea { opacity: 1; } .hover-a:hover .hover-hide { opacity: 0; } .hover-a li:hover a { color: var(--bs-link-color); } .hover-a li:hover a.h6 { color: var(--bs-link-color); } .hover-zoomin img { opacity: 1; transition: opacity 1s, -webkit-transform 1s; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s; } .hover-zoomin:hover img { opacity: 0.9; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .fa-stack-sea { opacity: 0.7; background-color: var(--bs-white); border: var(--bs-primary) 3px solid; border-radius: 3rem; display: inline-block; height: 2.5em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-sea.stack-2x { padding: 0.8rem; height: 4rem; width: 4rem; } .hover-block { opacity: 0; } a:hover { color: var(--bs-link-color); } h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover, .h1 > a:hover, .h2 > a:hover, .h3 > a:hover, .h4 > a:hover, .h5 > a:hover, .h6 > a:hover { color: var(--bs-link-color); } .hover-link li a:hover { background-color: #f8f9fa; } .cursor-pointer { cursor: pointer; } .rotate-45 { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .rotate-n45 { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .rotate-90 { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .rotate-n90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .rotate-180 { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .rotate-n180 { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rotate-270 { -webkit-transform: rotate(-270deg); transform: rotate(-270deg); } .rotate-n270 { -webkit-transform: rotate(270deg); transform: rotate(270deg); } /*------------------------------------ Zoom ------------------------------------*/ .overflow { position: relative; overflow: hidden; } .overflow img { position: relative; display: block; } .overflow video { position: relative; display: block; } .zoom img { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .zoom video { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .zoom:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .zoom:hover video { -webkit-transform: scale(1.1); transform: scale(1.1); } /*------------------------------------ Typograpy ------------------------------------*/ .h1 { font-size: 1.5rem; } .h2 { font-size: 1.375rem; } .h3 { font-size: 1.25rem; } .h4 { font-size: 1.125rem; } .h5 { font-size: 1rem; } .h6 { font-size: 0.875rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 3.6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 2.4rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 2rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 1.8rem; font-weight: 300; line-height: 1.2; } @media (min-width: 576px) { .h1-sm { font-size: 1.5rem; } .h2-sm { font-size: 1.375rem; } .h3-sm { font-size: 1.25rem; } .h4-sm { font-size: 1.125rem; } .h5-sm { font-size: 1rem; } .h6-sm { font-size: 0.875rem; } .lead-sm { font-size: 1.25rem; font-weight: 300; } .display-1-sm { font-size: 3.6rem; font-weight: 300; line-height: 1.2; } .display-2-sm { font-size: 2.4rem; font-weight: 300; line-height: 1.2; } .display-3-sm { font-size: 2rem; font-weight: 300; line-height: 1.2; } .display-4-sm { font-size: 1.8rem; font-weight: 300; line-height: 1.2; } } @media (min-width: 768px) { .h1-md { font-size: 1.5rem; } .h2-md { font-size: 1.375rem; } .h3-md { font-size: 1.25rem; } .h4-md { font-size: 1.125rem; } .h5-md { font-size: 1rem; } .h6-md { font-size: 0.875rem; } .lead-md { font-size: 1.25rem; font-weight: 300; } .display-1-md { font-size: 3.6rem; font-weight: 300; line-height: 1.2; } .display-2-md { font-size: 2.4rem; font-weight: 300; line-height: 1.2; } .display-3-md { font-size: 2rem; font-weight: 300; line-height: 1.2; } .display-4-md { font-size: 1.8rem; font-weight: 300; line-height: 1.2; } } @media (min-width: 992px) { .h1-lg { font-size: 1.5rem; } .h2-lg { font-size: 1.375rem; } .h3-lg { font-size: 1.25rem; } .h4-lg { font-size: 1.125rem; } .h5-lg { font-size: 1rem; } .h6-lg { font-size: 0.875rem; } .lead-lg { font-size: 1.25rem; font-weight: 300; } .display-1-lg { font-size: 3.6rem; font-weight: 300; line-height: 1.2; } .display-2-lg { font-size: 2.4rem; font-weight: 300; line-height: 1.2; } .display-3-lg { font-size: 2rem; font-weight: 300; line-height: 1.2; } .display-4-lg { font-size: 1.8rem; font-weight: 300; line-height: 1.2; } } @media (min-width: 1200px) { .h1-xl { font-size: 1.5rem; } .h2-xl { font-size: 1.375rem; } .h3-xl { font-size: 1.25rem; } .h4-xl { font-size: 1.125rem; } .h5-xl { font-size: 1rem; } .h6-xl { font-size: 0.875rem; } .lead-xl { font-size: 1.25rem; font-weight: 300; } .display-1-xl { font-size: 3.6rem; font-weight: 300; line-height: 1.2; } .display-2-xl { font-size: 2.4rem; font-weight: 300; line-height: 1.2; } .display-3-xl { font-size: 2rem; font-weight: 300; line-height: 1.2; } .display-4-xl { font-size: 1.8rem; font-weight: 300; line-height: 1.2; } } .text-center-down { text-align: center; } @media (max-width: 575.98px) { .text-center-sm-down { text-align: center; } } @media (max-width: 767.98px) { .text-center-md-down { text-align: center; } } @media (max-width: 991.98px) { .text-center-lg-down { text-align: center; } } @media (max-width: 1199.98px) { .text-center-xl-down { text-align: center; } } /*------------------------------------ Gradient images efect ------------------------------------*/ .gradient > a:after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0.6; display: block; } .gradient-1 > a:after { background: linear-gradient(-45deg, #211d6b 0, #ce381c 100%); } .gradient-2 > a:after { background: linear-gradient(-45deg, #18256f 0, #1fe6e4 100%); } .gradient-3 > a:after { background: linear-gradient(-45deg, #187957 0, #52e253 100%); } .gradient-4 > a:after { background: linear-gradient(-45deg, #9a8700 0, #dbff16 100%); } .gradient-5 > a:after { background: linear-gradient(-45deg, #971d7d 0, #f93c3c 100%); } .gradient-6 > a:after { background: linear-gradient(-45deg, #97931d 0, #0889bb 100%); } /*------------------------------------ Box Shadow ------------------------------------*/ .shadow-lrb-lg { -webkit-box-shadow: 0 0.4rem 2.2rem 0 rgba(27, 30, 36, 0.1); box-shadow: 0 0.4rem 2.2rem 0 rgba(27, 30, 36, 0.1); } .shadow-lrb-sm { -webkit-box-shadow: 0 0.1rem 0.6rem 0 rgba(27, 30, 36, 0.1); box-shadow: 0 0.1rem 0.6rem 0 rgba(27, 30, 36, 0.1); } .shadow-b { -webkit-box-shadow: 0 0.5rem 1rem -0.5rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 1rem -0.5rem rgba(0, 0, 0, 0.1); } .shadow-b-sm { -webkit-box-shadow: 0 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.1); } .shadow-t { -webkit-box-shadow: 0 -0.5rem 1rem -0.5rem rgba(0, 0, 0, 0.1); box-shadow: 0 -0.5rem 1rem -0.5rem rgba(0, 0, 0, 0.1); } .shadow-r { -webkit-box-shadow: -0.5rem 0 1rem -0.5rem rgba(0, 0, 0, 0.1); box-shadow: -0.5rem 0 1rem -0.5rem rgba(0, 0, 0, 0.1); } .shadow-l { -webkit-box-shadow: 0.5rem 0 1rem -0.5rem rgba(0, 0, 0, 0.1); box-shadow: 0.5rem 0 1rem -0.5rem rgba(0, 0, 0, 0.1); } .no-shadow { -webkit-box-shadow: none !important; box-shadow: none !important; } [data-bs-theme=dark] { --bs-body-color: var(--bs-gray-300); --bs-body-bg: var(--bs-gray-900); --bs-border-color: var(--bs-gray-700); --bs-border-width: 1px; --bs-border-style: solid; } [data-bs-theme=dark] p { color: var(--bs-gray-500); } [data-bs-theme=dark] h1 > a, [data-bs-theme=dark] h2 > a, [data-bs-theme=dark] h3 > a, [data-bs-theme=dark] h4 > a, [data-bs-theme=dark] h5 > a, [data-bs-theme=dark] h6 > a, [data-bs-theme=dark] .h1 > a, [data-bs-theme=dark] .h2 > a, [data-bs-theme=dark] .h3 > a, [data-bs-theme=dark] .h4 > a, [data-bs-theme=dark] .h5 > a, [data-bs-theme=dark] .h6 > a { color: var(--bs-gray-100); } [data-bs-theme=dark] .form-control, [data-bs-theme=dark] .form-check-input, [data-bs-theme=dark] input:not([type=submit]), [data-bs-theme=dark] select, [data-bs-theme=dark] textarea { color: var(--bs-gray-300); background-color: var(--bs-black); border: 1px solid var(--bs-border-color); } [data-bs-theme=dark] .bg-light-dark { background-color: var(--bs-gray-900) !important; } [data-bs-theme=dark] .bg-light-black { background-color: var(--bs-black) !important; } [data-bs-theme=dark] .text-dark-light { color: var(--bs-gray-300) !important; } [data-bs-theme=dark] .bg-themes { background: var(--bs-black) !important; } [data-bs-theme=dark] .bg-white .mobile-copyright p { color: var(--bs-gray-700); } [data-bs-theme=dark] .boxed .wrapper { -webkit-box-shadow: 0 0 3px var(--bs-gray-900); box-shadow: 0 0 3px var(--bs-gray-900); background-color: var(--bs-gray-900); } [data-bs-theme=dark] .framed main, [data-bs-theme=dark] .framed .second-header, [data-bs-theme=dark] .framed .bg-nav-framed { background-color: rgba(0, 0, 0, 0.6); } [data-bs-theme=dark] .bg-image { background-color: var(--bs-body-bg); } [data-bs-theme=dark] .nav-tabs { --bs-nav-tabs-border-color: var(--bs-border-color); } [data-bs-theme=dark] .card { --bs-card-bg: var(--bs-body-bg); --bs-border-color-translucent: var(--bs-border-color); } [data-bs-theme=dark] .navbar-light { --bs-border-color: var(--bs-gray-300); } [data-bs-theme=dark] .navbar-light h1, [data-bs-theme=dark] .navbar-light h2, [data-bs-theme=dark] .navbar-light h3, [data-bs-theme=dark] .navbar-light h4, [data-bs-theme=dark] .navbar-light h5, [data-bs-theme=dark] .navbar-light h6, [data-bs-theme=dark] .navbar-light .h1, [data-bs-theme=dark] .navbar-light .h2, [data-bs-theme=dark] .navbar-light .h3, [data-bs-theme=dark] .navbar-light .h4, [data-bs-theme=dark] .navbar-light .h5, [data-bs-theme=dark] .navbar-light .h6 { color: var(--bs-gray-900); } [data-bs-theme=dark] .navbar-light h1 > a, [data-bs-theme=dark] .navbar-light h2 > a, [data-bs-theme=dark] .navbar-light h3 > a, [data-bs-theme=dark] .navbar-light h4 > a, [data-bs-theme=dark] .navbar-light h5 > a, [data-bs-theme=dark] .navbar-light h6 > a, [data-bs-theme=dark] .navbar-light .h1 > a, [data-bs-theme=dark] .navbar-light .h2 > a, [data-bs-theme=dark] .navbar-light .h3 > a, [data-bs-theme=dark] .navbar-light .h4 > a, [data-bs-theme=dark] .navbar-light .h5 > a, [data-bs-theme=dark] .navbar-light .h6 > a { color: var(--bs-gray-900); } [data-bs-theme=dark] .navbar-light p { color: var(--bs-gray-700); } [data-bs-theme=dark] .navbar-light .hover-a:hover a { color: var(--bs-link-color); } [data-bs-theme=dark] .navbar-light .form-control { --bs-body-color: var(--bs-gray-700); color: var(--bs-gray-700); background-color: transparent; border: none; } [data-bs-theme=dark] .navbar-light .icones { color: var(--bs-gray-700); } [data-bs-theme=dark] .navbar-light .icon-comments:after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23495057' viewBox='0 0 16 16'%3e%3cpath d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4.414a1 1 0 0 0-.707.293L.854 15.146A.5.5 0 0 1 0 14.793V2zm7.194 2.766a1.688 1.688 0 0 0-.227-.272 1.467 1.467 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 5.734 4C4.776 4 4 4.746 4 5.667c0 .92.776 1.666 1.734 1.666.343 0 .662-.095.931-.26-.137.389-.39.804-.81 1.22a.405.405 0 0 0 .011.59c.173.16.447.155.614-.01 1.334-1.329 1.37-2.758.941-3.706a2.461 2.461 0 0 0-.227-.4zM11 7.073c-.136.389-.39.804-.81 1.22a.405.405 0 0 0 .012.59c.172.16.446.155.613-.01 1.334-1.329 1.37-2.758.942-3.706a2.466 2.466 0 0 0-.228-.4 1.686 1.686 0 0 0-.227-.273 1.466 1.466 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 10.07 4c-.957 0-1.734.746-1.734 1.667 0 .92.777 1.666 1.734 1.666.343 0 .662-.095.931-.26z'/%3e%3c/svg%3e"); } [data-bs-theme=dark] .navbar-dark .search-menu input[type=text] { background-color: transparent; border: none; } [data-bs-theme=dark] .navbar-dark .search-menu input[type=text]:focus { background-color: var(--bs-black); border: var(--bs-border-color) 1px solid; } [data-bs-theme=dark] .sidenav-menu .navbar-dark .dropdown-menu { --bs-dropdown-padding-y: 0; } [data-bs-theme=dark] .footer-light { --bs-body-color: var(--bs-gray-700); } [data-bs-theme=dark] .footer-light p { color: var(--bs-gray-700); } [data-bs-theme=dark] .footer-light h1, [data-bs-theme=dark] .footer-light h2, [data-bs-theme=dark] .footer-light h3, [data-bs-theme=dark] .footer-light h4, [data-bs-theme=dark] .footer-light h5, [data-bs-theme=dark] .footer-light h6, [data-bs-theme=dark] .footer-light .h1, [data-bs-theme=dark] .footer-light .h2, [data-bs-theme=dark] .footer-light .h3, [data-bs-theme=dark] .footer-light .h4, [data-bs-theme=dark] .footer-light .h5, [data-bs-theme=dark] .footer-light .h6 { color: var(--bs-gray-900); } [data-bs-theme=dark] .footer-light h1 > a, [data-bs-theme=dark] .footer-light h2 > a, [data-bs-theme=dark] .footer-light h3 > a, [data-bs-theme=dark] .footer-light h4 > a, [data-bs-theme=dark] .footer-light h5 > a, [data-bs-theme=dark] .footer-light h6 > a, [data-bs-theme=dark] .footer-light .h1 > a, [data-bs-theme=dark] .footer-light .h2 > a, [data-bs-theme=dark] .footer-light .h3 > a, [data-bs-theme=dark] .footer-light .h4 > a, [data-bs-theme=dark] .footer-light .h5 > a, [data-bs-theme=dark] .footer-light .h6 > a { color: var(--bs-gray-900); } [data-bs-theme=dark] .footer-light .hover-a:hover a { color: var(--bs-link-color); } [data-bs-theme=dark] .breaking-box .flickity-button { color: var(--bs-body-color); } [data-bs-theme=dark] .pagination { --bs-pagination-color: var(--bs-primary); --bs-pagination-bg: var(--bs-gray-900); --bs-pagination-border-color: var(--bs-border-color); --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-hover-bg: var(--bs-gray-800); --bs-pagination-hover-border-color: var(--bs-gray-800); --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: var(--bs-gray-800); --bs-pagination-active-color: var(--bs-gray-900); --bs-pagination-active-bg: var(--bs-primary); --bs-pagination-active-border-color: var(--bs-primary); --bs-pagination-disabled-bg: var(--bs-gray-900); --bs-pagination-disabled-border-color: var(--bs-gray-800); } [data-bs-theme=dark] .back-top { background: var(--bs-dark); color: var(--bs-light) !important; } [data-bs-theme=dark] .post-content { --bs-post-color: var(--bs-gray-400); } [data-bs-theme=dark] .post-content p { --bs-post-color: var(--bs-gray-400); } [data-bs-theme=dark] .post-content pre { background-color: var(--bs-black); } [data-bs-theme=dark] .u-blockquote, [data-bs-theme=dark] .wp-block-quote { background: var(--bs-black); } [data-bs-theme=dark] .icon-comments:after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23e9ecef' viewBox='0 0 16 16'%3e%3cpath d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4.414a1 1 0 0 0-.707.293L.854 15.146A.5.5 0 0 1 0 14.793V2zm7.194 2.766a1.688 1.688 0 0 0-.227-.272 1.467 1.467 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 5.734 4C4.776 4 4 4.746 4 5.667c0 .92.776 1.666 1.734 1.666.343 0 .662-.095.931-.26-.137.389-.39.804-.81 1.22a.405.405 0 0 0 .011.59c.173.16.447.155.614-.01 1.334-1.329 1.37-2.758.941-3.706a2.461 2.461 0 0 0-.227-.4zM11 7.073c-.136.389-.39.804-.81 1.22a.405.405 0 0 0 .012.59c.172.16.446.155.613-.01 1.334-1.329 1.37-2.758.942-3.706a2.466 2.466 0 0 0-.228-.4 1.686 1.686 0 0 0-.227-.273 1.466 1.466 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 10.07 4c-.957 0-1.734.746-1.734 1.667 0 .92.777 1.666 1.734 1.666.343 0 .662-.095.931-.26z'/%3e%3c/svg%3e"); opacity: 0.7; } [data-bs-theme=dark] .before-caret-dark a:before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpolyline points='112 184 256 328 400 184' fill='none' stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px'/%3e%3c/svg%3e"); } [data-bs-theme=dark] .card-list li a::before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpolyline points='112 184 256 328 400 184' fill='none' stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px'/%3e%3c/svg%3e"); } [data-bs-theme=dark] .stripe-line { background: url(../img/assets/stripe-dark.png); } [data-bs-theme=dark] .before-arrow-dark li:before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpolyline points='112 184 256 328 400 184' fill='none' stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px'/%3e%3c/svg%3e"); } .text-dark-light { color: var(--bs-gray-700); } .sidenav-menu .navbar-dark .dropdown-menu { --bs-dropdown-bg: var(--bs-dark); } .sidenav-menu .navbar-light .dropdown-menu { --bs-dropdown-bg: var(--bs-white); } .navbar .dropdown-menu[data-bs-popper] { right: inherit; } .navbar-dark { --bs-border-color: var(--bs-gray-700); } .navbar-dark .side-link li a { color: var(--bs-gray-300); } .navbar-dark .side-link li a:hover { color: var(--bs-link-color); } .navbar-dark .icones { color: var(--bs-gray-200); } .footer-dark .before-caret-dark a:before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpolyline points='112 184 256 328 400 184' fill='none' stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px'/%3e%3c/svg%3e"); } /*------------------------------------ Z index ------------------------------------*/ .z-index-5 { z-index: 5; } .z-index-10 { z-index: 10; } .z-index-20 { z-index: 20; } .z-index-50 { z-index: 50; } .z-index-100 { z-index: 100; } .z-index-500 { z-index: 500; } .z-index-1000 { z-index: 1000; } /*------------------------------------ Font weight ------------------------------------*/ .font-weight-500 { font-weight: 500; } .font-weight-600 { font-weight: 600; } .font-weight-800 { font-weight: 800; } .font-weight-900 { font-weight: 900; } .font-size-1 { font-size: 1rem; } .font-size-2 { font-size: 2rem; } .font-size-3 { font-size: 3rem; } .font-size-4 { font-size: 4rem; } .font-size-5 { font-size: 5rem; } /*------------------------------------ Typograpy ------------------------------------*/ /*extra padding*/ .p-05 { padding: 0.125rem !important; } .px-05, .ps-05 { padding-right: 0.125rem !important; } .px-05, .pe-05 { padding-left: 0.125rem !important; } .py-05, .pt-05 { padding-top: 0.125rem !important; } .py-05, .pb-05 { padding-bottom: 0.125rem !important; } @media (min-width: 576px) { /*extra padding*/ .p-sm-05 { padding: 0.125rem !important; } .px-sm-05, .ps-sm-05 { padding-right: 0.125rem !important; } .px-sm-05, .pe-sm-05 { padding-left: 0.125rem !important; } .py-sm-05, .pt-sm-05 { padding-top: 0.125rem !important; } .py-sm-05, .pb-sm-05 { padding-bottom: 0.125rem !important; } } @media (min-width: 768px) { /*extra padding*/ .p-md-05 { padding: 0.125rem !important; } .px-md-05, .ps-md-05 { padding-right: 0.125rem !important; } .px-md-05, .pe-md-05 { padding-left: 0.125rem !important; } .py-md-05, .pt-md-05 { padding-top: 0.125rem !important; } .py-md-05, .pb-md-05 { padding-bottom: 0.125rem !important; } } @media (min-width: 992px) { /*extra padding*/ .p-lg-05 { padding: 0.125rem !important; } .px-lg-05, .ps-lg-05 { padding-right: 0.125rem !important; } .px-lg-05, .pe-lg-05 { padding-left: 0.125rem !important; } .py-lg-05, .pt-lg-05 { padding-top: 0.125rem !important; } .py-lg-05, .pb-lg-05 { padding-bottom: 0.125rem !important; } } @media (min-width: 1200px) { /*extra padding*/ .p-xl-05 { padding: 0.125rem !important; } .px-xl-05, .ps-xl-05 { padding-right: 0.125rem !important; } .px-xl-05, .pe-xl-05 { padding-left: 0.125rem !important; } .py-xl-05, .pt-xl-05 { padding-top: 0.125rem !important; } .py-xl-05, .pb-xl-05 { padding-bottom: 0.125rem !important; } } .m-module { margin: 2rem; } .mt-module { margin-top: 2rem; } .mr-module { margin-left: 2rem; } .mb-module { margin-bottom: 2rem; } .ml-module { margin-right: 2rem; } .mt-minus { margin-top: -2.5rem; } .mt-minus-sm { margin-top: -1rem; } .mt-minus-md { margin-top: -3rem; } .mt-minus-lg { margin-top: -6rem; } /*------------------------------------ Space ------------------------------------*/ /*top*/ .t-0 { top: 0; } .t-1 { top: 1rem; } .t-2 { top: 2rem; } .t-3 { top: 3rem; } .t-4 { top: 4rem; } /*bottom*/ .b-0 { bottom: 0; } .b-1 { bottom: 1rem; } .b-2 { bottom: 2rem; } .b-3 { bottom: 3rem; } .b-4 { bottom: 4rem; } /*right*/ .r-0 { left: 0; } .r-1 { left: 1rem; } .r-2 { left: 2rem; } .r-3 { left: 3rem; } .r-4 { left: 4rem; } /*left*/ .l-0 { right: 0rem; } .l-1 { right: 1rem; } .l-2 { right: 2rem; } .l-3 { right: 3rem; } .l-4 { right: 4rem; } .no-margin { left: 0; bottom: 0; right: 0; } /*------------------------------------ Space Percent ------------------------------------*/ /*top*/ .top-1 { top: 10%; } .top-2 { top: 20%; } .top-3 { top: 30%; } .top-4 { top: 40%; } .top-5 { top: 50%; } /*bottom*/ .bottom-1 { bottom: 10%; } .bottom-2 { bottom: 20%; } .bottom-3 { bottom: 30%; } .bottom-4 { bottom: 40%; } .bottom-5 { bottom: 50%; } /*right*/ .right-1 { left: 10%; } .right-2 { left: 20%; } .right-3 { left: 30%; } .right-4 { left: 40%; } .right-5 { left: 50%; } /*left*/ .left-1 { right: 10%; } .left-2 { right: 20%; } .left-3 { right: 30%; } .left-4 { right: 40%; } .left-5 { right: 50%; } .h-0 { height: 0; } .gap-0, .gap-05, .gap-075, .gap-1, .gap-15, .gap-2, .gap-25, .gap-3, .gap-4 { width: 100%; clear: both; } .gap-0 { height: 0.1px; } .gap-05 { height: 0.5rem; } .gap-075 { height: 0.75rem; } .gap-1 { height: 1rem; } .gap-15 { height: 1.5rem; } .gap-2 { height: 2rem; } .gap-25 { height: 2.5rem; } .gap-3 { height: 3rem; } .gap-4 { height: 4rem; } /*------------------------------------ Border width ------------------------------------*/ .border-none { border-width: 0 !important; } .border-smooth { border-color: rgba(255, 255, 255, 0.12) !important; } .border-smooth-light { border-color: #ced4da !important; } @media (min-width: 992px) { .border-lg-0 { border-width: 0 !important; } .border-lg-1 { border-width: 1px !important; } } /*------------------------------------ Border Child ------------------------------------*/ .border-top-first-0 > li, .border-top-first-0 > article { border-top: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-top-first-0 > li:first-child, .border-top-first-0 > article:first-child { border-top: none; } .border-top-first-0 > a { border-top: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-top-first-0 > a:first-child { border-top: none; } .border-left-first-0 > li, .border-left-first-0 > article { border-right: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-left-first-0 > li:first-child, .border-left-first-0 > article:first-child { border-right: none; } .border-left-first-0 > a { border-right: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-left-first-0 > a:first-child { border-right: none; } .border-right-last-0 > li, .border-right-last-0 > article { border-left: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-right-last-0 > li:last-child, .border-right-last-0 > article:last-child { border-left: none; } .border-right-last-0 > a { border-left: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-right-last-0 > a:last-child { border-left: none; } .border-bottom-last-0 > li, .border-bottom-last-0 > article { border-bottom: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-bottom-last-0 > li:last-child, .border-bottom-last-0 > article:last-child { border-bottom: none; } .border-bottom-last-0 > a { border-bottom: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-bottom-last-0 > a:last-child { border-bottom: none; } .hr-after { background: #1b1b1b; height: 1px; width: 5rem; } .border-top-first-0 > li, .border-top-first-0 > article { border-top: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-top-first-0 > li:first-child, .border-top-first-0 > article:first-child { border-top: none; } .border-top-first-0 > a { border-top: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-top-first-0 > a:first-child { border-top: none; } .border-left-first-0 > li, .border-left-first-0 > article { border-right: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-left-first-0 > li:first-child, .border-left-first-0 > article:first-child { border-right: none; } .border-left-first-0 > a { border-right: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-left-first-0 > a:first-child { border-right: none; } .border-right-last-0 > li, .border-right-last-0 > article { border-left: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-right-last-0 > li:last-child, .border-right-last-0 > article:last-child { border-left: none; } .border-right-last-0 > a { border-left: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-right-last-0 > a:last-child { border-left: none; } .border-bottom-last-0 > li, .border-bottom-last-0 > article { border-bottom: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-bottom-last-0 > li:last-child, .border-bottom-last-0 > article:last-child { border-bottom: none; } .border-bottom-last-0 > a { border-bottom: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-bottom-last-0 > a:last-child { border-bottom: none; } @media (min-width: 576px) { .border-top-first-sm-0 > li, .border-top-first-sm-0 > article { border-top: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-top-first-sm-0 > li:first-child, .border-top-first-sm-0 > article:first-child { border-top: none; } .border-top-first-sm-0 > a { border-top: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-top-first-sm-0 > a:first-child { border-top: none; } .border-left-first-sm-0 > li, .border-left-first-sm-0 > article { border-right: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-left-first-sm-0 > li:first-child, .border-left-first-sm-0 > article:first-child { border-right: none; } .border-left-first-sm-0 > a { border-right: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-left-first-sm-0 > a:first-child { border-right: none; } .border-right-last-sm-0 > li, .border-right-last-sm-0 > article { border-left: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-right-last-sm-0 > li:last-child, .border-right-last-sm-0 > article:last-child { border-left: none; } .border-right-last-sm-0 > a { border-left: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-right-last-sm-0 > a:last-child { border-left: none; } .border-bottom-last-sm-0 > li, .border-bottom-last-sm-0 > article { border-bottom: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-bottom-last-sm-0 > li:last-child, .border-bottom-last-sm-0 > article:last-child { border-bottom: none; } .border-bottom-last-sm-0 > a { border-bottom: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-bottom-last-sm-0 > a:last-child { border-bottom: none; } } @media (min-width: 768px) { .border-top-first-md-0 > li, .border-top-first-md-0 > article { border-top: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-top-first-md-0 > li:first-child, .border-top-first-md-0 > article:first-child { border-top: none; } .border-top-first-md-0 > a { border-top: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-top-first-md-0 > a:first-child { border-top: none; } .border-left-first-md-0 > li, .border-left-first-md-0 > article { border-right: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-left-first-md-0 > li:first-child, .border-left-first-md-0 > article:first-child { border-right: none; } .border-left-first-md-0 > a { border-right: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-left-first-md-0 > a:first-child { border-right: none; } .border-right-last-md-0 > li, .border-right-last-md-0 > article { border-left: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-right-last-md-0 > li:last-child, .border-right-last-md-0 > article:last-child { border-left: none; } .border-right-last-md-0 > a { border-left: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-right-last-md-0 > a:last-child { border-left: none; } .border-bottom-last-md-0 > li, .border-bottom-last-md-0 > article { border-bottom: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-bottom-last-md-0 > li:last-child, .border-bottom-last-md-0 > article:last-child { border-bottom: none; } .border-bottom-last-md-0 > a { border-bottom: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-bottom-last-md-0 > a:last-child { border-bottom: none; } } @media (min-width: 992px) { .border-top-first-lg-0 > li, .border-top-first-lg-0 > article { border-top: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-top-first-lg-0 > li:first-child, .border-top-first-lg-0 > article:first-child { border-top: none; } .border-top-first-lg-0 > a { border-top: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-top-first-lg-0 > a:first-child { border-top: none; } .border-left-first-lg-0 > li, .border-left-first-lg-0 > article { border-right: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-left-first-lg-0 > li:first-child, .border-left-first-lg-0 > article:first-child { border-right: none; } .border-left-first-lg-0 > a { border-right: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-left-first-lg-0 > a:first-child { border-right: none; } .border-right-last-lg-0 > li, .border-right-last-lg-0 > article { border-left: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-right-last-lg-0 > li:last-child, .border-right-last-lg-0 > article:last-child { border-left: none; } .border-right-last-lg-0 > a { border-left: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-right-last-lg-0 > a:last-child { border-left: none; } .border-bottom-last-lg-0 > li, .border-bottom-last-lg-0 > article { border-bottom: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-bottom-last-lg-0 > li:last-child, .border-bottom-last-lg-0 > article:last-child { border-bottom: none; } .border-bottom-last-lg-0 > a { border-bottom: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-bottom-last-lg-0 > a:last-child { border-bottom: none; } } @media (min-width: 1200px) { .border-top-first-xl-0 > li, .border-top-first-xl-0 > article { border-top: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-top-first-xl-0 > li:first-child, .border-top-first-xl-0 > article:first-child { border-top: none; } .border-top-first-xl-0 > a { border-top: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-top-first-xl-0 > a:first-child { border-top: none; } .border-left-first-xl-0 > li, .border-left-first-xl-0 > article { border-right: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-left-first-xl-0 > li:first-child, .border-left-first-xl-0 > article:first-child { border-right: none; } .border-left-first-xl-0 > a { border-right: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-left-first-xl-0 > a:first-child { border-right: none; } .border-right-last-xl-0 > li, .border-right-last-xl-0 > article { border-left: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-right-last-xl-0 > li:last-child, .border-right-last-xl-0 > article:last-child { border-left: none; } .border-right-last-xl-0 > a { border-left: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-right-last-xl-0 > a:last-child { border-left: none; } .border-bottom-last-xl-0 > li, .border-bottom-last-xl-0 > article { border-bottom: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-bottom-last-xl-0 > li:last-child, .border-bottom-last-xl-0 > article:last-child { border-bottom: none; } .border-bottom-last-xl-0 > a { border-bottom: var(--bs-border-color) var(--bs-border-width) var(--bs-border-style); } .border-bottom-last-xl-0 > a:last-child { border-bottom: none; } } /*------------------------------------ Mobile screen ------------------------------------*/ @media (max-width: 767.98px) { .container { max-width: 100%; } } @media (max-width: 575.98px) { .w-100-mobile { width: 100% !important; } } /*------------------------------------ Insert Your Custom SCSS ------------------------------------*/ /*# sourceMappingURL=theme-rtl.css.map */
✅ File saved successfully!